diff --git a/.docker/nginx.conf b/.docker/nginx.conf
index 05516e318b..08e7b64603 100644
--- a/.docker/nginx.conf
+++ b/.docker/nginx.conf
@@ -10,7 +10,10 @@ upstream php-pimcore11 {
 server {
     listen [::]:80 default_server;
     listen 80 default_server;
-    
+
+    fastcgi_buffer_size 128k;
+    fastcgi_buffers 8 256k;
+    fastcgi_busy_buffers_size 256k;
     #server_name pimcore.localhost;
     
     root /var/www/html/public;
@@ -50,6 +53,21 @@ server {
     #   return 403;
     # }
 
+    # Mercure Hub Proxy für SSE (Server-Sent Events)
+    # /hub/.well-known/mercure -> http://mercure/.well-known/mercure
+    location /hub/ {
+        rewrite ^/hub/(.*)$ /$1 break;
+        proxy_pass http://mercure;
+        proxy_read_timeout 24h;
+        proxy_http_version 1.1;
+        proxy_set_header Connection "";
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Host $host;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_buffering off;
+        proxy_cache off;
+    }
+
     # Pimcore Head-Link Cache-Busting
     rewrite ^/cache-buster-(?:\d+)/(.*) /$1 last;
 
diff --git a/.github/workflows/behat.yml b/.github/workflows/behat.yml
index 78f0c8f272..9c8cf23942 100644
--- a/.github/workflows/behat.yml
+++ b/.github/workflows/behat.yml
@@ -9,7 +9,7 @@ on:
       - '*.php'
       - 'src/**'
       - '.github/workflows/behat.yml'
-  pull_request:
+  pull_request_target:
     branches: [ '5.0', 'next' ]
     paths:
       - 'composer.json'
@@ -70,6 +70,17 @@ jobs:
         ports:
           - 3306:3306
         options: --health-cmd="mysqladmin ping" --health-interval=10s --health-timeout=5s --health-retries=3
+
+      opensearch:
+        image: "opensearchproject/opensearch:2.11.1"
+        env:
+          discovery.type: single-node
+          plugins.security.disabled: "true"
+          OPENSEARCH_JAVA_OPTS: "-Xms512m -Xmx512m"
+          action.auto_create_index: "false"
+        ports:
+          - 9200:9200
+
     name: "${{ matrix.pimcore }}, PHP ${{ matrix.php }}, Deps ${{ matrix.dependencies }}"
 
     steps:
@@ -126,9 +137,32 @@ jobs:
       - name: Assets Install
         run: bin/console assets:install --symlink
 
+      - name: Configure OpenSearch Client
+        run: |
+          mkdir -p config/local
+          cat > config/local/opensearch.yaml << 'EOF'
+          pimcore_open_search_client:
+            clients:
+              default:
+                hosts: ['http://127.0.0.1:9200']
+                ssl_verification: false
+          EOF
+
       - name: Install Pimcore
         run: PIMCORE_KERNEL_CLASS=Kernel vendor/bin/pimcore-install --env=test --skip-database-config
 
+      - name: Install Pimcore Bundles
+        run: |
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreApplicationLoggerBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreCustomReportsBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreGenericDataIndexBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreGenericExecutionEngineBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreSimpleBackendSearchBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreStudioBackendBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreStudioUiBundle
+          bin/console pimcore:deployment:classes-rebuild --force --create-classes
+          bin/console generic-data-index:update:index -r
+
       - name: Install CoreShop
         run: |
           bin/console coreshop:install
diff --git a/.github/workflows/behat_ui.yml b/.github/workflows/behat_ui.yml
index d973cdf0f9..928775ce78 100644
--- a/.github/workflows/behat_ui.yml
+++ b/.github/workflows/behat_ui.yml
@@ -9,7 +9,7 @@ on:
       - '*.php'
       - 'src/**'
       - '.github/workflows/behat_ui.yml'
-  pull_request:
+  pull_request_target:
     branches: [ '5.0', 'next' ]
     paths:
       - 'composer.json'
@@ -71,6 +71,17 @@ jobs:
         ports:
           - 3306:3306
         options: --health-cmd="mysqladmin ping" --health-interval=10s --health-timeout=5s --health-retries=3
+
+      opensearch:
+        image: "opensearchproject/opensearch:2.11.1"
+        env:
+          discovery.type: single-node
+          plugins.security.disabled: "true"
+          OPENSEARCH_JAVA_OPTS: "-Xms512m -Xmx512m"
+          action.auto_create_index: "false"
+        ports:
+          - 9200:9200
+
     name: "${{ matrix.pimcore }}, PHP ${{ matrix.php }}, Deps ${{ matrix.dependencies }}"
 
     steps:
@@ -132,9 +143,32 @@ jobs:
       - name: Assets Install
         run: bin/console assets:install --symlink
 
+      - name: Configure OpenSearch Client
+        run: |
+          mkdir -p config/local
+          cat > config/local/opensearch.yaml << 'EOF'
+          pimcore_open_search_client:
+            clients:
+              default:
+                hosts: ['http://127.0.0.1:9200']
+                ssl_verification: false
+          EOF
+
       - name: Install Pimcore
         run: PIMCORE_KERNEL_CLASS=Kernel vendor/bin/pimcore-install --env=test --skip-database-config
 
+      - name: Install Pimcore Bundles
+        run: |
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreApplicationLoggerBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreCustomReportsBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreGenericDataIndexBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreGenericExecutionEngineBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreSimpleBackendSearchBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreStudioBackendBundle
+          bin/console pimcore:bundle:install --no-post-change-commands PimcoreStudioUiBundle
+          bin/console pimcore:deployment:classes-rebuild --force --create-classes
+          bin/console generic-data-index:update:index -r
+
       - name: Install CoreShop
         run: |
           bin/console coreshop:install
diff --git a/.github/workflows/codestyles.yml b/.github/workflows/codestyles.yml
index 32bd4eb005..08811b56c4 100644
--- a/.github/workflows/codestyles.yml
+++ b/.github/workflows/codestyles.yml
@@ -37,7 +37,7 @@ jobs:
         uses: peter-evans/create-pull-request@v4
         with:
           commit-message: '[CS] Refactor'
-          author: CoreShop <info@coreshop.org>
+          author: CoreShop <info@coreshop.com>
           title: '[CS] Refactor'
           body: |
             This PR has been generated automatically to fix code-styles
diff --git a/.github/workflows/frontend-build.yaml b/.github/workflows/frontend-build.yaml
new file mode 100644
index 0000000000..e54f247f09
--- /dev/null
+++ b/.github/workflows/frontend-build.yaml
@@ -0,0 +1,52 @@
+name: CoreShop Studio Frontend Build
+
+on:
+  push:
+    branches: [ '4.0', '4.1', '5.0', 'next', 'studiov2' ]
+  pull_request_target:
+    branches: [ '4.0', '4.1', '5.0', 'next', 'studiov2' ]
+
+jobs:
+  frontend-build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'npm'
+
+      - name: Cache Rsbuild build cache
+        uses: actions/cache@v4
+        with:
+          path: node_modules/.cache/rsbuild
+          key: rsbuild-${{ hashFiles('package-lock.json') }}-${{ github.sha }}
+          restore-keys: |
+            rsbuild-${{ hashFiles('package-lock.json') }}-
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Type check
+        run: npm run check-types
+
+      - name: Build changed bundles
+        if: github.event_name == 'pull_request'
+        run: npm run build -- --changed-only
+
+      - name: Build all bundles
+        if: github.event_name == 'push'
+        run: npm run build
+
+      - name: Commit built assets
+        if: github.event_name == 'push'
+        uses: stefanzweifel/git-auto-commit-action@v5
+        with:
+          commit_message: "🚀 Build CoreShop Studio bundles [skip ci]"
+          file_pattern: "src/CoreShop/Bundle/*/Resources/public/studio/*/**"
diff --git a/.github/workflows/packages_bundles.yml b/.github/workflows/packages_bundles.yml
index 2dbdc85021..319d048c14 100644
--- a/.github/workflows/packages_bundles.yml
+++ b/.github/workflows/packages_bundles.yml
@@ -53,7 +53,7 @@ jobs:
   test-packages:
     needs: list
     runs-on: ubuntu-latest
-    name: "${{ matrix.package }}, PHP ${{ matrix.php }}, Pimcore ${{ matrix.pimcore }}"
+    name: "${{ matrix.package }}, PHP ${{ matrix.php }}, Pimcore ${{ matrix.pimcore }}, Deps ${{ matrix.dependencies }}"
     strategy:
       fail-fast: false
       matrix:
diff --git a/.github/workflows/packages_components.yml b/.github/workflows/packages_components.yml
index 868a9b2602..096055657a 100644
--- a/.github/workflows/packages_components.yml
+++ b/.github/workflows/packages_components.yml
@@ -54,7 +54,7 @@ jobs:
     needs: list
     if: github.repository == 'coreshop/CoreShop'
     runs-on: ubuntu-latest
-    name: "${{ matrix.package }}, PHP ${{ matrix.php }}, Pimcore ${{ matrix.pimcore }}"
+    name: "${{ matrix.package }}, PHP ${{ matrix.php }}, Pimcore ${{ matrix.pimcore }}, Deps ${{ matrix.dependencies }}"
     strategy:
       fail-fast: false
       matrix:
diff --git a/.gitignore b/.gitignore
index 08ee7386c6..52542222b9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -64,3 +64,8 @@ docs/.docusaurus
 node_modules
 cache/
 docker-compose.override.yaml
+settings.local.json
+.rsbuild
+
+# CoreShop Studio Build Output
+src/CoreShop/Bundle/*/Resources/public/studio/*/
\ No newline at end of file
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000000..e1a559be3e
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,271 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+CoreShop is a Symfony-based Pimcore eCommerce platform built with a modular bundle/component architecture. The codebase follows Domain-Driven Design principles and is structured as a monorepo containing multiple related packages.
+
+## Commands
+
+### Development Commands
+
+```bash
+# Validate code syntax and configuration
+bin/console lint:yaml src
+bin/console lint:twig src
+bin/console lint:container
+bin/console doctrine:schema:validate --skip-sync
+
+# Static Analysis
+vendor/bin/phpstan                    # PHPStan analysis (level 3)
+vendor/bin/psalm                      # Psalm static analysis
+
+# Code Style
+vendor/bin/ecs                        # Easy Coding Standard
+vendor/bin/ecs --fix                  # Fix coding standard issues
+
+# Testing
+vendor/bin/behat                      # Run Behat tests
+vendor/bin/behat --profile=default    # Run specific Behat profile
+
+# Validation
+composer validate                     # Validate composer.json
+```
+
+### Database & Cache
+```bash
+bin/console cache:clear --env=dev
+bin/console doctrine:migrations:migrate
+bin/console pimcore:install
+```
+
+## Pricing
+
+CoreShop stores all monetary values as **integers** (cents). For example, `383.12 EUR` is stored as `38312`. The `decimal_factor` is configurable (default `100`).
+
+**Frontend formatting:** Use `formatCurrency(amount, currencyCode)` from `@coreshop/pimcore/src/utils`. It divides by 100 and uses `Intl.NumberFormat` for localized output (e.g. `formatCurrency(38312, 'EUR')` → `"383,12 €"`).
+
+**Frontend conversion hook:** `useCurrencyConfig()` from `CurrencyBundle` provides `toDisplayPrice(int)` and `toIntegerPrice(display)` for form inputs.
+
+## Architecture
+
+### CRITICAL: Documentation Requirements
+**Every code change must update documentation!**
+- When adding/modifying React components -> Update Studio docs in `docs/03_Development/14_Studio/`
+- When creating new features -> Document architecture, API, and usage
+
+### CRITICAL: Bundle Dependencies
+**No bundle has a dependency to CoreBundle!**
+- Individual bundles (ProductBundle, OrderBundle, etc.) MUST NOT import from CoreBundle
+- Bundles are independent with cross-bundle dependencies (check composer.json)
+- CoreBundle acts as a glue layer, not as a shared dependency layer
+
+### Bundle-Component Pattern
+- **Components** (`src/CoreShop/Component/`): Domain logic, business rules, interfaces
+- **Bundles** (`src/CoreShop/Bundle/`): Symfony integration, DI configuration, controllers
+
+### Core Architecture Layers
+
+#### Components (Business Logic)
+`Core/`, `Product/`, `Order/`, `Customer/`, `Payment/`, `Shipping/`, `Index/`, `Currency/`, `Address/`, `Store/`, `Taxation/`, `Rule/`
+
+#### Bundles (Symfony Integration)
+`CoreBundle/`, `FrontendBundle/`, `ResourceBundle/`, and corresponding bundles for each Component
+
+### Key Design Patterns
+- **Factory Pattern**, **Specification Pattern**, **Event-Driven Architecture**, **Repository Pattern**, **State Machine**
+
+## Configuration
+
+- `.env` / `.env.local`: Environment configuration
+- `config/`: Symfony configuration
+- `phpstan.neon`, `psalm.xml`, `ecs.php`, `behat.yml.dist`
+
+## Localization
+
+Translation files: `src/CoreShop/Bundle/{BundleName}/Resources/translations/studio.*.yaml`
+Use `studio.en.yml` as the source of truth for English keys.
+
+### CRITICAL: Always Add Translations
+**Every UI-facing string must have a translation key!**
+- When adding new form fields, labels, buttons, messages, or any user-visible text → add translation keys to `studio.en.yaml` in the corresponding bundle
+- Never hardcode user-visible strings — always use translation keys (e.g., `t('coreshop_...')` in React, `'label' => 'coreshop_...'` in FormTypes)
+- Check that all translation keys used in code actually exist in the YAML files
+
+## Development Workflow
+
+- PHP 8.3+, PSR-12 via ECS, PHPStan level 3
+- Pimcore ^12.0, Symfony 6.3+ or 7.0+
+- Branch strategy: `4.0`, `4.1`, `5.0`, `next` — PRs target `master`
+
+### Before Committing
+```bash
+composer validate
+bin/console lint:yaml src
+bin/console lint:twig src
+bin/console lint:container
+bin/console doctrine:schema:validate --skip-sync
+vendor/bin/phpstan
+vendor/bin/psalm
+vendor/bin/ecs
+```
+
+## Pimcore Studio v2 Architecture (React/TypeScript)
+
+The admin UI uses Pimcore Studio v2 (React/TypeScript). All new UI work uses Studio v2.
+
+### Bundle Registry Ownership (Rule Engine)
+
+Each Rule Engine has **separate ConditionRegistry and ActionRegistry instances**. RuleBundle provides generic registry classes; each bundle creates its own instances and registers only what it knows about. CoreBundle acts as glue, retrieving registries from other bundles and registering shared conditions/actions.
+
+**Pattern:**
+```typescript
+// Bundle creates own registries in main.ts
+container.bind(serviceIds.conditionRegistry).to(ConditionRegistry).inSingletonScope()
+container.bind(serviceIds.actionRegistry).to(ActionRegistry).inSingletonScope()
+
+// CoreBundle extends all registries with shared components
+const productRegistry = container.get<ConditionRegistry>(productServiceIds.conditionRegistry)
+productRegistry.register('categories', CategoriesCondition)
+```
+
+When uncertain which bundle should register a component, check `composer.json` dependencies. If the target bundle doesn't depend on the required bundle, CoreBundle must register it.
+
+### Studio v2 File Structure
+```
+BundleX/Resources/assets/pimcore-studio/src/
+├── modules/
+│   ├── rule-type/           # conditions/ and actions/
+│   └── icon-library/
+├── dynamic-types/           # Pimcore Data Object field types
+└── main.ts                  # Registry creation + registration
+```
+
+### Select Components - Module-Level Caching
+
+**All Select components MUST use module-level caching** to prevent duplicate API calls when multiple instances render. Key pattern:
+
+```typescript
+let cachedOptions: Array<{ value: number, label: string }> | null = null
+let loadPromise: Promise<...> | null = null
+
+const loadData = async () => {
+  if (cachedOptions) return cachedOptions
+  if (loadPromise) return loadPromise  // share in-flight request
+  loadPromise = (async () => {
+    const items = await api.list()
+    cachedOptions = items.map(i => ({ value: i.id!, label: i.name ?? `#${i.id}` }))
+    return cachedOptions
+  })()
+  return loadPromise
+}
+
+export const clearCache = () => { cachedOptions = null; loadPromise = null }
+```
+
+Use EntityApi `.list()` method, NOT raw `fetch()`. Initialize state from cache: `useState(cachedOptions || [])`.
+
+## Extension System
+
+7 extension types for customizing entities, all imported from `@coreshop/resource/src/entities`:
+
+| Type | Service ID | Purpose |
+|------|-----------|---------|
+| Form Extensions | `entityFormExtensionsServiceId` | Add fields to entity forms |
+| Table Column Extensions | `entityTableColumnExtensionsServiceId` | Add columns to nested tables |
+| Save Decorators | `entitySaveDecoratorsServiceId` | Transform save payloads |
+| Tab Extensions | `entityTabExtensionsServiceId` | Add tabs to entity detail views |
+| Action Extensions | `entityActionExtensionsServiceId` | Add toolbar/context-menu/footer buttons |
+| Validation Extensions | `entityValidationExtensionsServiceId` | Custom validation before save |
+| Lifecycle Hooks | `entityLifecycleHooksServiceId` | beforeLoad/afterLoad/beforeSave/afterSave/beforeDelete/afterDelete |
+
+**Slot naming:** `{bundle}.{resource}.{component}` (e.g., `coreshop.address.country.form`)
+
+Register extensions in AbstractModule's `onInit()`, then register module in bundle's `main.ts` via `onStartup({ moduleSystem })`.
+
+See `CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/comprehensive-example/index.tsx` for a complete example.
+
+### Extension Slot Reference
+
+Forms: `coreshop.address.country.form`, `coreshop.address.state.form`, `coreshop.address.zone.form`, `coreshop.taxation.tax_rate.form`, `coreshop.taxation.tax_rule_group.form`, `coreshop.currency.currency.form`
+
+Entity keys (save, validation, lifecycle, tabs, actions): `coreshop.address.country`, `coreshop.address.state`, `coreshop.address.zone`, `coreshop.taxation.tax_rate`, `coreshop.taxation.tax_rule_group`, `coreshop.currency.currency`
+
+## Dynamic Types for Pimcore Data Objects
+
+Custom field types registered in each bundle's `main.ts` `onInit()`. ID must match the PHP CoreExtension type name. Options come from the backend.
+
+```typescript
+export class DynamicTypeObjectDataCoreShopCountry extends DynamicTypeObjectDataAbstractSelect {
+  readonly id = 'coreShopCountry'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+}
+```
+
+### Dynamic Types List
+
+| Type | Bundle | Type | Bundle |
+|------|--------|------|--------|
+| `coreShopCountry` | AddressBundle | `coreShopCurrency` | CurrencyBundle |
+| `coreShopCountryMultiselect` | AddressBundle | `coreShopCurrencyMultiselect` | CurrencyBundle |
+| `coreShopState` | AddressBundle | `coreShopStore` | StoreBundle |
+| `coreShopAddressIdentifier` | AddressBundle | `coreShopStoreMultiselect` | StoreBundle |
+| `coreShopCarrier` | ShippingBundle | `coreShopPaymentProvider` | PaymentBundle |
+| `coreShopCarrierMultiselect` | ShippingBundle | `coreShopPaymentProviderMultiselect` | PaymentBundle |
+| `coreShopTaxRate` | TaxationBundle | `coreShopCartPriceRule` | OrderBundle |
+| `coreShopTaxRuleGroup` | TaxationBundle | `coreShopFilter` | IndexBundle |
+| `coreShopProductUnit` | ProductBundle | `coreShopProductUnitDefinition` | ProductBundle |
+| `coreShopProductUnitDefinitions` | ProductBundle | | |
+
+Complex types: `coreShopMoney` (MoneyBundle), `coreShopMoneyCurrency` (CurrencyBundle), `coreShopStoreValues` (CoreBundle), `coreShopRelation`/`coreShopRelations` (ResourceBundle), `coreShopProductSpecificPriceRules` (ProductBundle), `coreShopProductQuantityPriceRules` (ProductQuantityPriceRulesBundle)
+
+## StudioFormBundle - Schema-Driven Form System
+
+**This is the primary way to build forms.** Generates React forms from Symfony FormTypes via JSON schema.
+
+```
+Symfony FormType -> FormSchemaGenerator -> JSON Schema -> FormSchemaAdapter -> FormBuilder -> DynamicForm (React)
+```
+
+### Backend
+
+- `FormSchemaGenerator`: Converts FormView to JSON schema
+- `FormSchemaEnricherInterface`: Extension point for adding tabs/sections/hiding fields (tag: `coreshop_studio_form.enricher`)
+- `BlockPrefixFormTypeRegistry`: Maps block prefixes to form type classes (tag: `coreshop.studio_form`)
+- API: `GET /pimcore-studio/api/coreshop-studio-form/schema/{blockPrefix}`
+
+### Frontend
+
+**Usage (preferred approach for all entity forms):**
+```typescript
+import { SchemaForm } from '@coreshop/studio-form'
+
+// Simple: auto-generates form from Symfony FormType
+<SchemaForm blockPrefix="coreshop_cart_creation" data={data} onChange={onChange} />
+
+// With decorators:
+const { builder, loading } = useFormSchema('coreshop_country', [
+  { name: 'hide-field', decorator: removeFieldDecorator('internalCode') },
+])
+```
+
+**Widget resolution:** Block prefixes resolved right-to-left (most specific first), matching Symfony's Twig block resolution.
+
+**Default widgets:** `text`->Input, `textarea`->Input.TextArea, `integer`->InputNumber, `checkbox`->Switch, `choice`->Select/Radio/Checkbox, `date`->DatePicker, `collection`->CollectionWidget, `grid_collection`->GridCollectionWidget. Custom widgets via `WidgetRegistry.register(blockPrefix, resolver)`.
+
+**Available decorators** (from `@coreshop/studio-form/src/form-builder/decorators/`):
+`addFieldDecorator`, `removeFieldDecorator`, `transformFieldDecorator`, `addSectionDecorator`, `sectionSortingDecorator`, `sectionFilterDecorator`, `hiddenFieldsDecorator`, `readonlyDecorator`, `addValidationDecorator`, `requiredFieldDecorator`, `conditionalFieldsDecorator`, `groupFieldsDecorator`
+
+### Bundle Integration
+
+```yaml
+services:
+  MyFormType:
+    tags: [{ name: form.type }, { name: coreshop.studio_form }]
+  MySchemaEnricher:
+    tags: [{ name: coreshop_studio_form.enricher, priority: 10 }]
+```
+
+## Knowledge Graph
+Use the knowledge-graph-mcp before and after every task you do.
\ No newline at end of file
diff --git a/README.md b/README.md
index 6d055f0dcc..2efb16541e 100644
--- a/README.md
+++ b/README.md
@@ -17,6 +17,23 @@ transcends ordinary transactions.
 - [Documentation](https://docs.coreshop.com/latest)
 - [Pimcore Github](https://github.com/pimcore/pimcore)
 
+# Pimcore Studio UI
+
+CoreShop 5.0 ships with a fully rewritten admin interface built on **Pimcore Studio v2** (React/TypeScript). Each CoreShop bundle provides its own Studio plugin using Module Federation, allowing independent development and deployment.
+
+```bash
+# Install frontend dependencies
+npm ci
+
+# Build all Studio plugins
+npm run build
+
+# Start dev server for a single bundle
+npm run dev -- ResourceBundle
+```
+
+The build system auto-discovers all bundles with Studio assets under `src/CoreShop/Bundle/*/Resources/assets/pimcore-studio/` and builds them in parallel.
+
 # Requirements
 
 - Pimcore `^12.3`
diff --git a/composer.json b/composer.json
index d5cb6e92d9..13c06d25b2 100644
--- a/composer.json
+++ b/composer.json
@@ -26,63 +26,64 @@
     }
   ],
   "replace": {
-    "coreshop/resource": "self.version",
     "coreshop/address": "self.version",
-    "coreshop/configuration": "self.version",
-    "coreshop/currency": "self.version",
-    "coreshop/customer": "self.version",
-    "coreshop/index": "self.version",
-    "coreshop/locale": "self.version",
-    "coreshop/notification": "self.version",
-    "coreshop/order": "self.version",
-    "coreshop/payment": "self.version",
-    "coreshop/product": "self.version",
-    "coreshop/registry": "self.version",
-    "coreshop/rule": "self.version",
-    "coreshop/sequence": "self.version",
-    "coreshop/shipping": "self.version",
-    "coreshop/store": "self.version",
-    "coreshop/taxation": "self.version",
-    "coreshop/core": "self.version",
-    "coreshop/resource-bundle": "self.version",
     "coreshop/address-bundle": "self.version",
     "coreshop/admin-bundle": "self.version",
+    "coreshop/class-definition-patch-bundle": "self.version",
+    "coreshop/configuration": "self.version",
     "coreshop/configuration-bundle": "self.version",
+    "coreshop/core": "self.version",
+    "coreshop/core-bundle": "self.version",
+    "coreshop/currency": "self.version",
     "coreshop/currency-bundle": "self.version",
+    "coreshop/customer": "self.version",
     "coreshop/customer-bundle": "self.version",
     "coreshop/frontend-bundle": "self.version",
+    "coreshop/index": "self.version",
     "coreshop/index-bundle": "self.version",
+    "coreshop/inventory": "self.version",
+    "coreshop/inventory-bundle": "self.version",
+    "coreshop/locale": "self.version",
     "coreshop/locale-bundle": "self.version",
+    "coreshop/menu-bundle": "self.version",
+    "coreshop/messenger-bundle": "self.version",
     "coreshop/money-bundle": "self.version",
+    "coreshop/notification": "self.version",
     "coreshop/notification-bundle": "self.version",
+    "coreshop/optimistic-entity-lock-bundle": "self.version",
+    "coreshop/order": "self.version",
     "coreshop/order-bundle": "self.version",
+    "coreshop/payment": "self.version",
     "coreshop/payment-bundle": "self.version",
     "coreshop/payum-bundle": "self.version",
+    "coreshop/payum-payment": "self.version",
+    "coreshop/payum-payment-bundle": "self.version",
+    "coreshop/pimcore": "self.version",
+    "coreshop/pimcore-bundle": "self.version",
+    "coreshop/product": "self.version",
     "coreshop/product-bundle": "self.version",
+    "coreshop/registry": "self.version",
+    "coreshop/resource": "self.version",
+    "coreshop/resource-bundle": "self.version",
+    "coreshop/rule": "self.version",
     "coreshop/rule-bundle": "self.version",
+    "coreshop/seo": "self.version",
+    "coreshop/seo-bundle": "self.version",
+    "coreshop/sequence": "self.version",
     "coreshop/sequence-bundle": "self.version",
+    "coreshop/shipping": "self.version",
     "coreshop/shipping-bundle": "self.version",
+    "coreshop/storage-list": "self.version",
+    "coreshop/store": "self.version",
     "coreshop/store-bundle": "self.version",
+    "coreshop/studio-form-bundle": "self.version",
+    "coreshop/taxation": "self.version",
     "coreshop/taxation-bundle": "self.version",
-    "coreshop/tracking-bundle": "self.version",
-    "coreshop/core-bundle": "self.version",
-    "coreshop/pimcore": "self.version",
-    "coreshop/storage-list": "self.version",
-    "coreshop/inventory": "self.version",
-    "coreshop/inventory-bundle": "self.version",
-    "coreshop/workflow-bundle": "self.version",
-    "coreshop/seo": "self.version",
-    "coreshop/seo-bundle": "self.version",
-    "coreshop/pimcore-bundle": "self.version",
-    "coreshop/tracking": "self.version",
+    "coreshop/test-bundle": "self.version",
     "coreshop/theme-bundle": "self.version",
-    "coreshop/menu-bundle": "self.version",
-    "coreshop/payum-payment": "self.version",
-    "coreshop/payum-payment-bundle": "self.version",
-    "coreshop/optimistic-entity-lock-bundle": "self.version",
-    "coreshop/messenger-bundle": "self.version",
-    "coreshop/class-definition-patch-bundle": "self.version",
-    "coreshop/test-bundle": "self.version"
+    "coreshop/tracking": "self.version",
+    "coreshop/tracking-bundle": "self.version",
+    "coreshop/workflow-bundle": "self.version"
   },
   "require": {
     "php": "^8.3",
@@ -94,37 +95,41 @@
     "doctrine/orm": "^3.0",
     "fakerphp/faker": "^1.16",
     "gedmo/doctrine-extensions": "^3.11",
+    "jms/serializer": "^3.32",
     "jms/serializer-bundle": "^5.5",
     "knplabs/knp-menu-bundle": "^3.7",
     "payum/payum": "1.7.x-dev",
     "payum/payum-bundle": "^2.6.2",
     "php-http/guzzle7-adapter": "^1.0",
     "php-http/message-factory": "^1.1",
-    "pimcore/admin-ui-classic-bundle": "^2.0",
-    "pimcore/google-marketing-bundle": "^2.0",
-    "pimcore/newsletter-bundle": "^2.0",
     "pimcore/pimcore": "^12.3",
     "rinvex/countries": "^9.0",
     "sebastian/diff": "^4.0 | ^5.0 | ^6.0",
     "stof/doctrine-extensions-bundle": "^1.14",
     "sylius/theme-bundle": "^2.2",
-    "symfony/config": "^6.3 || ^7.4",
-    "symfony/dotenv": "^6.3 || ^7.0",
-    "symfony/form": "^6.3 || ^7.0",
-    "symfony/http-client": "^6.3 || ^7.0",
-    "symfony/intl": "^6.3 || ^7.0",
-    "symfony/notifier": "^6.3 || ^7.0",
-    "symfony/scheduler": "^6.4 || ^7.0",
-    "symfony/serializer": "^6.3 || ^7.0",
-    "symfony/twig-bundle": "^6.3 || ^7.0",
+    "symfony/config": "^6.4.14 || ^7.4",
+    "symfony/dotenv": "^6.4.14 || ^7.2",
+    "symfony/form": "^6.4.14 || ^7.2",
+    "symfony/http-client": "^6.4.14 || ^7.2",
+    "symfony/intl": "^6.4.14 || ^7.2",
+    "symfony/notifier": "^6.4.14 || ^7.2",
+    "symfony/scheduler": "^6.4.14 || ^7.2",
+    "symfony/serializer": "^6.4.14 || ^7.2",
+    "symfony/twig-bundle": "^6.4.14 || ^7.2",
     "symfony/webpack-encore-bundle": "^2.4",
     "webmozart/assert": "^1.12"
   },
-  "suggest": {
-    "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
-  },
+    "suggest": {
+      "pimcore/newsletter-bundle": "^2.0 - Enables Pimcore Newsletter document type and field integrations",
+      "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine.",
+      "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+      "pimcore/generic-data-index-bundle": "^2.0 - Generic Data Index support for Pimcore Studio UI",
+      "pimcore/studio-ui-bundle": "^1.0 - Modern React-based Studio UI for Pimcore (recommended)",
+      "pimcore/google-marketing-bundle": "^2.0"
+    },
   "conflict": {
-    "ezimuel/ringphp": "<1.4"
+    "ezimuel/ringphp": "<1.4",
+    "symfony/error-handler": "<6.4.14"
   },
   "require-dev": {
     "behat/behat": "^3.27",
@@ -137,6 +142,7 @@
     "friends-of-behat/symfony-extension": "^2.6",
     "gotenberg/gotenberg-php": "^2.6",
     "lendable/composer-license-checker": "^1.2",
+    "php-webdriver/webdriver": "^1.15",
     "phpstan/phpstan": "^2.1",
     "phpstan/phpstan-doctrine": "^2.0",
     "phpstan/phpstan-symfony": "^2.0",
@@ -144,11 +150,10 @@
     "phpunit/phpunit": "^10.0",
     "pimcore/opensearch-client": "^2.1",
     "robertfausk/behat-panther-extension": "^1.2",
+    "symfony/browser-kit": "^6.4.14 || ^7.2",
+    "symfony/css-selector": "^6.4.14 || ^7.2",
     "symfony/panther": "^2.3",
-    "php-webdriver/webdriver": "^1.15",
-    "symfony/browser-kit": "^6.3 || ^7.0",
-    "symfony/runtime": "^6.4 || ^7.0",
-    "symfony/css-selector": "^6.4 || ^7.0",
+    "symfony/runtime": "^6.4.14 || ^7.2",
     "symplify/easy-coding-standard": "^11.1",
     "vimeo/psalm": "^6.10"
   },
diff --git a/config/bundles.php b/config/bundles.php
index 038f64d864..c6119a4f42 100644
--- a/config/bundles.php
+++ b/config/bundles.php
@@ -7,4 +7,9 @@
     Pimcore\Bundle\StaticRoutesBundle\PimcoreStaticRoutesBundle::class => ['all' => true],
     Pimcore\Bundle\NewsletterBundle\PimcoreNewsletterBundle::class => ['all' => true],
     Pimcore\Bundle\OpenSearchClientBundle\PimcoreOpenSearchClientBundle::class => ['all' => true],
+    Pimcore\Bundle\StudioUiBundle\PimcoreStudioUiBundle::class => ['all' => true],
+    \Pimcore\Bundle\StudioBackendBundle\PimcoreStudioBackendBundle::class => ['all' => true],
+    Pimcore\Bundle\GenericDataIndexBundle\PimcoreGenericDataIndexBundle::class => ['all' => true],
+    Pimcore\Bundle\GenericExecutionEngineBundle\PimcoreGenericExecutionEngineBundle::class => ['all' => true],
+    \Pimcore\Bundle\AdminBundle\PimcoreAdminBundle::class => ['all' => true],
 ];
diff --git a/config/packages/dev/config.yaml b/config/packages/dev/config.yaml
index 4e2684bd09..8b3dac2eae 100755
--- a/config/packages/dev/config.yaml
+++ b/config/packages/dev/config.yaml
@@ -1,14 +1,17 @@
 imports:
     - { resource: ../../config.yaml }
 
-payum:
-    gateways:
-        offline:
-            factory: concurrency
+doctrine:
+    dbal:
+        connections:
+            default:
+                url: '%pimcore_test.db.dsn%'
+                host: ''
+                port: ''
+                dbname: ''
+                user: ''
+                password: ''
 
-services:
-    payum.concurrency_gateway_factory:
-        class: Payum\Core\Bridge\Symfony\Builder\GatewayFactoryBuilder
-        arguments: [ CoreShop\Behat\Service\Payum\Concurrency\ConcurrencyGatewayFactory ]
-        tags:
-            - { name: payum.gateway_factory_builder, factory: concurrency }
+parameters:
+    pimcore_test.db.dsn: '%env(PIMCORE_TEST_DB_DSN)%'
+    env(PIMCORE_TEST_DB_DSN): ~
diff --git a/config/packages/pimcore_studio_backend.yaml b/config/packages/pimcore_studio_backend.yaml
new file mode 100644
index 0000000000..70dd455a1d
--- /dev/null
+++ b/config/packages/pimcore_studio_backend.yaml
@@ -0,0 +1,10 @@
+pimcore_studio_backend:
+    mercure_settings:
+        # Server-seitig: Docker-internes Netzwerk
+        hub_url_server: 'http://mercure/.well-known/mercure'
+        # Client-seitig: Vollständige URL inkl. .well-known/mercure
+        hub_url_client: 'https://coreshop-5.localhost/hub/.well-known/mercure'
+        # Muss mit docker-compose.override.yaml übereinstimmen
+        jwt_key: 'SECRET_MERCURE_KEY_SECRET_MERCURE_KEY'
+        # Cookie-Pfad muss /hub sein, damit es für alle Mercure-Requests gilt
+        jwt_cookie_host: 'coreshop-5.localhost'
diff --git a/config/packages/security.yaml b/config/packages/security.yaml
index f057721291..634e861c30 100755
--- a/config/packages/security.yaml
+++ b/config/packages/security.yaml
@@ -1,5 +1,5 @@
 parameters:
-    coreshop.security.frontend_regex: "^/(?!admin)[^/]*"
+    coreshop.security.frontend_regex: "^/(?!admin|!pimcore-studio)[^/]*"
 
 pimcore:
     security:
@@ -26,6 +26,8 @@ security:
 
         # Pimcore Admin Bundle firewall
         pimcore_admin: '%pimcore_admin_bundle.firewall_settings%'
+        pimcore_studio: '%pimcore_studio_backend.firewall_settings%'
+
 
         coreshop_frontend:
             provider: coreshop_user
@@ -61,6 +63,8 @@ security:
         - { path: ^/asset/webdav, roles: ROLE_PIMCORE_USER }
         - { path: "%coreshop.security.frontend_regex%/_partial", role: IS_AUTHENTICATED_ANONYMOUSLY, ips: [127.0.0.1, ::1] }
         - { path: "%coreshop.security.frontend_regex%/_partial", role: ROLE_NO_ACCESS }
+        - { path: ^/pimcore-studio/api/(docs|docs/json|translations)$, roles: PUBLIC_ACCESS }
+        - { path: ^/pimcore-studio/api, roles: ROLE_PIMCORE_USER }
 
     role_hierarchy:
         # Pimcore admin  // DO NOT CHANGE!
diff --git a/config/reference.php b/config/reference.php
new file mode 100644
index 0000000000..4ca47ba67a
--- /dev/null
+++ b/config/reference.php
@@ -0,0 +1,4808 @@
+<?php
+
+// This file is auto-generated and is for apps only. Bundles SHOULD NOT rely on its content.
+
+namespace Symfony\Component\DependencyInjection\Loader\Configurator;
+
+use Symfony\Component\Config\Loader\ParamConfigurator as Param;
+
+/**
+ * This class provides array-shapes for configuring the services and bundles of an application.
+ *
+ * Services declared with the config() method below are autowired and autoconfigured by default.
+ *
+ * This is for apps only. Bundles SHOULD NOT use it.
+ *
+ * Example:
+ *
+ *     ```php
+ *     // config/services.php
+ *     namespace Symfony\Component\DependencyInjection\Loader\Configurator;
+ *
+ *     return App::config([
+ *         'services' => [
+ *             'App\\' => [
+ *                 'resource' => '../src/',
+ *             ],
+ *         ],
+ *     ]);
+ *     ```
+ *
+ * @psalm-type ImportsConfig = list<string|array{
+ *     resource: string,
+ *     type?: string|null,
+ *     ignore_errors?: bool,
+ * }>
+ * @psalm-type ParametersConfig = array<string, scalar|\UnitEnum|array<scalar|\UnitEnum|array<mixed>|Param|null>|Param|null>
+ * @psalm-type ArgumentsType = list<mixed>|array<string, mixed>
+ * @psalm-type CallType = array<string, ArgumentsType>|array{0:string, 1?:ArgumentsType, 2?:bool}|array{method:string, arguments?:ArgumentsType, returns_clone?:bool}
+ * @psalm-type TagsType = list<string|array<string, array<string, mixed>>> // arrays inside the list must have only one element, with the tag name as the key
+ * @psalm-type CallbackType = string|array{0:string|ReferenceConfigurator,1:string}|\Closure|ReferenceConfigurator|ExpressionConfigurator
+ * @psalm-type DeprecationType = array{package: string, version: string, message?: string}
+ * @psalm-type DefaultsType = array{
+ *     public?: bool,
+ *     tags?: TagsType,
+ *     resource_tags?: TagsType,
+ *     autowire?: bool,
+ *     autoconfigure?: bool,
+ *     bind?: array<string, mixed>,
+ * }
+ * @psalm-type InstanceofType = array{
+ *     shared?: bool,
+ *     lazy?: bool|string,
+ *     public?: bool,
+ *     properties?: array<string, mixed>,
+ *     configurator?: CallbackType,
+ *     calls?: list<CallType>,
+ *     tags?: TagsType,
+ *     resource_tags?: TagsType,
+ *     autowire?: bool,
+ *     bind?: array<string, mixed>,
+ *     constructor?: string,
+ * }
+ * @psalm-type DefinitionType = array{
+ *     class?: string,
+ *     file?: string,
+ *     parent?: string,
+ *     shared?: bool,
+ *     synthetic?: bool,
+ *     lazy?: bool|string,
+ *     public?: bool,
+ *     abstract?: bool,
+ *     deprecated?: DeprecationType,
+ *     factory?: CallbackType,
+ *     configurator?: CallbackType,
+ *     arguments?: ArgumentsType,
+ *     properties?: array<string, mixed>,
+ *     calls?: list<CallType>,
+ *     tags?: TagsType,
+ *     resource_tags?: TagsType,
+ *     decorates?: string,
+ *     decoration_inner_name?: string,
+ *     decoration_priority?: int,
+ *     decoration_on_invalid?: 'exception'|'ignore'|null,
+ *     autowire?: bool,
+ *     autoconfigure?: bool,
+ *     bind?: array<string, mixed>,
+ *     constructor?: string,
+ *     from_callable?: CallbackType,
+ * }
+ * @psalm-type AliasType = string|array{
+ *     alias: string,
+ *     public?: bool,
+ *     deprecated?: DeprecationType,
+ * }
+ * @psalm-type PrototypeType = array{
+ *     resource: string,
+ *     namespace?: string,
+ *     exclude?: string|list<string>,
+ *     parent?: string,
+ *     shared?: bool,
+ *     lazy?: bool|string,
+ *     public?: bool,
+ *     abstract?: bool,
+ *     deprecated?: DeprecationType,
+ *     factory?: CallbackType,
+ *     arguments?: ArgumentsType,
+ *     properties?: array<string, mixed>,
+ *     configurator?: CallbackType,
+ *     calls?: list<CallType>,
+ *     tags?: TagsType,
+ *     resource_tags?: TagsType,
+ *     autowire?: bool,
+ *     autoconfigure?: bool,
+ *     bind?: array<string, mixed>,
+ *     constructor?: string,
+ * }
+ * @psalm-type StackType = array{
+ *     stack: list<DefinitionType|AliasType|PrototypeType|array<class-string, ArgumentsType|null>>,
+ *     public?: bool,
+ *     deprecated?: DeprecationType,
+ * }
+ * @psalm-type ServicesConfig = array{
+ *     _defaults?: DefaultsType,
+ *     _instanceof?: InstanceofType,
+ *     ...<string, DefinitionType|AliasType|PrototypeType|StackType|ArgumentsType|null>
+ * }
+ * @psalm-type ExtensionType = array<string, mixed>
+ * @psalm-type PimcoreSeoConfig = array{
+ *     sitemaps?: array{
+ *         generators?: array<string, bool|string|array{ // Default: []
+ *             enabled?: bool|Param, // Default: true
+ *             generator_id?: scalar|Param|null,
+ *             priority?: int|Param, // Default: 0
+ *         }>,
+ *     },
+ *     redirects?: array{
+ *         status_codes?: list<scalar|Param|null>,
+ *         auto_create_redirects?: bool|Param, // Auto create redirects on moving documents & changing pretty url, updating Url slugs in Data Objects. // Default: false
+ *     },
+ * }
+ * @psalm-type PimcoreStaticRoutesConfig = array{
+ *     definitions?: list<array{ // Default: []
+ *         name?: scalar|Param|null,
+ *         pattern?: scalar|Param|null,
+ *         reverse?: scalar|Param|null,
+ *         controller?: scalar|Param|null,
+ *         variables?: scalar|Param|null,
+ *         defaults?: scalar|Param|null,
+ *         siteId?: list<int|Param>,
+ *         methods?: list<scalar|Param|null>,
+ *         priority?: int|Param,
+ *         creationDate?: int|Param,
+ *         modificationDate?: int|Param,
+ *     }>,
+ *     config_location?: array{
+ *         staticroutes?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type PimcoreNewsletterConfig = array{
+ *     sender?: array{
+ *         name?: scalar|Param|null,
+ *         email?: scalar|Param|null,
+ *     },
+ *     return?: array{
+ *         name?: scalar|Param|null,
+ *         email?: scalar|Param|null,
+ *     },
+ *     method?: scalar|Param|null, // Default: null
+ *     debug?: array{
+ *         email_addresses?: scalar|Param|null, // Default: ""
+ *     },
+ *     use_specific?: bool|Param, // Default: false
+ *     source_adapters?: array<string, scalar|Param|null>,
+ *     default_url_prefix?: scalar|Param|null, // Default: null
+ * }
+ * @psalm-type PimcoreOpenSearchClientConfig = array{
+ *     clients?: array<string, array{ // Default: []
+ *         name?: scalar|Param|null,
+ *         hosts?: list<scalar|Param|null>,
+ *         logger_channel?: scalar|Param|null, // Logger channel to be used for opensearch client logs // Default: "pimcore.opensearch.default"
+ *         log_404_errors?: bool|Param, // Enables logging of 404 errors (default: false) // Default: false
+ *         username?: scalar|Param|null, // Username for opensearch authentication // Default: "admin"
+ *         password?: scalar|Param|null, // Password for opensearch authentication // Default: "admin"
+ *         ssl_key?: scalar|Param|null, // Path to private SSL key file (.key)
+ *         ssl_cert?: scalar|Param|null, // Path to PEM formatted SSL cert file (.cert)
+ *         ssl_password?: scalar|Param|null, // If private key and certificate require a password (default: null)
+ *         ssl_verification?: bool|Param, // Enable or disable the SSL verification (default: true)
+ *         aws_region?: scalar|Param|null, // Will set the setSigV4Region()
+ *         aws_service?: scalar|Param|null, // Will set the setSigV4ServicesetSigV4Service()
+ *         aws_key?: scalar|Param|null, // Will set the setSigV4CredentialProvider() key
+ *         aws_secret?: scalar|Param|null, // Will set the setSigV4CredentialProvider() key
+ *     }>,
+ * }
+ * @psalm-type PimcoreStudioUiConfig = array{
+ *     url_path?: scalar|Param|null, // Default: "/pimcore-studio"
+ *     static_resources?: array{
+ *         css?: list<scalar|Param|null>,
+ *         js?: list<scalar|Param|null>,
+ *         editmode?: array{
+ *             css?: list<scalar|Param|null>,
+ *             js?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     wysiwyg?: array{
+ *         defaultEditorConfig?: array{
+ *             document?: mixed, // Default: []
+ *             dataObject?: mixed, // Default: []
+ *         },
+ *     },
+ *     csp_header?: bool|array{ // Can be used to enable or disable the Content Security Policy headers.
+ *         enabled?: bool|Param, // Default: true
+ *         exclude_paths?: list<scalar|Param|null>,
+ *         additional_urls?: array{
+ *             default-src?: list<scalar|Param|null>,
+ *             img-src?: list<scalar|Param|null>,
+ *             script-src?: list<scalar|Param|null>,
+ *             style-src?: list<scalar|Param|null>,
+ *             connect-src?: list<scalar|Param|null>,
+ *             font-src?: list<scalar|Param|null>,
+ *             media-src?: list<scalar|Param|null>,
+ *             frame-src?: list<scalar|Param|null>,
+ *         },
+ *     },
+ * }
+ * @psalm-type PimcoreStudioBackendConfig = array{
+ *     url_prefix?: scalar|Param|null, // Default: "/pimcore-studio/api"
+ *     open_api_scan_paths?: list<scalar|Param|null>,
+ *     api_token?: array{
+ *         lifetime?: int|Param, // Default: 3600
+ *     },
+ *     allowed_hosts_for_cors?: list<scalar|Param|null>,
+ *     security_firewall?: mixed,
+ *     asset_default_formats?: array<string, array{ // Default: []
+ *         resize_mode: "resize"|"scaleByWidth"|"scaleByHeight"|Param,
+ *         width: int|Param,
+ *         dpi: int|Param,
+ *         format: "JPEG"|"PNG"|Param,
+ *         quality: int|Param,
+ *     }>,
+ *     element_recycle_bin_threshold?: int|Param, // Default: 100
+ *     mercure_settings?: array{
+ *         hub_url_server?: scalar|Param|null, // The url to the mercure hub for the server.This can also be the docker container name (e.g., http://mercure/.well-known/mercure). If it is not set, default will be set to "http(s)://<YOUR_PIMCORE_MAIN_DOMAIN>/hub/.well-known/mercure". // Default: null
+ *         hub_url_client?: scalar|Param|null, // The url to the mercure hub for the (frontend) client. If it is not set, the default will be set to "http(s)://<YOUR_CURRENT_PIMCORE_HOST>/hub". It is possible to use "<PIMCORE_SCHEMA_HOST>" as a placeholder for the current schema and host if path to mercure should be different. // Default: null
+ *         jwt_key: scalar|Param|null, // The key used to sign the JWT token. Must be longer than 256 bits. // Default: "some-secret-default"
+ *         cookie_lifetime?: int|Param, // Lifetime of the mercure cookie in seconds. Default is one hour. // Default: 3600
+ *         jwt_cookie_host?: scalar|Param|null, // Domain where to set the Mercure auth cookie, e.g. ".example.com". // Default: null
+ *         jwt_cookie_strictness?: bool|Param, // If true, use SameSite=Strict; if false, use SameSite=None. // Default: true
+ *     },
+ *     asset_download_settings?: array{
+ *         size_limit?: int|Param, // The maximum size of all assets together that can be downloaded in bytes. // Default: 5368709120
+ *         amount_limit?: int|Param, // The maximum amount of assets that can be downloaded at once. // Default: 1000
+ *     },
+ *     csv_settings?: array{
+ *         default_delimiter?: scalar|Param|null, // Default delimiter to be used for csv operations. // Default: ";"
+ *     },
+ *     grid?: array{
+ *         asset?: array{
+ *             predefined_columns?: list<array{ // Default: []
+ *                 group?: scalar|Param|null,
+ *                 key?: scalar|Param|null,
+ *             }>,
+ *         },
+ *         data_object?: array{
+ *             predefined_columns?: list<array{ // Default: []
+ *                 group?: scalar|Param|null,
+ *                 key?: scalar|Param|null,
+ *             }>,
+ *             skip_field_types?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     search_grid?: array{
+ *         asset?: array{
+ *             predefined_columns?: list<array{ // Default: []
+ *                 group?: scalar|Param|null,
+ *                 key?: scalar|Param|null,
+ *             }>,
+ *         },
+ *         data_object?: array{
+ *             predefined_columns?: list<array{ // Default: []
+ *                 group?: scalar|Param|null,
+ *                 key?: scalar|Param|null,
+ *             }>,
+ *         },
+ *     },
+ *     notes?: array{
+ *         types?: array{ // List all note types for asset, document, and data-object.
+ *             asset?: list<scalar|Param|null>,
+ *             document?: list<scalar|Param|null>,
+ *             data-object?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     asset_metadata_adapter_mapping?: array<string, list<scalar|Param|null>>,
+ *     data_object_data_adapter_mapping?: array<string, list<scalar|Param|null>>,
+ *     document_type_adapter_mapping?: array<string, list<scalar|Param|null>>,
+ *     user?: array{
+ *         default_key_bindings?: list<array{ // Default: []
+ *             key: scalar|Param|null,
+ *             action: scalar|Param|null,
+ *             alt?: scalar|Param|null, // Default: false
+ *             ctrl?: scalar|Param|null, // Default: false
+ *             shift?: scalar|Param|null, // Default: false
+ *         }>,
+ *     },
+ *     open_api_servers?: list<array{ // Default: []
+ *         url: scalar|Param|null, // The URL to the server.
+ *         description: scalar|Param|null, // A description of the server.
+ *     }>,
+ *     widget_types?: list<scalar|Param|null>,
+ *     studio_perspectives?: array<string, array{ // Default: []
+ *         name: scalar|Param|null,
+ *         icon: null|array{
+ *             type?: "name"|"path"|Param,
+ *             value?: scalar|Param|null,
+ *         },
+ *         widgetsLeft?: array<string, scalar|Param|null>,
+ *         widgetsRight?: array<string, scalar|Param|null>,
+ *         widgetsBottom?: array<string, scalar|Param|null>,
+ *         expandedLeft?: scalar|Param|null, // The id of the widget that should be expanded on the left side. // Default: null
+ *         expandedRight?: scalar|Param|null, // The id of the widget that should be expanded on the right side. // Default: null
+ *         contextPermissions?: array<string, array<string, scalar|Param|null>>,
+ *     }>,
+ *     element_tree_widgets?: array<string, array{ // Default: []
+ *         name: scalar|Param|null,
+ *         elementType?: scalar|Param|null, // Default: "object"
+ *         pageSize?: scalar|Param|null, // Default: null
+ *         icon: null|array{
+ *             type?: "name"|"path"|Param,
+ *             value?: scalar|Param|null,
+ *         },
+ *         rootFolder: scalar|Param|null, // Default: "/"
+ *         showRoot?: bool|Param, // Default: false
+ *         classes?: list<scalar|Param|null>,
+ *         pql?: scalar|Param|null, // Default: null
+ *         contextPermissions?: list<scalar|Param|null>,
+ *     }>,
+ *     studio_from_default_email?: scalar|Param|null, // Default: "studio-admin@pimcore.com"
+ *     twig?: array{ // Configure the Twig sandbox policy.
+ *         sandbox_security_policy?: array{
+ *             tags?: list<scalar|Param|null>,
+ *             filters?: list<scalar|Param|null>,
+ *             functions?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     config_location?: array{
+ *         element_tree_widgets?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *             read_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|Param, // Default: null
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         studio_perspectives?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *             read_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|Param, // Default: null
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type PimcoreGenericDataIndexConfig = array{
+ *     index_service?: array{
+ *         client_params?: array{
+ *             client_name?: scalar|Param|null, // Name of search client from to be used. // Default: "default"
+ *             client_type?: "openSearch"|"elasticsearch"|Param, // Type of search client to be used. // Default: "openSearch"
+ *             index_prefix?: scalar|Param|null, // Default: "pimcore_"
+ *         },
+ *         search_settings?: array{
+ *             list_page_size?: scalar|Param|null, // Default: 60
+ *             list_max_filter_options?: scalar|Param|null, // Default: 500
+ *             max_synchronous_children_rename_limit?: scalar|Param|null, // Maximum number of direct/synchronous children path updates if asset folders get renamed. If more then the given number of children need an path update the process will be done by the asynchronous index update command. This mechanismn is needed to be able to see directly the new paths in the folder navigation. // Default: 500
+ *             search_analyzer_attributes?: array<string, array{ // Default: []
+ *                 fields?: mixed, // Default: []
+ *             }>,
+ *         },
+ *         index_settings?: mixed, // Default: []
+ *         queue_settings?: array{
+ *             worker_count?: scalar|Param|null, // Default: 1
+ *             min_batch_size?: scalar|Param|null, // Default: 5
+ *             max_batch_size?: scalar|Param|null, // Default: 400
+ *         },
+ *         system_fields_settings?: array{
+ *             general?: array<string, array{ // Default: []
+ *                 type: scalar|Param|null,
+ *                 analyzer?: scalar|Param|null,
+ *                 ignore_above?: scalar|Param|null,
+ *                 properties?: mixed, // Default: []
+ *                 fields?: mixed, // Default: []
+ *             }>,
+ *             document?: array<string, array{ // Default: []
+ *                 type: scalar|Param|null,
+ *                 analyzer?: scalar|Param|null,
+ *                 ignore_above?: scalar|Param|null,
+ *                 properties?: mixed, // Default: []
+ *                 fields?: mixed, // Default: []
+ *             }>,
+ *             data_object?: array<string, array{ // Default: []
+ *                 type: scalar|Param|null,
+ *                 analyzer?: scalar|Param|null,
+ *                 ignore_above?: scalar|Param|null,
+ *                 properties?: mixed, // Default: []
+ *                 fields?: mixed, // Default: []
+ *             }>,
+ *             asset?: array<string, array{ // Default: []
+ *                 type: scalar|Param|null,
+ *                 analyzer?: scalar|Param|null,
+ *                 ignore_above?: scalar|Param|null,
+ *                 properties?: mixed, // Default: []
+ *                 fields?: mixed, // Default: []
+ *             }>,
+ *         },
+ *     },
+ * }
+ * @psalm-type PimcoreGenericExecutionEngineConfig = array{
+ *     error_handling?: "continue_on_error"|"stop_on_first_error"|Param, // Specifies how errors should be handled for all job run executions. // Default: "continue_on_error"
+ *     execution_context?: list<array{ // Default: []
+ *         translations_domain?: scalar|Param|null, // Translation domain which should be used by the job run. Default value is "admin". // Default: "admin"
+ *         error_handling?: "continue_on_error"|"stop_on_first_error"|Param, // Error handling behavior which should be used by the job run. Overrides the global value.
+ *     }>,
+ * }
+ * @psalm-type PimcoreAdminConfig = array{
+ *     gdpr_data_extractor?: array{
+ *         dataObjects?: array{ // Settings for DataObjects DataProvider
+ *             classes?: list<array{ // MY_CLASS_NAME: include: true allowDelete: false includedRelations: - manualSegemens - calculatedSegments // Default: []
+ *                 include?: bool|Param, // Set if class should be considered in export. // Default: true
+ *                 allowDelete?: bool|Param, // Allow delete of objects directly in preview grid. // Default: false
+ *                 includedRelations?: list<scalar|Param|null>,
+ *             }>,
+ *         },
+ *         assets?: array{ // Settings for Assets DataProvider
+ *             types?: list<array{ // asset types // Default: []
+ *             }>,
+ *         },
+ *     },
+ *     objects?: array{
+ *         notes_events?: array{
+ *             types?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     assets?: array{
+ *         notes_events?: array{
+ *             types?: list<scalar|Param|null>,
+ *         },
+ *         hide_edit_image?: bool|Param, // Default: false
+ *         disable_tree_preview?: bool|Param, // Default: true
+ *     },
+ *     documents?: array{
+ *         notes_events?: array{
+ *             types?: list<scalar|Param|null>,
+ *         },
+ *         email_search?: list<scalar|Param|null>,
+ *     },
+ *     notifications?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *         check_new_notification?: bool|array{ // Can be used to enable or disable the check of new notifications (url: /admin/notification/find-last-unread).
+ *             enabled?: bool|Param, // Default: true
+ *             interval?: int|Param, // Interval in seconds to check new notifications // Default: 30
+ *         },
+ *     },
+ *     user?: array{
+ *         default_key_bindings?: list<array{ // Default: []
+ *             key: scalar|Param|null,
+ *             action: scalar|Param|null,
+ *             alt?: scalar|Param|null, // Default: false
+ *             ctrl?: scalar|Param|null, // Default: false
+ *             shift?: scalar|Param|null, // Default: false
+ *         }>,
+ *     },
+ *     admin_languages?: list<scalar|Param|null>,
+ *     csrf_protection?: array{
+ *         excluded_routes?: list<scalar|Param|null>,
+ *     },
+ *     admin_csp_header?: bool|array{ // Can be used to enable or disable the Content Security Policy headers.
+ *         enabled?: bool|Param, // Default: true
+ *         exclude_paths?: list<scalar|Param|null>,
+ *         additional_urls?: array{
+ *             default-src?: list<scalar|Param|null>,
+ *             img-src?: list<scalar|Param|null>,
+ *             script-src?: list<scalar|Param|null>,
+ *             style-src?: list<scalar|Param|null>,
+ *             connect-src?: list<scalar|Param|null>,
+ *             font-src?: list<scalar|Param|null>,
+ *             media-src?: list<scalar|Param|null>,
+ *             frame-src?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     custom_admin_path_identifier?: scalar|Param|null, // Default: null
+ *     custom_admin_route_name?: scalar|Param|null, // Default: "my_custom_admin_entry_point"
+ *     branding?: array{
+ *         login_screen_invert_colors?: bool|Param, // Default: false
+ *         color_login_screen?: scalar|Param|null, // Default: null
+ *         color_admin_interface?: scalar|Param|null, // Default: null
+ *         color_admin_interface_background?: scalar|Param|null, // Default: null
+ *         login_screen_custom_image?: scalar|Param|null, // Default: ""
+ *     },
+ *     session?: array{
+ *         attribute_bags?: array<string, array{ // Default: []
+ *             storage_key?: scalar|Param|null, // Default: null
+ *         }>,
+ *     },
+ *     translations?: array{
+ *         path?: scalar|Param|null, // Default: null
+ *     },
+ *     security_firewall?: mixed,
+ *     config_location?: array{
+ *         admin_system_settings?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *             read_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|Param, // Default: null
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type PimcoreCustomReportsConfig = array{
+ *     definitions?: list<array{ // Default: []
+ *         id?: scalar|Param|null,
+ *         name?: scalar|Param|null,
+ *         niceName?: scalar|Param|null,
+ *         sql?: scalar|Param|null,
+ *         group?: scalar|Param|null,
+ *         groupIconClass?: scalar|Param|null,
+ *         iconClass?: scalar|Param|null,
+ *         menuShortcut?: bool|Param,
+ *         reportClass?: scalar|Param|null,
+ *         chartType?: scalar|Param|null,
+ *         pieColumn?: scalar|Param|null,
+ *         pieLabelColumn?: scalar|Param|null,
+ *         xAxis?: mixed,
+ *         yAxis?: mixed,
+ *         modificationDate?: int|Param,
+ *         creationDate?: int|Param,
+ *         shareGlobally?: bool|Param,
+ *         sharedUserNames?: mixed,
+ *         sharedRoleNames?: mixed,
+ *         dataSourceConfig?: list<mixed>,
+ *         columnConfiguration?: list<mixed>,
+ *         pagination?: bool|Param,
+ *     }>,
+ *     adapters?: array<string, scalar|Param|null>,
+ *     config_location?: array{
+ *         custom_reports?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type CoreShopMenuConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ * }
+ * @psalm-type JmsSerializerConfig = array{
+ *     twig_enabled?: scalar|Param|null, // Default: "default"
+ *     profiler?: scalar|Param|null, // Default: true
+ *     enum_support?: scalar|Param|null, // Default: false
+ *     default_value_property_reader_support?: scalar|Param|null, // Default: false
+ *     handlers?: array{
+ *         datetime?: array{
+ *             default_format?: scalar|Param|null, // Default: "Y-m-d\\TH:i:sP"
+ *             default_deserialization_formats?: list<scalar|Param|null>,
+ *             default_timezone?: scalar|Param|null, // Default: "Europe/Berlin"
+ *             cdata?: scalar|Param|null, // Default: true
+ *         },
+ *         array_collection?: array{
+ *             initialize_excluded?: bool|Param, // Default: false
+ *         },
+ *         symfony_uid?: array{
+ *             default_format?: scalar|Param|null, // Default: "canonical"
+ *             cdata?: scalar|Param|null, // Default: true
+ *         },
+ *     },
+ *     subscribers?: array{
+ *         doctrine_proxy?: array{
+ *             initialize_excluded?: bool|Param, // Default: false
+ *             initialize_virtual_types?: bool|Param, // Default: false
+ *         },
+ *     },
+ *     object_constructors?: array{
+ *         doctrine?: bool|array{
+ *             enabled?: bool|Param, // Default: true
+ *             fallback_strategy?: "null"|"exception"|"fallback"|Param, // Default: "null"
+ *         },
+ *     },
+ *     property_naming?: string|array{
+ *         id?: scalar|Param|null,
+ *         separator?: scalar|Param|null, // Default: "_"
+ *         lower_case?: bool|Param, // Default: true
+ *     },
+ *     expression_evaluator?: string|array{
+ *         id?: scalar|Param|null, // Default: "jms_serializer.expression_evaluator"
+ *     },
+ *     metadata?: array{
+ *         warmup?: array{
+ *             paths?: array{
+ *                 included?: list<scalar|Param|null>,
+ *                 excluded?: list<scalar|Param|null>,
+ *             },
+ *         },
+ *         cache?: scalar|Param|null, // Default: "file"
+ *         debug?: bool|Param, // Default: true
+ *         file_cache?: array{
+ *             dir?: scalar|Param|null, // Default: null
+ *         },
+ *         include_interfaces?: bool|Param, // Default: false
+ *         auto_detection?: bool|Param, // Default: true
+ *         infer_types_from_doc_block?: bool|Param, // Default: false
+ *         infer_types_from_doctrine_metadata?: bool|Param, // Infers type information from Doctrine metadata if no explicit type has been defined for a property. // Default: true
+ *         directories?: array<string, array{ // Default: []
+ *             path: scalar|Param|null,
+ *             namespace_prefix?: scalar|Param|null, // Default: ""
+ *         }>,
+ *     },
+ *     visitors?: array{
+ *         json_serialization?: array{
+ *             depth?: scalar|Param|null,
+ *             options?: scalar|Param|null, // Default: 1024
+ *         },
+ *         json_deserialization?: array{
+ *             options?: scalar|Param|null, // Default: 0
+ *             strict?: bool|Param, // Default: false
+ *         },
+ *         xml_serialization?: array{
+ *             version?: scalar|Param|null,
+ *             encoding?: scalar|Param|null,
+ *             format_output?: bool|Param, // Default: false
+ *             default_root_name?: scalar|Param|null,
+ *             default_root_ns?: scalar|Param|null, // Default: ""
+ *         },
+ *         xml_deserialization?: array{
+ *             doctype_whitelist?: list<scalar|Param|null>,
+ *             external_entities?: bool|Param, // Default: false
+ *             options?: scalar|Param|null, // Default: 0
+ *         },
+ *     },
+ *     default_context?: array{
+ *         serialization?: string|array{
+ *             id?: scalar|Param|null,
+ *             serialize_null?: scalar|Param|null, // Flag if null values should be serialized
+ *             enable_max_depth_checks?: scalar|Param|null, // Flag to enable the max-depth exclusion strategy
+ *             attributes?: array<string, scalar|Param|null>,
+ *             groups?: list<scalar|Param|null>,
+ *             version?: scalar|Param|null, // Application version to use in exclusion strategies
+ *         },
+ *         deserialization?: string|array{
+ *             id?: scalar|Param|null,
+ *             serialize_null?: scalar|Param|null, // Flag if null values should be serialized
+ *             enable_max_depth_checks?: scalar|Param|null, // Flag to enable the max-depth exclusion strategy
+ *             attributes?: array<string, scalar|Param|null>,
+ *             groups?: list<scalar|Param|null>,
+ *             version?: scalar|Param|null, // Application version to use in exclusion strategies
+ *         },
+ *     },
+ *     instances?: array<string, array{ // Default: []
+ *         inherit?: bool|Param, // Default: false
+ *         enum_support?: scalar|Param|null, // Default: false
+ *         default_value_property_reader_support?: scalar|Param|null, // Default: false
+ *         handlers?: array{
+ *             datetime?: array{
+ *                 default_format?: scalar|Param|null, // Default: "Y-m-d\\TH:i:sP"
+ *                 default_deserialization_formats?: list<scalar|Param|null>,
+ *                 default_timezone?: scalar|Param|null, // Default: "Europe/Berlin"
+ *                 cdata?: scalar|Param|null, // Default: true
+ *             },
+ *             array_collection?: array{
+ *                 initialize_excluded?: bool|Param, // Default: false
+ *             },
+ *             symfony_uid?: array{
+ *                 default_format?: scalar|Param|null, // Default: "canonical"
+ *                 cdata?: scalar|Param|null, // Default: true
+ *             },
+ *         },
+ *         subscribers?: array{
+ *             doctrine_proxy?: array{
+ *                 initialize_excluded?: bool|Param, // Default: false
+ *                 initialize_virtual_types?: bool|Param, // Default: false
+ *             },
+ *         },
+ *         object_constructors?: array{
+ *             doctrine?: bool|array{
+ *                 enabled?: bool|Param, // Default: true
+ *                 fallback_strategy?: "null"|"exception"|"fallback"|Param, // Default: "null"
+ *             },
+ *         },
+ *         property_naming?: string|array{
+ *             id?: scalar|Param|null,
+ *             separator?: scalar|Param|null, // Default: "_"
+ *             lower_case?: bool|Param, // Default: true
+ *         },
+ *         expression_evaluator?: string|array{
+ *             id?: scalar|Param|null, // Default: "jms_serializer.expression_evaluator"
+ *         },
+ *         metadata?: array{
+ *             warmup?: array{
+ *                 paths?: array{
+ *                     included?: list<scalar|Param|null>,
+ *                     excluded?: list<scalar|Param|null>,
+ *                 },
+ *             },
+ *             cache?: scalar|Param|null, // Default: "file"
+ *             debug?: bool|Param, // Default: true
+ *             file_cache?: array{
+ *                 dir?: scalar|Param|null, // Default: null
+ *             },
+ *             include_interfaces?: bool|Param, // Default: false
+ *             auto_detection?: bool|Param, // Default: true
+ *             infer_types_from_doc_block?: bool|Param, // Default: false
+ *             infer_types_from_doctrine_metadata?: bool|Param, // Infers type information from Doctrine metadata if no explicit type has been defined for a property. // Default: true
+ *             directories?: array<string, array{ // Default: []
+ *                 path: scalar|Param|null,
+ *                 namespace_prefix?: scalar|Param|null, // Default: ""
+ *             }>,
+ *         },
+ *         visitors?: array{
+ *             json_serialization?: array{
+ *                 depth?: scalar|Param|null,
+ *                 options?: scalar|Param|null, // Default: 1024
+ *             },
+ *             json_deserialization?: array{
+ *                 options?: scalar|Param|null, // Default: 0
+ *                 strict?: bool|Param, // Default: false
+ *             },
+ *             xml_serialization?: array{
+ *                 version?: scalar|Param|null,
+ *                 encoding?: scalar|Param|null,
+ *                 format_output?: bool|Param, // Default: false
+ *                 default_root_name?: scalar|Param|null,
+ *                 default_root_ns?: scalar|Param|null, // Default: ""
+ *             },
+ *             xml_deserialization?: array{
+ *                 doctype_whitelist?: list<scalar|Param|null>,
+ *                 external_entities?: bool|Param, // Default: false
+ *                 options?: scalar|Param|null, // Default: 0
+ *             },
+ *         },
+ *         default_context?: array{
+ *             serialization?: string|array{
+ *                 id?: scalar|Param|null,
+ *                 serialize_null?: scalar|Param|null, // Flag if null values should be serialized
+ *                 enable_max_depth_checks?: scalar|Param|null, // Flag to enable the max-depth exclusion strategy
+ *                 attributes?: array<string, scalar|Param|null>,
+ *                 groups?: list<scalar|Param|null>,
+ *                 version?: scalar|Param|null, // Application version to use in exclusion strategies
+ *             },
+ *             deserialization?: string|array{
+ *                 id?: scalar|Param|null,
+ *                 serialize_null?: scalar|Param|null, // Flag if null values should be serialized
+ *                 enable_max_depth_checks?: scalar|Param|null, // Flag to enable the max-depth exclusion strategy
+ *                 attributes?: array<string, scalar|Param|null>,
+ *                 groups?: list<scalar|Param|null>,
+ *                 version?: scalar|Param|null, // Application version to use in exclusion strategies
+ *             },
+ *         },
+ *     }>,
+ * }
+ * @psalm-type CoreShopPimcoreConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ * }
+ * @psalm-type CoreShopLocaleConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ * }
+ * @psalm-type CoreShopResourceConfig = array{
+ *     mapping?: array{
+ *         paths?: list<scalar|Param|null>,
+ *     },
+ *     resources?: array<string, array{ // Default: []
+ *         driver?: scalar|Param|null, // Default: "doctrine/orm"
+ *         options?: mixed,
+ *         templates?: scalar|Param|null,
+ *         classes: array{
+ *             model: scalar|Param|null,
+ *             interface?: scalar|Param|null,
+ *             admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *             repository?: scalar|Param|null,
+ *             factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *         },
+ *         translation?: array{
+ *             options?: mixed,
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes: array{
+ *                 model: scalar|Param|null,
+ *                 interface?: scalar|Param|null,
+ *                 controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 repository?: scalar|Param|null,
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *             },
+ *         },
+ *     }>,
+ *     pimcore?: array<string, array{ // Default: []
+ *         options?: mixed,
+ *         path?: array<string, scalar|Param|null>,
+ *         classes?: array{
+ *             model: scalar|Param|null,
+ *             pimcore_class_name?: scalar|Param|null,
+ *             interface?: scalar|Param|null,
+ *             repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Pimcore\\PimcoreRepository"
+ *             factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *             install_file?: scalar|Param|null,
+ *             type?: scalar|Param|null, // Default: "object"
+ *             pimcore_controller?: array<string, scalar|Param|null>,
+ *         },
+ *     }>,
+ *     translation?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *         locale_provider?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Translation\\Provider\\TranslationLocaleProviderInterface"
+ *     },
+ *     drivers?: list<"doctrine/orm"|Param>,
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ *     orm_cascade_merge_associations?: array<string, array{ // Default: []
+ *         associations?: list<scalar|Param|null>,
+ *     }>,
+ * }
+ * @psalm-type CoreShopSeoConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ * }
+ * @psalm-type CoreShopMoneyConfig = array{
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ * }
+ * @psalm-type CoreShopWorkflowConfig = array{
+ *     state_machine?: array<string, array{ // Default: []
+ *         places: list<scalar|Param|null>,
+ *         transitions: array<string, array{ // Default: []
+ *             name: scalar|Param|null,
+ *             guard?: scalar|Param|null, // An expression to block the transition
+ *             from?: list<scalar|Param|null>,
+ *             to?: list<scalar|Param|null>,
+ *         }>,
+ *         place_colors?: array<string, scalar|Param|null>,
+ *         transition_colors?: array<string, scalar|Param|null>,
+ *         callbacks?: array{
+ *             guard?: array<string, array{ // Default: []
+ *                 enabled?: bool|Param, // Default: true
+ *                 on?: mixed,
+ *                 do?: mixed,
+ *                 priority?: scalar|Param|null, // Default: 0
+ *                 args?: list<scalar|Param|null>,
+ *             }>,
+ *             before?: array<string, array{ // Default: []
+ *                 enabled?: bool|Param, // Default: true
+ *                 on?: mixed,
+ *                 do?: mixed,
+ *                 priority?: scalar|Param|null, // Default: 0
+ *                 args?: list<scalar|Param|null>,
+ *             }>,
+ *             after?: array<string, array{ // Default: []
+ *                 enabled?: bool|Param, // Default: true
+ *                 on?: mixed,
+ *                 do?: mixed,
+ *                 priority?: scalar|Param|null, // Default: 0
+ *                 args?: list<scalar|Param|null>,
+ *             }>,
+ *         },
+ *     }>,
+ * }
+ * @psalm-type CoreShopMessengerConfig = array{
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["messenger"]
+ *     },
+ *     doctrine?: array{
+ *         table_name?: scalar|Param|null, // Default: null
+ *         connection?: scalar|Param|null, // Default: null
+ *     },
+ * }
+ * @psalm-type CoreShopRuleConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         rule_condition?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Rule\\Model\\Condition"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Rule\\Model\\ConditionInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *             },
+ *         },
+ *         rule_action?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Rule\\Model\\Action"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Rule\\Model\\ActionInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ * }
+ * @psalm-type CoreShopConfigurationConfig = array{
+ *     resources?: array{
+ *         configuration?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Configuration\\Model\\Configuration"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Configuration\\Model\\ConfigurationInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ConfigurationBundle\\Controller\\ConfigurationController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ConfigurationBundle\\Doctrine\\ORM\\ConfigurationRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ConfigurationBundle\\Form\\Type\\ConfigurationType"
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type CoreShopOrderConfig = array{
+ *     allow_order_edit?: bool|Param, // Default: false
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         cart_price_rule?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "cart_price_rule"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\CartPriceRuleController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Doctrine\\ORM\\CartPriceRuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Form\\Type\\CartPriceRuleType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Form\\Type\\CartPriceRuleTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         cart_price_rule_voucher_code?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleVoucherCode"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleVoucherCodeInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Doctrine\\ORM\\CartPriceRuleVoucherRepository"
+ *             },
+ *         },
+ *         cart_price_rule_voucher_code_customer?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleVoucherCodeCustomer"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\CartPriceRuleVoucherCodeCustomerInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Factory\\CartPriceRuleVoucherCodeCustomerFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Doctrine\\ORM\\CartPriceRuleVoucherCodeCustomerRepository"
+ *             },
+ *         },
+ *     },
+ *     pimcore?: array{
+ *         order?: array{
+ *             options?: mixed,
+ *             path?: array{
+ *                 order?: scalar|Param|null, // Default: "orders"
+ *                 quote?: scalar|Param|null, // Default: "quotes"
+ *                 cart?: scalar|Param|null, // Default: "carts"
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopOrder"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Pimcore\\Repository\\OrderRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/classes/CoreShopOrder.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *                 pimcore_controller?: array{
+ *                     default?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderController"
+ *                     creation?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderCreationController"
+ *                     edit?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderEditController"
+ *                     payment?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderPaymentController"
+ *                     comment?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderCommentController"
+ *                     customer_creation?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\CustomerCreationController"
+ *                     address_creation?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\AddressCreationController"
+ *                 },
+ *             },
+ *         },
+ *         order_item?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "items"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopOrderItem"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Pimcore\\Repository\\OrderItemRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/classes/CoreShopOrderItem.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         order_invoice?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "invoices"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopOrderInvoice"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderInvoiceInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Pimcore\\Repository\\OrderInvoiceRepository"
+ *                 pimcore_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderInvoiceController"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/classes/CoreShopOrderInvoice.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         order_invoice_item?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "items"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopOrderInvoiceItem"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderInvoiceItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/classes/CoreShopOrderInvoiceItem.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         order_shipment?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "shipments"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopOrderShipment"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderShipmentInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Pimcore\\Repository\\OrderShipmentRepository"
+ *                 pimcore_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\OrderBundle\\Controller\\OrderShipmentController"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/classes/CoreShopOrderShipment.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         order_shipment_item?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "items"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopOrderShipmentItem"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderShipmentItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/classes/CoreShopOrderShipmentItem.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         cart_price_rule_item?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\CoreShopProposalCartPriceRuleItem"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\ProposalCartPriceRuleItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/fieldcollections/CoreShopProposalCartPriceRuleItem.json"
+ *                 type?: scalar|Param|null, // Default: "fieldcollection"
+ *             },
+ *         },
+ *         price_rule_item?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\CoreShopPriceRuleItem"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\PriceRuleItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/fieldcollections/CoreShopPriceRuleItem.json"
+ *                 type?: scalar|Param|null, // Default: "fieldcollection"
+ *             },
+ *         },
+ *         adjustment?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\CoreShopAdjustment"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\AdjustmentInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/fieldcollections/CoreShopAdjustment.json"
+ *                 type?: scalar|Param|null, // Default: "fieldcollection"
+ *             },
+ *         },
+ *         order_item_attribute?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\CoreShopOrderItemAttribute"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderItemAttributeInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopOrderBundle/Resources/install/pimcore/fieldcollections/CoreShopOrderItemAttribute.json"
+ *                 type?: scalar|Param|null, // Default: "fieldcollection"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["cart_price_rule","order_list","order_detail","order_create","quote_list","quote_detail","quote_create","cart_list","cart_detail","cart_create"]
+ *         install?: array{
+ *             grid_config?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     stack?: array{
+ *         purchasable?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\PurchasableInterface"
+ *         order?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderInterface"
+ *         order_item?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderItemInterface"
+ *         order_invoice?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderInvoiceInterface"
+ *         order_invoice_item?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderInvoiceItemInterface"
+ *         order_shipment?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderShipmentInterface"
+ *         order_shipment_item?: scalar|Param|null, // Default: "CoreShop\\Component\\Order\\Model\\OrderShipmentItemInterface"
+ *     },
+ * }
+ * @psalm-type CoreShopCustomerConfig = array{
+ *     login_identifier?: "email"|"username"|Param, // Default: "email"
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     stack?: array{
+ *         customer?: scalar|Param|null, // Default: "CoreShop\\Component\\Customer\\Model\\CustomerInterface"
+ *         customer_group?: scalar|Param|null, // Default: "CoreShop\\Component\\Customer\\Model\\CustomerGroupInterface"
+ *         company?: scalar|Param|null, // Default: "CoreShop\\Component\\Customer\\Model\\CompanyInterface"
+ *     },
+ *     pimcore?: array{
+ *         company?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "companies"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopCompany"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Customer\\Model\\CompanyInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CustomerBundle\\Pimcore\\Repository\\CompanyRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopCustomerBundle/Resources/install/pimcore/classes/CoreShopCompany.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         customer?: array{
+ *             options?: mixed,
+ *             path?: array{
+ *                 customer?: scalar|Param|null, // Default: "customers"
+ *                 guest?: scalar|Param|null, // Default: "guests"
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopCustomer"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Customer\\Model\\CustomerInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CustomerBundle\\Pimcore\\Repository\\CustomerRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopCustomerBundle/Resources/install/pimcore/classes/CoreShopCustomer.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         customer_group?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "customer_groups"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopCustomerGroup"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Customer\\Model\\CustomerGroupInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopCustomerBundle/Resources/install/pimcore/classes/CoreShopCustomerGroup.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["customer_list","customer_group_list"]
+ *         install?: array{
+ *             grid_config?: list<scalar|Param|null>,
+ *         },
+ *     },
+ * }
+ * @psalm-type CoreShopUserConfig = array{
+ *     driver?: scalar|Param|null, // Default: "doctrine/orm"
+ *     stack?: array{
+ *         user?: scalar|Param|null, // Default: "CoreShop\\Component\\User\\Model\\UserInterface"
+ *     },
+ *     pimcore?: array{
+ *         user?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "user"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopUser"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\User\\Model\\UserInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\UserBundle\\Pimcore\\Repository\\UserRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopUserBundle/Resources/install/pimcore/classes/CoreShopUser.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ * }
+ * @psalm-type CoreShopInventoryConfig = array{
+ *     checker?: scalar|Param|null, // Default: "CoreShop\\Component\\Inventory\\Checker\\AvailabilityChecker"
+ * }
+ * @psalm-type CoreShopVariantConfig = array{
+ *     stack?: array{
+ *         attribute_group?: scalar|Param|null, // Default: "CoreShop\\Component\\Variant\\Model\\AttributeGroupInterface"
+ *         attribute?: scalar|Param|null, // Default: "CoreShop\\Component\\Variant\\Model\\AttributeInterface"
+ *         variant_aware?: scalar|Param|null, // Default: "CoreShop\\Component\\Variant\\Model\\ProductVariantAwareInterface"
+ *     },
+ *     pimcore?: array{
+ *         attribute_group?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopAttributeGroup"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Variant\\Model\\AttributeGroupInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopVariantBundle/Resources/install/pimcore/classes/CoreShopAttributeGroup.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         attribute_value?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopAttributeValue"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Variant\\Model\\AttributeValueInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopVariantBundle/Resources/install/pimcore/classes/CoreShopAttributeValue.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         attribute_color?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopAttributeColor"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Variant\\Model\\AttributeColorInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopVariantBundle/Resources/install/pimcore/classes/CoreShopAttributeColor.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ *     redirect_to_main_variant?: scalar|Param|null, // Default: true
+ * }
+ * @psalm-type CoreShopProductConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         product_price_rule?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "product_price_rule"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductPriceRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductPriceRuleInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Controller\\ProductPriceRuleController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Doctrine\\ORM\\ProductPriceRuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Form\\Type\\ProductPriceRuleType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductPriceRuleTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductPriceRuleTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Form\\Type\\ProductPriceRuleTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         product_specific_price_rule?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductSpecificPriceRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductSpecificPriceRuleInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Doctrine\\ORM\\ProductSpecificPriceRuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Form\\Type\\ProductSpecificPriceRuleType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductSpecificPriceRuleTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductSpecificPriceRuleTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Form\\Type\\ProductSpecificPriceRuleTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         product_unit?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "product_unit"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnit"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Doctrine\\ORM\\ProductUnitRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Form\\Type\\Unit\\ProductUnitType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Form\\Type\\Unit\\ProductUnitTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         product_unit_definitions?: array{
+ *             options?: mixed,
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitDefinitions"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitDefinitionsInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Controller\\ProductUnitDefinitionsController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Doctrine\\ORM\\ProductUnitDefinitionsRepository"
+ *             },
+ *         },
+ *         product_unit_definition?: array{
+ *             options?: mixed,
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitDefinition"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitDefinitionInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *             },
+ *         },
+ *         product_unit_definition_price?: array{
+ *             options?: mixed,
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitDefinitionPrice"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductUnitDefinitionPriceInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *             },
+ *         },
+ *     },
+ *     pimcore?: array{
+ *         product?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "products"
+ *             slug?: bool|Param, // Default: true
+ *             route?: array{
+ *                 name?: scalar|Param|null, // Default: "coreshop_product_detail"
+ *                 id_param?: scalar|Param|null, // Default: "product"
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopProduct"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Pimcore\\Repository\\ProductRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopProductBundle/Resources/install/pimcore/classes/CoreShopProduct.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         category?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "categories"
+ *             slug?: bool|Param, // Default: true
+ *             route?: array{
+ *                 name?: scalar|Param|null, // Default: "coreshop_category_list"
+ *                 id_param?: scalar|Param|null, // Default: "category"
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopCategory"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\CategoryInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductBundle\\Pimcore\\Repository\\CategoryRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopProductBundle/Resources/install/pimcore/classes/CoreShopCategory.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         manufacturer?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "manufacturers"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopManufacturer"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ManufacturerInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopProductBundle/Resources/install/pimcore/classes/CoreShopManufacturer.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["product_price_rule","product_unit"]
+ *     },
+ *     stack?: array{
+ *         product?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ProductInterface"
+ *         category?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\CategoryInterface"
+ *         manufacturer?: scalar|Param|null, // Default: "CoreShop\\Component\\Product\\Model\\ManufacturerInterface"
+ *     },
+ * }
+ * @psalm-type CoreShopThemeConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     default_resolvers?: array{
+ *         pimcore_site?: bool|Param, // Default: false
+ *         pimcore_document_property?: bool|Param, // Default: false
+ *     },
+ * }
+ * @psalm-type CoreShopAddressConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     stack?: array{
+ *         address?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\AddressInterface"
+ *     },
+ *     resources?: array{
+ *         country?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "country"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\Country"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\CountryInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Controller\\CountryController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Doctrine\\ORM\\CountryRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Form\\Type\\CountryType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\CountryTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\CountryTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Form\\Type\\CountryTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         zone?: array{
+ *             permission?: scalar|Param|null, // Default: "zone"
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\Zone"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\ZoneInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Form\\Type\\ZoneType"
+ *             },
+ *         },
+ *         state?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "state"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\State"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\StateInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Form\\Type\\StateType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\StateTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\StateTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Form\\Type\\StateTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         address_identifier?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "address_identifier"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\AddressIdentifier"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\AddressIdentifierInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Doctrine\\ORM\\AddressIdentifierRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\AddressBundle\\Form\\Type\\AddressIdentifierType"
+ *             },
+ *         },
+ *     },
+ *     pimcore?: array{
+ *         address?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "addresses"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopAddress"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Address\\Model\\AddressInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopAddressBundle/Resources/install/pimcore/classes/CoreShopAddress.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["country","state","zone"]
+ *     },
+ * }
+ * @psalm-type CoreShopCurrencyConfig = array{
+ *     money_decimal_factor?: int|Param, // Default: 100
+ *     money_decimal_precision?: int|Param, // Default: 2
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         currency?: array{
+ *             options?: mixed,
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             permission?: scalar|Param|null, // Default: "currency"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Currency\\Model\\Currency"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Currency\\Model\\CurrencyInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CurrencyBundle\\Controller\\CurrencyController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CurrencyBundle\\Doctrine\\ORM\\CurrencyRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CurrencyBundle\\Form\\Type\\CurrencyType"
+ *             },
+ *         },
+ *         exchange_rate?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "exchange_rate"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Currency\\Model\\ExchangeRate"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Currency\\Model\\ExchangeRateInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CurrencyBundle\\Controller\\ExchangeRateController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CurrencyBundle\\Doctrine\\ORM\\ExchangeRateRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CurrencyBundle\\Form\\Type\\ExchangeRateType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["currency","exchange_rate"]
+ *     },
+ * }
+ * @psalm-type CoreShopTaxationConfig = array{
+ *     resources?: array{
+ *         tax_rate?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "tax_rate"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRate"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRateInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Doctrine\\ORM\\TaxRateRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Form\\Type\\TaxRateType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRateTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRateTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Form\\Type\\TaxRateTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         tax_rule_group?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "tax_rule_group"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRuleGroup"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRuleGroupInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Controller\\TaxRuleGroupController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Form\\Type\\TaxRuleGroupType"
+ *             },
+ *         },
+ *         tax_rule?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxRuleInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Doctrine\\ORM\\TaxRuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\TaxationBundle\\Form\\Type\\TaxRuleType"
+ *             },
+ *         },
+ *     },
+ *     pimcore?: array{
+ *         tax_item?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\Fieldcollection\\Data\\CoreShopTaxItem"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Taxation\\Model\\TaxItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null,
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopTaxationBundle/Resources/install/pimcore/fieldcollections/CoreShopTaxItem.json"
+ *                 type?: scalar|Param|null, // Default: "fieldcollection"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["tax_rate","tax_rule_group"]
+ *     },
+ * }
+ * @psalm-type CoreShopStoreConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         store?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "store"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Store\\Model\\Store"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Store\\Model\\StoreInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\StoreBundle\\Controller\\StoreController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\StoreBundle\\Doctrine\\ORM\\StoreRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\StoreBundle\\Form\\Type\\StoreType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["store"]
+ *     },
+ * }
+ * @psalm-type CoreShopIndexConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     mysql_auto_generate_migrations?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         index?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "index"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\Index"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\IndexInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\IndexBundle\\Controller\\IndexController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\IndexBundle\\Form\\Type\\IndexType"
+ *             },
+ *         },
+ *         index_column?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\IndexColumn"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\IndexColumnInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\IndexBundle\\Form\\Type\\IndexColumnType"
+ *             },
+ *         },
+ *         filter?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "filter"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\Filter"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\FilterInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\IndexBundle\\Controller\\FilterController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\IndexBundle\\Form\\Type\\FilterType"
+ *             },
+ *         },
+ *         filter_condition?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\FilterCondition"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Index\\Model\\FilterConditionInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\IndexBundle\\Form\\Type\\FilterConditionType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["index","filter"]
+ *     },
+ *     mapping_types?: array<string, scalar|Param|null>,
+ *     worker_mapping_types?: array<string, array<string, scalar|Param|null>>,
+ * }
+ * @psalm-type CoreShopShippingConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     default_resolver?: scalar|Param|null,
+ *     resources?: array{
+ *         carrier?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "carrier"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\Carrier"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\CarrierInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ShippingBundle\\Controller\\CarrierController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ShippingBundle\\Form\\Type\\CarrierType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\CarrierTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\CarrierTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ShippingBundle\\Form\\Type\\CarrierTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         shipping_rule?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "shipping_rule"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\ShippingRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\ShippingRuleInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ShippingBundle\\Controller\\ShippingRuleController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\RuleBundle\\Doctrine\\ORM\\RuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ShippingBundle\\Form\\Type\\ShippingRuleType"
+ *             },
+ *         },
+ *         shipping_rule_group?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\ShippingRuleGroup"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Shipping\\Model\\ShippingRuleGroupInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ShippingBundle\\Form\\Type\\ShippingRuleGroupType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["carrier","shipping_rule"]
+ *     },
+ * }
+ * @psalm-type CoreShopPaymentConfig = array{
+ *     driver?: scalar|Param|null, // Default: "doctrine/orm"
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         payment_provider?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "payment_provider"
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProvider"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\TranslatableFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Doctrine\\ORM\\PaymentProviderRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Form\\Type\\PaymentProviderType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Form\\Type\\PaymentProviderTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         payment?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\Payment"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Doctrine\\ORM\\PaymentRepository"
+ *             },
+ *         },
+ *         payment_provider_rule?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "payment_provider_rule"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderRuleInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Controller\\PaymentProviderRuleController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\RuleBundle\\Doctrine\\ORM\\RuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Form\\Type\\PaymentProviderRuleType"
+ *             },
+ *             translation?: array{
+ *                 options?: mixed,
+ *                 graphql?: array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 classes?: array{
+ *                     model?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderRuleTranslation"
+ *                     interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderRuleTranslationInterface"
+ *                     repository?: scalar|Param|null,
+ *                     factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                     form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Form\\Type\\PaymentProviderRuleTranslationType"
+ *                 },
+ *             },
+ *         },
+ *         payment_provider_rule_group?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderRuleGroup"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Payment\\Model\\PaymentProviderRuleGroupInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PaymentBundle\\Form\\Type\\PaymentProviderRuleGroupType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["payment_provider","payment_provider_rule"]
+ *     },
+ * }
+ * @psalm-type CoreShopSequenceConfig = array{
+ *     resources?: array{
+ *         sequence?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Sequence\\Model\\Sequence"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Sequence\\Model\\SequenceInterface"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Sequence\\Factory\\SequenceFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\SequenceBundle\\Doctrine\\ORM\\SequenceRepository"
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type CoreShopPayumPaymentConfig = array{
+ *     driver?: scalar|Param|null, // Default: "doctrine/orm"
+ *     resources?: array{
+ *         gateway_config?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\PayumPayment\\Model\\GatewayConfig"
+ *                 controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *             },
+ *         },
+ *         payment_security_token?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\PayumPayment\\Model\\PaymentSecurityToken"
+ *                 controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ResourceBundle\\Controller\\ResourceController"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type CoreShopNotificationConfig = array{
+ *     resources?: array{
+ *         notification_rule?: array{
+ *             options?: mixed,
+ *             permission?: scalar|Param|null, // Default: "notification"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Notification\\Model\\NotificationRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Notification\\Model\\NotificationRuleInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\NotificationBundle\\Doctrine\\ORM\\NotificationRuleRepository"
+ *                 admin_controller?: scalar|Param|null, // Default: "CoreShop\\Bundle\\NotificationBundle\\Controller\\NotificationRuleController"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\NotificationBundle\\Form\\Type\\NotificationRuleType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["notification"]
+ *     },
+ * }
+ * @psalm-type CoreShopTrackingConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     trackers?: array<string, array{ // Default: []
+ *         enabled?: bool|Param, // Default: false
+ *     }>,
+ * }
+ * @psalm-type CoreShopFrontendConfig = array{
+ *     view_suffix?: scalar|Param|null, // Default: "twig"
+ *     view_bundle?: scalar|Param|null, // Deprecated: Use view_prefix instead // Default: "@CoreShopFrontend"
+ *     view_prefix?: scalar|Param|null, // Default: "@CoreShopFrontend"
+ *     category?: array{
+ *         valid_sort_options?: list<scalar|Param|null>,
+ *         default_sort_name?: scalar|Param|null, // Default: "name"
+ *         default_sort_direction?: scalar|Param|null, // Default: "asc"
+ *     },
+ *     pimcore_admin?: array{
+ *         install?: array{
+ *             routes?: list<scalar|Param|null>,
+ *             documents?: list<scalar|Param|null>,
+ *             image_thumbnails?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     controllers?: array{
+ *         index?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\IndexController"
+ *         register?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\RegisterController"
+ *         customer?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\CustomerController"
+ *         currency?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\CurrencyController"
+ *         search?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\SearchController"
+ *         cart?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\CartController"
+ *         checkout?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\CheckoutController"
+ *         order?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\OrderController"
+ *         category?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\CategoryController"
+ *         product?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\ProductController"
+ *         quote?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\QuoteController"
+ *         security?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\SecurityController"
+ *         payment?: scalar|Param|null, // Default: "CoreShop\\Bundle\\PayumBundle\\Controller\\PaymentController"
+ *         mail?: scalar|Param|null, // Default: "CoreShop\\Bundle\\FrontendBundle\\Controller\\MailController"
+ *     },
+ * }
+ * @psalm-type CoreShopPayumConfig = array{
+ *     template?: array{
+ *         layout?: scalar|Param|null, // Default: "@CoreShopPayum/:layout.html.twig"
+ *         obtain_credit_card?: scalar|Param|null, // Default: "@CoreShopPayum/Action/obtainCreditCard.html.twig"
+ *     },
+ * }
+ * @psalm-type CoreShopProductQuantityPriceRulesConfig = array{
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     action_constraints?: list<array{ // Default: []
+ *         class?: scalar|Param|null,
+ *         groups?: array<string, scalar|Param|null>,
+ *     }>,
+ *     resources?: array{
+ *         product_quantity_price_rule_range?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\ProductQuantityPriceRules\\Model\\QuantityRange"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\ProductQuantityPriceRules\\Model\\QuantityRangeInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null,
+ *             },
+ *         },
+ *         product_quantity_price_rule?: array{
+ *             options?: mixed,
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\ProductQuantityPriceRules\\Model\\ProductQuantityPriceRule"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\ProductQuantityPriceRules\\Model\\ProductQuantityPriceRuleInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductQuantityPriceRulesBundle\\Doctrine\\ORM\\ProductQuantityPriceRuleRepository"
+ *                 form?: scalar|Param|null, // Default: "CoreShop\\Bundle\\ProductQuantityPriceRulesBundle\\Form\\Type\\ProductQuantityPriceRuleType"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array<string, scalar|Param|null>,
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *         permissions?: scalar|Param|null, // Default: ["notification"]
+ *     },
+ * }
+ * @psalm-type CoreShopWishlistConfig = array{
+ *     pimcore?: array{
+ *         wishlist?: array{
+ *             options?: mixed,
+ *             path?: array{
+ *                 wishlist?: scalar|Param|null, // Default: "wishlists"
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopWishlist"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Wishlist\\Model\\WishlistInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\WishlistBundle\\Pimcore\\Repository\\WishlistRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopWishlistBundle/Resources/install/pimcore/classes/CoreShopWishlist.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *         wishlist_item?: array{
+ *             options?: mixed,
+ *             path?: scalar|Param|null, // Default: "items"
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "Pimcore\\Model\\DataObject\\CoreShopWishlistItem"
+ *                 pimcore_class_name?: scalar|Param|null,
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Wishlist\\Model\\WishlistItemInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\PimcoreFactory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\WishlistBundle\\Pimcore\\Repository\\WishlistItemRepository"
+ *                 install_file?: scalar|Param|null, // Default: "@CoreShopWishlistBundle/Resources/install/pimcore/classes/CoreShopWishlistItem.json"
+ *                 type?: scalar|Param|null, // Default: "object"
+ *             },
+ *         },
+ *     },
+ *     stack?: array{
+ *         wishlist?: scalar|Param|null, // Default: "CoreShop\\Component\\Wishlist\\Model\\WishlistInterface"
+ *         wishlist_item?: scalar|Param|null, // Default: "CoreShop\\Component\\Wishlist\\Model\\WishlistItemInterface"
+ *         wishlist_product?: scalar|Param|null, // Default: "CoreShop\\Component\\Wishlist\\Model\\WishlistProductInterface"
+ *     },
+ * }
+ * @psalm-type CoreShopClassDefinitionPatchConfig = array{
+ *     patches?: array<string, array{ // Default: []
+ *         interface?: list<scalar|Param|null>,
+ *         parent_class?: scalar|Param|null,
+ *         group?: scalar|Param|null,
+ *         description?: scalar|Param|null,
+ *         listing_parent_class?: scalar|Param|null,
+ *         use_traits?: list<scalar|Param|null>,
+ *         listing_use_traits?: list<scalar|Param|null>,
+ *         fields?: array<string, array{ // Default: []
+ *             after?: scalar|Param|null,
+ *             before?: scalar|Param|null,
+ *             replace?: bool|Param, // Default: true
+ *             definition?: mixed,
+ *         }>,
+ *     }>,
+ * }
+ * @psalm-type PayumConfig = array{
+ *     security: array{
+ *         token_storage: array<string, array{ // Default: []
+ *             filesystem?: array{
+ *                 storage_dir: scalar|Param|null,
+ *                 id_property?: scalar|Param|null, // Default: null
+ *             },
+ *             doctrine?: string|array{
+ *                 driver: scalar|Param|null,
+ *             },
+ *             custom?: string|array{
+ *                 service: scalar|Param|null,
+ *             },
+ *             propel1?: array<mixed>,
+ *             propel2?: array<mixed>,
+ *         }>,
+ *     },
+ *     dynamic_gateways?: array{
+ *         sonata_admin?: bool|Param, // Default: false
+ *         config_storage: array<string, array{ // Default: []
+ *             filesystem?: array{
+ *                 storage_dir: scalar|Param|null,
+ *                 id_property?: scalar|Param|null, // Default: null
+ *             },
+ *             doctrine?: string|array{
+ *                 driver: scalar|Param|null,
+ *             },
+ *             custom?: string|array{
+ *                 service: scalar|Param|null,
+ *             },
+ *             propel1?: array<mixed>,
+ *             propel2?: array<mixed>,
+ *         }>,
+ *         encryption?: array{
+ *             defuse_secret_key?: scalar|Param|null,
+ *         },
+ *     },
+ *     gateways?: array<string, mixed>,
+ *     storages?: array<string, array{ // Default: []
+ *         extension?: array{
+ *             all?: bool|Param, // Default: true
+ *             gateways?: array<string, scalar|Param|null>,
+ *             factories?: array<string, scalar|Param|null>,
+ *         },
+ *         filesystem?: array{
+ *             storage_dir: scalar|Param|null,
+ *             id_property?: scalar|Param|null, // Default: null
+ *         },
+ *         doctrine?: string|array{
+ *             driver: scalar|Param|null,
+ *         },
+ *         custom?: string|array{
+ *             service: scalar|Param|null,
+ *         },
+ *         propel1?: array<mixed>,
+ *         propel2?: array<mixed>,
+ *     }>,
+ * }
+ * @psalm-type StofDoctrineExtensionsConfig = array{
+ *     orm?: array<string, array{ // Default: []
+ *         translatable?: scalar|Param|null, // Default: false
+ *         timestampable?: scalar|Param|null, // Default: false
+ *         blameable?: scalar|Param|null, // Default: false
+ *         sluggable?: scalar|Param|null, // Default: false
+ *         tree?: scalar|Param|null, // Default: false
+ *         loggable?: scalar|Param|null, // Default: false
+ *         ip_traceable?: scalar|Param|null, // Default: false
+ *         sortable?: scalar|Param|null, // Default: false
+ *         softdeleteable?: scalar|Param|null, // Default: false
+ *         uploadable?: scalar|Param|null, // Default: false
+ *         reference_integrity?: scalar|Param|null, // Default: false
+ *     }>,
+ *     mongodb?: array<string, array{ // Default: []
+ *         translatable?: scalar|Param|null, // Default: false
+ *         timestampable?: scalar|Param|null, // Default: false
+ *         blameable?: scalar|Param|null, // Default: false
+ *         sluggable?: scalar|Param|null, // Default: false
+ *         tree?: scalar|Param|null, // Default: false
+ *         loggable?: scalar|Param|null, // Default: false
+ *         ip_traceable?: scalar|Param|null, // Default: false
+ *         sortable?: scalar|Param|null, // Default: false
+ *         softdeleteable?: scalar|Param|null, // Default: false
+ *         uploadable?: scalar|Param|null, // Default: false
+ *         reference_integrity?: scalar|Param|null, // Default: false
+ *     }>,
+ *     class?: array{
+ *         translatable?: scalar|Param|null, // Default: "Gedmo\\Translatable\\TranslatableListener"
+ *         timestampable?: scalar|Param|null, // Default: "Gedmo\\Timestampable\\TimestampableListener"
+ *         blameable?: scalar|Param|null, // Default: "Gedmo\\Blameable\\BlameableListener"
+ *         sluggable?: scalar|Param|null, // Default: "Gedmo\\Sluggable\\SluggableListener"
+ *         tree?: scalar|Param|null, // Default: "Gedmo\\Tree\\TreeListener"
+ *         loggable?: scalar|Param|null, // Default: "Gedmo\\Loggable\\LoggableListener"
+ *         sortable?: scalar|Param|null, // Default: "Gedmo\\Sortable\\SortableListener"
+ *         softdeleteable?: scalar|Param|null, // Default: "Gedmo\\SoftDeleteable\\SoftDeleteableListener"
+ *         uploadable?: scalar|Param|null, // Default: "Gedmo\\Uploadable\\UploadableListener"
+ *         reference_integrity?: scalar|Param|null, // Default: "Gedmo\\ReferenceIntegrity\\ReferenceIntegrityListener"
+ *     },
+ *     softdeleteable?: array{
+ *         handle_post_flush_event?: bool|Param, // Default: false
+ *     },
+ *     uploadable?: array{
+ *         default_file_path?: scalar|Param|null, // Default: null
+ *         mime_type_guesser_class?: scalar|Param|null, // Default: "Stof\\DoctrineExtensionsBundle\\Uploadable\\MimeTypeGuesserAdapter"
+ *         default_file_info_class?: scalar|Param|null, // Default: "Stof\\DoctrineExtensionsBundle\\Uploadable\\UploadedFileInfo"
+ *         validate_writable_directory?: bool|Param, // Default: true
+ *     },
+ *     default_locale?: scalar|Param|null, // Default: "en"
+ *     translation_fallback?: bool|Param, // Default: false
+ *     persist_default_translation?: bool|Param, // Default: false
+ *     skip_translation_on_load?: bool|Param, // Default: false
+ *     metadata_cache_pool?: scalar|Param|null, // Default: null
+ * }
+ * @psalm-type SyliusThemeConfig = array{
+ *     sources?: array{
+ *         filesystem?: bool|array{
+ *             enabled?: bool|Param, // Default: false
+ *             filename?: scalar|Param|null, // Default: "composer.json"
+ *             scan_depth?: scalar|Param|null, // Restrict depth to scan for configuration file inside theme folder // Default: 1
+ *             directories?: list<scalar|Param|null>,
+ *         },
+ *         test?: bool|array{
+ *             enabled?: bool|Param, // Default: false
+ *         },
+ *     },
+ *     assets?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *     },
+ *     templating?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *     },
+ *     translations?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *     },
+ *     context?: scalar|Param|null, // Default: "sylius.theme.context.settable"
+ *     legacy_mode?: bool|Param, // Deprecated: "legacy_mode" at path "sylius_theme.legacy_mode" is deprecated since Sylius/ThemeBundle 2.0 and will be removed in 3.0. // Default: false
+ * }
+ * @psalm-type PimcoreGoogleMarketingConfig = array{
+ *     client_id?: scalar|Param|null, // This is required for the Google API integrations. Only use a `Service Account´ from the Google Cloud Console. // Default: null
+ *     email?: scalar|Param|null, // Email address of the Google service account // Default: null
+ *     simple_api_key?: scalar|Param|null, // Server API key // Default: null
+ *     browser_api_key?: scalar|Param|null, // Browser API key // Default: null
+ * }
+ * @psalm-type FrameworkConfig = array{
+ *     secret?: scalar|Param|null,
+ *     http_method_override?: bool|Param, // Set true to enable support for the '_method' request parameter to determine the intended HTTP method on POST requests. // Default: false
+ *     allowed_http_method_override?: list<string|Param>|null,
+ *     trust_x_sendfile_type_header?: scalar|Param|null, // Set true to enable support for xsendfile in binary file responses. // Default: "%env(bool:default::SYMFONY_TRUST_X_SENDFILE_TYPE_HEADER)%"
+ *     ide?: scalar|Param|null, // Default: "%env(default::SYMFONY_IDE)%"
+ *     test?: bool|Param,
+ *     default_locale?: scalar|Param|null, // Default: "en"
+ *     set_locale_from_accept_language?: bool|Param, // Whether to use the Accept-Language HTTP header to set the Request locale (only when the "_locale" request attribute is not passed). // Default: false
+ *     set_content_language_from_locale?: bool|Param, // Whether to set the Content-Language HTTP header on the Response using the Request locale. // Default: false
+ *     enabled_locales?: list<scalar|Param|null>,
+ *     trusted_hosts?: list<scalar|Param|null>,
+ *     trusted_proxies?: mixed, // Default: ["%env(default::SYMFONY_TRUSTED_PROXIES)%"]
+ *     trusted_headers?: list<scalar|Param|null>,
+ *     error_controller?: scalar|Param|null, // Default: "error_controller"
+ *     handle_all_throwables?: bool|Param, // HttpKernel will handle all kinds of \Throwable. // Default: true
+ *     csrf_protection?: bool|array{
+ *         enabled?: scalar|Param|null, // Default: null
+ *         stateless_token_ids?: list<scalar|Param|null>,
+ *         check_header?: scalar|Param|null, // Whether to check the CSRF token in a header in addition to a cookie when using stateless protection. // Default: false
+ *         cookie_name?: scalar|Param|null, // The name of the cookie to use when using stateless protection. // Default: "csrf-token"
+ *     },
+ *     form?: bool|array{ // Form configuration
+ *         enabled?: bool|Param, // Default: true
+ *         csrf_protection?: bool|array{
+ *             enabled?: scalar|Param|null, // Default: null
+ *             token_id?: scalar|Param|null, // Default: null
+ *             field_name?: scalar|Param|null, // Default: "_token"
+ *             field_attr?: array<string, scalar|Param|null>,
+ *         },
+ *     },
+ *     http_cache?: bool|array{ // HTTP cache configuration
+ *         enabled?: bool|Param, // Default: false
+ *         debug?: bool|Param, // Default: "%kernel.debug%"
+ *         trace_level?: "none"|"short"|"full"|Param,
+ *         trace_header?: scalar|Param|null,
+ *         default_ttl?: int|Param,
+ *         private_headers?: list<scalar|Param|null>,
+ *         skip_response_headers?: list<scalar|Param|null>,
+ *         allow_reload?: bool|Param,
+ *         allow_revalidate?: bool|Param,
+ *         stale_while_revalidate?: int|Param,
+ *         stale_if_error?: int|Param,
+ *         terminate_on_cache_hit?: bool|Param,
+ *     },
+ *     esi?: bool|array{ // ESI configuration
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     ssi?: bool|array{ // SSI configuration
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     fragments?: bool|array{ // Fragments configuration
+ *         enabled?: bool|Param, // Default: false
+ *         hinclude_default_template?: scalar|Param|null, // Default: null
+ *         path?: scalar|Param|null, // Default: "/_fragment"
+ *     },
+ *     profiler?: bool|array{ // Profiler configuration
+ *         enabled?: bool|Param, // Default: false
+ *         collect?: bool|Param, // Default: true
+ *         collect_parameter?: scalar|Param|null, // The name of the parameter to use to enable or disable collection on a per request basis. // Default: null
+ *         only_exceptions?: bool|Param, // Default: false
+ *         only_main_requests?: bool|Param, // Default: false
+ *         dsn?: scalar|Param|null, // Default: "file:%kernel.cache_dir%/profiler"
+ *         collect_serializer_data?: bool|Param, // Enables the serializer data collector and profiler panel. // Default: false
+ *     },
+ *     workflows?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *         workflows?: array<string, array{ // Default: []
+ *             audit_trail?: bool|array{
+ *                 enabled?: bool|Param, // Default: false
+ *             },
+ *             type?: "workflow"|"state_machine"|Param, // Default: "state_machine"
+ *             marking_store?: array{
+ *                 type?: "method"|Param,
+ *                 property?: scalar|Param|null,
+ *                 service?: scalar|Param|null,
+ *             },
+ *             supports?: list<scalar|Param|null>,
+ *             definition_validators?: list<scalar|Param|null>,
+ *             support_strategy?: scalar|Param|null,
+ *             initial_marking?: list<scalar|Param|null>,
+ *             events_to_dispatch?: list<string|Param>|null,
+ *             places?: list<array{ // Default: []
+ *                 name: scalar|Param|null,
+ *                 metadata?: list<mixed>,
+ *             }>,
+ *             transitions: list<array{ // Default: []
+ *                 name: string|Param,
+ *                 guard?: string|Param, // An expression to block the transition.
+ *                 from?: list<array{ // Default: []
+ *                     place: string|Param,
+ *                     weight?: int|Param, // Default: 1
+ *                 }>,
+ *                 to?: list<array{ // Default: []
+ *                     place: string|Param,
+ *                     weight?: int|Param, // Default: 1
+ *                 }>,
+ *                 weight?: int|Param, // Default: 1
+ *                 metadata?: list<mixed>,
+ *             }>,
+ *             metadata?: list<mixed>,
+ *         }>,
+ *     },
+ *     router?: bool|array{ // Router configuration
+ *         enabled?: bool|Param, // Default: false
+ *         resource: scalar|Param|null,
+ *         type?: scalar|Param|null,
+ *         cache_dir?: scalar|Param|null, // Deprecated: Setting the "framework.router.cache_dir.cache_dir" configuration option is deprecated. It will be removed in version 8.0. // Default: "%kernel.build_dir%"
+ *         default_uri?: scalar|Param|null, // The default URI used to generate URLs in a non-HTTP context. // Default: null
+ *         http_port?: scalar|Param|null, // Default: 80
+ *         https_port?: scalar|Param|null, // Default: 443
+ *         strict_requirements?: scalar|Param|null, // set to true to throw an exception when a parameter does not match the requirements set to false to disable exceptions when a parameter does not match the requirements (and return null instead) set to null to disable parameter checks against requirements 'true' is the preferred configuration in development mode, while 'false' or 'null' might be preferred in production // Default: true
+ *         utf8?: bool|Param, // Default: true
+ *     },
+ *     session?: bool|array{ // Session configuration
+ *         enabled?: bool|Param, // Default: false
+ *         storage_factory_id?: scalar|Param|null, // Default: "session.storage.factory.native"
+ *         handler_id?: scalar|Param|null, // Defaults to using the native session handler, or to the native *file* session handler if "save_path" is not null.
+ *         name?: scalar|Param|null,
+ *         cookie_lifetime?: scalar|Param|null,
+ *         cookie_path?: scalar|Param|null,
+ *         cookie_domain?: scalar|Param|null,
+ *         cookie_secure?: true|false|"auto"|Param, // Default: "auto"
+ *         cookie_httponly?: bool|Param, // Default: true
+ *         cookie_samesite?: null|"lax"|"strict"|"none"|Param, // Default: "lax"
+ *         use_cookies?: bool|Param,
+ *         gc_divisor?: scalar|Param|null,
+ *         gc_probability?: scalar|Param|null,
+ *         gc_maxlifetime?: scalar|Param|null,
+ *         save_path?: scalar|Param|null, // Defaults to "%kernel.cache_dir%/sessions" if the "handler_id" option is not null.
+ *         metadata_update_threshold?: int|Param, // Seconds to wait between 2 session metadata updates. // Default: 0
+ *         sid_length?: int|Param, // Deprecated: Setting the "framework.session.sid_length.sid_length" configuration option is deprecated. It will be removed in version 8.0. No alternative is provided as PHP 8.4 has deprecated the related option.
+ *         sid_bits_per_character?: int|Param, // Deprecated: Setting the "framework.session.sid_bits_per_character.sid_bits_per_character" configuration option is deprecated. It will be removed in version 8.0. No alternative is provided as PHP 8.4 has deprecated the related option.
+ *     },
+ *     request?: bool|array{ // Request configuration
+ *         enabled?: bool|Param, // Default: false
+ *         formats?: array<string, string|list<scalar|Param|null>>,
+ *     },
+ *     assets?: bool|array{ // Assets configuration
+ *         enabled?: bool|Param, // Default: true
+ *         strict_mode?: bool|Param, // Throw an exception if an entry is missing from the manifest.json. // Default: false
+ *         version_strategy?: scalar|Param|null, // Default: null
+ *         version?: scalar|Param|null, // Default: null
+ *         version_format?: scalar|Param|null, // Default: "%%s?%%s"
+ *         json_manifest_path?: scalar|Param|null, // Default: null
+ *         base_path?: scalar|Param|null, // Default: ""
+ *         base_urls?: list<scalar|Param|null>,
+ *         packages?: array<string, array{ // Default: []
+ *             strict_mode?: bool|Param, // Throw an exception if an entry is missing from the manifest.json. // Default: false
+ *             version_strategy?: scalar|Param|null, // Default: null
+ *             version?: scalar|Param|null,
+ *             version_format?: scalar|Param|null, // Default: null
+ *             json_manifest_path?: scalar|Param|null, // Default: null
+ *             base_path?: scalar|Param|null, // Default: ""
+ *             base_urls?: list<scalar|Param|null>,
+ *         }>,
+ *     },
+ *     asset_mapper?: bool|array{ // Asset Mapper configuration
+ *         enabled?: bool|Param, // Default: false
+ *         paths?: array<string, scalar|Param|null>,
+ *         excluded_patterns?: list<scalar|Param|null>,
+ *         exclude_dotfiles?: bool|Param, // If true, any files starting with "." will be excluded from the asset mapper. // Default: true
+ *         server?: bool|Param, // If true, a "dev server" will return the assets from the public directory (true in "debug" mode only by default). // Default: true
+ *         public_prefix?: scalar|Param|null, // The public path where the assets will be written to (and served from when "server" is true). // Default: "/assets/"
+ *         missing_import_mode?: "strict"|"warn"|"ignore"|Param, // Behavior if an asset cannot be found when imported from JavaScript or CSS files - e.g. "import './non-existent.js'". "strict" means an exception is thrown, "warn" means a warning is logged, "ignore" means the import is left as-is. // Default: "warn"
+ *         extensions?: array<string, scalar|Param|null>,
+ *         importmap_path?: scalar|Param|null, // The path of the importmap.php file. // Default: "%kernel.project_dir%/importmap.php"
+ *         importmap_polyfill?: scalar|Param|null, // The importmap name that will be used to load the polyfill. Set to false to disable. // Default: "es-module-shims"
+ *         importmap_script_attributes?: array<string, scalar|Param|null>,
+ *         vendor_dir?: scalar|Param|null, // The directory to store JavaScript vendors. // Default: "%kernel.project_dir%/assets/vendor"
+ *         precompress?: bool|array{ // Precompress assets with Brotli, Zstandard and gzip.
+ *             enabled?: bool|Param, // Default: false
+ *             formats?: list<scalar|Param|null>,
+ *             extensions?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     translator?: bool|array{ // Translator configuration
+ *         enabled?: bool|Param, // Default: true
+ *         fallbacks?: list<scalar|Param|null>,
+ *         logging?: bool|Param, // Default: false
+ *         formatter?: scalar|Param|null, // Default: "translator.formatter.default"
+ *         cache_dir?: scalar|Param|null, // Default: "%kernel.cache_dir%/translations"
+ *         default_path?: scalar|Param|null, // The default path used to load translations. // Default: "%kernel.project_dir%/translations"
+ *         paths?: list<scalar|Param|null>,
+ *         pseudo_localization?: bool|array{
+ *             enabled?: bool|Param, // Default: false
+ *             accents?: bool|Param, // Default: true
+ *             expansion_factor?: float|Param, // Default: 1.0
+ *             brackets?: bool|Param, // Default: true
+ *             parse_html?: bool|Param, // Default: false
+ *             localizable_html_attributes?: list<scalar|Param|null>,
+ *         },
+ *         providers?: array<string, array{ // Default: []
+ *             dsn?: scalar|Param|null,
+ *             domains?: list<scalar|Param|null>,
+ *             locales?: list<scalar|Param|null>,
+ *         }>,
+ *         globals?: array<string, string|array{ // Default: []
+ *             value?: mixed,
+ *             message?: string|Param,
+ *             parameters?: array<string, scalar|Param|null>,
+ *             domain?: string|Param,
+ *         }>,
+ *     },
+ *     validation?: bool|array{ // Validation configuration
+ *         enabled?: bool|Param, // Default: true
+ *         cache?: scalar|Param|null, // Deprecated: Setting the "framework.validation.cache.cache" configuration option is deprecated. It will be removed in version 8.0.
+ *         enable_attributes?: bool|Param, // Default: true
+ *         static_method?: list<scalar|Param|null>,
+ *         translation_domain?: scalar|Param|null, // Default: "validators"
+ *         email_validation_mode?: "html5"|"html5-allow-no-tld"|"strict"|"loose"|Param, // Default: "html5"
+ *         mapping?: array{
+ *             paths?: list<scalar|Param|null>,
+ *         },
+ *         not_compromised_password?: bool|array{
+ *             enabled?: bool|Param, // When disabled, compromised passwords will be accepted as valid. // Default: true
+ *             endpoint?: scalar|Param|null, // API endpoint for the NotCompromisedPassword Validator. // Default: null
+ *         },
+ *         disable_translation?: bool|Param, // Default: false
+ *         auto_mapping?: array<string, array{ // Default: []
+ *             services?: list<scalar|Param|null>,
+ *         }>,
+ *     },
+ *     annotations?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     serializer?: bool|array{ // Serializer configuration
+ *         enabled?: bool|Param, // Default: true
+ *         enable_attributes?: bool|Param, // Default: true
+ *         name_converter?: scalar|Param|null,
+ *         circular_reference_handler?: scalar|Param|null,
+ *         max_depth_handler?: scalar|Param|null,
+ *         mapping?: array{
+ *             paths?: list<scalar|Param|null>,
+ *         },
+ *         default_context?: list<mixed>,
+ *         named_serializers?: array<string, array{ // Default: []
+ *             name_converter?: scalar|Param|null,
+ *             default_context?: list<mixed>,
+ *             include_built_in_normalizers?: bool|Param, // Whether to include the built-in normalizers // Default: true
+ *             include_built_in_encoders?: bool|Param, // Whether to include the built-in encoders // Default: true
+ *         }>,
+ *     },
+ *     property_access?: bool|array{ // Property access configuration
+ *         enabled?: bool|Param, // Default: true
+ *         magic_call?: bool|Param, // Default: false
+ *         magic_get?: bool|Param, // Default: true
+ *         magic_set?: bool|Param, // Default: true
+ *         throw_exception_on_invalid_index?: bool|Param, // Default: false
+ *         throw_exception_on_invalid_property_path?: bool|Param, // Default: true
+ *     },
+ *     type_info?: bool|array{ // Type info configuration
+ *         enabled?: bool|Param, // Default: true
+ *         aliases?: array<string, scalar|Param|null>,
+ *     },
+ *     property_info?: bool|array{ // Property info configuration
+ *         enabled?: bool|Param, // Default: true
+ *         with_constructor_extractor?: bool|Param, // Registers the constructor extractor.
+ *     },
+ *     cache?: array{ // Cache configuration
+ *         prefix_seed?: scalar|Param|null, // Used to namespace cache keys when using several apps with the same shared backend. // Default: "_%kernel.project_dir%.%kernel.container_class%"
+ *         app?: scalar|Param|null, // App related cache pools configuration. // Default: "cache.adapter.filesystem"
+ *         system?: scalar|Param|null, // System related cache pools configuration. // Default: "cache.adapter.system"
+ *         directory?: scalar|Param|null, // Default: "%kernel.share_dir%/pools/app"
+ *         default_psr6_provider?: scalar|Param|null,
+ *         default_redis_provider?: scalar|Param|null, // Default: "redis://localhost"
+ *         default_valkey_provider?: scalar|Param|null, // Default: "valkey://localhost"
+ *         default_memcached_provider?: scalar|Param|null, // Default: "memcached://localhost"
+ *         default_doctrine_dbal_provider?: scalar|Param|null, // Default: "database_connection"
+ *         default_pdo_provider?: scalar|Param|null, // Default: null
+ *         pools?: array<string, array{ // Default: []
+ *             adapters?: list<scalar|Param|null>,
+ *             tags?: scalar|Param|null, // Default: null
+ *             public?: bool|Param, // Default: false
+ *             default_lifetime?: scalar|Param|null, // Default lifetime of the pool.
+ *             provider?: scalar|Param|null, // Overwrite the setting from the default provider for this adapter.
+ *             early_expiration_message_bus?: scalar|Param|null,
+ *             clearer?: scalar|Param|null,
+ *         }>,
+ *     },
+ *     php_errors?: array{ // PHP errors handling configuration
+ *         log?: mixed, // Use the application logger instead of the PHP logger for logging PHP errors. // Default: true
+ *         throw?: bool|Param, // Throw PHP errors as \ErrorException instances. // Default: true
+ *     },
+ *     exceptions?: array<string, array{ // Default: []
+ *         log_level?: scalar|Param|null, // The level of log message. Null to let Symfony decide. // Default: null
+ *         status_code?: scalar|Param|null, // The status code of the response. Null or 0 to let Symfony decide. // Default: null
+ *         log_channel?: scalar|Param|null, // The channel of log message. Null to let Symfony decide. // Default: null
+ *     }>,
+ *     web_link?: bool|array{ // Web links configuration
+ *         enabled?: bool|Param, // Default: true
+ *     },
+ *     lock?: bool|string|array{ // Lock configuration
+ *         enabled?: bool|Param, // Default: true
+ *         resources?: array<string, string|list<scalar|Param|null>>,
+ *     },
+ *     semaphore?: bool|string|array{ // Semaphore configuration
+ *         enabled?: bool|Param, // Default: false
+ *         resources?: array<string, scalar|Param|null>,
+ *     },
+ *     messenger?: bool|array{ // Messenger configuration
+ *         enabled?: bool|Param, // Default: true
+ *         routing?: array<string, array{ // Default: []
+ *             senders?: list<scalar|Param|null>,
+ *         }>,
+ *         serializer?: array{
+ *             default_serializer?: scalar|Param|null, // Service id to use as the default serializer for the transports. // Default: "messenger.transport.native_php_serializer"
+ *             symfony_serializer?: array{
+ *                 format?: scalar|Param|null, // Serialization format for the messenger.transport.symfony_serializer service (which is not the serializer used by default). // Default: "json"
+ *                 context?: array<string, mixed>,
+ *             },
+ *         },
+ *         transports?: array<string, string|array{ // Default: []
+ *             dsn?: scalar|Param|null,
+ *             serializer?: scalar|Param|null, // Service id of a custom serializer to use. // Default: null
+ *             options?: list<mixed>,
+ *             failure_transport?: scalar|Param|null, // Transport name to send failed messages to (after all retries have failed). // Default: null
+ *             retry_strategy?: string|array{
+ *                 service?: scalar|Param|null, // Service id to override the retry strategy entirely. // Default: null
+ *                 max_retries?: int|Param, // Default: 3
+ *                 delay?: int|Param, // Time in ms to delay (or the initial value when multiplier is used). // Default: 1000
+ *                 multiplier?: float|Param, // If greater than 1, delay will grow exponentially for each retry: this delay = (delay * (multiple ^ retries)). // Default: 2
+ *                 max_delay?: int|Param, // Max time in ms that a retry should ever be delayed (0 = infinite). // Default: 0
+ *                 jitter?: float|Param, // Randomness to apply to the delay (between 0 and 1). // Default: 0.1
+ *             },
+ *             rate_limiter?: scalar|Param|null, // Rate limiter name to use when processing messages. // Default: null
+ *         }>,
+ *         failure_transport?: scalar|Param|null, // Transport name to send failed messages to (after all retries have failed). // Default: null
+ *         stop_worker_on_signals?: list<scalar|Param|null>,
+ *         default_bus?: scalar|Param|null, // Default: null
+ *         buses?: array<string, array{ // Default: {"messenger.bus.default":{"default_middleware":{"enabled":true,"allow_no_handlers":false,"allow_no_senders":true},"middleware":[]}}
+ *             default_middleware?: bool|string|array{
+ *                 enabled?: bool|Param, // Default: true
+ *                 allow_no_handlers?: bool|Param, // Default: false
+ *                 allow_no_senders?: bool|Param, // Default: true
+ *             },
+ *             middleware?: list<string|array{ // Default: []
+ *                 id: scalar|Param|null,
+ *                 arguments?: list<mixed>,
+ *             }>,
+ *         }>,
+ *     },
+ *     scheduler?: bool|array{ // Scheduler configuration
+ *         enabled?: bool|Param, // Default: true
+ *     },
+ *     disallow_search_engine_index?: bool|Param, // Enabled by default when debug is enabled. // Default: true
+ *     http_client?: bool|array{ // HTTP Client configuration
+ *         enabled?: bool|Param, // Default: true
+ *         max_host_connections?: int|Param, // The maximum number of connections to a single host.
+ *         default_options?: array{
+ *             headers?: array<string, mixed>,
+ *             vars?: array<string, mixed>,
+ *             max_redirects?: int|Param, // The maximum number of redirects to follow.
+ *             http_version?: scalar|Param|null, // The default HTTP version, typically 1.1 or 2.0, leave to null for the best version.
+ *             resolve?: array<string, scalar|Param|null>,
+ *             proxy?: scalar|Param|null, // The URL of the proxy to pass requests through or null for automatic detection.
+ *             no_proxy?: scalar|Param|null, // A comma separated list of hosts that do not require a proxy to be reached.
+ *             timeout?: float|Param, // The idle timeout, defaults to the "default_socket_timeout" ini parameter.
+ *             max_duration?: float|Param, // The maximum execution time for the request+response as a whole.
+ *             bindto?: scalar|Param|null, // A network interface name, IP address, a host name or a UNIX socket to bind to.
+ *             verify_peer?: bool|Param, // Indicates if the peer should be verified in a TLS context.
+ *             verify_host?: bool|Param, // Indicates if the host should exist as a certificate common name.
+ *             cafile?: scalar|Param|null, // A certificate authority file.
+ *             capath?: scalar|Param|null, // A directory that contains multiple certificate authority files.
+ *             local_cert?: scalar|Param|null, // A PEM formatted certificate file.
+ *             local_pk?: scalar|Param|null, // A private key file.
+ *             passphrase?: scalar|Param|null, // The passphrase used to encrypt the "local_pk" file.
+ *             ciphers?: scalar|Param|null, // A list of TLS ciphers separated by colons, commas or spaces (e.g. "RC3-SHA:TLS13-AES-128-GCM-SHA256"...)
+ *             peer_fingerprint?: array{ // Associative array: hashing algorithm => hash(es).
+ *                 sha1?: mixed,
+ *                 pin-sha256?: mixed,
+ *                 md5?: mixed,
+ *             },
+ *             crypto_method?: scalar|Param|null, // The minimum version of TLS to accept; must be one of STREAM_CRYPTO_METHOD_TLSv*_CLIENT constants.
+ *             extra?: array<string, mixed>,
+ *             rate_limiter?: scalar|Param|null, // Rate limiter name to use for throttling requests. // Default: null
+ *             caching?: bool|array{ // Caching configuration.
+ *                 enabled?: bool|Param, // Default: false
+ *                 cache_pool?: string|Param, // The taggable cache pool to use for storing the responses. // Default: "cache.http_client"
+ *                 shared?: bool|Param, // Indicates whether the cache is shared (public) or private. // Default: true
+ *                 max_ttl?: int|Param, // The maximum TTL (in seconds) allowed for cached responses. Null means no cap. // Default: null
+ *             },
+ *             retry_failed?: bool|array{
+ *                 enabled?: bool|Param, // Default: false
+ *                 retry_strategy?: scalar|Param|null, // service id to override the retry strategy. // Default: null
+ *                 http_codes?: array<string, array{ // Default: []
+ *                     code?: int|Param,
+ *                     methods?: list<string|Param>,
+ *                 }>,
+ *                 max_retries?: int|Param, // Default: 3
+ *                 delay?: int|Param, // Time in ms to delay (or the initial value when multiplier is used). // Default: 1000
+ *                 multiplier?: float|Param, // If greater than 1, delay will grow exponentially for each retry: delay * (multiple ^ retries). // Default: 2
+ *                 max_delay?: int|Param, // Max time in ms that a retry should ever be delayed (0 = infinite). // Default: 0
+ *                 jitter?: float|Param, // Randomness in percent (between 0 and 1) to apply to the delay. // Default: 0.1
+ *             },
+ *         },
+ *         mock_response_factory?: scalar|Param|null, // The id of the service that should generate mock responses. It should be either an invokable or an iterable.
+ *         scoped_clients?: array<string, string|array{ // Default: []
+ *             scope?: scalar|Param|null, // The regular expression that the request URL must match before adding the other options. When none is provided, the base URI is used instead.
+ *             base_uri?: scalar|Param|null, // The URI to resolve relative URLs, following rules in RFC 3985, section 2.
+ *             auth_basic?: scalar|Param|null, // An HTTP Basic authentication "username:password".
+ *             auth_bearer?: scalar|Param|null, // A token enabling HTTP Bearer authorization.
+ *             auth_ntlm?: scalar|Param|null, // A "username:password" pair to use Microsoft NTLM authentication (requires the cURL extension).
+ *             query?: array<string, scalar|Param|null>,
+ *             headers?: array<string, mixed>,
+ *             max_redirects?: int|Param, // The maximum number of redirects to follow.
+ *             http_version?: scalar|Param|null, // The default HTTP version, typically 1.1 or 2.0, leave to null for the best version.
+ *             resolve?: array<string, scalar|Param|null>,
+ *             proxy?: scalar|Param|null, // The URL of the proxy to pass requests through or null for automatic detection.
+ *             no_proxy?: scalar|Param|null, // A comma separated list of hosts that do not require a proxy to be reached.
+ *             timeout?: float|Param, // The idle timeout, defaults to the "default_socket_timeout" ini parameter.
+ *             max_duration?: float|Param, // The maximum execution time for the request+response as a whole.
+ *             bindto?: scalar|Param|null, // A network interface name, IP address, a host name or a UNIX socket to bind to.
+ *             verify_peer?: bool|Param, // Indicates if the peer should be verified in a TLS context.
+ *             verify_host?: bool|Param, // Indicates if the host should exist as a certificate common name.
+ *             cafile?: scalar|Param|null, // A certificate authority file.
+ *             capath?: scalar|Param|null, // A directory that contains multiple certificate authority files.
+ *             local_cert?: scalar|Param|null, // A PEM formatted certificate file.
+ *             local_pk?: scalar|Param|null, // A private key file.
+ *             passphrase?: scalar|Param|null, // The passphrase used to encrypt the "local_pk" file.
+ *             ciphers?: scalar|Param|null, // A list of TLS ciphers separated by colons, commas or spaces (e.g. "RC3-SHA:TLS13-AES-128-GCM-SHA256"...).
+ *             peer_fingerprint?: array{ // Associative array: hashing algorithm => hash(es).
+ *                 sha1?: mixed,
+ *                 pin-sha256?: mixed,
+ *                 md5?: mixed,
+ *             },
+ *             crypto_method?: scalar|Param|null, // The minimum version of TLS to accept; must be one of STREAM_CRYPTO_METHOD_TLSv*_CLIENT constants.
+ *             extra?: array<string, mixed>,
+ *             rate_limiter?: scalar|Param|null, // Rate limiter name to use for throttling requests. // Default: null
+ *             caching?: bool|array{ // Caching configuration.
+ *                 enabled?: bool|Param, // Default: false
+ *                 cache_pool?: string|Param, // The taggable cache pool to use for storing the responses. // Default: "cache.http_client"
+ *                 shared?: bool|Param, // Indicates whether the cache is shared (public) or private. // Default: true
+ *                 max_ttl?: int|Param, // The maximum TTL (in seconds) allowed for cached responses. Null means no cap. // Default: null
+ *             },
+ *             retry_failed?: bool|array{
+ *                 enabled?: bool|Param, // Default: false
+ *                 retry_strategy?: scalar|Param|null, // service id to override the retry strategy. // Default: null
+ *                 http_codes?: array<string, array{ // Default: []
+ *                     code?: int|Param,
+ *                     methods?: list<string|Param>,
+ *                 }>,
+ *                 max_retries?: int|Param, // Default: 3
+ *                 delay?: int|Param, // Time in ms to delay (or the initial value when multiplier is used). // Default: 1000
+ *                 multiplier?: float|Param, // If greater than 1, delay will grow exponentially for each retry: delay * (multiple ^ retries). // Default: 2
+ *                 max_delay?: int|Param, // Max time in ms that a retry should ever be delayed (0 = infinite). // Default: 0
+ *                 jitter?: float|Param, // Randomness in percent (between 0 and 1) to apply to the delay. // Default: 0.1
+ *             },
+ *         }>,
+ *     },
+ *     mailer?: bool|array{ // Mailer configuration
+ *         enabled?: bool|Param, // Default: true
+ *         message_bus?: scalar|Param|null, // The message bus to use. Defaults to the default bus if the Messenger component is installed. // Default: null
+ *         dsn?: scalar|Param|null, // Default: null
+ *         transports?: array<string, scalar|Param|null>,
+ *         envelope?: array{ // Mailer Envelope configuration
+ *             sender?: scalar|Param|null,
+ *             recipients?: list<scalar|Param|null>,
+ *             allowed_recipients?: list<scalar|Param|null>,
+ *         },
+ *         headers?: array<string, string|array{ // Default: []
+ *             value?: mixed,
+ *         }>,
+ *         dkim_signer?: bool|array{ // DKIM signer configuration
+ *             enabled?: bool|Param, // Default: false
+ *             key?: scalar|Param|null, // Key content, or path to key (in PEM format with the `file://` prefix) // Default: ""
+ *             domain?: scalar|Param|null, // Default: ""
+ *             select?: scalar|Param|null, // Default: ""
+ *             passphrase?: scalar|Param|null, // The private key passphrase // Default: ""
+ *             options?: array<string, mixed>,
+ *         },
+ *         smime_signer?: bool|array{ // S/MIME signer configuration
+ *             enabled?: bool|Param, // Default: false
+ *             key?: scalar|Param|null, // Path to key (in PEM format) // Default: ""
+ *             certificate?: scalar|Param|null, // Path to certificate (in PEM format without the `file://` prefix) // Default: ""
+ *             passphrase?: scalar|Param|null, // The private key passphrase // Default: null
+ *             extra_certificates?: scalar|Param|null, // Default: null
+ *             sign_options?: int|Param, // Default: null
+ *         },
+ *         smime_encrypter?: bool|array{ // S/MIME encrypter configuration
+ *             enabled?: bool|Param, // Default: false
+ *             repository?: scalar|Param|null, // S/MIME certificate repository service. This service shall implement the `Symfony\Component\Mailer\EventListener\SmimeCertificateRepositoryInterface`. // Default: ""
+ *             cipher?: int|Param, // A set of algorithms used to encrypt the message // Default: null
+ *         },
+ *     },
+ *     secrets?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *         vault_directory?: scalar|Param|null, // Default: "%kernel.project_dir%/config/secrets/%kernel.runtime_environment%"
+ *         local_dotenv_file?: scalar|Param|null, // Default: "%kernel.project_dir%/.env.%kernel.environment%.local"
+ *         decryption_env_var?: scalar|Param|null, // Default: "base64:default::SYMFONY_DECRYPTION_SECRET"
+ *     },
+ *     notifier?: bool|array{ // Notifier configuration
+ *         enabled?: bool|Param, // Default: true
+ *         message_bus?: scalar|Param|null, // The message bus to use. Defaults to the default bus if the Messenger component is installed. // Default: null
+ *         chatter_transports?: array<string, scalar|Param|null>,
+ *         texter_transports?: array<string, scalar|Param|null>,
+ *         notification_on_failed_messages?: bool|Param, // Default: false
+ *         channel_policy?: array<string, string|list<scalar|Param|null>>,
+ *         admin_recipients?: list<array{ // Default: []
+ *             email?: scalar|Param|null,
+ *             phone?: scalar|Param|null, // Default: ""
+ *         }>,
+ *     },
+ *     rate_limiter?: bool|array{ // Rate limiter configuration
+ *         enabled?: bool|Param, // Default: true
+ *         limiters?: array<string, array{ // Default: []
+ *             lock_factory?: scalar|Param|null, // The service ID of the lock factory used by this limiter (or null to disable locking). // Default: "auto"
+ *             cache_pool?: scalar|Param|null, // The cache pool to use for storing the current limiter state. // Default: "cache.rate_limiter"
+ *             storage_service?: scalar|Param|null, // The service ID of a custom storage implementation, this precedes any configured "cache_pool". // Default: null
+ *             policy: "fixed_window"|"token_bucket"|"sliding_window"|"compound"|"no_limit"|Param, // The algorithm to be used by this limiter.
+ *             limiters?: list<scalar|Param|null>,
+ *             limit?: int|Param, // The maximum allowed hits in a fixed interval or burst.
+ *             interval?: scalar|Param|null, // Configures the fixed interval if "policy" is set to "fixed_window" or "sliding_window". The value must be a number followed by "second", "minute", "hour", "day", "week" or "month" (or their plural equivalent).
+ *             rate?: array{ // Configures the fill rate if "policy" is set to "token_bucket".
+ *                 interval?: scalar|Param|null, // Configures the rate interval. The value must be a number followed by "second", "minute", "hour", "day", "week" or "month" (or their plural equivalent).
+ *                 amount?: int|Param, // Amount of tokens to add each interval. // Default: 1
+ *             },
+ *         }>,
+ *     },
+ *     uid?: bool|array{ // Uid configuration
+ *         enabled?: bool|Param, // Default: true
+ *         default_uuid_version?: 7|6|4|1|Param, // Default: 7
+ *         name_based_uuid_version?: 5|3|Param, // Default: 5
+ *         name_based_uuid_namespace?: scalar|Param|null,
+ *         time_based_uuid_version?: 7|6|1|Param, // Default: 7
+ *         time_based_uuid_node?: scalar|Param|null,
+ *     },
+ *     html_sanitizer?: bool|array{ // HtmlSanitizer configuration
+ *         enabled?: bool|Param, // Default: true
+ *         sanitizers?: array<string, array{ // Default: []
+ *             allow_safe_elements?: bool|Param, // Allows "safe" elements and attributes. // Default: false
+ *             allow_static_elements?: bool|Param, // Allows all static elements and attributes from the W3C Sanitizer API standard. // Default: false
+ *             allow_elements?: array<string, mixed>,
+ *             block_elements?: list<string|Param>,
+ *             drop_elements?: list<string|Param>,
+ *             allow_attributes?: array<string, mixed>,
+ *             drop_attributes?: array<string, mixed>,
+ *             force_attributes?: array<string, array<string, string|Param>>,
+ *             force_https_urls?: bool|Param, // Transforms URLs using the HTTP scheme to use the HTTPS scheme instead. // Default: false
+ *             allowed_link_schemes?: list<string|Param>,
+ *             allowed_link_hosts?: list<string|Param>|null,
+ *             allow_relative_links?: bool|Param, // Allows relative URLs to be used in links href attributes. // Default: false
+ *             allowed_media_schemes?: list<string|Param>,
+ *             allowed_media_hosts?: list<string|Param>|null,
+ *             allow_relative_medias?: bool|Param, // Allows relative URLs to be used in media source attributes (img, audio, video, ...). // Default: false
+ *             with_attribute_sanitizers?: list<string|Param>,
+ *             without_attribute_sanitizers?: list<string|Param>,
+ *             max_input_length?: int|Param, // The maximum length allowed for the sanitized input. // Default: 0
+ *         }>,
+ *     },
+ *     webhook?: bool|array{ // Webhook configuration
+ *         enabled?: bool|Param, // Default: false
+ *         message_bus?: scalar|Param|null, // The message bus to use. // Default: "messenger.default_bus"
+ *         routing?: array<string, array{ // Default: []
+ *             service: scalar|Param|null,
+ *             secret?: scalar|Param|null, // Default: ""
+ *         }>,
+ *     },
+ *     remote-event?: bool|array{ // RemoteEvent configuration
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     json_streamer?: bool|array{ // JSON streamer configuration
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ * }
+ * @psalm-type SecurityConfig = array{
+ *     access_denied_url?: scalar|Param|null, // Default: null
+ *     session_fixation_strategy?: "none"|"migrate"|"invalidate"|Param, // Default: "migrate"
+ *     hide_user_not_found?: bool|Param, // Deprecated: The "hide_user_not_found" option is deprecated and will be removed in 8.0. Use the "expose_security_errors" option instead.
+ *     expose_security_errors?: \Symfony\Component\Security\Http\Authentication\ExposeSecurityLevel::None|\Symfony\Component\Security\Http\Authentication\ExposeSecurityLevel::AccountStatus|\Symfony\Component\Security\Http\Authentication\ExposeSecurityLevel::All|Param, // Default: "none"
+ *     erase_credentials?: bool|Param, // Default: true
+ *     access_decision_manager?: array{
+ *         strategy?: "affirmative"|"consensus"|"unanimous"|"priority"|Param,
+ *         service?: scalar|Param|null,
+ *         strategy_service?: scalar|Param|null,
+ *         allow_if_all_abstain?: bool|Param, // Default: false
+ *         allow_if_equal_granted_denied?: bool|Param, // Default: true
+ *     },
+ *     password_hashers?: array<string, string|array{ // Default: []
+ *         algorithm?: scalar|Param|null,
+ *         migrate_from?: list<scalar|Param|null>,
+ *         hash_algorithm?: scalar|Param|null, // Name of hashing algorithm for PBKDF2 (i.e. sha256, sha512, etc..) See hash_algos() for a list of supported algorithms. // Default: "sha512"
+ *         key_length?: scalar|Param|null, // Default: 40
+ *         ignore_case?: bool|Param, // Default: false
+ *         encode_as_base64?: bool|Param, // Default: true
+ *         iterations?: scalar|Param|null, // Default: 5000
+ *         cost?: int|Param, // Default: null
+ *         memory_cost?: scalar|Param|null, // Default: null
+ *         time_cost?: scalar|Param|null, // Default: null
+ *         id?: scalar|Param|null,
+ *     }>,
+ *     providers?: array<string, array{ // Default: []
+ *         id?: scalar|Param|null,
+ *         chain?: array{
+ *             providers?: list<scalar|Param|null>,
+ *         },
+ *         memory?: array{
+ *             users?: array<string, array{ // Default: []
+ *                 password?: scalar|Param|null, // Default: null
+ *                 roles?: list<scalar|Param|null>,
+ *             }>,
+ *         },
+ *         ldap?: array{
+ *             service: scalar|Param|null,
+ *             base_dn: scalar|Param|null,
+ *             search_dn?: scalar|Param|null, // Default: null
+ *             search_password?: scalar|Param|null, // Default: null
+ *             extra_fields?: list<scalar|Param|null>,
+ *             default_roles?: list<scalar|Param|null>,
+ *             role_fetcher?: scalar|Param|null, // Default: null
+ *             uid_key?: scalar|Param|null, // Default: "sAMAccountName"
+ *             filter?: scalar|Param|null, // Default: "({uid_key}={user_identifier})"
+ *             password_attribute?: scalar|Param|null, // Default: null
+ *         },
+ *         entity?: array{
+ *             class: scalar|Param|null, // The full entity class name of your user class.
+ *             property?: scalar|Param|null, // Default: null
+ *             manager_name?: scalar|Param|null, // Default: null
+ *         },
+ *     }>,
+ *     firewalls: array<string, array{ // Default: []
+ *         pattern?: scalar|Param|null,
+ *         host?: scalar|Param|null,
+ *         methods?: list<scalar|Param|null>,
+ *         security?: bool|Param, // Default: true
+ *         user_checker?: scalar|Param|null, // The UserChecker to use when authenticating users in this firewall. // Default: "security.user_checker"
+ *         request_matcher?: scalar|Param|null,
+ *         access_denied_url?: scalar|Param|null,
+ *         access_denied_handler?: scalar|Param|null,
+ *         entry_point?: scalar|Param|null, // An enabled authenticator name or a service id that implements "Symfony\Component\Security\Http\EntryPoint\AuthenticationEntryPointInterface".
+ *         provider?: scalar|Param|null,
+ *         stateless?: bool|Param, // Default: false
+ *         lazy?: bool|Param, // Default: false
+ *         context?: scalar|Param|null,
+ *         logout?: array{
+ *             enable_csrf?: bool|Param|null, // Default: null
+ *             csrf_token_id?: scalar|Param|null, // Default: "logout"
+ *             csrf_parameter?: scalar|Param|null, // Default: "_csrf_token"
+ *             csrf_token_manager?: scalar|Param|null,
+ *             path?: scalar|Param|null, // Default: "/logout"
+ *             target?: scalar|Param|null, // Default: "/"
+ *             invalidate_session?: bool|Param, // Default: true
+ *             clear_site_data?: list<"*"|"cache"|"cookies"|"storage"|"executionContexts"|Param>,
+ *             delete_cookies?: array<string, array{ // Default: []
+ *                 path?: scalar|Param|null, // Default: null
+ *                 domain?: scalar|Param|null, // Default: null
+ *                 secure?: scalar|Param|null, // Default: false
+ *                 samesite?: scalar|Param|null, // Default: null
+ *                 partitioned?: scalar|Param|null, // Default: false
+ *             }>,
+ *         },
+ *         switch_user?: array{
+ *             provider?: scalar|Param|null,
+ *             parameter?: scalar|Param|null, // Default: "_switch_user"
+ *             role?: scalar|Param|null, // Default: "ROLE_ALLOWED_TO_SWITCH"
+ *             target_route?: scalar|Param|null, // Default: null
+ *         },
+ *         required_badges?: list<scalar|Param|null>,
+ *         custom_authenticators?: list<scalar|Param|null>,
+ *         login_throttling?: array{
+ *             limiter?: scalar|Param|null, // A service id implementing "Symfony\Component\HttpFoundation\RateLimiter\RequestRateLimiterInterface".
+ *             max_attempts?: int|Param, // Default: 5
+ *             interval?: scalar|Param|null, // Default: "1 minute"
+ *             lock_factory?: scalar|Param|null, // The service ID of the lock factory used by the login rate limiter (or null to disable locking). // Default: null
+ *             cache_pool?: string|Param, // The cache pool to use for storing the limiter state // Default: "cache.rate_limiter"
+ *             storage_service?: string|Param, // The service ID of a custom storage implementation, this precedes any configured "cache_pool" // Default: null
+ *         },
+ *         two_factor?: array{
+ *             check_path?: scalar|Param|null, // Default: "/2fa_check"
+ *             post_only?: bool|Param, // Default: true
+ *             auth_form_path?: scalar|Param|null, // Default: "/2fa"
+ *             always_use_default_target_path?: bool|Param, // Default: false
+ *             default_target_path?: scalar|Param|null, // Default: "/"
+ *             success_handler?: scalar|Param|null, // Default: null
+ *             failure_handler?: scalar|Param|null, // Default: null
+ *             authentication_required_handler?: scalar|Param|null, // Default: null
+ *             auth_code_parameter_name?: scalar|Param|null, // Default: "_auth_code"
+ *             trusted_parameter_name?: scalar|Param|null, // Default: "_trusted"
+ *             remember_me_sets_trusted?: scalar|Param|null, // Default: false
+ *             multi_factor?: bool|Param, // Default: false
+ *             prepare_on_login?: bool|Param, // Default: false
+ *             prepare_on_access_denied?: bool|Param, // Default: false
+ *             enable_csrf?: scalar|Param|null, // Default: false
+ *             csrf_parameter?: scalar|Param|null, // Default: "_csrf_token"
+ *             csrf_token_id?: scalar|Param|null, // Default: "two_factor"
+ *             csrf_header?: scalar|Param|null, // Default: null
+ *             csrf_token_manager?: scalar|Param|null, // Default: "scheb_two_factor.csrf_token_manager"
+ *             provider?: scalar|Param|null, // Default: null
+ *         },
+ *         x509?: array{
+ *             provider?: scalar|Param|null,
+ *             user?: scalar|Param|null, // Default: "SSL_CLIENT_S_DN_Email"
+ *             credentials?: scalar|Param|null, // Default: "SSL_CLIENT_S_DN"
+ *             user_identifier?: scalar|Param|null, // Default: "emailAddress"
+ *         },
+ *         remote_user?: array{
+ *             provider?: scalar|Param|null,
+ *             user?: scalar|Param|null, // Default: "REMOTE_USER"
+ *         },
+ *         login_link?: array{
+ *             check_route: scalar|Param|null, // Route that will validate the login link - e.g. "app_login_link_verify".
+ *             check_post_only?: scalar|Param|null, // If true, only HTTP POST requests to "check_route" will be handled by the authenticator. // Default: false
+ *             signature_properties: list<scalar|Param|null>,
+ *             lifetime?: int|Param, // The lifetime of the login link in seconds. // Default: 600
+ *             max_uses?: int|Param, // Max number of times a login link can be used - null means unlimited within lifetime. // Default: null
+ *             used_link_cache?: scalar|Param|null, // Cache service id used to expired links of max_uses is set.
+ *             success_handler?: scalar|Param|null, // A service id that implements Symfony\Component\Security\Http\Authentication\AuthenticationSuccessHandlerInterface.
+ *             failure_handler?: scalar|Param|null, // A service id that implements Symfony\Component\Security\Http\Authentication\AuthenticationFailureHandlerInterface.
+ *             provider?: scalar|Param|null, // The user provider to load users from.
+ *             secret?: scalar|Param|null, // Default: "%kernel.secret%"
+ *             always_use_default_target_path?: bool|Param, // Default: false
+ *             default_target_path?: scalar|Param|null, // Default: "/"
+ *             login_path?: scalar|Param|null, // Default: "/login"
+ *             target_path_parameter?: scalar|Param|null, // Default: "_target_path"
+ *             use_referer?: bool|Param, // Default: false
+ *             failure_path?: scalar|Param|null, // Default: null
+ *             failure_forward?: bool|Param, // Default: false
+ *             failure_path_parameter?: scalar|Param|null, // Default: "_failure_path"
+ *         },
+ *         form_login?: array{
+ *             provider?: scalar|Param|null,
+ *             remember_me?: bool|Param, // Default: true
+ *             success_handler?: scalar|Param|null,
+ *             failure_handler?: scalar|Param|null,
+ *             check_path?: scalar|Param|null, // Default: "/login_check"
+ *             use_forward?: bool|Param, // Default: false
+ *             login_path?: scalar|Param|null, // Default: "/login"
+ *             username_parameter?: scalar|Param|null, // Default: "_username"
+ *             password_parameter?: scalar|Param|null, // Default: "_password"
+ *             csrf_parameter?: scalar|Param|null, // Default: "_csrf_token"
+ *             csrf_token_id?: scalar|Param|null, // Default: "authenticate"
+ *             enable_csrf?: bool|Param, // Default: false
+ *             post_only?: bool|Param, // Default: true
+ *             form_only?: bool|Param, // Default: false
+ *             always_use_default_target_path?: bool|Param, // Default: false
+ *             default_target_path?: scalar|Param|null, // Default: "/"
+ *             target_path_parameter?: scalar|Param|null, // Default: "_target_path"
+ *             use_referer?: bool|Param, // Default: false
+ *             failure_path?: scalar|Param|null, // Default: null
+ *             failure_forward?: bool|Param, // Default: false
+ *             failure_path_parameter?: scalar|Param|null, // Default: "_failure_path"
+ *         },
+ *         form_login_ldap?: array{
+ *             provider?: scalar|Param|null,
+ *             remember_me?: bool|Param, // Default: true
+ *             success_handler?: scalar|Param|null,
+ *             failure_handler?: scalar|Param|null,
+ *             check_path?: scalar|Param|null, // Default: "/login_check"
+ *             use_forward?: bool|Param, // Default: false
+ *             login_path?: scalar|Param|null, // Default: "/login"
+ *             username_parameter?: scalar|Param|null, // Default: "_username"
+ *             password_parameter?: scalar|Param|null, // Default: "_password"
+ *             csrf_parameter?: scalar|Param|null, // Default: "_csrf_token"
+ *             csrf_token_id?: scalar|Param|null, // Default: "authenticate"
+ *             enable_csrf?: bool|Param, // Default: false
+ *             post_only?: bool|Param, // Default: true
+ *             form_only?: bool|Param, // Default: false
+ *             always_use_default_target_path?: bool|Param, // Default: false
+ *             default_target_path?: scalar|Param|null, // Default: "/"
+ *             target_path_parameter?: scalar|Param|null, // Default: "_target_path"
+ *             use_referer?: bool|Param, // Default: false
+ *             failure_path?: scalar|Param|null, // Default: null
+ *             failure_forward?: bool|Param, // Default: false
+ *             failure_path_parameter?: scalar|Param|null, // Default: "_failure_path"
+ *             service?: scalar|Param|null, // Default: "ldap"
+ *             dn_string?: scalar|Param|null, // Default: "{user_identifier}"
+ *             query_string?: scalar|Param|null,
+ *             search_dn?: scalar|Param|null, // Default: ""
+ *             search_password?: scalar|Param|null, // Default: ""
+ *         },
+ *         json_login?: array{
+ *             provider?: scalar|Param|null,
+ *             remember_me?: bool|Param, // Default: true
+ *             success_handler?: scalar|Param|null,
+ *             failure_handler?: scalar|Param|null,
+ *             check_path?: scalar|Param|null, // Default: "/login_check"
+ *             use_forward?: bool|Param, // Default: false
+ *             login_path?: scalar|Param|null, // Default: "/login"
+ *             username_path?: scalar|Param|null, // Default: "username"
+ *             password_path?: scalar|Param|null, // Default: "password"
+ *         },
+ *         json_login_ldap?: array{
+ *             provider?: scalar|Param|null,
+ *             remember_me?: bool|Param, // Default: true
+ *             success_handler?: scalar|Param|null,
+ *             failure_handler?: scalar|Param|null,
+ *             check_path?: scalar|Param|null, // Default: "/login_check"
+ *             use_forward?: bool|Param, // Default: false
+ *             login_path?: scalar|Param|null, // Default: "/login"
+ *             username_path?: scalar|Param|null, // Default: "username"
+ *             password_path?: scalar|Param|null, // Default: "password"
+ *             service?: scalar|Param|null, // Default: "ldap"
+ *             dn_string?: scalar|Param|null, // Default: "{user_identifier}"
+ *             query_string?: scalar|Param|null,
+ *             search_dn?: scalar|Param|null, // Default: ""
+ *             search_password?: scalar|Param|null, // Default: ""
+ *         },
+ *         access_token?: array{
+ *             provider?: scalar|Param|null,
+ *             remember_me?: bool|Param, // Default: true
+ *             success_handler?: scalar|Param|null,
+ *             failure_handler?: scalar|Param|null,
+ *             realm?: scalar|Param|null, // Default: null
+ *             token_extractors?: list<scalar|Param|null>,
+ *             token_handler: string|array{
+ *                 id?: scalar|Param|null,
+ *                 oidc_user_info?: string|array{
+ *                     base_uri: scalar|Param|null, // Base URI of the userinfo endpoint on the OIDC server, or the OIDC server URI to use the discovery (require "discovery" to be configured).
+ *                     discovery?: array{ // Enable the OIDC discovery.
+ *                         cache?: array{
+ *                             id: scalar|Param|null, // Cache service id to use to cache the OIDC discovery configuration.
+ *                         },
+ *                     },
+ *                     claim?: scalar|Param|null, // Claim which contains the user identifier (e.g. sub, email, etc.). // Default: "sub"
+ *                     client?: scalar|Param|null, // HttpClient service id to use to call the OIDC server.
+ *                 },
+ *                 oidc?: array{
+ *                     discovery?: array{ // Enable the OIDC discovery.
+ *                         base_uri: list<scalar|Param|null>,
+ *                         cache?: array{
+ *                             id: scalar|Param|null, // Cache service id to use to cache the OIDC discovery configuration.
+ *                         },
+ *                     },
+ *                     claim?: scalar|Param|null, // Claim which contains the user identifier (e.g.: sub, email..). // Default: "sub"
+ *                     audience: scalar|Param|null, // Audience set in the token, for validation purpose.
+ *                     issuers: list<scalar|Param|null>,
+ *                     algorithm?: array<mixed>,
+ *                     algorithms: list<scalar|Param|null>,
+ *                     key?: scalar|Param|null, // Deprecated: The "key" option is deprecated and will be removed in 8.0. Use the "keyset" option instead. // JSON-encoded JWK used to sign the token (must contain a "kty" key).
+ *                     keyset?: scalar|Param|null, // JSON-encoded JWKSet used to sign the token (must contain a list of valid public keys).
+ *                     encryption?: bool|array{
+ *                         enabled?: bool|Param, // Default: false
+ *                         enforce?: bool|Param, // When enabled, the token shall be encrypted. // Default: false
+ *                         algorithms: list<scalar|Param|null>,
+ *                         keyset: scalar|Param|null, // JSON-encoded JWKSet used to decrypt the token (must contain a list of valid private keys).
+ *                     },
+ *                 },
+ *                 cas?: array{
+ *                     validation_url: scalar|Param|null, // CAS server validation URL
+ *                     prefix?: scalar|Param|null, // CAS prefix // Default: "cas"
+ *                     http_client?: scalar|Param|null, // HTTP Client service // Default: null
+ *                 },
+ *                 oauth2?: scalar|Param|null,
+ *             },
+ *         },
+ *         http_basic?: array{
+ *             provider?: scalar|Param|null,
+ *             realm?: scalar|Param|null, // Default: "Secured Area"
+ *         },
+ *         http_basic_ldap?: array{
+ *             provider?: scalar|Param|null,
+ *             realm?: scalar|Param|null, // Default: "Secured Area"
+ *             service?: scalar|Param|null, // Default: "ldap"
+ *             dn_string?: scalar|Param|null, // Default: "{user_identifier}"
+ *             query_string?: scalar|Param|null,
+ *             search_dn?: scalar|Param|null, // Default: ""
+ *             search_password?: scalar|Param|null, // Default: ""
+ *         },
+ *         remember_me?: array{
+ *             secret?: scalar|Param|null, // Default: "%kernel.secret%"
+ *             service?: scalar|Param|null,
+ *             user_providers?: list<scalar|Param|null>,
+ *             catch_exceptions?: bool|Param, // Default: true
+ *             signature_properties?: list<scalar|Param|null>,
+ *             token_provider?: string|array{
+ *                 service?: scalar|Param|null, // The service ID of a custom remember-me token provider.
+ *                 doctrine?: bool|array{
+ *                     enabled?: bool|Param, // Default: false
+ *                     connection?: scalar|Param|null, // Default: null
+ *                 },
+ *             },
+ *             token_verifier?: scalar|Param|null, // The service ID of a custom rememberme token verifier.
+ *             name?: scalar|Param|null, // Default: "REMEMBERME"
+ *             lifetime?: int|Param, // Default: 31536000
+ *             path?: scalar|Param|null, // Default: "/"
+ *             domain?: scalar|Param|null, // Default: null
+ *             secure?: true|false|"auto"|Param, // Default: null
+ *             httponly?: bool|Param, // Default: true
+ *             samesite?: null|"lax"|"strict"|"none"|Param, // Default: "lax"
+ *             always_remember_me?: bool|Param, // Default: false
+ *             remember_me_parameter?: scalar|Param|null, // Default: "_remember_me"
+ *         },
+ *     }>,
+ *     access_control?: list<array{ // Default: []
+ *         request_matcher?: scalar|Param|null, // Default: null
+ *         requires_channel?: scalar|Param|null, // Default: null
+ *         path?: scalar|Param|null, // Use the urldecoded format. // Default: null
+ *         host?: scalar|Param|null, // Default: null
+ *         port?: int|Param, // Default: null
+ *         ips?: list<scalar|Param|null>,
+ *         attributes?: array<string, scalar|Param|null>,
+ *         route?: scalar|Param|null, // Default: null
+ *         methods?: list<scalar|Param|null>,
+ *         allow_if?: scalar|Param|null, // Default: null
+ *         roles?: list<scalar|Param|null>,
+ *     }>,
+ *     role_hierarchy?: array<string, string|list<scalar|Param|null>>,
+ * }
+ * @psalm-type TwigConfig = array{
+ *     form_themes?: list<scalar|Param|null>,
+ *     globals?: array<string, array{ // Default: []
+ *         id?: scalar|Param|null,
+ *         type?: scalar|Param|null,
+ *         value?: mixed,
+ *     }>,
+ *     autoescape_service?: scalar|Param|null, // Default: null
+ *     autoescape_service_method?: scalar|Param|null, // Default: null
+ *     base_template_class?: scalar|Param|null, // Deprecated: The child node "base_template_class" at path "twig.base_template_class" is deprecated.
+ *     cache?: scalar|Param|null, // Default: true
+ *     charset?: scalar|Param|null, // Default: "%kernel.charset%"
+ *     debug?: bool|Param, // Default: "%kernel.debug%"
+ *     strict_variables?: bool|Param, // Default: "%kernel.debug%"
+ *     auto_reload?: scalar|Param|null,
+ *     optimizations?: int|Param,
+ *     default_path?: scalar|Param|null, // The default path used to load templates. // Default: "%kernel.project_dir%/templates"
+ *     file_name_pattern?: list<scalar|Param|null>,
+ *     paths?: array<string, mixed>,
+ *     date?: array{ // The default format options used by the date filter.
+ *         format?: scalar|Param|null, // Default: "F j, Y H:i"
+ *         interval_format?: scalar|Param|null, // Default: "%d days"
+ *         timezone?: scalar|Param|null, // The timezone used when formatting dates, when set to null, the timezone returned by date_default_timezone_get() is used. // Default: null
+ *     },
+ *     number_format?: array{ // The default format options for the number_format filter.
+ *         decimals?: int|Param, // Default: 0
+ *         decimal_point?: scalar|Param|null, // Default: "."
+ *         thousands_separator?: scalar|Param|null, // Default: ","
+ *     },
+ *     mailer?: array{
+ *         html_to_text_converter?: scalar|Param|null, // A service implementing the "Symfony\Component\Mime\HtmlToTextConverter\HtmlToTextConverterInterface". // Default: null
+ *     },
+ * }
+ * @psalm-type TwigExtraConfig = array{
+ *     cache?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     html?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     markdown?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     intl?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     cssinliner?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     inky?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *     },
+ *     string?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *     },
+ *     commonmark?: array{
+ *         renderer?: array{ // Array of options for rendering HTML.
+ *             block_separator?: scalar|Param|null,
+ *             inner_separator?: scalar|Param|null,
+ *             soft_break?: scalar|Param|null,
+ *         },
+ *         html_input?: "strip"|"allow"|"escape"|Param, // How to handle HTML input.
+ *         allow_unsafe_links?: bool|Param, // Remove risky link and image URLs by setting this to false. // Default: true
+ *         max_nesting_level?: int|Param, // The maximum nesting level for blocks. // Default: 9223372036854775807
+ *         max_delimiters_per_line?: int|Param, // The maximum number of strong/emphasis delimiters per line. // Default: 9223372036854775807
+ *         slug_normalizer?: array{ // Array of options for configuring how URL-safe slugs are created.
+ *             instance?: mixed,
+ *             max_length?: int|Param, // Default: 255
+ *             unique?: mixed,
+ *         },
+ *         commonmark?: array{ // Array of options for configuring the CommonMark core extension.
+ *             enable_em?: bool|Param, // Default: true
+ *             enable_strong?: bool|Param, // Default: true
+ *             use_asterisk?: bool|Param, // Default: true
+ *             use_underscore?: bool|Param, // Default: true
+ *             unordered_list_markers?: list<scalar|Param|null>,
+ *         },
+ *         ...<mixed>
+ *     },
+ * }
+ * @psalm-type MonologConfig = array{
+ *     use_microseconds?: scalar|Param|null, // Default: true
+ *     channels?: list<scalar|Param|null>,
+ *     handlers?: array<string, array{ // Default: []
+ *         type: scalar|Param|null,
+ *         id?: scalar|Param|null,
+ *         enabled?: bool|Param, // Default: true
+ *         priority?: scalar|Param|null, // Default: 0
+ *         level?: scalar|Param|null, // Default: "DEBUG"
+ *         bubble?: bool|Param, // Default: true
+ *         interactive_only?: bool|Param, // Default: false
+ *         app_name?: scalar|Param|null, // Default: null
+ *         fill_extra_context?: bool|Param, // Default: false
+ *         include_stacktraces?: bool|Param, // Default: false
+ *         process_psr_3_messages?: array{
+ *             enabled?: bool|Param|null, // Default: null
+ *             date_format?: scalar|Param|null,
+ *             remove_used_context_fields?: bool|Param,
+ *         },
+ *         path?: scalar|Param|null, // Default: "%kernel.logs_dir%/%kernel.environment%.log"
+ *         file_permission?: scalar|Param|null, // Default: null
+ *         use_locking?: bool|Param, // Default: false
+ *         filename_format?: scalar|Param|null, // Default: "{filename}-{date}"
+ *         date_format?: scalar|Param|null, // Default: "Y-m-d"
+ *         ident?: scalar|Param|null, // Default: false
+ *         logopts?: scalar|Param|null, // Default: 1
+ *         facility?: scalar|Param|null, // Default: "user"
+ *         max_files?: scalar|Param|null, // Default: 0
+ *         action_level?: scalar|Param|null, // Default: "WARNING"
+ *         activation_strategy?: scalar|Param|null, // Default: null
+ *         stop_buffering?: bool|Param, // Default: true
+ *         passthru_level?: scalar|Param|null, // Default: null
+ *         excluded_404s?: list<scalar|Param|null>,
+ *         excluded_http_codes?: list<array{ // Default: []
+ *             code?: scalar|Param|null,
+ *             urls?: list<scalar|Param|null>,
+ *         }>,
+ *         accepted_levels?: list<scalar|Param|null>,
+ *         min_level?: scalar|Param|null, // Default: "DEBUG"
+ *         max_level?: scalar|Param|null, // Default: "EMERGENCY"
+ *         buffer_size?: scalar|Param|null, // Default: 0
+ *         flush_on_overflow?: bool|Param, // Default: false
+ *         handler?: scalar|Param|null,
+ *         url?: scalar|Param|null,
+ *         exchange?: scalar|Param|null,
+ *         exchange_name?: scalar|Param|null, // Default: "log"
+ *         room?: scalar|Param|null,
+ *         message_format?: scalar|Param|null, // Default: "text"
+ *         api_version?: scalar|Param|null, // Default: null
+ *         channel?: scalar|Param|null, // Default: null
+ *         bot_name?: scalar|Param|null, // Default: "Monolog"
+ *         use_attachment?: scalar|Param|null, // Default: true
+ *         use_short_attachment?: scalar|Param|null, // Default: false
+ *         include_extra?: scalar|Param|null, // Default: false
+ *         icon_emoji?: scalar|Param|null, // Default: null
+ *         webhook_url?: scalar|Param|null,
+ *         exclude_fields?: list<scalar|Param|null>,
+ *         team?: scalar|Param|null,
+ *         notify?: scalar|Param|null, // Default: false
+ *         nickname?: scalar|Param|null, // Default: "Monolog"
+ *         token?: scalar|Param|null,
+ *         region?: scalar|Param|null,
+ *         source?: scalar|Param|null,
+ *         use_ssl?: bool|Param, // Default: true
+ *         user?: mixed,
+ *         title?: scalar|Param|null, // Default: null
+ *         host?: scalar|Param|null, // Default: null
+ *         port?: scalar|Param|null, // Default: 514
+ *         config?: list<scalar|Param|null>,
+ *         members?: list<scalar|Param|null>,
+ *         connection_string?: scalar|Param|null,
+ *         timeout?: scalar|Param|null,
+ *         time?: scalar|Param|null, // Default: 60
+ *         deduplication_level?: scalar|Param|null, // Default: 400
+ *         store?: scalar|Param|null, // Default: null
+ *         connection_timeout?: scalar|Param|null,
+ *         persistent?: bool|Param,
+ *         dsn?: scalar|Param|null,
+ *         hub_id?: scalar|Param|null, // Default: null
+ *         client_id?: scalar|Param|null, // Default: null
+ *         auto_log_stacks?: scalar|Param|null, // Default: false
+ *         release?: scalar|Param|null, // Default: null
+ *         environment?: scalar|Param|null, // Default: null
+ *         message_type?: scalar|Param|null, // Default: 0
+ *         parse_mode?: scalar|Param|null, // Default: null
+ *         disable_webpage_preview?: bool|Param|null, // Default: null
+ *         disable_notification?: bool|Param|null, // Default: null
+ *         split_long_messages?: bool|Param, // Default: false
+ *         delay_between_messages?: bool|Param, // Default: false
+ *         topic?: int|Param, // Default: null
+ *         factor?: int|Param, // Default: 1
+ *         tags?: list<scalar|Param|null>,
+ *         console_formater_options?: mixed, // Deprecated: "monolog.handlers..console_formater_options.console_formater_options" is deprecated, use "monolog.handlers..console_formater_options.console_formatter_options" instead.
+ *         console_formatter_options?: mixed, // Default: []
+ *         formatter?: scalar|Param|null,
+ *         nested?: bool|Param, // Default: false
+ *         publisher?: string|array{
+ *             id?: scalar|Param|null,
+ *             hostname?: scalar|Param|null,
+ *             port?: scalar|Param|null, // Default: 12201
+ *             chunk_size?: scalar|Param|null, // Default: 1420
+ *             encoder?: "json"|"compressed_json"|Param,
+ *         },
+ *         mongo?: string|array{
+ *             id?: scalar|Param|null,
+ *             host?: scalar|Param|null,
+ *             port?: scalar|Param|null, // Default: 27017
+ *             user?: scalar|Param|null,
+ *             pass?: scalar|Param|null,
+ *             database?: scalar|Param|null, // Default: "monolog"
+ *             collection?: scalar|Param|null, // Default: "logs"
+ *         },
+ *         mongodb?: string|array{
+ *             id?: scalar|Param|null, // ID of a MongoDB\Client service
+ *             uri?: scalar|Param|null,
+ *             username?: scalar|Param|null,
+ *             password?: scalar|Param|null,
+ *             database?: scalar|Param|null, // Default: "monolog"
+ *             collection?: scalar|Param|null, // Default: "logs"
+ *         },
+ *         elasticsearch?: string|array{
+ *             id?: scalar|Param|null,
+ *             hosts?: list<scalar|Param|null>,
+ *             host?: scalar|Param|null,
+ *             port?: scalar|Param|null, // Default: 9200
+ *             transport?: scalar|Param|null, // Default: "Http"
+ *             user?: scalar|Param|null, // Default: null
+ *             password?: scalar|Param|null, // Default: null
+ *         },
+ *         index?: scalar|Param|null, // Default: "monolog"
+ *         document_type?: scalar|Param|null, // Default: "logs"
+ *         ignore_error?: scalar|Param|null, // Default: false
+ *         redis?: string|array{
+ *             id?: scalar|Param|null,
+ *             host?: scalar|Param|null,
+ *             password?: scalar|Param|null, // Default: null
+ *             port?: scalar|Param|null, // Default: 6379
+ *             database?: scalar|Param|null, // Default: 0
+ *             key_name?: scalar|Param|null, // Default: "monolog_redis"
+ *         },
+ *         predis?: string|array{
+ *             id?: scalar|Param|null,
+ *             host?: scalar|Param|null,
+ *         },
+ *         from_email?: scalar|Param|null,
+ *         to_email?: list<scalar|Param|null>,
+ *         subject?: scalar|Param|null,
+ *         content_type?: scalar|Param|null, // Default: null
+ *         headers?: list<scalar|Param|null>,
+ *         mailer?: scalar|Param|null, // Default: null
+ *         email_prototype?: string|array{
+ *             id: scalar|Param|null,
+ *             method?: scalar|Param|null, // Default: null
+ *         },
+ *         lazy?: bool|Param, // Default: true
+ *         verbosity_levels?: array{
+ *             VERBOSITY_QUIET?: scalar|Param|null, // Default: "ERROR"
+ *             VERBOSITY_NORMAL?: scalar|Param|null, // Default: "WARNING"
+ *             VERBOSITY_VERBOSE?: scalar|Param|null, // Default: "NOTICE"
+ *             VERBOSITY_VERY_VERBOSE?: scalar|Param|null, // Default: "INFO"
+ *             VERBOSITY_DEBUG?: scalar|Param|null, // Default: "DEBUG"
+ *         },
+ *         channels?: string|array{
+ *             type?: scalar|Param|null,
+ *             elements?: list<scalar|Param|null>,
+ *         },
+ *     }>,
+ * }
+ * @psalm-type DoctrineConfig = array{
+ *     dbal?: array{
+ *         default_connection?: scalar|Param|null,
+ *         types?: array<string, string|array{ // Default: []
+ *             class: scalar|Param|null,
+ *             commented?: bool|Param, // Deprecated: The doctrine-bundle type commenting features were removed; the corresponding config parameter was deprecated in 2.0 and will be dropped in 3.0.
+ *         }>,
+ *         driver_schemes?: array<string, scalar|Param|null>,
+ *         connections?: array<string, array{ // Default: []
+ *             url?: scalar|Param|null, // A URL with connection information; any parameter value parsed from this string will override explicitly set parameters
+ *             dbname?: scalar|Param|null,
+ *             host?: scalar|Param|null, // Defaults to "localhost" at runtime.
+ *             port?: scalar|Param|null, // Defaults to null at runtime.
+ *             user?: scalar|Param|null, // Defaults to "root" at runtime.
+ *             password?: scalar|Param|null, // Defaults to null at runtime.
+ *             override_url?: bool|Param, // Deprecated: The "doctrine.dbal.override_url" configuration key is deprecated.
+ *             dbname_suffix?: scalar|Param|null, // Adds the given suffix to the configured database name, this option has no effects for the SQLite platform
+ *             application_name?: scalar|Param|null,
+ *             charset?: scalar|Param|null,
+ *             path?: scalar|Param|null,
+ *             memory?: bool|Param,
+ *             unix_socket?: scalar|Param|null, // The unix socket to use for MySQL
+ *             persistent?: bool|Param, // True to use as persistent connection for the ibm_db2 driver
+ *             protocol?: scalar|Param|null, // The protocol to use for the ibm_db2 driver (default to TCPIP if omitted)
+ *             service?: bool|Param, // True to use SERVICE_NAME as connection parameter instead of SID for Oracle
+ *             servicename?: scalar|Param|null, // Overrules dbname parameter if given and used as SERVICE_NAME or SID connection parameter for Oracle depending on the service parameter.
+ *             sessionMode?: scalar|Param|null, // The session mode to use for the oci8 driver
+ *             server?: scalar|Param|null, // The name of a running database server to connect to for SQL Anywhere.
+ *             default_dbname?: scalar|Param|null, // Override the default database (postgres) to connect to for PostgreSQL connexion.
+ *             sslmode?: scalar|Param|null, // Determines whether or with what priority a SSL TCP/IP connection will be negotiated with the server for PostgreSQL.
+ *             sslrootcert?: scalar|Param|null, // The name of a file containing SSL certificate authority (CA) certificate(s). If the file exists, the server's certificate will be verified to be signed by one of these authorities.
+ *             sslcert?: scalar|Param|null, // The path to the SSL client certificate file for PostgreSQL.
+ *             sslkey?: scalar|Param|null, // The path to the SSL client key file for PostgreSQL.
+ *             sslcrl?: scalar|Param|null, // The file name of the SSL certificate revocation list for PostgreSQL.
+ *             pooled?: bool|Param, // True to use a pooled server with the oci8/pdo_oracle driver
+ *             MultipleActiveResultSets?: bool|Param, // Configuring MultipleActiveResultSets for the pdo_sqlsrv driver
+ *             use_savepoints?: bool|Param, // Use savepoints for nested transactions
+ *             instancename?: scalar|Param|null, // Optional parameter, complete whether to add the INSTANCE_NAME parameter in the connection. It is generally used to connect to an Oracle RAC server to select the name of a particular instance.
+ *             connectstring?: scalar|Param|null, // Complete Easy Connect connection descriptor, see https://docs.oracle.com/database/121/NETAG/naming.htm.When using this option, you will still need to provide the user and password parameters, but the other parameters will no longer be used. Note that when using this parameter, the getHost and getPort methods from Doctrine\DBAL\Connection will no longer function as expected.
+ *             driver?: scalar|Param|null, // Default: "pdo_mysql"
+ *             platform_service?: scalar|Param|null, // Deprecated: The "platform_service" configuration key is deprecated since doctrine-bundle 2.9. DBAL 4 will not support setting a custom platform via connection params anymore.
+ *             auto_commit?: bool|Param,
+ *             schema_filter?: scalar|Param|null,
+ *             logging?: bool|Param, // Default: true
+ *             profiling?: bool|Param, // Default: true
+ *             profiling_collect_backtrace?: bool|Param, // Enables collecting backtraces when profiling is enabled // Default: false
+ *             profiling_collect_schema_errors?: bool|Param, // Enables collecting schema errors when profiling is enabled // Default: true
+ *             disable_type_comments?: bool|Param,
+ *             server_version?: scalar|Param|null,
+ *             idle_connection_ttl?: int|Param, // Default: 600
+ *             driver_class?: scalar|Param|null,
+ *             wrapper_class?: scalar|Param|null,
+ *             keep_slave?: bool|Param, // Deprecated: The "keep_slave" configuration key is deprecated since doctrine-bundle 2.2. Use the "keep_replica" configuration key instead.
+ *             keep_replica?: bool|Param,
+ *             options?: array<string, mixed>,
+ *             mapping_types?: array<string, scalar|Param|null>,
+ *             default_table_options?: array<string, scalar|Param|null>,
+ *             schema_manager_factory?: scalar|Param|null, // Default: "doctrine.dbal.default_schema_manager_factory"
+ *             result_cache?: scalar|Param|null,
+ *             slaves?: array<string, array{ // Default: []
+ *                 url?: scalar|Param|null, // A URL with connection information; any parameter value parsed from this string will override explicitly set parameters
+ *                 dbname?: scalar|Param|null,
+ *                 host?: scalar|Param|null, // Defaults to "localhost" at runtime.
+ *                 port?: scalar|Param|null, // Defaults to null at runtime.
+ *                 user?: scalar|Param|null, // Defaults to "root" at runtime.
+ *                 password?: scalar|Param|null, // Defaults to null at runtime.
+ *                 override_url?: bool|Param, // Deprecated: The "doctrine.dbal.override_url" configuration key is deprecated.
+ *                 dbname_suffix?: scalar|Param|null, // Adds the given suffix to the configured database name, this option has no effects for the SQLite platform
+ *                 application_name?: scalar|Param|null,
+ *                 charset?: scalar|Param|null,
+ *                 path?: scalar|Param|null,
+ *                 memory?: bool|Param,
+ *                 unix_socket?: scalar|Param|null, // The unix socket to use for MySQL
+ *                 persistent?: bool|Param, // True to use as persistent connection for the ibm_db2 driver
+ *                 protocol?: scalar|Param|null, // The protocol to use for the ibm_db2 driver (default to TCPIP if omitted)
+ *                 service?: bool|Param, // True to use SERVICE_NAME as connection parameter instead of SID for Oracle
+ *                 servicename?: scalar|Param|null, // Overrules dbname parameter if given and used as SERVICE_NAME or SID connection parameter for Oracle depending on the service parameter.
+ *                 sessionMode?: scalar|Param|null, // The session mode to use for the oci8 driver
+ *                 server?: scalar|Param|null, // The name of a running database server to connect to for SQL Anywhere.
+ *                 default_dbname?: scalar|Param|null, // Override the default database (postgres) to connect to for PostgreSQL connexion.
+ *                 sslmode?: scalar|Param|null, // Determines whether or with what priority a SSL TCP/IP connection will be negotiated with the server for PostgreSQL.
+ *                 sslrootcert?: scalar|Param|null, // The name of a file containing SSL certificate authority (CA) certificate(s). If the file exists, the server's certificate will be verified to be signed by one of these authorities.
+ *                 sslcert?: scalar|Param|null, // The path to the SSL client certificate file for PostgreSQL.
+ *                 sslkey?: scalar|Param|null, // The path to the SSL client key file for PostgreSQL.
+ *                 sslcrl?: scalar|Param|null, // The file name of the SSL certificate revocation list for PostgreSQL.
+ *                 pooled?: bool|Param, // True to use a pooled server with the oci8/pdo_oracle driver
+ *                 MultipleActiveResultSets?: bool|Param, // Configuring MultipleActiveResultSets for the pdo_sqlsrv driver
+ *                 use_savepoints?: bool|Param, // Use savepoints for nested transactions
+ *                 instancename?: scalar|Param|null, // Optional parameter, complete whether to add the INSTANCE_NAME parameter in the connection. It is generally used to connect to an Oracle RAC server to select the name of a particular instance.
+ *                 connectstring?: scalar|Param|null, // Complete Easy Connect connection descriptor, see https://docs.oracle.com/database/121/NETAG/naming.htm.When using this option, you will still need to provide the user and password parameters, but the other parameters will no longer be used. Note that when using this parameter, the getHost and getPort methods from Doctrine\DBAL\Connection will no longer function as expected.
+ *             }>,
+ *             replicas?: array<string, array{ // Default: []
+ *                 url?: scalar|Param|null, // A URL with connection information; any parameter value parsed from this string will override explicitly set parameters
+ *                 dbname?: scalar|Param|null,
+ *                 host?: scalar|Param|null, // Defaults to "localhost" at runtime.
+ *                 port?: scalar|Param|null, // Defaults to null at runtime.
+ *                 user?: scalar|Param|null, // Defaults to "root" at runtime.
+ *                 password?: scalar|Param|null, // Defaults to null at runtime.
+ *                 override_url?: bool|Param, // Deprecated: The "doctrine.dbal.override_url" configuration key is deprecated.
+ *                 dbname_suffix?: scalar|Param|null, // Adds the given suffix to the configured database name, this option has no effects for the SQLite platform
+ *                 application_name?: scalar|Param|null,
+ *                 charset?: scalar|Param|null,
+ *                 path?: scalar|Param|null,
+ *                 memory?: bool|Param,
+ *                 unix_socket?: scalar|Param|null, // The unix socket to use for MySQL
+ *                 persistent?: bool|Param, // True to use as persistent connection for the ibm_db2 driver
+ *                 protocol?: scalar|Param|null, // The protocol to use for the ibm_db2 driver (default to TCPIP if omitted)
+ *                 service?: bool|Param, // True to use SERVICE_NAME as connection parameter instead of SID for Oracle
+ *                 servicename?: scalar|Param|null, // Overrules dbname parameter if given and used as SERVICE_NAME or SID connection parameter for Oracle depending on the service parameter.
+ *                 sessionMode?: scalar|Param|null, // The session mode to use for the oci8 driver
+ *                 server?: scalar|Param|null, // The name of a running database server to connect to for SQL Anywhere.
+ *                 default_dbname?: scalar|Param|null, // Override the default database (postgres) to connect to for PostgreSQL connexion.
+ *                 sslmode?: scalar|Param|null, // Determines whether or with what priority a SSL TCP/IP connection will be negotiated with the server for PostgreSQL.
+ *                 sslrootcert?: scalar|Param|null, // The name of a file containing SSL certificate authority (CA) certificate(s). If the file exists, the server's certificate will be verified to be signed by one of these authorities.
+ *                 sslcert?: scalar|Param|null, // The path to the SSL client certificate file for PostgreSQL.
+ *                 sslkey?: scalar|Param|null, // The path to the SSL client key file for PostgreSQL.
+ *                 sslcrl?: scalar|Param|null, // The file name of the SSL certificate revocation list for PostgreSQL.
+ *                 pooled?: bool|Param, // True to use a pooled server with the oci8/pdo_oracle driver
+ *                 MultipleActiveResultSets?: bool|Param, // Configuring MultipleActiveResultSets for the pdo_sqlsrv driver
+ *                 use_savepoints?: bool|Param, // Use savepoints for nested transactions
+ *                 instancename?: scalar|Param|null, // Optional parameter, complete whether to add the INSTANCE_NAME parameter in the connection. It is generally used to connect to an Oracle RAC server to select the name of a particular instance.
+ *                 connectstring?: scalar|Param|null, // Complete Easy Connect connection descriptor, see https://docs.oracle.com/database/121/NETAG/naming.htm.When using this option, you will still need to provide the user and password parameters, but the other parameters will no longer be used. Note that when using this parameter, the getHost and getPort methods from Doctrine\DBAL\Connection will no longer function as expected.
+ *             }>,
+ *         }>,
+ *     },
+ *     orm?: array{
+ *         default_entity_manager?: scalar|Param|null,
+ *         auto_generate_proxy_classes?: scalar|Param|null, // Auto generate mode possible values are: "NEVER", "ALWAYS", "FILE_NOT_EXISTS", "EVAL", "FILE_NOT_EXISTS_OR_CHANGED", this option is ignored when the "enable_native_lazy_objects" option is true // Default: false
+ *         enable_lazy_ghost_objects?: bool|Param, // Enables the new implementation of proxies based on lazy ghosts instead of using the legacy implementation // Default: true
+ *         enable_native_lazy_objects?: bool|Param, // Enables the new native implementation of PHP lazy objects instead of generated proxies // Default: false
+ *         proxy_dir?: scalar|Param|null, // Configures the path where generated proxy classes are saved when using non-native lazy objects, this option is ignored when the "enable_native_lazy_objects" option is true // Default: "%kernel.build_dir%/doctrine/orm/Proxies"
+ *         proxy_namespace?: scalar|Param|null, // Defines the root namespace for generated proxy classes when using non-native lazy objects, this option is ignored when the "enable_native_lazy_objects" option is true // Default: "Proxies"
+ *         controller_resolver?: bool|array{
+ *             enabled?: bool|Param, // Default: true
+ *             auto_mapping?: bool|Param|null, // Set to false to disable using route placeholders as lookup criteria when the primary key doesn't match the argument name // Default: null
+ *             evict_cache?: bool|Param, // Set to true to fetch the entity from the database instead of using the cache, if any // Default: false
+ *         },
+ *         entity_managers?: array<string, array{ // Default: []
+ *             query_cache_driver?: string|array{
+ *                 type?: scalar|Param|null, // Default: null
+ *                 id?: scalar|Param|null,
+ *                 pool?: scalar|Param|null,
+ *             },
+ *             metadata_cache_driver?: string|array{
+ *                 type?: scalar|Param|null, // Default: null
+ *                 id?: scalar|Param|null,
+ *                 pool?: scalar|Param|null,
+ *             },
+ *             result_cache_driver?: string|array{
+ *                 type?: scalar|Param|null, // Default: null
+ *                 id?: scalar|Param|null,
+ *                 pool?: scalar|Param|null,
+ *             },
+ *             entity_listeners?: array{
+ *                 entities?: array<string, array{ // Default: []
+ *                     listeners?: array<string, array{ // Default: []
+ *                         events?: list<array{ // Default: []
+ *                             type?: scalar|Param|null,
+ *                             method?: scalar|Param|null, // Default: null
+ *                         }>,
+ *                     }>,
+ *                 }>,
+ *             },
+ *             connection?: scalar|Param|null,
+ *             class_metadata_factory_name?: scalar|Param|null, // Default: "Doctrine\\ORM\\Mapping\\ClassMetadataFactory"
+ *             default_repository_class?: scalar|Param|null, // Default: "Doctrine\\ORM\\EntityRepository"
+ *             auto_mapping?: scalar|Param|null, // Default: false
+ *             naming_strategy?: scalar|Param|null, // Default: "doctrine.orm.naming_strategy.default"
+ *             quote_strategy?: scalar|Param|null, // Default: "doctrine.orm.quote_strategy.default"
+ *             typed_field_mapper?: scalar|Param|null, // Default: "doctrine.orm.typed_field_mapper.default"
+ *             entity_listener_resolver?: scalar|Param|null, // Default: null
+ *             fetch_mode_subselect_batch_size?: scalar|Param|null,
+ *             repository_factory?: scalar|Param|null, // Default: "doctrine.orm.container_repository_factory"
+ *             schema_ignore_classes?: list<scalar|Param|null>,
+ *             report_fields_where_declared?: bool|Param, // Set to "true" to opt-in to the new mapping driver mode that was added in Doctrine ORM 2.16 and will be mandatory in ORM 3.0. See https://github.com/doctrine/orm/pull/10455. // Default: true
+ *             validate_xml_mapping?: bool|Param, // Set to "true" to opt-in to the new mapping driver mode that was added in Doctrine ORM 2.14. See https://github.com/doctrine/orm/pull/6728. // Default: false
+ *             second_level_cache?: array{
+ *                 region_cache_driver?: string|array{
+ *                     type?: scalar|Param|null, // Default: null
+ *                     id?: scalar|Param|null,
+ *                     pool?: scalar|Param|null,
+ *                 },
+ *                 region_lock_lifetime?: scalar|Param|null, // Default: 60
+ *                 log_enabled?: bool|Param, // Default: true
+ *                 region_lifetime?: scalar|Param|null, // Default: 3600
+ *                 enabled?: bool|Param, // Default: true
+ *                 factory?: scalar|Param|null,
+ *                 regions?: array<string, array{ // Default: []
+ *                     cache_driver?: string|array{
+ *                         type?: scalar|Param|null, // Default: null
+ *                         id?: scalar|Param|null,
+ *                         pool?: scalar|Param|null,
+ *                     },
+ *                     lock_path?: scalar|Param|null, // Default: "%kernel.cache_dir%/doctrine/orm/slc/filelock"
+ *                     lock_lifetime?: scalar|Param|null, // Default: 60
+ *                     type?: scalar|Param|null, // Default: "default"
+ *                     lifetime?: scalar|Param|null, // Default: 0
+ *                     service?: scalar|Param|null,
+ *                     name?: scalar|Param|null,
+ *                 }>,
+ *                 loggers?: array<string, array{ // Default: []
+ *                     name?: scalar|Param|null,
+ *                     service?: scalar|Param|null,
+ *                 }>,
+ *             },
+ *             hydrators?: array<string, scalar|Param|null>,
+ *             mappings?: array<string, bool|string|array{ // Default: []
+ *                 mapping?: scalar|Param|null, // Default: true
+ *                 type?: scalar|Param|null,
+ *                 dir?: scalar|Param|null,
+ *                 alias?: scalar|Param|null,
+ *                 prefix?: scalar|Param|null,
+ *                 is_bundle?: bool|Param,
+ *             }>,
+ *             dql?: array{
+ *                 string_functions?: array<string, scalar|Param|null>,
+ *                 numeric_functions?: array<string, scalar|Param|null>,
+ *                 datetime_functions?: array<string, scalar|Param|null>,
+ *             },
+ *             filters?: array<string, string|array{ // Default: []
+ *                 class: scalar|Param|null,
+ *                 enabled?: bool|Param, // Default: false
+ *                 parameters?: array<string, mixed>,
+ *             }>,
+ *             identity_generation_preferences?: array<string, scalar|Param|null>,
+ *         }>,
+ *         resolve_target_entities?: array<string, scalar|Param|null>,
+ *     },
+ * }
+ * @psalm-type DoctrineMigrationsConfig = array{
+ *     migrations_paths?: array<string, scalar|Param|null>,
+ *     services?: array<string, scalar|Param|null>,
+ *     factories?: array<string, scalar|Param|null>,
+ *     storage?: array{ // Storage to use for migration status metadata.
+ *         table_storage?: array{ // The default metadata storage, implemented as a table in the database.
+ *             table_name?: scalar|Param|null, // Default: null
+ *             version_column_name?: scalar|Param|null, // Default: null
+ *             version_column_length?: scalar|Param|null, // Default: null
+ *             executed_at_column_name?: scalar|Param|null, // Default: null
+ *             execution_time_column_name?: scalar|Param|null, // Default: null
+ *         },
+ *     },
+ *     migrations?: list<scalar|Param|null>,
+ *     connection?: scalar|Param|null, // Connection name to use for the migrations database. // Default: null
+ *     em?: scalar|Param|null, // Entity manager name to use for the migrations database (available when doctrine/orm is installed). // Default: null
+ *     all_or_nothing?: scalar|Param|null, // Run all migrations in a transaction. // Default: false
+ *     check_database_platform?: scalar|Param|null, // Adds an extra check in the generated migrations to allow execution only on the same platform as they were initially generated on. // Default: true
+ *     custom_template?: scalar|Param|null, // Custom template path for generated migration classes. // Default: null
+ *     organize_migrations?: scalar|Param|null, // Organize migrations mode. Possible values are: "BY_YEAR", "BY_YEAR_AND_MONTH", false // Default: false
+ *     enable_profiler?: bool|Param, // Whether or not to enable the profiler collector to calculate and visualize migration status. This adds some queries overhead. // Default: false
+ *     transactional?: bool|Param, // Whether or not to wrap migrations in a single transaction. // Default: true
+ * }
+ * @psalm-type CmfRoutingConfig = array{
+ *     chain?: array{
+ *         routers_by_id?: array<string, scalar|Param|null>,
+ *         replace_symfony_router?: bool|Param, // Default: true
+ *     },
+ *     dynamic?: bool|array{
+ *         enabled?: bool|Param, // Default: false
+ *         route_collection_limit?: scalar|Param|null, // Default: 0
+ *         generic_controller?: scalar|Param|null, // Default: null
+ *         default_controller?: scalar|Param|null, // Default: null
+ *         controllers_by_type?: array<string, scalar|Param|null>,
+ *         controllers_by_class?: array<string, scalar|Param|null>,
+ *         templates_by_class?: array<string, scalar|Param|null>,
+ *         persistence?: array{
+ *             phpcr?: bool|array{
+ *                 enabled?: bool|Param, // Default: false
+ *                 manager_name?: scalar|Param|null, // Default: null
+ *                 route_basepaths?: list<scalar|Param|null>,
+ *                 enable_initializer?: bool|Param, // Default: true
+ *             },
+ *             orm?: bool|array{
+ *                 enabled?: bool|Param, // Default: false
+ *                 manager_name?: scalar|Param|null, // Default: null
+ *                 route_class?: scalar|Param|null, // Default: "Symfony\\Cmf\\Bundle\\RoutingBundle\\Doctrine\\Orm\\Route"
+ *             },
+ *         },
+ *         uri_filter_regexp?: scalar|Param|null, // Default: ""
+ *         route_provider_service_id?: scalar|Param|null,
+ *         route_filters_by_id?: array<string, scalar|Param|null>,
+ *         content_repository_service_id?: scalar|Param|null,
+ *         locales?: list<scalar|Param|null>,
+ *         limit_candidates?: int|Param, // Default: 20
+ *         match_implicit_locale?: bool|Param, // Default: true
+ *         redirectable_url_matcher?: bool|Param, // Default: false
+ *         auto_locale_pattern?: bool|Param, // Default: false
+ *         url_generator?: scalar|Param|null, // URL generator service ID // Default: "cmf_routing.generator"
+ *     },
+ * }
+ * @psalm-type SchebTwoFactorConfig = array{
+ *     persister?: scalar|Param|null, // Default: "scheb_two_factor.persister.doctrine"
+ *     model_manager_name?: scalar|Param|null, // Default: null
+ *     security_tokens?: list<scalar|Param|null>,
+ *     ip_whitelist?: list<scalar|Param|null>,
+ *     ip_whitelist_provider?: scalar|Param|null, // Default: "scheb_two_factor.default_ip_whitelist_provider"
+ *     two_factor_token_factory?: scalar|Param|null, // Default: "scheb_two_factor.default_token_factory"
+ *     two_factor_provider_decider?: scalar|Param|null, // Default: "scheb_two_factor.default_provider_decider"
+ *     two_factor_condition?: scalar|Param|null, // Default: null
+ *     code_reuse_cache?: scalar|Param|null, // Default: null
+ *     code_reuse_cache_duration?: int|Param, // Default: 60
+ *     code_reuse_default_handler?: scalar|Param|null, // Default: null
+ *     google?: bool|array{
+ *         enabled?: scalar|Param|null, // Default: false
+ *         form_renderer?: scalar|Param|null, // Default: null
+ *         issuer?: scalar|Param|null, // Default: null
+ *         server_name?: scalar|Param|null, // Default: null
+ *         template?: scalar|Param|null, // Default: "@SchebTwoFactor/Authentication/form.html.twig"
+ *         digits?: int|Param, // Default: 6
+ *         leeway?: int|Param, // Default: 0
+ *     },
+ * }
+ * @psalm-type FosJsRoutingConfig = array{
+ *     serializer?: scalar|Param|null,
+ *     routes_to_expose?: list<scalar|Param|null>,
+ *     router?: scalar|Param|null, // Default: "router"
+ *     request_context_base_url?: scalar|Param|null, // Default: null
+ *     cache_control?: array{
+ *         public?: bool|Param, // Default: false
+ *         expires?: scalar|Param|null, // Default: null
+ *         maxage?: scalar|Param|null, // Default: null
+ *         smaxage?: scalar|Param|null, // Default: null
+ *         vary?: list<scalar|Param|null>,
+ *     },
+ * }
+ * @psalm-type FlysystemConfig = array{
+ *     storages?: array<string, array{ // Default: []
+ *         adapter: scalar|Param|null,
+ *         options?: list<mixed>,
+ *         visibility?: scalar|Param|null, // Default: null
+ *         directory_visibility?: scalar|Param|null, // Default: null
+ *         retain_visibility?: bool|Param|null, // Default: null
+ *         case_sensitive?: bool|Param, // Default: true
+ *         disable_asserts?: bool|Param, // Default: false
+ *         public_url?: list<scalar|Param|null>,
+ *         path_normalizer?: scalar|Param|null, // Default: null
+ *         public_url_generator?: scalar|Param|null, // Default: null
+ *         temporary_url_generator?: scalar|Param|null, // Default: null
+ *         read_only?: bool|Param, // Default: false
+ *     }>,
+ * }
+ * @psalm-type KnpPaginatorConfig = array{
+ *     default_options?: array{
+ *         sort_field_name?: scalar|Param|null, // Default: "sort"
+ *         sort_direction_name?: scalar|Param|null, // Default: "direction"
+ *         filter_field_name?: scalar|Param|null, // Default: "filterField"
+ *         filter_value_name?: scalar|Param|null, // Default: "filterValue"
+ *         page_name?: scalar|Param|null, // Default: "page"
+ *         distinct?: bool|Param, // Default: true
+ *         page_out_of_range?: scalar|Param|null, // Default: "ignore"
+ *         default_limit?: scalar|Param|null, // Default: 10
+ *     },
+ *     template?: array{
+ *         pagination?: scalar|Param|null, // Default: "@KnpPaginator/Pagination/sliding.html.twig"
+ *         rel_links?: scalar|Param|null, // Default: "@KnpPaginator/Pagination/rel_links.html.twig"
+ *         filtration?: scalar|Param|null, // Default: "@KnpPaginator/Pagination/filtration.html.twig"
+ *         sortable?: scalar|Param|null, // Default: "@KnpPaginator/Pagination/sortable_link.html.twig"
+ *     },
+ *     page_range?: scalar|Param|null, // Default: 5
+ *     page_limit?: scalar|Param|null, // Default: null
+ *     convert_exception?: bool|Param, // Default: false
+ *     remove_first_page_param?: bool|Param, // Default: false
+ * }
+ * @psalm-type CoreShopCoreConfig = array{
+ *     send_usage_log?: scalar|Param|null, // Default: true
+ *     checkout_manager_factory?: scalar|Param|null,
+ *     after_logout_redirect_route?: scalar|Param|null, // Default: "coreshop_index"
+ *     autoconfigure_with_attributes?: scalar|Param|null, // Default: false
+ *     resources?: array{
+ *         product_store_values?: array{
+ *             options?: mixed,
+ *             graphql?: array{
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             classes?: array{
+ *                 model?: scalar|Param|null, // Default: "CoreShop\\Component\\Core\\Model\\ProductStoreValues"
+ *                 interface?: scalar|Param|null, // Default: "CoreShop\\Component\\Core\\Model\\ProductStoreValuesInterface"
+ *                 factory?: scalar|Param|null, // Default: "CoreShop\\Component\\Resource\\Factory\\Factory"
+ *                 repository?: scalar|Param|null, // Default: "CoreShop\\Bundle\\CoreBundle\\Doctrine\\ORM\\ProductStoreValuesRepository"
+ *             },
+ *         },
+ *     },
+ *     pimcore_admin?: array{
+ *         js?: array<string, scalar|Param|null>,
+ *         css?: array{
+ *             core?: scalar|Param|null, // Default: "/bundles/coreshopcore/pimcore/css/core.css"
+ *             ...<mixed>
+ *         },
+ *         permissions?: scalar|Param|null, // Default: ["settings","ctc_assign_to_new","ctc_assign_to_existing"]
+ *         editmode_js?: array<string, scalar|Param|null>,
+ *         editmode_css?: array<string, scalar|Param|null>,
+ *     },
+ *     checkout: array<string, array{ // Default: []
+ *         steps?: array<string, array{ // Default: []
+ *             step: scalar|Param|null,
+ *             priority: int|Param,
+ *         }>,
+ *     }>,
+ * }
+ * @psalm-type CoreShopStorageListConfig = array{
+ *     list?: array<string, array{ // Default: []
+ *         disable_caching?: bool|Param, // Default: false
+ *         context?: array{
+ *             interface?: scalar|Param|null, // Default: "CoreShop\\Component\\StorageList\\Context\\StorageListContextInterface"
+ *             composite?: scalar|Param|null, // Default: "CoreShop\\Component\\StorageList\\Context\\CompositeStorageListContext"
+ *             tag?: scalar|Param|null,
+ *             restore_customer_list_only_on_login?: bool|Param, // Default: false
+ *         },
+ *         services?: array{
+ *             manager?: scalar|Param|null, // Default: "CoreShop\\Component\\StorageList\\SessionStorageManager"
+ *             modifier?: scalar|Param|null, // Default: "CoreShop\\Component\\StorageList\\StorageListModifierInterface"
+ *             enable_default_store_based_decorator?: scalar|Param|null, // Default: false
+ *             list_resolver?: scalar|Param|null, // Default: null
+ *         },
+ *         resource?: array{
+ *             interface: scalar|Param|null,
+ *             product_repository: scalar|Param|null,
+ *             repository: scalar|Param|null,
+ *             item_repository: scalar|Param|null,
+ *             factory: scalar|Param|null,
+ *             item_factory: scalar|Param|null,
+ *             add_to_list_factory?: scalar|Param|null, // Default: "CoreShop\\Component\\StorageList\\Factory\\AddToStorageListFactory"
+ *         },
+ *         form?: array{
+ *             type?: scalar|Param|null,
+ *             add_type?: scalar|Param|null,
+ *         },
+ *         routes?: array{
+ *             summary?: scalar|Param|null,
+ *             index?: scalar|Param|null,
+ *         },
+ *         templates?: array{
+ *             add_to_cart?: scalar|Param|null,
+ *             summary?: scalar|Param|null,
+ *         },
+ *         session?: array{
+ *             enabled?: bool|Param, // Default: false
+ *             enable_logout_subscriber?: bool|Param, // Default: false
+ *             key?: scalar|Param|null, // Default: "storage_list"
+ *         },
+ *         controller?: array{
+ *             enabled?: bool|Param, // Default: false
+ *             class?: scalar|Param|null, // Default: "CoreShop\\Bundle\\StorageListBundle\\Controller\\StorageListController"
+ *         },
+ *         multi_list?: array{
+ *             enabled?: bool|Param, // Default: false
+ *             controller?: array{
+ *                 enabled?: bool|Param, // Default: false
+ *                 class?: scalar|Param|null, // Default: "CoreShop\\Bundle\\StorageListBundle\\Controller\\StorageMultiListController"
+ *             },
+ *             templates?: array{
+ *                 create_new_storage_list?: scalar|Param|null,
+ *                 list_storage_list?: scalar|Param|null,
+ *             },
+ *             form?: array{
+ *                 class?: scalar|Param|null,
+ *             },
+ *         },
+ *         expiration?: array{
+ *             enabled?: bool|Param, // Default: false
+ *             service?: scalar|Param|null, // Default: null
+ *             days?: int|Param, // Default: 14
+ *             params?: mixed, // Default: []
+ *         },
+ *     }>,
+ * }
+ * @psalm-type DebugConfig = array{
+ *     max_items?: int|Param, // Max number of displayed items past the first level, -1 means no limit. // Default: 2500
+ *     min_depth?: int|Param, // Minimum tree depth to clone all the items, 1 is default. // Default: 1
+ *     max_string_length?: int|Param, // Max length of displayed strings, -1 means no limit. // Default: -1
+ *     dump_destination?: scalar|Param|null, // A stream URL where dumps should be written to. // Default: null
+ *     theme?: "dark"|"light"|Param, // Changes the color of the dump() output when rendered directly on the templating. "dark" (default) or "light". // Default: "dark"
+ * }
+ * @psalm-type WebProfilerConfig = array{
+ *     toolbar?: bool|array{ // Profiler toolbar configuration
+ *         enabled?: bool|Param, // Default: false
+ *         ajax_replace?: bool|Param, // Replace toolbar on AJAX requests // Default: false
+ *     },
+ *     intercept_redirects?: bool|Param, // Default: false
+ *     excluded_ajax_paths?: scalar|Param|null, // Default: "^/((index|app(_[\\w]+)?)\\.php/)?_wdt"
+ * }
+ * @psalm-type PrestaSitemapConfig = array{
+ *     generator?: scalar|Param|null, // Default: "presta_sitemap.generator_default"
+ *     dumper?: scalar|Param|null, // Default: "presta_sitemap.dumper_default"
+ *     timetolive?: int|Param, // Default: 3600
+ *     sitemap_file_prefix?: scalar|Param|null, // Sets sitemap filename prefix defaults to "sitemap" -> sitemap.xml (for index); sitemap.<section>.xml(.gz) (for sitemaps) // Default: "sitemap"
+ *     items_by_set?: int|Param, // The maximum number of items allowed in single sitemap. // Default: 50000
+ *     route_annotation_listener?: scalar|Param|null, // Default: true
+ *     dump_directory?: scalar|Param|null, // The directory to which the sitemap will be dumped. It can be either absolute, or relative (to the place where the command will be triggered). Default to Symfony's public dir. // Default: "%kernel.project_dir%/public"
+ *     defaults?: array{
+ *         priority?: scalar|Param|null, // Default: 0.5
+ *         changefreq?: scalar|Param|null, // Default: "daily"
+ *         lastmod?: scalar|Param|null, // Default: "now"
+ *     },
+ *     default_section?: scalar|Param|null, // The default section in which static routes are registered. // Default: "default"
+ *     alternate?: bool|array{ // Automatically generate alternate (hreflang) urls with static routes. Requires route_annotation_listener config to be enabled.
+ *         enabled?: bool|Param, // Default: false
+ *         default_locale?: scalar|Param|null, // The default locale of your routes. // Default: "en"
+ *         locales?: list<scalar|Param|null>,
+ *         i18n?: "symfony"|"jms"|Param, // Strategy used to create your i18n routes. // Default: "symfony"
+ *     },
+ * }
+ * @psalm-type PimcoreElasticsearchClientConfig = array{
+ *     es_clients?: array<string, array{ // Default: []
+ *         name?: scalar|Param|null,
+ *         hosts?: list<scalar|Param|null>,
+ *         logger_channel?: scalar|Param|null, // Logger channel to be used for elasticsearch client logs // Default: "pimcore.elasticsearch.default"
+ *         username?: scalar|Param|null, // Username for elasticsearch authentication
+ *         password?: scalar|Param|null, // Password for elasticsearch authentication
+ *         ca_bundle?: scalar|Param|null, // Path to certificate authority file (.crt)
+ *         ssl_key?: scalar|Param|null, // Path to private SSL key file (.key)
+ *         ssl_cert?: scalar|Param|null, // Path to PEM formatted SSL cert file (.cert)
+ *         ssl_password?: scalar|Param|null, // If private key and certificate require a password (default: null)
+ *         ssl_verification?: bool|Param, // Enable or disable the SSL verification (default: true)
+ *         http_options?: list<scalar|Param|null>,
+ *         cloud_id?: scalar|Param|null, // Elastic Cloud Id for elasticsearch cloud authentication
+ *         api_key?: scalar|Param|null, // Elastic Cloud API key for elasticsearch cloud authentication
+ *     }>,
+ * }
+ * @psalm-type MercureConfig = array{
+ *     hubs?: array<string, array{ // Default: []
+ *         url?: scalar|Param|null, // URL of the hub's publish endpoint
+ *         public_url?: scalar|Param|null, // URL of the hub's public endpoint // Default: null
+ *         jwt?: string|array{ // JSON Web Token configuration.
+ *             value?: scalar|Param|null, // JSON Web Token to use to publish to this hub.
+ *             provider?: scalar|Param|null, // The ID of a service to call to provide the JSON Web Token.
+ *             factory?: scalar|Param|null, // The ID of a service to call to create the JSON Web Token.
+ *             publish?: list<scalar|Param|null>,
+ *             subscribe?: list<scalar|Param|null>,
+ *             secret?: scalar|Param|null, // The JWT Secret to use.
+ *             passphrase?: scalar|Param|null, // The JWT secret passphrase. // Default: ""
+ *             algorithm?: scalar|Param|null, // The algorithm to use to sign the JWT // Default: "hmac.sha256"
+ *         },
+ *         jwt_provider?: scalar|Param|null, // Deprecated: The child node "jwt_provider" at path "mercure.hubs..jwt_provider" is deprecated, use "jwt.provider" instead. // The ID of a service to call to generate the JSON Web Token.
+ *         bus?: scalar|Param|null, // Name of the Messenger bus where the handler for this hub must be registered. Default to the default bus if Messenger is enabled.
+ *     }>,
+ *     default_hub?: scalar|Param|null,
+ *     default_cookie_lifetime?: int|Param, // Default lifetime of the cookie containing the JWT, in seconds. Defaults to the value of "framework.session.cookie_lifetime". // Default: null
+ *     enable_profiler?: bool|Param, // Deprecated: The child node "enable_profiler" at path "mercure.enable_profiler" is deprecated. // Enable Symfony Web Profiler integration.
+ * }
+ * @psalm-type WebpackEncoreConfig = array{
+ *     output_path: scalar|Param|null, // The path where Encore is building the assets - i.e. Encore.setOutputPath()
+ *     crossorigin?: false|"anonymous"|"use-credentials"|Param, // crossorigin value when Encore.enableIntegrityHashes() is used, can be false (default), anonymous or use-credentials // Default: false
+ *     preload?: bool|Param, // preload all rendered script and link tags automatically via the http2 Link header. // Default: false
+ *     cache?: bool|Param, // Enable caching of the entry point file(s) // Default: false
+ *     strict_mode?: bool|Param, // Throw an exception if the entrypoints.json file is missing or an entry is missing from the data // Default: true
+ *     builds?: array<string, scalar|Param|null>,
+ *     script_attributes?: array<string, scalar|Param|null>,
+ *     link_attributes?: array<string, scalar|Param|null>,
+ * }
+ * @psalm-type KnpMenuConfig = array{
+ *     providers?: array{
+ *         builder_alias?: bool|Param, // Default: true
+ *     },
+ *     twig?: array{
+ *         template?: scalar|Param|null, // Default: "@KnpMenu/menu.html.twig"
+ *     },
+ *     templating?: bool|Param, // Default: false
+ *     default_renderer?: scalar|Param|null, // Default: "twig"
+ * }
+ * @psalm-type PimcoreConfig = array{
+ *     bundles?: array{ // Define parameters for Pimcore Bundle Locator
+ *         search_paths?: list<scalar|Param|null>,
+ *         handle_composer?: bool|Param, // Define whether it should be scanning bundles through composer /vendor folder or not // Default: true
+ *     },
+ *     flags?: list<scalar|Param|null>,
+ *     translations?: array{
+ *         domains?: list<scalar|Param|null>,
+ *         admin_translation_mapping?: array<string, scalar|Param|null>,
+ *         debugging?: bool|array{ // If debugging is enabled, the translator will return the plain translation key instead of the translated message.
+ *             enabled?: bool|Param, // Default: true
+ *             parameter?: scalar|Param|null, // Default: "pimcore_debug_translations"
+ *         },
+ *     },
+ *     maps?: array{
+ *         tile_layer_url_template?: scalar|Param|null, // Default: "https://a.tile.openstreetmap.org/{z}/{x}/{y}.png"
+ *         geocoding_url_template?: scalar|Param|null, // Default: "https://nominatim.openstreetmap.org/search?q={q}&addressdetails=1&format=json&limit=1"
+ *         reverse_geocoding_url_template?: scalar|Param|null, // Default: "https://nominatim.openstreetmap.org/reverse?format=json&lat={lat}&lon={lon}&addressdetails=1"
+ *     },
+ *     general?: array{
+ *         timezone?: scalar|Param|null, // Default: ""
+ *         path_variable?: scalar|Param|null, // Additional $PATH variable (: separated) (/x/y:/foo/bar): // Default: null
+ *         domain?: scalar|Param|null, // Default: ""
+ *         redirect_to_maindomain?: bool|Param, // Default: false
+ *         language?: scalar|Param|null, // Deprecated: The child node "language" at path "pimcore.general.language" is deprecated. // Default: "en"
+ *         valid_languages?: list<scalar|Param|null>,
+ *         required_languages?: list<scalar|Param|null>,
+ *         fallback_languages?: list<scalar|Param|null>,
+ *         default_language?: scalar|Param|null, // Default: "en"
+ *         disable_usage_statistics?: bool|Param, // Default: false
+ *         debug_admin_translations?: bool|Param, // Debug Admin-Translations (text in UI will be displayed wrapped in +) // Default: false
+ *     },
+ *     maintenance?: array{
+ *         housekeeping?: array{
+ *             cleanup_tmp_files_atime_older_than?: int|Param, // Integer value in seconds. // Default: 86400
+ *             cleanup_profiler_files_atime_older_than?: int|Param, // Integer value in seconds. // Default: 1800
+ *         },
+ *     },
+ *     objects?: array{
+ *         ignore_localized_query_fallback?: bool|Param, // Default: false
+ *         tree_paging_limit?: int|Param, // Default: 30
+ *         auto_save_interval?: int|Param, // Default: 60
+ *         versions?: array{
+ *             days?: scalar|Param|null, // Default: null
+ *             steps?: scalar|Param|null, // Default: null
+ *             disable_events?: bool|Param, // Default: false
+ *             disable_stack_trace?: bool|Param, // Default: false
+ *         },
+ *         custom_layouts?: array{
+ *             definitions?: list<array{ // Default: []
+ *                 id?: scalar|Param|null,
+ *                 name?: scalar|Param|null,
+ *                 description?: scalar|Param|null, // Default: null
+ *                 creationDate?: int|Param,
+ *                 modificationDate?: int|Param,
+ *                 userOwner?: int|Param,
+ *                 userModification?: int|Param,
+ *                 classId?: scalar|Param|null,
+ *                 default?: int|Param,
+ *                 layoutDefinitions?: mixed,
+ *             }>,
+ *         },
+ *         select_options?: array{
+ *             definitions?: list<array{ // Default: []
+ *                 id?: scalar|Param|null,
+ *                 group?: scalar|Param|null,
+ *                 adminOnly?: bool|Param, // Default: false
+ *                 useTraits?: scalar|Param|null,
+ *                 implementsInterfaces?: scalar|Param|null,
+ *                 selectOptions?: list<array{ // Default: []
+ *                     value?: scalar|Param|null,
+ *                     label?: scalar|Param|null,
+ *                     name?: scalar|Param|null,
+ *                 }>,
+ *             }>,
+ *         },
+ *         class_definitions?: array{
+ *             data?: array{
+ *                 map?: array<string, scalar|Param|null>,
+ *                 prefixes?: list<scalar|Param|null>,
+ *             },
+ *             layout?: array{
+ *                 map?: array<string, scalar|Param|null>,
+ *                 prefixes?: list<scalar|Param|null>,
+ *             },
+ *         },
+ *         ...<mixed>
+ *     },
+ *     assets?: array{
+ *         thumbnails?: array{
+ *             allowed_formats?: list<scalar|Param|null>,
+ *             max_scaling_factor?: float|Param, // Default: 5.0
+ *         },
+ *         frontend_prefixes?: array{
+ *             source?: scalar|Param|null, // Default: ""
+ *             thumbnail?: scalar|Param|null, // Default: ""
+ *             thumbnail_deferred?: scalar|Param|null, // Default: ""
+ *         },
+ *         preview_image_thumbnail?: scalar|Param|null, // Default: null
+ *         default_upload_path?: scalar|Param|null, // Default: "_default_upload_bucket"
+ *         tree_paging_limit?: int|Param, // Default: 100
+ *         image?: array{
+ *             max_pixels?: int|Param, // Maximum number of pixels an image can have when added (width × height). // Default: 40000000
+ *             low_quality_image_preview?: bool|array{ // Allow a LQIP SVG image to be generated alongside any other thumbnails.
+ *                 enabled?: bool|Param, // Default: true
+ *             },
+ *             thumbnails?: array{
+ *                 definitions?: list<array{ // Default: []
+ *                     id?: scalar|Param|null,
+ *                     name?: scalar|Param|null,
+ *                     description?: scalar|Param|null,
+ *                     group?: scalar|Param|null,
+ *                     format?: scalar|Param|null,
+ *                     quality?: scalar|Param|null,
+ *                     highResolution?: scalar|Param|null,
+ *                     preserveColor?: bool|Param,
+ *                     preserveMetaData?: bool|Param,
+ *                     rasterizeSVG?: bool|Param,
+ *                     useCropBox?: bool|Param,
+ *                     downloadable?: bool|Param,
+ *                     forceProcessICCProfiles?: bool|Param,
+ *                     modificationDate?: int|Param,
+ *                     creationDate?: int|Param,
+ *                     preserveAnimation?: bool|Param,
+ *                     items?: list<array{ // Default: []
+ *                         method?: scalar|Param|null,
+ *                         arguments?: list<mixed>,
+ *                     }>,
+ *                     medias?: list<list<array{ // Default: []
+ *                             method?: scalar|Param|null,
+ *                             arguments?: list<mixed>,
+ *                         }>>,
+ *                 }>,
+ *                 clip_auto_support?: bool|Param, // Try to detect and use clipping paths and masks in images when generating thumbnails. // Default: true
+ *                 max_srcset_dpi_factor?: int|Param, // Maximum generated srcset DPI factor for web images. // Default: 2
+ *                 image_optimizers?: bool|array{
+ *                     enabled?: bool|Param, // Default: true
+ *                 },
+ *                 auto_formats?: list<bool|array{ // Default: {"avif":{"enabled":true,"quality":50},"webp":{"enabled":true,"quality":null}}
+ *                     enabled?: bool|Param, // Default: true
+ *                     quality?: scalar|Param|null,
+ *                 }>,
+ *                 status_cache?: bool|Param, // Store image metadata such as filename and modification date in assets_image_thumbnail_cache, this is helpful when using remote object storage for thumbnails. // Default: true
+ *                 auto_clear_temp_files?: bool|Param, // Automatically delete all image thumbnail files any time an image or its metadata is updated. // Default: true
+ *             },
+ *         },
+ *         video?: array{
+ *             thumbnails?: array{
+ *                 definitions?: list<array{ // Default: []
+ *                     id?: scalar|Param|null,
+ *                     name?: scalar|Param|null,
+ *                     description?: scalar|Param|null,
+ *                     group?: scalar|Param|null,
+ *                     videoBitrate?: scalar|Param|null,
+ *                     audioBitrate?: scalar|Param|null,
+ *                     quality?: scalar|Param|null,
+ *                     modificationDate?: int|Param,
+ *                     creationDate?: int|Param,
+ *                     items?: list<array{ // Default: []
+ *                         method?: scalar|Param|null,
+ *                         arguments?: list<mixed>,
+ *                     }>,
+ *                     medias?: list<list<array{ // Default: []
+ *                             method?: scalar|Param|null,
+ *                             arguments?: list<mixed>,
+ *                         }>>,
+ *                 }>,
+ *                 auto_clear_temp_files?: bool|Param, // Automatically delete all video thumbnail files any time an image or its metadata is updated. // Default: true
+ *             },
+ *         },
+ *         document?: array{
+ *             thumbnails?: array{
+ *                 enabled?: bool|Param, // Process thumbnails for Asset documents. // Default: true
+ *             },
+ *             process_page_count?: bool|Param, // Process & store page count for Asset documents. Internally required for thumbnails & text generation // Default: true
+ *             process_text?: bool|Param, // Process text for Asset documents (e.g. used by backend search). // Default: true
+ *             scan_pdf?: bool|Param, // Scan PDF documents for unsafe JavaScript. // Default: true
+ *             open_pdf_in_new_tab?: "all-pdfs"|"only-unsafe"|"none"|Param, // Default: "only-unsafe"
+ *         },
+ *         versions?: array{
+ *             days?: scalar|Param|null, // Default: null
+ *             steps?: scalar|Param|null, // Default: null
+ *             disable_events?: bool|Param, // Default: false
+ *             use_hardlinks?: bool|Param, // Default: true
+ *             disable_stack_trace?: bool|Param, // Default: false
+ *         },
+ *         icc_rgb_profile?: scalar|Param|null, // Absolute path to default ICC RGB profile (if no embedded profile is given) // Default: null
+ *         icc_cmyk_profile?: scalar|Param|null, // Absolute path to default ICC CMYK profile (if no embedded profile is given) // Default: null
+ *         metadata?: array{
+ *             alt?: scalar|Param|null, // Set to replace the default metadata used for auto alt functionality in frontend // Default: ""
+ *             copyright?: scalar|Param|null, // Set to replace the default metadata used for copyright in frontend // Default: ""
+ *             title?: scalar|Param|null, // Set to replace the default metadata used for title in frontend // Default: ""
+ *             predefined?: array{
+ *                 definitions?: list<array{ // Default: []
+ *                     name?: scalar|Param|null,
+ *                     description?: scalar|Param|null,
+ *                     group?: scalar|Param|null,
+ *                     language?: scalar|Param|null,
+ *                     type?: scalar|Param|null,
+ *                     data?: scalar|Param|null,
+ *                     targetSubtype?: scalar|Param|null,
+ *                     config?: scalar|Param|null,
+ *                     inheritable?: bool|Param,
+ *                     creationDate?: int|Param,
+ *                     modificationDate?: int|Param,
+ *                 }>,
+ *             },
+ *             class_definitions?: array{
+ *                 data?: array{
+ *                     map?: array<string, scalar|Param|null>,
+ *                     prefixes?: list<scalar|Param|null>,
+ *                 },
+ *             },
+ *         },
+ *         type_definitions?: array{
+ *             map?: list<array{ // Default: []
+ *                 class?: scalar|Param|null,
+ *                 matching?: list<scalar|Param|null>,
+ *             }>,
+ *         },
+ *     },
+ *     documents?: array{
+ *         doc_types?: array{
+ *             definitions?: list<array{ // Default: []
+ *                 name?: scalar|Param|null,
+ *                 group?: scalar|Param|null,
+ *                 module?: scalar|Param|null,
+ *                 controller?: scalar|Param|null,
+ *                 template?: scalar|Param|null,
+ *                 type?: scalar|Param|null,
+ *                 priority?: int|Param,
+ *                 creationDate?: int|Param,
+ *                 modificationDate?: int|Param,
+ *                 staticGeneratorEnabled?: bool|Param, // Default: false
+ *             }>,
+ *         },
+ *         versions?: array{
+ *             days?: scalar|Param|null, // Default: null
+ *             steps?: scalar|Param|null, // Default: null
+ *             disable_events?: bool|Param, // Default: false
+ *             disable_stack_trace?: bool|Param, // Default: false
+ *         },
+ *         default_controller?: scalar|Param|null, // Default: "App\\Controller\\DefaultController::defaultAction"
+ *         error_pages?: array{
+ *             default?: scalar|Param|null, // Default: null
+ *             localized?: list<scalar|Param|null>,
+ *         },
+ *         allow_trailing_slash?: scalar|Param|null, // Default: "no"
+ *         generate_preview?: bool|Param, // Default: false
+ *         preview_url_prefix?: scalar|Param|null, // Default: ""
+ *         tree_paging_limit?: int|Param, // Default: 50
+ *         editables?: array{
+ *             map?: array<string, scalar|Param|null>,
+ *             prefixes?: list<scalar|Param|null>,
+ *         },
+ *         areas?: array{
+ *             autoload?: bool|Param, // Default: true
+ *         },
+ *         auto_save_interval?: int|Param, // Default: 60
+ *         static_page_router?: array{
+ *             enabled?: bool|Param, // Enable Static Page router for document when using remote storage for generated pages // Default: false
+ *             route_pattern?: scalar|Param|null, // Optionally define route patterns to lookup static pages. Regular Expressions like: /^\/en\/Magazine/ // Default: null
+ *         },
+ *         static_page_generator?: array{
+ *             use_main_domain?: bool|Param, // Use main domain for static pages folder in tmp/pages // Default: false
+ *             headers?: list<array{ // Default: []
+ *                 name?: scalar|Param|null,
+ *                 value?: scalar|Param|null,
+ *             }>,
+ *         },
+ *         type_definitions?: array{
+ *             map?: list<array{ // Default: []
+ *                 class?: scalar|Param|null,
+ *                 translatable?: bool|Param, // Default: true
+ *                 valid_table?: scalar|Param|null, // Default: null
+ *                 direct_route?: bool|Param, // Default: false
+ *                 translatable_inheritance?: bool|Param, // Default: true
+ *                 children_supported?: bool|Param, // Default: true
+ *                 only_printable_childrens?: bool|Param, // Default: false
+ *                 predefined_document_types?: bool|Param, // Default: false
+ *             }>,
+ *         },
+ *         ...<mixed>
+ *     },
+ *     encryption?: array{
+ *         secret?: scalar|Param|null, // Default: null
+ *     },
+ *     models?: array{
+ *         class_overrides?: array<string, scalar|Param|null>,
+ *     },
+ *     routing?: array{
+ *         static?: array{
+ *             locale_params?: list<scalar|Param|null>,
+ *         },
+ *     },
+ *     full_page_cache?: bool|array{
+ *         enabled?: bool|Param, // Default: true
+ *         lifetime?: scalar|Param|null, // Optional output-cache lifetime (in seconds) after the cache expires, if not defined the cache will be cleaned on every action inside the CMS, otherwise not (for high traffic sites) // Default: null
+ *         exclude_patterns?: scalar|Param|null, // Regular Expressions like: /^\/dir\/toexclude/
+ *         exclude_cookie?: scalar|Param|null, // Comma separated list of cookie names, that will automatically disable the full-page cache
+ *         ...<mixed>
+ *     },
+ *     context?: array<string, array{ // Default: []
+ *         routes?: list<null|array{ // Default: []
+ *             path?: scalar|Param|null, // Default: false
+ *             route?: scalar|Param|null, // Default: false
+ *             host?: scalar|Param|null, // Default: false
+ *             methods?: list<scalar|Param|null>,
+ *         }>,
+ *     }>,
+ *     web_profiler?: array{
+ *         toolbar?: array{
+ *             excluded_routes?: list<null|array{ // Default: []
+ *                 path?: scalar|Param|null, // Default: false
+ *                 route?: scalar|Param|null, // Default: false
+ *                 host?: scalar|Param|null, // Default: false
+ *                 methods?: list<scalar|Param|null>,
+ *             }>,
+ *         },
+ *     },
+ *     security?: array{
+ *         password?: array{
+ *             algorithm?: "2y"|"argon2i"|"argon2id"|Param, // The hashing algorithm to use for backend users and objects containing a "password" field. // Default: "2y"
+ *             options?: list<mixed>,
+ *         },
+ *         factory_type?: "encoder"|"password_hasher"|Param, // Default: "encoder"
+ *         encoder_factories?: array<string, string|array{ // Default: []
+ *             id?: scalar|Param|null,
+ *         }>,
+ *         password_hasher_factories?: array<string, string|array{ // Default: []
+ *             id?: scalar|Param|null,
+ *         }>,
+ *     },
+ *     email?: array{
+ *         sender?: array{
+ *             name?: scalar|Param|null, // Default: ""
+ *             email?: scalar|Param|null, // Default: ""
+ *         },
+ *         return?: array{
+ *             name?: scalar|Param|null, // Default: ""
+ *             email?: scalar|Param|null, // Default: ""
+ *         },
+ *         debug?: array{
+ *             email_addresses?: scalar|Param|null, // Default: ""
+ *         },
+ *         usespecific?: scalar|Param|null, // Default: false
+ *     },
+ *     workflows?: array<string, array{ // Default: []
+ *         placeholders?: list<scalar|Param|null>,
+ *         custom_extensions?: array<mixed>,
+ *         enabled?: bool|Param, // Can be used to enable or disable the workflow. // Default: true
+ *         priority?: int|Param, // When multiple custom view or permission settings from different places in different workflows are valid, the workflow with the highest priority will be used. // Default: 0
+ *         label?: scalar|Param|null, // Will be used in the backend interface as nice name for the workflow. If not set the technical workflow name will be used as label too.
+ *         audit_trail?: bool|array{ // Enable default audit trail feature provided by Symfony. Take a look at the Symfony docs for more details.
+ *             enabled?: bool|Param, // Default: false
+ *         },
+ *         type?: "workflow"|"state_machine"|Param, // A workflow with type "workflow" can handle multiple places at one time whereas a state_machine provides a finite state_machine (only one place at one time). Take a look at the Symfony docs for more details.
+ *         marking_store?: array{ // Handles the way how the state/place is stored. If not defined "state_table" will be used as default. Take a look at @TODO for a description of the different types.
+ *             type?: "multiple_state"|"single_state"|"state_table"|"data_object_multiple_state"|"data_object_splitted_state"|Param,
+ *             arguments?: list<mixed>,
+ *             service?: scalar|Param|null,
+ *         },
+ *         supports?: list<scalar|Param|null>,
+ *         support_strategy?: array{ // Can be used to implement a special logic which subjects are supported by the workflow. For example only products matching certain criteria.
+ *             type?: "expression"|Param, // Type "expression": a symfony expression to define a criteria.
+ *             arguments?: list<mixed>,
+ *             service?: scalar|Param|null, // Define a custom service to handle the logic. Take a look at the Symfony docs for more details.
+ *         },
+ *         initial_markings?: list<scalar|Param|null>,
+ *         places?: list<array{ // Default: []
+ *             label?: scalar|Param|null, // Nice name which will be used in the Pimcore backend.
+ *             title?: scalar|Param|null, // Title/tooltip for this place when it is displayed in the header of the Pimcore element detail view in the backend. // Default: ""
+ *             color?: scalar|Param|null, // Color of the place which will be used in the Pimcore backend. // Default: "#bfdadc"
+ *             colorInverted?: bool|Param, // If set to true the color will be used as border and font color otherwise as background color. // Default: false
+ *             visibleInHeader?: bool|Param, // If set to false, the place will be hidden in the header of the Pimcore element detail view in the backend. // Default: true
+ *             permissions?: list<array{ // Default: []
+ *                 condition?: scalar|Param|null, // A symfony expression can be configured here. The first set of permissions which are matching the condition will be used.
+ *                 save?: bool|Param, // save permission as it can be configured in Pimcore workplaces
+ *                 publish?: bool|Param, // publish permission as it can be configured in Pimcore workplaces
+ *                 unpublish?: bool|Param, // unpublish permission as it can be configured in Pimcore workplaces
+ *                 delete?: bool|Param, // delete permission as it can be configured in Pimcore workplaces
+ *                 rename?: bool|Param, // rename permission as it can be configured in Pimcore workplaces
+ *                 view?: bool|Param, // view permission as it can be configured in Pimcore workplaces
+ *                 settings?: bool|Param, // settings permission as it can be configured in Pimcore workplaces
+ *                 versions?: bool|Param, // versions permission as it can be configured in Pimcore workplaces
+ *                 properties?: bool|Param, // properties permission as it can be configured in Pimcore workplaces
+ *                 modify?: bool|Param, // a short hand for save, publish, unpublish, delete + rename
+ *                 objectLayout?: scalar|Param|null, // if set, the user will see the configured custom data object layout
+ *             }>,
+ *         }>,
+ *         transitions: list<array{ // Default: []
+ *             name: scalar|Param|null,
+ *             guard?: scalar|Param|null, // An expression to block the transition
+ *             from?: list<scalar|Param|null>,
+ *             to?: list<scalar|Param|null>,
+ *             options?: array{
+ *                 label?: scalar|Param|null, // Nice name for the Pimcore backend.
+ *                 notes?: array{
+ *                     commentEnabled?: bool|Param, // If enabled a detail window will open when the user executes the transition. In this detail view the user be asked to enter a "comment". This comment then will be used as comment for the notes/events feature. // Default: false
+ *                     commentRequired?: bool|Param, // Set this to true if the comment should be a required field. // Default: false
+ *                     commentSetterFn?: scalar|Param|null, // Can be used for data objects. The comment will be saved to the data object additionally to the notes/events through this setter function.
+ *                     commentGetterFn?: scalar|Param|null, // Can be used for data objects to prefill the comment field with data from the data object.
+ *                     type?: scalar|Param|null, // Set's the type string in the saved note. // Default: "Status update"
+ *                     title?: scalar|Param|null, // An optional alternative "title" for the note, if blank the actions transition result is used.
+ *                     additionalFields?: list<array{ // Default: []
+ *                         name: scalar|Param|null, // The technical name used in the input form.
+ *                         fieldType: "input"|"numeric"|"textarea"|"select"|"datetime"|"date"|"user"|"checkbox"|Param, // The data component name/field type.
+ *                         title?: scalar|Param|null, // The label used by the field
+ *                         required?: bool|Param, // Whether or not the field is required. // Default: false
+ *                         setterFn?: scalar|Param|null, // Optional setter function (available in the element, for example in the updated object), if not specified, data will be added to notes. The Workflow manager will call the function with the whole field data.
+ *                         fieldTypeSettings?: list<mixed>,
+ *                     }>,
+ *                     customHtml?: array{
+ *                         position?: "top"|"center"|"bottom"|Param, // Set position of custom HTML inside modal (top, center, bottom). // Default: "top"
+ *                         service?: scalar|Param|null, // Define a custom service for rendering custom HTML within the note modal.
+ *                     },
+ *                 },
+ *                 iconClass?: scalar|Param|null, // CSS class to define the icon which will be used in the actions button in the backend.
+ *                 objectLayout?: scalar|Param|null, // Forces an object layout after the transition was performed. This objectLayout setting overrules all objectLayout settings within the places configs. // Default: false
+ *                 notificationSettings?: list<array{ // Default: []
+ *                     condition?: scalar|Param|null, // A symfony expression can be configured here. All sets of notification which are matching the condition will be used.
+ *                     notifyUsers?: list<scalar|Param|null>,
+ *                     notifyRoles?: list<scalar|Param|null>,
+ *                     channelType?: list<"mail"|"pimcore_notification"|Param>,
+ *                     mailType?: "template"|"pimcore_document"|Param, // Type of mail source. // Default: "template"
+ *                     mailPath?: scalar|Param|null, // Path to mail source - either Symfony path to template or fullpath to Pimcore document. Optional use %_locale% as placeholder for language. // Default: "@PimcoreCore/Workflow/NotificationEmail/notificationEmail.html.twig"
+ *                 }>,
+ *                 changePublishedState?: "no_change"|"force_unpublished"|"force_published"|"save_version"|Param, // Change published state of element while transition (only available for documents and data objects). // Default: "no_change"
+ *                 unsavedChangesBehaviour?: "save"|"warn"|"ignore"|Param, // Behaviour when workflow transition gets applied but there are unsaved changes // Default: "warn"
+ *             },
+ *         }>,
+ *         globalActions?: list<array{ // Default: []
+ *             label?: scalar|Param|null, // Nice name for the Pimcore backend.
+ *             iconClass?: scalar|Param|null, // CSS class to define the icon which will be used in the actions button in the backend.
+ *             objectLayout?: scalar|Param|null, // Forces an object layout after the global action was performed. This objectLayout setting overrules all objectLayout settings within the places configs. // Default: false
+ *             guard?: scalar|Param|null, // An expression to block the action
+ *             saveSubject?: bool|Param, // Determines if the global action should perform a save on the subject, default behavior is set to true // Default: true
+ *             to?: list<scalar|Param|null>,
+ *             notes?: array{ // See notes section of transitions. It works exactly the same way.
+ *                 commentEnabled?: bool|Param, // Default: false
+ *                 commentRequired?: bool|Param, // Default: false
+ *                 commentSetterFn?: scalar|Param|null,
+ *                 commentGetterFn?: scalar|Param|null,
+ *                 type?: scalar|Param|null, // Default: "Status update"
+ *                 title?: scalar|Param|null,
+ *                 additionalFields?: list<array{ // Default: []
+ *                     name: scalar|Param|null,
+ *                     fieldType: "input"|"textarea"|"select"|"datetime"|"date"|"user"|"checkbox"|Param,
+ *                     title?: scalar|Param|null,
+ *                     required?: bool|Param, // Default: false
+ *                     setterFn?: scalar|Param|null,
+ *                     fieldTypeSettings?: list<mixed>,
+ *                 }>,
+ *                 customHtml?: array{
+ *                     position?: "top"|"center"|"bottom"|Param, // Set position of custom HTML inside modal (top, center, bottom). // Default: "top"
+ *                     service?: scalar|Param|null, // Define a custom service for rendering custom HTML within the note modal.
+ *                 },
+ *             },
+ *         }>,
+ *     }>,
+ *     httpclient?: array{
+ *         adapter?: scalar|Param|null, // Set to `Proxy` if proxy server should be used // Default: "Socket"
+ *         proxy_host?: scalar|Param|null, // Default: null
+ *         proxy_port?: scalar|Param|null, // Default: null
+ *         proxy_user?: scalar|Param|null, // Default: null
+ *         proxy_pass?: scalar|Param|null, // Default: null
+ *     },
+ *     applicationlog?: array{
+ *         loggers?: array{
+ *             db?: array{
+ *                 min_level_or_list?: mixed, // Default: "debug"
+ *                 max_level?: scalar|Param|null, // Default: "emergency"
+ *             },
+ *         },
+ *         mail_notification?: array{
+ *             send_log_summary?: bool|Param, // Send log summary via email // Default: false
+ *             filter_priority?: scalar|Param|null, // Filter threshold for email summary, choose one of: 8 (debug),7 (info),6 (notice),5 (warning),4 (error),3 (critical),2 (alert),1 (emerg). You can use the integer or the string representation. // Default: null
+ *             mail_receiver?: scalar|Param|null, // Log summary receivers. Separate multiple email receivers by using ;
+ *         },
+ *         archive_treshold?: scalar|Param|null, // Archive threshold in days // Default: 30
+ *         archive_alternative_database?: scalar|Param|null, // Archive database name (optional). Tables will get archived to a different database, recommended when huge amounts of logs will be generated // Default: ""
+ *         archive_db_table_storage_engine?: scalar|Param|null, // DB storage engine to be used for archive tables (e.g. ARCHIVE, InnoDB, Aria, ...) // Default: "archive"
+ *         delete_archive_threshold?: scalar|Param|null, // Threshold for deleting application log archive tables (in months) // Default: "6"
+ *     },
+ *     properties?: array{
+ *         predefined?: array{
+ *             definitions?: list<array{ // Default: []
+ *                 name?: scalar|Param|null,
+ *                 description?: scalar|Param|null,
+ *                 key?: scalar|Param|null,
+ *                 type?: scalar|Param|null,
+ *                 data?: scalar|Param|null,
+ *                 config?: scalar|Param|null,
+ *                 ctype?: scalar|Param|null,
+ *                 inheritable?: bool|Param,
+ *                 creationDate?: int|Param,
+ *                 modificationDate?: int|Param,
+ *             }>,
+ *         },
+ *         ...<mixed>
+ *     },
+ *     perspectives?: array{
+ *         definitions?: list<array{ // Default: []
+ *             iconCls?: scalar|Param|null,
+ *             icon?: scalar|Param|null,
+ *             toolbar?: mixed,
+ *             dashboards?: array{
+ *                 disabledPortlets?: mixed,
+ *                 predefined?: mixed,
+ *             },
+ *             elementTree?: list<array{ // Default: []
+ *                 type?: scalar|Param|null,
+ *                 position?: scalar|Param|null,
+ *                 name?: scalar|Param|null,
+ *                 expanded?: bool|Param,
+ *                 hidden?: scalar|Param|null,
+ *                 sort?: int|Param,
+ *                 id?: scalar|Param|null,
+ *                 treeContextMenu?: mixed,
+ *             }>,
+ *         }>,
+ *         ...<mixed>
+ *     },
+ *     custom_views?: array{
+ *         definitions?: list<array{ // Default: []
+ *             id?: scalar|Param|null,
+ *             treetype?: scalar|Param|null,
+ *             name?: scalar|Param|null,
+ *             condition?: scalar|Param|null,
+ *             icon?: scalar|Param|null,
+ *             rootfolder?: scalar|Param|null,
+ *             showroot?: scalar|Param|null,
+ *             classes?: mixed,
+ *             position?: scalar|Param|null,
+ *             sort?: scalar|Param|null,
+ *             expanded?: bool|Param,
+ *             having?: scalar|Param|null,
+ *             where?: scalar|Param|null,
+ *             treeContextMenu?: mixed,
+ *             joins?: list<array{ // Default: []
+ *                 type?: scalar|Param|null,
+ *                 condition?: scalar|Param|null,
+ *                 name?: mixed,
+ *                 columns?: mixed,
+ *             }>,
+ *         }>,
+ *         ...<mixed>
+ *     },
+ *     templating_engine?: array{
+ *         twig?: array{
+ *             sandbox_security_policy?: array{ // Allowlist tags, filters & functions for evaluating twig templates in a sandbox environment e.g. used by Mailer & Text layout component.
+ *                 tags?: list<scalar|Param|null>,
+ *                 filters?: list<scalar|Param|null>,
+ *                 functions?: list<scalar|Param|null>,
+ *             },
+ *         },
+ *     },
+ *     gotenberg?: array{
+ *         base_url?: scalar|Param|null, // Default: "http://gotenberg:3000"
+ *         ping_cache_ttl?: scalar|Param|null, // Default: 60
+ *     },
+ *     dependency?: array{
+ *         enabled?: scalar|Param|null, // Default: true
+ *     },
+ *     product_registration?: array{
+ *         instance_identifier?: scalar|Param|null, // Unique identifier of that Pimcore instance. Will be generated during install.
+ *         product_key?: scalar|Param|null, // Product registration key obtained during product registration. It is based on `instance_identifier` and `pimcore.encryption.secret`.
+ *     },
+ *     config_location?: array{
+ *         image_thumbnails?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         video_thumbnails?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         document_types?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         predefined_properties?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         predefined_asset_metadata?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         perspectives?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         custom_views?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         object_custom_layouts?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         system_settings?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *             read_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|Param, // Default: null
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *         select_options?: array{
+ *             write_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|"disabled"|Param, // Default: "symfony-config"
+ *                 options?: list<mixed>,
+ *             },
+ *             read_target?: array{
+ *                 type?: "symfony-config"|"settings-store"|Param, // Default: null
+ *                 options?: list<mixed>,
+ *             },
+ *         },
+ *     },
+ * }
+ * @psalm-type ConfigType = array{
+ *     imports?: ImportsConfig,
+ *     parameters?: ParametersConfig,
+ *     services?: ServicesConfig,
+ *     pimcore_seo?: PimcoreSeoConfig,
+ *     pimcore_static_routes?: PimcoreStaticRoutesConfig,
+ *     pimcore_newsletter?: PimcoreNewsletterConfig,
+ *     pimcore_open_search_client?: PimcoreOpenSearchClientConfig,
+ *     pimcore_studio_ui?: PimcoreStudioUiConfig,
+ *     pimcore_studio_backend?: PimcoreStudioBackendConfig,
+ *     pimcore_generic_data_index?: PimcoreGenericDataIndexConfig,
+ *     pimcore_generic_execution_engine?: PimcoreGenericExecutionEngineConfig,
+ *     pimcore_admin?: PimcoreAdminConfig,
+ *     pimcore_custom_reports?: PimcoreCustomReportsConfig,
+ *     core_shop_menu?: CoreShopMenuConfig,
+ *     jms_serializer?: JmsSerializerConfig,
+ *     core_shop_pimcore?: CoreShopPimcoreConfig,
+ *     core_shop_locale?: CoreShopLocaleConfig,
+ *     core_shop_resource?: CoreShopResourceConfig,
+ *     core_shop_seo?: CoreShopSeoConfig,
+ *     core_shop_money?: CoreShopMoneyConfig,
+ *     core_shop_workflow?: CoreShopWorkflowConfig,
+ *     core_shop_messenger?: CoreShopMessengerConfig,
+ *     core_shop_rule?: CoreShopRuleConfig,
+ *     core_shop_configuration?: CoreShopConfigurationConfig,
+ *     core_shop_order?: CoreShopOrderConfig,
+ *     core_shop_customer?: CoreShopCustomerConfig,
+ *     core_shop_user?: CoreShopUserConfig,
+ *     core_shop_inventory?: CoreShopInventoryConfig,
+ *     core_shop_variant?: CoreShopVariantConfig,
+ *     core_shop_product?: CoreShopProductConfig,
+ *     core_shop_theme?: CoreShopThemeConfig,
+ *     core_shop_address?: CoreShopAddressConfig,
+ *     core_shop_currency?: CoreShopCurrencyConfig,
+ *     core_shop_taxation?: CoreShopTaxationConfig,
+ *     core_shop_store?: CoreShopStoreConfig,
+ *     core_shop_index?: CoreShopIndexConfig,
+ *     core_shop_shipping?: CoreShopShippingConfig,
+ *     core_shop_payment?: CoreShopPaymentConfig,
+ *     core_shop_sequence?: CoreShopSequenceConfig,
+ *     core_shop_payum_payment?: CoreShopPayumPaymentConfig,
+ *     core_shop_notification?: CoreShopNotificationConfig,
+ *     core_shop_tracking?: CoreShopTrackingConfig,
+ *     core_shop_frontend?: CoreShopFrontendConfig,
+ *     core_shop_payum?: CoreShopPayumConfig,
+ *     core_shop_product_quantity_price_rules?: CoreShopProductQuantityPriceRulesConfig,
+ *     core_shop_wishlist?: CoreShopWishlistConfig,
+ *     core_shop_class_definition_patch?: CoreShopClassDefinitionPatchConfig,
+ *     payum?: PayumConfig,
+ *     stof_doctrine_extensions?: StofDoctrineExtensionsConfig,
+ *     sylius_theme?: SyliusThemeConfig,
+ *     pimcore_google_marketing?: PimcoreGoogleMarketingConfig,
+ *     framework?: FrameworkConfig,
+ *     security?: SecurityConfig,
+ *     twig?: TwigConfig,
+ *     twig_extra?: TwigExtraConfig,
+ *     monolog?: MonologConfig,
+ *     doctrine?: DoctrineConfig,
+ *     doctrine_migrations?: DoctrineMigrationsConfig,
+ *     cmf_routing?: CmfRoutingConfig,
+ *     scheb_two_factor?: SchebTwoFactorConfig,
+ *     fos_js_routing?: FosJsRoutingConfig,
+ *     flysystem?: FlysystemConfig,
+ *     knp_paginator?: KnpPaginatorConfig,
+ *     core_shop_core?: CoreShopCoreConfig,
+ *     core_shop_storage_list?: CoreShopStorageListConfig,
+ *     debug?: DebugConfig,
+ *     web_profiler?: WebProfilerConfig,
+ *     presta_sitemap?: PrestaSitemapConfig,
+ *     pimcore_elasticsearch_client?: PimcoreElasticsearchClientConfig,
+ *     mercure?: MercureConfig,
+ *     webpack_encore?: WebpackEncoreConfig,
+ *     knp_menu?: KnpMenuConfig,
+ *     pimcore?: PimcoreConfig,
+ *     "when@dev"?: array{
+ *         imports?: ImportsConfig,
+ *         parameters?: ParametersConfig,
+ *         services?: ServicesConfig,
+ *         pimcore_seo?: PimcoreSeoConfig,
+ *         pimcore_static_routes?: PimcoreStaticRoutesConfig,
+ *         pimcore_newsletter?: PimcoreNewsletterConfig,
+ *         pimcore_open_search_client?: PimcoreOpenSearchClientConfig,
+ *         pimcore_studio_ui?: PimcoreStudioUiConfig,
+ *         pimcore_studio_backend?: PimcoreStudioBackendConfig,
+ *         pimcore_generic_data_index?: PimcoreGenericDataIndexConfig,
+ *         pimcore_generic_execution_engine?: PimcoreGenericExecutionEngineConfig,
+ *         pimcore_admin?: PimcoreAdminConfig,
+ *     },
+ *     ...<string, ExtensionType|array{ // extra keys must follow the when@%env% pattern or match an extension alias
+ *         imports?: ImportsConfig,
+ *         parameters?: ParametersConfig,
+ *         services?: ServicesConfig,
+ *         ...<string, ExtensionType>,
+ *     }>
+ * }
+ */
+final class App
+{
+    /**
+     * @param ConfigType $config
+     *
+     * @psalm-return ConfigType
+     */
+    public static function config(array $config): array
+    {
+        return AppReference::config($config);
+    }
+}
+
+namespace Symfony\Component\Routing\Loader\Configurator;
+
+/**
+ * This class provides array-shapes for configuring the routes of an application.
+ *
+ * Example:
+ *
+ *     ```php
+ *     // config/routes.php
+ *     namespace Symfony\Component\Routing\Loader\Configurator;
+ *
+ *     return Routes::config([
+ *         'controllers' => [
+ *             'resource' => 'routing.controllers',
+ *         ],
+ *     ]);
+ *     ```
+ *
+ * @psalm-type RouteConfig = array{
+ *     path: string|array<string,string>,
+ *     controller?: string,
+ *     methods?: string|list<string>,
+ *     requirements?: array<string,string>,
+ *     defaults?: array<string,mixed>,
+ *     options?: array<string,mixed>,
+ *     host?: string|array<string,string>,
+ *     schemes?: string|list<string>,
+ *     condition?: string,
+ *     locale?: string,
+ *     format?: string,
+ *     utf8?: bool,
+ *     stateless?: bool,
+ * }
+ * @psalm-type ImportConfig = array{
+ *     resource: string,
+ *     type?: string,
+ *     exclude?: string|list<string>,
+ *     prefix?: string|array<string,string>,
+ *     name_prefix?: string,
+ *     trailing_slash_on_root?: bool,
+ *     controller?: string,
+ *     methods?: string|list<string>,
+ *     requirements?: array<string,string>,
+ *     defaults?: array<string,mixed>,
+ *     options?: array<string,mixed>,
+ *     host?: string|array<string,string>,
+ *     schemes?: string|list<string>,
+ *     condition?: string,
+ *     locale?: string,
+ *     format?: string,
+ *     utf8?: bool,
+ *     stateless?: bool,
+ * }
+ * @psalm-type AliasConfig = array{
+ *     alias: string,
+ *     deprecated?: array{package:string, version:string, message?:string},
+ * }
+ * @psalm-type RoutesConfig = array{
+ *     "when@dev"?: array<string, RouteConfig|ImportConfig|AliasConfig>,
+ *     ...<string, RouteConfig|ImportConfig|AliasConfig>
+ * }
+ */
+final class Routes
+{
+    /**
+     * @param RoutesConfig $config
+     *
+     * @psalm-return RoutesConfig
+     */
+    public static function config(array $config): array
+    {
+        return $config;
+    }
+}
diff --git a/docs/03_Development/01_Extending_Guide/04_Extending_Rule_Actions.md b/docs/03_Development/01_Extending_Guide/04_Extending_Rule_Actions.md
index 550154c2d2..814ea2b3c4 100644
--- a/docs/03_Development/01_Extending_Guide/04_Extending_Rule_Actions.md
+++ b/docs/03_Development/01_Extending_Guide/04_Extending_Rule_Actions.md
@@ -115,3 +115,84 @@ core_shop_product:
     js:
       custom_action: '/coreshop/js/custom_action.js'
 ```
+
+## Pimcore Studio (React)
+
+### Schema-Driven (Recommended — No Custom JS Needed)
+
+**The service registration above is all you need for Pimcore Studio.** The `form-type` attribute in the service tag automatically makes the configuration form available in Studio. No React/TypeScript code is required.
+
+The StudioFormBundle renders the PHP FormType (`CustomActionType`) as a React form at runtime. The `get-config` endpoint returns a `actionSchemaByType` mapping, and `registerSchemaComponentsFromConfig()` auto-generates the React component from the schema.
+
+For details, see [StudioFormBundle — Rule Engine Integration](../14_Studio/02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+### Hand-Written React Component (Only for Special UIs)
+
+If your action needs custom interactive behavior that cannot be expressed as a Symfony FormType (e.g., complex multi-step wizards, drag-and-drop), you can still create a hand-written React component:
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/CustomAction.tsx
+
+import React from 'react'
+import { Form, InputNumber } from 'antd'
+import type { ActionComponentProps } from '@coreshop/rule/src/rules'
+
+interface CustomActionData {
+  some_value?: number
+}
+
+export const CustomAction: React.FC<ActionComponentProps> = ({
+  data,
+  onChange
+}) => {
+  const actionData = data as CustomActionData
+  const someValue = actionData.some_value || 0
+
+  const handleChange = (value: number | null) => {
+    onChange({
+      ...actionData,
+      some_value: value || 0
+    })
+  }
+
+  return (
+    <Form layout="vertical">
+      <Form.Item label="Custom Value">
+        <InputNumber
+          value={someValue}
+          onChange={handleChange}
+          precision={2}
+          style={{ width: '100%' }}
+        />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+Register the hand-written action in your bundle's main plugin file. Hand-written components take priority over schema-generated ones:
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import type { ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopProductServiceIds } from '@coreshop/product/src/modules/product-price-rules/service-ids'
+import { CustomAction } from './modules/product-price-rules/actions/CustomAction'
+
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle',
+
+    onInit() {
+        // Get the ProductPriceRule action registry from the container
+        const actionRegistry = container.get<ActionRegistry>(
+            coreshopProductServiceIds.productPriceRuleActionRegistry
+        )
+
+        // Register the custom action
+        actionRegistry.register('custom', CustomAction)
+    }
+}
+
+export default plugin
+```
diff --git a/docs/03_Development/01_Extending_Guide/05_Extending_Rule_Conditions.md b/docs/03_Development/01_Extending_Guide/05_Extending_Rule_Conditions.md
index 9ed13fd82d..bfe0f3b226 100644
--- a/docs/03_Development/01_Extending_Guide/05_Extending_Rule_Conditions.md
+++ b/docs/03_Development/01_Extending_Guide/05_Extending_Rule_Conditions.md
@@ -104,3 +104,85 @@ core_shop_product:
     pimcore_admin:
         js:
             custom_condition: '/coreshop/js/custom_condition.js'
+```
+
+## Pimcore Studio (React)
+
+### Schema-Driven (Recommended — No Custom JS Needed)
+
+**The service registration above is all you need for Pimcore Studio.** The `form-type` attribute in the service tag automatically makes the configuration form available in Studio. No React/TypeScript code is required.
+
+The StudioFormBundle renders the PHP FormType (`CustomConditionType`) as a React form at runtime. The `get-config` endpoint returns a `conditionSchemaByType` mapping, and `registerSchemaComponentsFromConfig()` auto-generates the React component from the schema.
+
+For details, see [StudioFormBundle — Rule Engine Integration](../14_Studio/02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+### Hand-Written React Component (Only for Special UIs)
+
+If your condition needs custom interactive behavior that cannot be expressed as a Symfony FormType (e.g., recursive nesting with AND/OR logic, drag-and-drop), you can still create a hand-written React component:
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/CustomCondition.tsx
+
+import React from 'react'
+import { Form, InputNumber } from 'antd'
+import type { ConditionComponentProps } from '@coreshop/rule/src/rules'
+
+interface CustomConditionData {
+  some_value?: number
+}
+
+export const CustomCondition: React.FC<ConditionComponentProps> = ({
+  data,
+  onChange
+}) => {
+  const conditionData = data as CustomConditionData
+  const someValue = conditionData.some_value || 0
+
+  const handleChange = (value: number | null) => {
+    onChange({
+      ...conditionData,
+      some_value: value || 0
+    })
+  }
+
+  return (
+    <Form layout="vertical">
+      <Form.Item label="Custom Value">
+        <InputNumber
+          value={someValue}
+          onChange={handleChange}
+          precision={2}
+          style={{ width: '100%' }}
+        />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+Register the hand-written condition in your bundle's main plugin file. Hand-written components take priority over schema-generated ones:
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import type { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopProductServiceIds } from '@coreshop/product/src/modules/product-price-rules/service-ids'
+import { CustomCondition } from './modules/product-price-rules/conditions/CustomCondition'
+
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle',
+
+    onInit() {
+        // Get the ProductPriceRule condition registry from the container
+        const conditionRegistry = container.get<ConditionRegistry>(
+            coreshopProductServiceIds.productPriceRuleConditionRegistry
+        )
+
+        // Register the custom condition
+        conditionRegistry.register('custom', CustomCondition)
+    }
+}
+
+export default plugin
+```
diff --git a/docs/03_Development/02_Localization/01_Currencies/01_CRUD.md b/docs/03_Development/02_Localization/01_Currencies/01_CRUD.md
index a35d6b5e31..723d5db6e0 100644
--- a/docs/03_Development/02_Localization/01_Currencies/01_CRUD.md
+++ b/docs/03_Development/02_Localization/01_Currencies/01_CRUD.md
@@ -1,6 +1,8 @@
 # Currencies
 
-## Create
+## Backend (PHP)
+
+### Create
 
 If you want to create a Currency via API, you can do following:
 
@@ -17,7 +19,7 @@ $container->get('coreshop.manager.currency')->flush();
 
 You now have a new persisted Currency.
 
-## Read
+### Read
 
 If you want to query for Currencies, you can do following:
 
@@ -34,7 +36,7 @@ $currencies = $queryBuilder->getQuery()->getResult();
 
 ```
 
-## Update
+### Update
 
 If you want to update an existing Currency, you need to do following:
 
@@ -49,7 +51,7 @@ $container->get('coreshop.manager.currency')->persist($currency);
 $container->get('coreshop.manager.currency')->flush();
 ```
 
-## Delete
+### Delete
 
 If you want to delete an existing Currency, you need to do following:
 
@@ -62,3 +64,172 @@ $currency = $currencyRepository->findById(1);
 $container->get('coreshop.manager.currency')->remove($currency);
 $container->get('coreshop.manager.currency')->flush();
 ```
+
+## Studio (React)
+
+The CoreShop Studio provides a UI for managing currencies with support for ISO codes and symbols.
+
+### CurrencyManager Component
+
+The `CurrencyManager` uses the `EntityTabbedManager` pattern.
+
+```typescript
+// src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyManager.tsx
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { currencyApi } from './api'
+import { CurrencyForm } from './CurrencyForm'
+
+export const CurrencyManager: React.FC = () => {
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager
+      api={currencyApi}
+      dragType='coreshop:currency'
+      leftRootTitle='Currencies'
+      buildSavePayload={(data) => ({
+        id: data.id,
+        name: data.name,
+        isoCode: data.isoCode,
+        numericIsoCode: data.numericIsoCode,
+        symbol: data.symbol
+      })}
+      onAdd={async () => {
+        const name = prompt('Currency name:')
+        if (!name) return 0
+        const res = await currencyApi.add({ name })
+        return res.data.id
+      }}
+      renderDetail={(data, setData) => (
+        <CurrencyForm data={data} onChange={setData} />
+      )}
+    />
+  )
+}
+```
+
+### API Client
+
+```typescript
+// src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/api.ts
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface CurrencyDetail {
+  id: number
+  name: string
+  isoCode?: string
+  numericIsoCode?: number
+  symbol?: string
+}
+
+export const currencyApi = new EntityApi<CurrencyDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/currencies'
+})
+```
+
+**Available Methods:**
+- `currencyApi.list()` - Get all currencies
+- `currencyApi.get(id)` - Get single currency
+- `currencyApi.add(data)` - Create new currency
+- `currencyApi.save(data)` - Update existing currency
+- `currencyApi.delete(id)` - Delete currency
+
+### CurrencyForm Component
+
+```typescript
+// src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyForm.tsx
+
+import React from 'react'
+import { Form, Input, InputNumber } from 'antd'
+import type { CurrencyDetail } from './api'
+
+export const CurrencyForm: React.FC<{
+  data?: CurrencyDetail
+  onChange: (draft: Partial<CurrencyDetail>) => void
+}> = ({ data, onChange }) => {
+  const [form] = Form.useForm()
+
+  return (
+    <Form
+      form={form}
+      layout="vertical"
+      onValuesChange={(_, allValues) => onChange(allValues)}
+    >
+      <Form.Item label="Name" name="name" rules={[{ required: true }]}>
+        <Input placeholder="Currency name" />
+      </Form.Item>
+
+      <Form.Item label="ISO Code" name="isoCode">
+        <Input placeholder="ISO 4217 code (e.g., EUR)" />
+      </Form.Item>
+
+      <Form.Item label="Numeric ISO Code" name="numericIsoCode">
+        <InputNumber
+          style={{ width: '100%' }}
+          placeholder="Numeric ISO (e.g., 978)"
+        />
+      </Form.Item>
+
+      <Form.Item label="Symbol" name="symbol">
+        <Input placeholder="Symbol (e.g., €)" />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+### Features
+
+The Currency Manager provides:
+
+- ✅ **ISO 4217 Support** - Store ISO currency codes (EUR, USD, etc.)
+- ✅ **Numeric ISO Codes** - ISO 4217 numeric codes
+- ✅ **Currency Symbols** - Store and display currency symbols (€, $, £)
+- ✅ **CRUD Operations** - Create, read, update, delete currencies
+- ✅ **Drag & Drop** - Drag-and-drop support (`coreshop:currency`)
+
+### ISO 4217 Standards
+
+The currency form follows ISO 4217 standards:
+
+- **ISO Code** - Three-letter alphabetic code (EUR, USD, GBP)
+- **Numeric ISO** - Three-digit numeric code (978 for EUR, 840 for USD)
+- **Symbol** - Currency symbol for display purposes (€, $, £)
+
+**Examples:**
+- EUR - Euro - 978 - €
+- USD - United States Dollar - 840 - $
+- GBP - British Pound - 826 - £
+- JPY - Japanese Yen - 392 - ¥
+
+### Usage in Menu
+
+```typescript
+// src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { CurrencyManager } from './modules/currencies/CurrencyManager'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-currency',
+
+  onStartup({ moduleSystem }) {
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop-currencies',
+      component: CurrencyManager
+    })
+  }
+}
+```
+
+### See Also
+
+- [ResourceBundle Documentation](../../14_Studio/02_Base_Infrastructure/01_ResourceBundle.md) - EntityApi and EntityTabbedManager
+- [Exchange Rates](../01_Currencies/02_ExchangeRates.md) - Managing currency exchange rates
+- [Countries](../02_Countries/01_CRUD.md) - Countries can have default currencies
diff --git a/docs/03_Development/02_Localization/02_Countries/01_CRUD.md b/docs/03_Development/02_Localization/02_Countries/01_CRUD.md
index c66b877603..69c94c02a9 100644
--- a/docs/03_Development/02_Localization/02_Countries/01_CRUD.md
+++ b/docs/03_Development/02_Localization/02_Countries/01_CRUD.md
@@ -3,7 +3,9 @@ a# Countries
 In CoreShop, managing countries through the API involves several operations including create, read, update, and delete.
 Below are the guidelines for each of these operations.
 
-## Create
+## Backend (PHP)
+
+### Create
 
 To create a new country via API:
 
@@ -20,7 +22,7 @@ $container->get('coreshop.manager.country')->flush();
 
 You now have a new persisted country.
 
-## Read
+### Read
 
 To query for countries:
 
@@ -32,7 +34,7 @@ $queryBuilder = $countryRepository->createQueryBuilder('c');
 $countries = $queryBuilder->getQuery()->getResult();
 ```
 
-## Update
+### Update
 
 To update an existing country:
 
@@ -45,7 +47,7 @@ $container->get('coreshop.manager.country')->persist($country);
 $container->get('coreshop.manager.country')->flush();
 ```
 
-## Delete
+### Delete
 
 To delete an existing country:
 
@@ -56,3 +58,216 @@ $country = $countryRepository->findById(1);
 $container->get('coreshop.manager.country')->remove($country);
 $container->get('coreshop.manager.country')->flush();
 ```
+
+## Studio (React)
+
+The CoreShop Studio provides a complete UI for managing countries with support for localization, zones, and drag-and-drop.
+
+### CountryManager Component
+
+The `CountryManager` uses the `GroupedEntityTabbedManager` pattern, allowing countries to be grouped by zones.
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryManager.tsx
+
+import React from 'react'
+import { GroupedEntityTabbedManager } from '@coreshop/resource/src/entities/components/GroupedEntityTabbedManager'
+import { countryApi } from './api'
+import { zoneApi } from '../zones/api'
+import { CountryForm } from './CountryForm'
+
+export const CountryManager: React.FC = () => {
+  return (
+    <GroupedEntityTabbedManager
+      api={countryApi}
+      dragType='coreshop:country'
+      localizable
+      loadGroups={async () => await zoneApi.list()}
+      resolveGroupId={(item, groups) => item.zone ?? null}
+      applyGroup={(data, groupId) => ({ ...data, zone: groupId ?? undefined })}
+      onAdd={async (groupId?: number) => {
+        const name = prompt('Country name:')
+        if (!name) return 0
+        const res = await countryApi.add({ name, ...(groupId ? { zone: groupId } : {}) })
+        return res.data.id
+      }}
+      renderDetail={(data, setData, zones, ctx) => (
+        <CountryForm
+          data={data}
+          zones={zones}
+          onChange={setData}
+          currentLocale={ctx?.currentLocale ?? 'en'}
+        />
+      )}
+    />
+  )
+}
+```
+
+### API Client
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/api.ts
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface CountryDetail {
+  id: number
+  name: string
+  active: boolean
+  zone?: number
+  isoCode?: string
+  addressFormat?: string
+  salutations?: string[]
+  currency?: number
+  translations?: Record<string, { locale: string, name: string }>
+}
+
+export const countryApi = new EntityApi<CountryDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/countries'
+})
+```
+
+**Available Methods:**
+- `countryApi.list()` - Get all countries
+- `countryApi.get(id)` - Get single country with full details
+- `countryApi.add(data)` - Create new country
+- `countryApi.save(data)` - Update existing country
+- `countryApi.delete(id)` - Delete country
+
+### CountryForm Component
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryForm.tsx
+
+import React from 'react'
+import { Form, Input, Select, Switch } from 'antd'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+import type { CountryDetail } from './api'
+
+export const CountryForm: React.FC<{
+  data?: CountryDetail
+  zones: Array<{ id: number, name: string }>
+  onChange: (draft: Partial<CountryDetail>) => void
+  currentLocale: string
+}> = ({ data, zones, onChange, currentLocale }) => {
+  const [form] = Form.useForm()
+
+  return (
+    <Form
+      form={form}
+      layout="vertical"
+      onValuesChange={(_, allValues) => onChange(allValues)}
+    >
+      <Form.Item
+        label={`Name (${currentLocale.toUpperCase()})`}
+        name={['translations', currentLocale, 'name']}
+        rules={[{ required: true }]}
+      >
+        <Input placeholder="Country name" />
+      </Form.Item>
+
+      <Form.Item label="ISO Code" name="isoCode">
+        <Input placeholder="ISO code (e.g., DE, US)" />
+      </Form.Item>
+
+      <Form.Item label="Zone">
+        <DroppableEntity
+          accept="coreshop:zone"
+          onDrop={(info) => {
+            const id = info?.data?.id
+            if (typeof id === 'number') {
+              form.setFieldsValue({ zone: id })
+              onChange({ zone: id })
+            }
+          }}
+        >
+          <Form.Item name="zone" noStyle>
+            <Select
+              options={zones.map(z => ({ value: z.id, label: z.name }))}
+              placeholder="Select or drop a zone"
+            />
+          </Form.Item>
+        </DroppableEntity>
+      </Form.Item>
+
+      <Form.Item label="Address Format" name="addressFormat">
+        <Input.TextArea
+          autoSize={{ minRows: 6, maxRows: 16 }}
+          placeholder="Address format template"
+        />
+      </Form.Item>
+
+      <Form.Item label="Salutations" name="salutations">
+        <Select
+          mode="tags"
+          placeholder="Add salutations (e.g., mr, mrs)"
+        />
+      </Form.Item>
+
+      <Form.Item label="Active" name="active" valuePropName="checked">
+        <Switch />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+### Features
+
+The Country Manager provides:
+
+- ✅ **Grouped by Zones** - Countries organized by their assigned zone
+- ✅ **Localization Support** - Multi-language country names via translations
+- ✅ **Drag & Drop** - Drag zones into the zone field
+- ✅ **CRUD Operations** - Create, read, update, delete countries
+- ✅ **ISO Code Support** - Store ISO country codes (DE, US, etc.)
+- ✅ **Address Formatting** - Custom address format templates
+- ✅ **Salutations** - Manage available salutations per country
+- ✅ **Currency Assignment** - Link country to default currency
+- ✅ **Extension Slots** - Other bundles can add custom fields
+
+### GroupedEntityTabbedManager
+
+The `GroupedEntityTabbedManager` extends `EntityTabbedManager` with grouping support:
+
+**Key Props:**
+- `loadGroups` - Async function to load groups (zones)
+- `resolveGroupId` - Extract group ID from list item
+- `applyGroup` - Apply group ID to entity data
+- `dragType` - Enable drag-and-drop (`coreshop:country`)
+- `localizable` - Enable multi-language support
+
+**Benefits:**
+- Visual grouping in the list view
+- Assign entities to groups
+- Create entities directly in a group
+- Drag-and-drop support between groups
+
+### Usage in Menu
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { CountryManager } from './modules/countries/CountryManager'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-address',
+
+  onStartup({ moduleSystem }) {
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop-countries',
+      component: CountryManager
+    })
+  }
+}
+```
+
+### See Also
+
+- [ResourceBundle Documentation](../../14_Studio/02_Base_Infrastructure/01_ResourceBundle.md) - EntityApi and GroupedEntityTabbedManager
+- [States](../03_States/01_CRUD.md) - Managing states/provinces
+- [Zones](../04_Zones/01_CRUD.md) - Managing zones
diff --git a/docs/03_Development/02_Localization/03_States/01_CRUD.md b/docs/03_Development/02_Localization/03_States/01_CRUD.md
index 030b0ddbc1..0cc9ff3738 100644
--- a/docs/03_Development/02_Localization/03_States/01_CRUD.md
+++ b/docs/03_Development/02_Localization/03_States/01_CRUD.md
@@ -3,7 +3,9 @@
 Managing states in CoreShop involves various operations, including create, read, update, and delete. Below are the
 guidelines for each of these operations.
 
-## Create
+## Backend (PHP)
+
+### Create
 
 To create a new state via the API:
 
@@ -20,7 +22,7 @@ $container->get('coreshop.manager.state')->flush();
 
 You now have a new persisted state.
 
-## Read
+### Read
 
 To query for states:
 
@@ -32,7 +34,7 @@ $queryBuilder = $stateRepository->createQueryBuilder('c');
 $states = $queryBuilder->getQuery()->getResult();
 ```
 
-## Update
+### Update
 
 To update an existing state:
 
@@ -45,7 +47,7 @@ $container->get('coreshop.manager.state')->persist($state);
 $container->get('coreshop.manager.state')->flush();
 ```
 
-## Delete
+### Delete
 
 To delete an existing state:
 
@@ -56,3 +58,206 @@ $state = $stateRepository->findById(1);
 $container->get('coreshop.manager.state')->remove($state);
 $container->get('coreshop.manager.state')->flush();
 ```
+
+## Studio (React)
+
+The CoreShop Studio provides a complete UI for managing states (provinces, regions) with localization support.
+
+### StateManager Component
+
+The `StateManager` uses the `EntityTabbedManager` pattern with localization enabled.
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateManager.tsx
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { stateApi } from './api'
+import { StateForm } from './StateForm'
+
+export const StateManager: React.FC = () => {
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager
+      api={stateApi}
+      dragType='coreshop:state'
+      leftRootTitle='States'
+      localizable
+      onAdd={async () => {
+        const name = prompt('State name:')
+        if (!name) return 0
+        const res = await stateApi.add({ name })
+        return res.data.id
+      }}
+      renderDetail={(data, setData, ctx) => (
+        <StateForm
+          data={data}
+          currentLocale={ctx?.currentLocale ?? 'en'}
+          onChange={setData}
+        />
+      )}
+    />
+  )
+}
+```
+
+### API Client
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/api.ts
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface StateDetail {
+  id: number
+  name: string
+  active: boolean
+  isoCode?: string
+  country?: number
+  translations?: Record<string, { locale: string, name: string }>
+}
+
+export const stateApi = new EntityApi<StateDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/states'
+})
+```
+
+**Available Methods:**
+- `stateApi.list()` - Get all states
+- `stateApi.get(id)` - Get single state with full details
+- `stateApi.add(data)` - Create new state
+- `stateApi.save(data)` - Update existing state
+- `stateApi.delete(id)` - Delete state
+
+### StateForm Component
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateForm.tsx
+
+import React from 'react'
+import { Form, Input, Switch } from 'antd'
+import { CountrySelect } from '../../components/CountrySelect'
+import type { StateDetail } from './api'
+
+export const StateForm: React.FC<{
+  data?: StateDetail
+  onChange: (draft: Partial<StateDetail>) => void
+  currentLocale: string
+}> = ({ data, onChange, currentLocale }) => {
+  const [form] = Form.useForm()
+
+  return (
+    <Form
+      form={form}
+      layout="vertical"
+      onValuesChange={(_, allValues) => onChange(allValues)}
+    >
+      <Form.Item
+        label={`Name (${currentLocale.toUpperCase()})`}
+        name={['translations', currentLocale, 'name']}
+        rules={[{ required: true }]}
+      >
+        <Input placeholder="State name" />
+      </Form.Item>
+
+      <Form.Item label="ISO Code" name="isoCode">
+        <Input placeholder="ISO code (optional)" />
+      </Form.Item>
+
+      <Form.Item label="Country" name="country">
+        <CountrySelect />
+      </Form.Item>
+
+      <Form.Item label="Active" name="active" valuePropName="checked">
+        <Switch />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+### CountrySelect Component
+
+The `CountrySelect` is a reusable component that uses `useEntitySelect` to provide country selection:
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/CountrySelect.tsx
+
+import React from 'react'
+import { Select } from 'antd'
+import { useEntitySelect } from '@coreshop/resource'
+import { countryApi } from '../modules/countries/api'
+
+export const CountrySelect: React.FC<{
+  value?: number
+  onChange?: (value: number) => void
+}> = ({ value, onChange }) => {
+  const [options, , , loading] = useEntitySelect(
+    countryApi,
+    value ? [value] : []
+  )
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      placeholder="Select a country"
+      showSearch
+      optionFilterProp="label"
+    />
+  )
+}
+```
+
+### Features
+
+The State Manager provides:
+
+- ✅ **Localization Support** - Multi-language state names via translations
+- ✅ **Country Assignment** - Link state to a country
+- ✅ **CRUD Operations** - Create, read, update, delete states
+- ✅ **ISO Code Support** - Store ISO state codes (e.g., CA, NY)
+- ✅ **Drag & Drop** - Drag-and-drop support (`coreshop:state`)
+- ✅ **Extension Slots** - Other bundles can add custom fields
+- ✅ **Active Toggle** - Enable/disable states
+
+### EntityTabbedManager with Localization
+
+When `localizable` is set to `true`, the EntityTabbedManager provides:
+
+- Language selector in the toolbar
+- Automatic translation management
+- Current locale passed to detail component
+- Multi-language support for entity names
+
+### Usage in Menu
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { StateManager } from './modules/states/StateManager'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-address',
+
+  onStartup({ moduleSystem }) {
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop-states',
+      component: StateManager
+    })
+  }
+}
+```
+
+### See Also
+
+- [ResourceBundle Documentation](../../14_Studio/02_Base_Infrastructure/01_ResourceBundle.md) - EntityApi and EntityTabbedManager
+- [Countries](../02_Countries/01_CRUD.md) - Managing countries
+- [Zones](../04_Zones/01_CRUD.md) - Managing zones
diff --git a/docs/03_Development/02_Localization/04_Zones/01_CRUD.md b/docs/03_Development/02_Localization/04_Zones/01_CRUD.md
index 01fefbbf07..04d72620f9 100644
--- a/docs/03_Development/02_Localization/04_Zones/01_CRUD.md
+++ b/docs/03_Development/02_Localization/04_Zones/01_CRUD.md
@@ -3,7 +3,9 @@
 Managing zones in CoreShop involves various operations, including create, read, update, and delete. Below are the
 guidelines for each of these operations.
 
-## Create
+## Backend (PHP)
+
+### Create
 
 To create a new zone via the API:
 
@@ -20,7 +22,7 @@ $container->get('coreshop.manager.zone')->flush();
 
 You now have a new persisted zone.
 
-## Read
+### Read
 
 To query for zones:
 
@@ -32,7 +34,7 @@ $queryBuilder = $zoneRepository->createQueryBuilder('c');
 $zones = $queryBuilder->getQuery()->getResult();
 ```
 
-## Update
+### Update
 
 To update an existing zone:
 
@@ -45,7 +47,7 @@ $container->get('coreshop.manager.zone')->persist($zone);
 $container->get('coreshop.manager.zone')->flush();
 ```
 
-## Delete
+### Delete
 
 To delete an existing zone:
 
@@ -56,3 +58,160 @@ $zone = $zoneRepository->findById(1);
 $container->get('coreshop.manager.zone')->remove($zone);
 $container->get('coreshop.manager.zone')->flush();
 ```
+
+## Studio (React)
+
+The CoreShop Studio provides a simple UI for managing zones (geographic regions).
+
+### ZoneManager Component
+
+The `ZoneManager` uses the basic `EntityTabbedManager` pattern.
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneManager.tsx
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { zoneApi } from './api'
+import { ZoneForm } from './ZoneForm'
+
+export const ZoneManager: React.FC = () => {
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager
+      api={zoneApi}
+      dragType='coreshop:zone'
+      leftRootTitle='Zones'
+      buildSavePayload={(data) => ({
+        id: data.id,
+        name: data.name,
+        active: data.active
+      })}
+      onAdd={async () => {
+        const name = prompt('Zone name:')
+        if (!name) return 0
+        const res = await zoneApi.add({ name })
+        return res.data.id
+      }}
+      renderDetail={(data, setData) => (
+        <ZoneForm data={data} onChange={setData} />
+      )}
+    />
+  )
+}
+```
+
+### API Client
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/api.ts
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface ZoneDetail {
+  id: number
+  name: string
+  active: boolean
+}
+
+export const zoneApi = new EntityApi<ZoneDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/zones'
+})
+```
+
+**Available Methods:**
+- `zoneApi.list()` - Get all zones
+- `zoneApi.get(id)` - Get single zone
+- `zoneApi.add(data)` - Create new zone
+- `zoneApi.save(data)` - Update existing zone
+- `zoneApi.delete(id)` - Delete zone
+
+### ZoneForm Component
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneForm.tsx
+
+import React from 'react'
+import { Form, Input, Switch } from 'antd'
+import type { ZoneDetail } from './api'
+
+export const ZoneForm: React.FC<{
+  data?: ZoneDetail
+  onChange: (draft: Partial<ZoneDetail>) => void
+}> = ({ data, onChange }) => {
+  const [form] = Form.useForm()
+
+  return (
+    <Form
+      form={form}
+      layout="vertical"
+      onValuesChange={(_, allValues) => onChange(allValues)}
+    >
+      <Form.Item label="Name" name="name" rules={[{ required: true }]}>
+        <Input placeholder="Zone name" />
+      </Form.Item>
+
+      <Form.Item label="Active" name="active" valuePropName="checked">
+        <Switch />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+### Features
+
+The Zone Manager provides:
+
+- ✅ **Simple CRUD** - Create, read, update, delete zones
+- ✅ **Drag & Drop** - Drag-and-drop support (`coreshop:zone`)
+- ✅ **Active Toggle** - Enable/disable zones
+- ✅ **Minimal Configuration** - Only name and active status required
+- ✅ **Country Grouping** - Countries can be assigned to zones
+
+### Zones as Groups
+
+Zones are used throughout CoreShop as grouping entities:
+
+- **Countries** - Grouped by zones (EU, North America, etc.)
+- **Shipping Rules** - Can target specific zones
+- **Tax Rules** - Can apply to zones
+- **Price Rules** - Can be restricted by zone
+
+### Drag-and-Drop Type
+
+The `dragType='coreshop:zone'` enables zones to be:
+
+- Dragged from the zone list
+- Dropped into country forms
+- Used in other zone-aware components
+
+### Usage in Menu
+
+```typescript
+// src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { ZoneManager } from './modules/zones/ZoneManager'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-address',
+
+  onStartup({ moduleSystem }) {
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop-zones',
+      component: ZoneManager
+    })
+  }
+}
+```
+
+### See Also
+
+- [ResourceBundle Documentation](../../14_Studio/02_Base_Infrastructure/01_ResourceBundle.md) - EntityApi and EntityTabbedManager
+- [Countries](../02_Countries/01_CRUD.md) - Managing countries (uses zones for grouping)
+- [States](../03_States/01_CRUD.md) - Managing states
diff --git a/docs/03_Development/02_Localization/05_Taxes/01_Tax_Rate/01_CRUD.md b/docs/03_Development/02_Localization/05_Taxes/01_Tax_Rate/01_CRUD.md
index 484e36fe98..67782ef8c3 100644
--- a/docs/03_Development/02_Localization/05_Taxes/01_Tax_Rate/01_CRUD.md
+++ b/docs/03_Development/02_Localization/05_Taxes/01_Tax_Rate/01_CRUD.md
@@ -3,7 +3,9 @@
 Managing tax rates in CoreShop involves various operations, including create, read, update, and delete. Below are the
 guidelines for each of these operations.
 
-## Create
+## Backend (PHP)
+
+### Create
 
 To create a new tax rate via the API:
 
@@ -20,7 +22,7 @@ $container->get('coreshop.manager.tax_rate')->flush();
 
 You now have a new persisted tax rate.
 
-## Read
+### Read
 
 To query for tax rates:
 
@@ -32,7 +34,7 @@ $queryBuilder = $rateRepository->createQueryBuilder('c');
 $rates = $queryBuilder->getQuery()->getResult();
 ```
 
-## Update
+### Update
 
 To update an existing tax rate:
 
@@ -45,7 +47,7 @@ $container->get('coreshop.manager.tax_rate')->persist($rate);
 $container->get('coreshop.manager.tax_rate')->flush();
 ```
 
-## Delete
+### Delete
 
 To delete an existing tax rate:
 
@@ -56,3 +58,192 @@ $rate = $rateRepository->findById(1);
 $container->get('coreshop.manager.tax_rate')->remove($rate);
 $container->get('coreshop.manager.tax_rate')->flush();
 ```
+
+## Studio (React)
+
+The CoreShop Studio provides a UI for managing tax rates with localization and percentage configuration.
+
+### TaxRateManager Component
+
+The `TaxRateManager` uses the `EntityTabbedManager` pattern with localization enabled.
+
+```typescript
+// src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateManager.tsx
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { taxRateApi } from './api'
+import { TaxRateForm } from './TaxRateForm'
+
+export const TaxRateManager: React.FC = () => {
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager
+      api={taxRateApi}
+      dragType='coreshop:tax_rate'
+      leftRootTitle='Tax Rates'
+      localizable
+      buildSavePayload={(data) => ({
+        id: data.id,
+        name: data.name,
+        rate: data.rate,
+        active: data.active,
+        translations: data.translations
+      })}
+      onAdd={async () => {
+        const name = prompt('Tax rate name:')
+        if (!name) return 0
+        const res = await taxRateApi.add({ name })
+        return res.data.id
+      }}
+      renderDetail={(data, setData, ctx) => (
+        <TaxRateForm
+          data={data}
+          currentLocale={ctx?.currentLocale ?? 'en'}
+          onChange={setData}
+        />
+      )}
+    />
+  )
+}
+```
+
+### API Client
+
+```typescript
+// src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/api.ts
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface TaxRateTranslation {
+  locale: string
+  name: string
+}
+
+export interface TaxRateDetail {
+  id: number
+  name: string
+  rate: number
+  active: boolean
+  translations: Record<string, TaxRateTranslation>
+}
+
+export const taxRateApi = new EntityApi<TaxRateDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/tax_rates'
+})
+```
+
+**Available Methods:**
+- `taxRateApi.list()` - Get all tax rates
+- `taxRateApi.get(id)` - Get single tax rate
+- `taxRateApi.add(data)` - Create new tax rate
+- `taxRateApi.save(data)` - Update existing tax rate
+- `taxRateApi.delete(id)` - Delete tax rate
+
+### TaxRateForm Component
+
+```typescript
+// src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateForm.tsx
+
+import React from 'react'
+import { Form, Input, InputNumber, Switch } from 'antd'
+import type { TaxRateDetail } from './api'
+
+export const TaxRateForm: React.FC<{
+  data?: TaxRateDetail
+  onChange: (draft: Partial<TaxRateDetail>) => void
+  currentLocale: string
+}> = ({ data, onChange, currentLocale }) => {
+  const [form] = Form.useForm()
+
+  return (
+    <Form
+      form={form}
+      layout="vertical"
+      onValuesChange={(_, allValues) => onChange(allValues)}
+    >
+      <Form.Item
+        label={`Name (${currentLocale.toUpperCase()})`}
+        name={['translations', currentLocale, 'name']}
+        rules={[{ required: true }]}
+      >
+        <Input placeholder="Tax rate name" />
+      </Form.Item>
+
+      <Form.Item
+        label="Rate (%)"
+        name="rate"
+        rules={[{ required: true }]}
+      >
+        <InputNumber
+          min={0}
+          max={100}
+          step={0.01}
+          placeholder="Tax rate percentage"
+          style={{ width: '100%' }}
+          addonAfter="%"
+        />
+      </Form.Item>
+
+      <Form.Item label="Active" name="active" valuePropName="checked">
+        <Switch />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+### Features
+
+The Tax Rate Manager provides:
+
+- ✅ **Localization Support** - Multi-language tax rate names
+- ✅ **Percentage Input** - Rate input with % suffix (0-100 with 2 decimal places)
+- ✅ **CRUD Operations** - Create, read, update, delete tax rates
+- ✅ **Drag & Drop** - Drag-and-drop support (`coreshop:tax_rate`)
+- ✅ **Active Toggle** - Enable/disable tax rates
+- ✅ **Extension Slots** - Other bundles can add custom fields
+
+### Tax Rate Percentage
+
+The tax rate is stored as a percentage value:
+
+- **Minimum:** 0%
+- **Maximum:** 100%
+- **Precision:** 2 decimal places (e.g., 19.50%)
+- **Display:** InputNumber with % suffix
+
+**Common Tax Rates:**
+- Standard VAT (EU): 19%, 20%, 21%, 23%
+- Reduced VAT (EU): 5%, 7%, 10%
+- US Sales Tax: 0% - 10% (varies by state)
+- Canada GST/HST: 5% - 15%
+
+### Usage in Menu
+
+```typescript
+// src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { TaxRateManager } from './modules/tax-rates/TaxRateManager'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-taxation',
+
+  onStartup({ moduleSystem }) {
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop-tax-rates',
+      component: TaxRateManager
+    })
+  }
+}
+```
+
+### See Also
+
+- [ResourceBundle Documentation](../../../../14_Studio/02_Base_Infrastructure/01_ResourceBundle.md) - EntityApi and EntityTabbedManager
+- [Tax Rule Groups](../02_Tax_Rule/01_CRUD.md) - Managing tax rule groups (combines tax rates)
diff --git a/docs/03_Development/14_Studio/01_Extending_Shipping_Rules.md b/docs/03_Development/14_Studio/01_Extending_Shipping_Rules.md
new file mode 100644
index 0000000000..fa96852386
--- /dev/null
+++ b/docs/03_Development/14_Studio/01_Extending_Shipping_Rules.md
@@ -0,0 +1,273 @@
+# Extending Shipping Rules in Pimcore Studio v2
+
+This guide explains how to extend Shipping Rules with custom Actions and Conditions in the new Pimcore Studio (React/TypeScript).
+
+## Overview
+
+Shipping Rules in CoreShop allow you to define conditions under which shipping costs are calculated. The system consists of:
+
+- **Conditions**: Define when a shipping rule applies (e.g., weight, amount, postcodes)
+- **Actions**: Define how the shipping cost is calculated (e.g., fixed price, percentage discount)
+
+## Schema-Driven Forms (No Custom JS Needed)
+
+**Since the StudioFormBundle integration, most shipping rule conditions and actions no longer require custom React components.** The configuration forms are rendered automatically from PHP FormTypes.
+
+To add a new condition or action, you only need:
+
+1. A PHP FormType
+2. A service registration with the `form-type` attribute
+
+The frontend auto-generates the React form from the backend schema at runtime.
+
+### Adding a Custom Condition (PHP Only)
+
+**Step 1: Create the PHP FormType:**
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class VolumeConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('minVolume', NumberType::class, [
+                'label' => 'app_condition_min_volume',
+                'required' => false,
+                'scale' => 0,
+            ])
+            ->add('maxVolume', NumberType::class, [
+                'label' => 'app_condition_max_volume',
+                'required' => false,
+                'scale' => 0,
+            ])
+            ->add('unit', ChoiceType::class, [
+                'label' => 'app_volume_unit',
+                'choices' => [
+                    'Cubic cm' => 'cm3',
+                    'Cubic m' => 'm3',
+                    'Liters' => 'l',
+                ],
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_shipping_rule_condition_volume';
+    }
+}
+```
+
+**Step 2: Register the service:**
+
+```yaml
+services:
+    app.shipping_rule.condition.volume:
+        class: App\Rule\Condition\VolumeConditionChecker
+        tags:
+            - name: coreshop.shipping_rule.condition
+              type: volume
+              form-type: App\Form\Type\Rule\Condition\VolumeConfigurationType
+```
+
+**Step 3: Done.** No React code needed. The condition form renders automatically in the Shipping Rule editor.
+
+### Adding a Custom Action (PHP Only)
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Action;
+
+use CoreShop\Bundle\CurrencyBundle\Form\Type\CurrencyChoiceType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CustomSurchargeConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('surcharge', IntegerType::class, [
+                'label' => 'app_action_surcharge',
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'app_currency',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_shipping_rule_action_custom_surcharge';
+    }
+}
+```
+
+```yaml
+services:
+    app.shipping_rule.action.custom_surcharge:
+        class: App\Rule\Action\CustomSurchargeActionProcessor
+        tags:
+            - name: coreshop.shipping_rule.action
+              type: customSurcharge
+              form-type: App\Form\Type\Rule\Action\CustomSurchargeConfigurationType
+```
+
+### How It Works Behind the Scenes
+
+1. The `RegisterFormTypesFromTagsPass` compiler pass collects the `form-type` attribute from all `coreshop.shipping_rule.condition` and `coreshop.shipping_rule.action` tags
+2. These form types are registered in the `BlockPrefixFormTypeRegistry`
+3. The `get-config` endpoint returns `conditionSchemaByType` / `actionSchemaByType` maps with embedded schemas
+4. The frontend calls `registerSchemaComponentsFromConfig()` which auto-generates React components using `SchemaForm`
+5. `preSeedSchemaCache()` loads all schemas in one request, avoiding per-type HTTP calls
+
+For the full pattern explanation, see [StudioFormBundle Examples — Example 13](02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+## Architecture
+
+### Separate Registries
+
+Each rule engine (Cart Price Rules, Product Price Rules, Shipping Rules) has **separate ConditionRegistry and ActionRegistry instances**:
+
+```typescript
+// ShippingBundle creates its own registries
+container.bind(coreshopShippingServiceIds.shippingRuleConditionRegistry)
+    .to(ConditionRegistry).inSingletonScope()
+container.bind(coreshopShippingServiceIds.shippingRuleActionRegistry)
+    .to(ActionRegistry).inSingletonScope()
+```
+
+### Bundle Responsibilities
+
+- **ShippingBundle**: Creates registries; registers special hand-written components (if any)
+- **CoreBundle**: Registers the `NestedCondition` component (the only hand-written component needed across rule types)
+- **Schema system**: Automatically generates and registers all other condition/action forms from PHP FormTypes
+
+## Built-in Shipping Rule Components
+
+### Conditions (ShippingBundle — all schema-driven)
+- `weight` - Weight-based condition
+- `amount` - Cart value condition
+- `postcodes` - Postcode validation
+- `dimension` - Package dimensions (width, height, depth)
+- `shippingRule` - Reference other shipping rules
+
+### Conditions (Shared — schema-driven)
+- `categories` - Product categories
+- `products` - Specific products
+- `customers` - Specific customers
+- `customerGroups` - Customer groups
+- `guest` - Guest checkout
+- `countries` - Destination countries
+- `zones` - Shipping zones
+- `stores` - Store selection
+- `currencies` - Currency selection
+
+### Conditions (Hand-written — require custom JS)
+- `nested` - Nested conditions (AND/OR logic) — requires recursive UI
+- `timespan` - Time-based conditions — uses custom date picker composition
+
+### Actions (ShippingBundle — all schema-driven)
+- `price` - Fixed price
+- `additionPercent` - Percentage surcharge
+- `additionAmount` - Fixed amount surcharge
+- `discountPercent` - Percentage discount
+- `discountAmount` - Fixed amount discount
+- `shippingRule` - Trigger another shipping rule
+
+## When You Still Need Custom React Components
+
+In rare cases where the configuration UI cannot be expressed as a standard Symfony FormType (e.g., recursive nesting, drag-and-drop, complex multi-step wizards), you can still write a hand-written React component:
+
+```typescript
+import type { ConditionComponentProps } from '@coreshop/rule/src/rules/types'
+
+export const MySpecialCondition: React.FC<ConditionComponentProps> = ({ data, onChange }) => {
+  // Custom interactive UI that can't be expressed as a FormType
+  return (/* ... */)
+}
+
+// Register in main.ts — hand-written components take priority over schema-generated ones
+const conditionRegistry = container.get<ConditionRegistry>(
+    coreshopShippingServiceIds.shippingRuleConditionRegistry
+)
+conditionRegistry.register('mySpecial', MySpecialCondition)
+```
+
+**Important: Data Handling** — Actions/conditions receive `data` as the configuration object directly, NOT `data.configuration`.
+
+## Backend Implementation
+
+### PHP Action Processor
+
+```php
+<?php
+
+namespace App\CoreShop\Action;
+
+use CoreShop\Component\Shipping\Rule\Action\CarrierPriceActionProcessorInterface;
+
+class CustomSurchargeActionProcessor implements CarrierPriceActionProcessorInterface
+{
+    public function getPrice(
+        $carrier,
+        $cartItem,
+        array $configuration,
+        array $context
+    ): int {
+        return $configuration['surcharge'] ?? 0;
+    }
+}
+```
+
+### PHP Condition Checker
+
+```php
+<?php
+
+namespace App\CoreShop\Condition;
+
+use CoreShop\Component\Shipping\Rule\Condition\ShippingConditionCheckerInterface;
+
+class VolumeConditionChecker implements ShippingConditionCheckerInterface
+{
+    public function isValid($carrier, $cartItem, array $configuration, array $context): bool
+    {
+        $volume = $this->calculateVolume($cartItem);
+        $min = $configuration['minVolume'] ?? 0;
+        $max = $configuration['maxVolume'] ?? PHP_INT_MAX;
+
+        return $volume >= $min && $volume <= $max;
+    }
+}
+```
+
+## Testing Your Extension
+
+1. **Clear the Symfony cache**: `docker compose exec php bin/console cache:clear`
+2. **Clear browser cache**: Hard refresh (Ctrl+Shift+R / Cmd+Shift+R)
+3. **Test the action/condition**:
+   - Navigate to CoreShop -> Shipping -> Shipping Rules
+   - Create a new rule
+   - Add your custom action/condition
+   - Verify the form displays correctly
+   - Save and verify the data persists
+
+## Best Practices
+
+1. **Prefer PHP FormTypes**: Use the schema-driven approach for all new conditions/actions
+2. **Use appropriate Symfony form types**: `ChoiceType` for selects, `NumberType` for numbers, `PimcoreRelationType` for Pimcore relations
+3. **Use FormTypeExtensions**: To add cross-bundle fields (e.g., CoreBundle adding stores/currencies to other bundles' forms)
+4. **Only write React for truly special UIs**: Recursive nesting, drag-and-drop, real-time validation that can't be server-driven
+5. **Test with the schema endpoint**: `GET /pimcore-studio/api/coreshop-studio-form/schema/{blockPrefix}` to verify your form generates correctly
diff --git a/docs/03_Development/14_Studio/02_Base_Infrastructure/01_ResourceBundle.md b/docs/03_Development/14_Studio/02_Base_Infrastructure/01_ResourceBundle.md
new file mode 100644
index 0000000000..b2c8795b6b
--- /dev/null
+++ b/docs/03_Development/14_Studio/02_Base_Infrastructure/01_ResourceBundle.md
@@ -0,0 +1,436 @@
+# ResourceBundle
+
+The ResourceBundle provides the core infrastructure for CRUD (Create, Read, Update, Delete) operations in the CoreShop Studio. It includes the EntityApi base class, hooks, and manager components.
+
+## EntityApi Base Class
+
+The `EntityApi` class provides a standardized way to interact with backend REST APIs for entity management.
+
+### Configuration
+
+```typescript
+import { EntityApi } from '@coreshop/resource/src/entities'
+import type { CountryDetail } from './types'
+
+// Standard pattern: direct instantiation (no subclass needed)
+export const countryApi = new EntityApi<CountryDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/countries'
+})
+```
+
+You can optionally override the default route paths:
+
+```typescript
+export const countryApi = new EntityApi<CountryDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/countries',
+  routes: {
+    list: '/list',      // Default: '/list'
+    get: '/get',        // Default: '/get'
+    add: '/add',        // Default: '/add'
+    save: '/save',      // Default: '/save'
+    delete: '/delete'   // Default: '/delete'
+  }
+})
+```
+
+Only extend `EntityApi` when you need to add custom methods (e.g., `RuleApi` adds `getConfig()`).
+
+### Available Methods
+
+#### `list()` - Get All Entities
+
+```typescript
+const countries = await countryApi.list()
+// Returns: EntityListItem[] (array of { id, name, ... })
+```
+
+#### `get(id)` - Get Single Entity
+
+```typescript
+const country = await countryApi.get(1)
+// Returns: EntityGetResponse<CountryDetail> — { data: CountryDetail, success: boolean }
+```
+
+#### `add(payload)` - Create Entity
+
+```typescript
+const newCountry = await countryApi.add({ name: 'Germany' })
+// Returns: EntityGetResponse<CountryDetail>
+```
+
+#### `save(payload)` - Update Entity
+
+```typescript
+const updated = await countryApi.save({ id: 1, name: 'Germany (Updated)', isoCode: 'DE' })
+// Returns: EntityGetResponse<CountryDetail>
+```
+
+#### `delete(id)` - Delete Entity
+
+```typescript
+const result = await countryApi.delete(1)
+// Returns: { success: boolean }
+```
+
+## useEntitySelect Hook
+
+The `useEntitySelect` hook simplifies entity selection in dropdowns. It automatically loads entities, handles missing selections, and provides proper formatting for Ant Design Select components.
+
+### Basic Usage
+
+```typescript
+import { useEntitySelect } from '@coreshop/resource'
+import { countryApi } from '@coreshop/address/src/modules/countries/api'
+
+const MyComponent = ({ data, onChange }) => {
+  const selectedIds = data.countries || []
+  const [options, value, handleSelectChange, loading] = useEntitySelect(
+    countryApi,
+    selectedIds
+  )
+
+  const handleChange = (ids: number[]) => {
+    handleSelectChange(ids)
+    onChange({ ...data, countries: ids })
+  }
+
+  return (
+    <Select
+      mode="multiple"
+      value={value}
+      onChange={handleChange}
+      options={options}
+      loading={loading}
+      showSearch
+      optionFilterProp="label"
+    />
+  )
+}
+```
+
+### Signature
+
+```typescript
+function useEntitySelect<T extends SelectableEntity>(
+  api: EntityApi<T>,
+  selectedIds: number[] | string[] | undefined,
+  labelKey: string = 'name'  // Optional: which field to use as label
+): [SelectOption[], number[], (ids: number[]) => void, boolean]
+```
+
+### Return Values
+
+| Return Value | Type | Description |
+|--------------|------|-------------|
+| `options` | `SelectOption[]` | Array of `{ label, value }` for Select component |
+| `value` | `number[]` | Currently selected IDs (normalized to numbers) |
+| `handleSelectChange` | `(ids: number[]) => void` | Function to update selected IDs |
+| `loading` | `boolean` | Loading state while fetching entities |
+
+### Custom Label Key
+
+By default, the hook uses `'name'` as the label. You can specify a different field:
+
+```typescript
+const [options, value, handleChange, loading] = useEntitySelect(
+  productApi,
+  selectedIds,
+  'title'  // Use 'title' field instead of 'name'
+)
+```
+
+### Features
+
+The `useEntitySelect` hook automatically:
+
+1. **Loads all entities** on component mount
+2. **Normalizes IDs** (backend may send strings, converts to numbers)
+3. **Formats options** for Ant Design Select (`{ label, value }`)
+4. **Manages loading state**
+5. **Syncs with prop changes** (updates when selectedIds change)
+
+## EntityTabbedManager
+
+The `EntityTabbedManager` component provides a complete CRUD interface with a tabbed layout: entity list (tree) on the left, detail form tabs on the right.
+
+### Props
+
+```typescript
+interface EntityTabbedManagerProps<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  renderDetail: (
+    data: TDetail | undefined,
+    setData: (draft: Partial<TDetail>) => void,
+    ctx?: { currentLocale?: string, locales?: string[] }
+  ) => React.ReactNode
+  getTitle?: (listItem?: EntityListItem, data?: TDetail) => string
+  buildSavePayload?: (data: TDetail) => Record<string, any>
+  onAdd?: () => Promise<number>
+  leftExtras?: React.ReactNode
+  localizable?: boolean
+  buildDragInfo?: (item: EntityListItem) => DragAndDropInfo | null
+  dragType?: string
+  leftRootTitle?: string
+  leafIcon?: string
+}
+```
+
+| Prop | Required | Description |
+|------|----------|-------------|
+| `api` | Yes | EntityApi instance for CRUD operations |
+| `renderDetail` | Yes | Render function for the detail form (receives data, setData, and optional locale context) |
+| `getTitle` | No | Custom tab title generator |
+| `buildSavePayload` | No | Transform data before saving to API |
+| `onAdd` | No | Custom add handler — must return the new entity's ID |
+| `localizable` | No | Enable locale tabs for translatable entities |
+| `dragType` | No | Enable drag-and-drop with this type identifier |
+| `leftRootTitle` | No | Title for the tree root node |
+| `leafIcon` | No | Icon for tree leaf nodes |
+
+### Basic Usage
+
+```typescript
+import { EntityTabbedManager } from '@coreshop/resource'
+import { useFormModal } from '@coreshop/resource'
+import { taxRateApi } from './api'
+import { TaxRateForm } from './TaxRateForm'
+
+export const TaxRateManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<TaxRateDetail>
+      api={taxRateApi}
+      dragType='coreshop:tax_rate'
+      leftRootTitle={t('coreshop_tax_rate', { defaultValue: 'Tax Rates' })}
+      localizable
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_tax_rate', { defaultValue: 'Add Tax Rate' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          onOk: async (value: string) => {
+            const res = await taxRateApi.add({ name: value })
+            resolve(res.data.id)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) return <div>Select a tax rate...</div>
+
+        return (
+          <TaxRateForm
+            data={data}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            onChange={(draft) => setData(draft)}
+          />
+        )
+      }}
+    />
+  )
+}
+```
+
+### Features
+
+- Tree-view list on the left with search, add, delete, reload
+- Tabbed detail view on the right (multiple entities open simultaneously)
+- Dirty tracking with unsaved-changes indicator on tabs
+- Locale support when `localizable={true}` (locale tabs passed via `ctx`)
+- Drag-and-drop when `dragType` is set
+- Auto-reloads list after add/delete
+- Save via footer toolbar (managed internally by EntityTabbedLayout)
+
+## GroupedEntityTabbedManager
+
+For entities that belong to groups (e.g., Countries grouped by Zone), use `GroupedEntityTabbedManager`. It adds a hierarchical tree view.
+
+### Props (in addition to EntityTabbedManager props)
+
+```typescript
+interface GroupedEntityTabbedManagerProps<TDetail extends Record<string, any>> {
+  // ... all EntityTabbedManager props, plus:
+  loadGroups: () => Promise<GroupItem[]>
+  resolveGroupId: (li: EntityListItem, groups: GroupItem[]) => number | null | undefined
+  applyGroup?: (data: TDetail, groupId: number | null) => TDetail
+  onAdd: (groupId?: number) => Promise<number>  // receives groupId
+  renderDetail: (
+    data: TDetail | undefined,
+    setData: (draft: Partial<TDetail>) => void,
+    groups: GroupItem[],  // groups passed as third param
+    ctx?: { currentLocale?: string, locales?: string[] }
+  ) => React.ReactNode
+}
+```
+
+### Usage (Countries grouped by Zone)
+
+```typescript
+import { GroupedEntityTabbedManager } from '@coreshop/resource/src/entities/components/GroupedEntityTabbedManager'
+import { countryApi } from './api'
+import { zoneApi } from '../zones/api'
+
+export const CountryManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <GroupedEntityTabbedManager<CountryDetail>
+      api={countryApi}
+      dragType='coreshop:country'
+      localizable
+      loadGroups={async () => await zoneApi.list() as any}
+      resolveGroupId={(li, groups) => {
+        const it: any = li
+        if (typeof it.zone === 'number') return it.zone
+        if (typeof it.zoneName === 'string')
+          return groups.find(g => g.name === it.zoneName)?.id ?? null
+        return null
+      }}
+      applyGroup={(data, groupId) =>
+        ({ ...data, zone: groupId ?? undefined } as CountryDetail)
+      }
+      buildSavePayload={(data) => data}
+      onAdd={async (groupId?: number) => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_country_add'),
+          label: t('coreshop_name'),
+          rule: { required: true, message: t('coreshop_name_required') },
+          onOk: async (value: string) => {
+            const res = await countryApi.add({
+              name: value,
+              ...(groupId ? { zone: groupId } : {})
+            })
+            resolve(res.data.id)
+          }
+        })
+      })}
+      renderDetail={(data, setData, zones, ctx) => {
+        if (!data) return <div>Select a country...</div>
+        return (
+          <CountryForm
+            data={data}
+            onChange={(draft) => setData(draft)}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+          />
+        )
+      }}
+    />
+  )
+}
+```
+
+### Additional Features
+
+- Drag-and-drop between groups (items can be moved to a different group)
+- Groups loaded asynchronously on mount
+- `onAdd` receives the group ID when adding from within a group
+- `applyGroup` callback to update entity data when moved between groups
+
+## EntitySplitManager
+
+A simpler alternative to `EntityTabbedManager` that uses a split layout (no tabs). Only one entity is visible at a time.
+
+### Props
+
+```typescript
+interface EntitySplitManagerProps<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  renderDetail: (
+    data: TDetail | undefined,
+    loading: boolean,
+    onSave: (data: TDetail) => Promise<void>,
+    onChange: (data: TDetail) => void
+  ) => React.ReactNode
+  createEmpty: () => TDetail
+  leftRootTitle?: string
+  dragType?: string
+  buildDragInfo?: (item: EntityListItem) => DragAndDropInfo | null
+  leafIcon?: string
+}
+```
+
+Used by `RuleManager` in the RuleBundle for a simpler list+detail pattern.
+
+## Type Definitions
+
+### EntityListItem
+
+```typescript
+interface EntityListItem {
+  id: number
+  name: string
+  [key: string]: any
+}
+```
+
+### EntityGetResponse
+
+```typescript
+interface EntityGetResponse<T> {
+  data: T
+  success: boolean
+}
+```
+
+### EntityApiConfig
+
+```typescript
+interface EntityApiConfig {
+  basePath: string       // e.g. '/pimcore-studio/api'
+  resourcePath: string   // e.g. '/coreshop/countries'
+  routes?: {
+    list: string         // Default: '/list'
+    get: string          // Default: '/get'
+    add: string          // Default: '/add'
+    save: string         // Default: '/save'
+    delete: string       // Default: '/delete'
+  }
+}
+```
+
+## Best Practices
+
+### API Client
+
+1. **Use direct instantiation** for standard CRUD APIs
+2. **Use TypeScript generics** for type safety
+3. **Export a singleton instance** for reuse
+
+```typescript
+// Standard pattern
+export const countryApi = new EntityApi<CountryDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/countries'
+})
+
+// Only extend for custom methods
+export class CarrierApi extends EntityApi<CarrierDetail> {
+  async getConfig(): Promise<CarrierConfig> { ... }
+}
+```
+
+### Error Handling
+
+Always wrap API calls in try-catch:
+
+```typescript
+try {
+  const result = await api.save(data)
+  message.success('Saved successfully')
+} catch (error) {
+  message.error(`Failed to save: ${error.message}`)
+}
+```
+
+## Next Steps
+
+- [RuleBundle](02_RuleBundle.md) - Learn about the Rule system infrastructure
+- [FormBuilder](03_FormBuilder.md) - Decorator-based form builder pattern
+- [StudioFormBundle](04_StudioFormBundle.md) - Schema-driven forms from PHP FormTypes
diff --git a/docs/03_Development/14_Studio/02_Base_Infrastructure/02_RuleBundle.md b/docs/03_Development/14_Studio/02_Base_Infrastructure/02_RuleBundle.md
new file mode 100644
index 0000000000..50da941c53
--- /dev/null
+++ b/docs/03_Development/14_Studio/02_Base_Infrastructure/02_RuleBundle.md
@@ -0,0 +1,435 @@
+# RuleBundle
+
+The RuleBundle provides the infrastructure for all rule-based features in CoreShop (Cart Price Rules, Product Price Rules, Shipping Rules, etc.). It includes the RuleApi, Registry system, and reusable UI components.
+
+## Schema-Driven Rule Forms (Default)
+
+**Most rule conditions and actions no longer require custom JavaScript/React code.** The StudioFormBundle automatically renders configuration forms from PHP FormTypes. When you register a condition or action with a `form-type` attribute in its service tag, the frontend auto-generates the React component from the backend schema.
+
+This means:
+
+- **Adding a new condition/action** = PHP FormType + service tag. No React code needed.
+- **The frontend calls `registerSchemaComponentsFromConfig()`** which creates React components dynamically from the `conditionSchemaByType` / `actionSchemaByType` maps returned by the `get-config` endpoint.
+- **Only special components** that need custom UI behavior (e.g., `NestedCondition`, `TimespanCondition`) still require hand-written React components.
+
+For the full pattern with examples, see [StudioFormBundle Examples — Rule Engine Integration](04_StudioFormBundle.md#rule-form-integrations) and [Example 13](05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+### How It Works
+
+1. PHP FormType defines the condition/action configuration fields
+2. Service tag includes the `form-type` attribute pointing to the FormType class
+3. A `RegisterFormTypesFromTagsPass` compiler pass collects the form types and registers them in the block prefix registry
+4. The `get-config` endpoint returns `conditionSchemaByType` / `actionSchemaByType` maps plus embedded `schemas`
+5. The frontend calls `registerSchemaComponentsFromConfig()` which uses `createSchemaCondition()` / `createSchemaAction()` to generate React wrappers around `SchemaForm`
+6. `preSeedSchemaCache()` is called automatically inside `RuleApi.getConfig()` with the embedded schemas
+
+### What Bundles Still Do in JS
+
+Each bundle's `main.ts` still:
+
+1. **Creates and binds registries** (ConditionRegistry, ActionRegistry)
+2. **Registers special components** that cannot be schema-driven (nested, timespan, etc.)
+3. **Hides rule collection block prefixes** in the widget registry (so they don't render inside generic entity forms)
+
+Schema-based components are registered at runtime when `registerSchemaComponentsFromConfig()` is called, not at plugin init time.
+
+## RuleApi Base Class
+
+The `RuleApi` class extends `EntityApi` and adds rule-specific functionality.
+
+### Basic Usage
+
+```typescript
+import { RuleApi } from '@coreshop/rule/src/rules'
+import type { CartPriceRule } from './types'
+
+export class CartPriceRuleApi extends RuleApi<CartPriceRule> {}
+
+export const cartPriceRuleApi = new CartPriceRuleApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/cart_price_rules'
+})
+```
+
+### Additional Methods
+
+In addition to all EntityApi methods (list, get, add, save, delete), RuleApi provides:
+
+#### `getConfig()` - Get Rule Configuration
+
+Fetches available conditions, actions, and their schema mappings. **Automatically calls `preSeedSchemaCache()`** with the embedded schemas.
+
+```typescript
+const config = await cartPriceRuleApi.getConfig()
+```
+
+**Response Format:**
+```typescript
+interface RuleConfig {
+  conditions: string[]                           // Available condition type keys
+  actions: string[]                              // Available action type keys
+  conditionSchemaByType: Record<string, string>  // type -> block prefix mapping
+  actionSchemaByType: Record<string, string>     // type -> block prefix mapping
+  schemas: Record<string, FormSchema>            // Embedded schemas (auto-seeded)
+}
+```
+
+## Registry Pattern
+
+The Registry Pattern allows bundles to register their rule conditions and actions dynamically.
+
+### ConditionRegistry
+
+```typescript
+import { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import { container } from '@pimcore/studio-ui-bundle'
+
+// Bind registry as singleton
+container.bind(serviceIds.conditionRegistry)
+  .to(ConditionRegistry)
+  .inSingletonScope()
+
+// Get registry
+const conditionRegistry = container.get<ConditionRegistry>(
+  serviceIds.conditionRegistry
+)
+
+// Register a hand-written condition (only for special components)
+conditionRegistry.register('nested', NestedCondition)
+
+// Schema-based conditions are registered automatically via registerSchemaComponentsFromConfig()
+```
+
+### ActionRegistry
+
+```typescript
+import { ActionRegistry } from '@coreshop/rule/src/rules/registry'
+
+// Bind registry as singleton
+container.bind(serviceIds.actionRegistry)
+  .to(ActionRegistry)
+  .inSingletonScope()
+
+// Get registry
+const actionRegistry = container.get<ActionRegistry>(
+  serviceIds.actionRegistry
+)
+
+// Schema-based actions are registered automatically via registerSchemaComponentsFromConfig()
+```
+
+### Multiple Registries
+
+**Important:** Each rule type has its own registries!
+
+```typescript
+// Product Price Rules
+const productConditionRegistry = container.get<ConditionRegistry>(
+  coreshopProductServiceIds.productPriceRuleConditionRegistry
+)
+
+// Cart Price Rules
+const cartConditionRegistry = container.get<ConditionRegistry>(
+  coreshopOrderServiceIds.cartPriceRuleConditionRegistry
+)
+```
+
+## Schema Registration Functions
+
+### `registerSchemaComponentsFromConfig()`
+
+Auto-registers schema-driven components from a `RuleConfig` response:
+
+```typescript
+import { registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules/registry'
+
+const config = await ruleApi.getConfig()
+registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, config)
+```
+
+This iterates over `conditionSchemaByType` and `actionSchemaByType`, creating `SchemaCondition` / `SchemaAction` wrappers. It **does not overwrite** hand-written components already registered in the registry.
+
+### `registerSchemaComponentsFromMaps()`
+
+Lower-level function if you need direct control:
+
+```typescript
+import { registerSchemaComponentsFromMaps } from '@coreshop/rule/src/rules/registry'
+
+registerSchemaComponentsFromMaps(
+  conditionRegistry,
+  actionRegistry,
+  conditionSchemaByType,
+  actionSchemaByType,
+  schemas,
+  { overwriteExisting: false }
+)
+```
+
+### `createSchemaCondition()` / `createSchemaAction()`
+
+Factory functions that create a React component wrapping `SchemaForm`:
+
+```typescript
+import { createSchemaCondition, createSchemaAction } from '@coreshop/rule/src/rules/components'
+
+// Manual registration (usually not needed — registerSchemaComponentsFromConfig does this)
+conditionRegistry.register('amount', createSchemaCondition('coreshop_cart_price_rule_condition_amount'))
+actionRegistry.register('surchargePercent', createSchemaAction('coreshop_cart_price_rule_action_surcharge_percent'))
+```
+
+## Rule Components
+
+### RuleManager
+
+A simple list+detail component built on `EntitySplitManager`. Loads config automatically.
+
+```typescript
+interface RuleManagerProps<T extends Rule> {
+  api: RuleApi<T>
+  renderForm: (rule: T, config: RuleConfig, onSave: (rule: T) => Promise<void>, onChange: (rule: T) => void) => React.ReactNode
+  createEmptyRule: () => T
+}
+```
+
+**Note:** `RuleManager` does **not** auto-register schema components. You must call `registerSchemaComponentsFromConfig()` yourself in the `renderForm` callback or in a `useEffect`.
+
+### Recommended Pattern: EntityTabbedManager + RuleForm
+
+In practice, most rule managers use `EntityTabbedManager` from ResourceBundle (for tabbed detail views with dirty tracking) rather than `RuleManager`. Here's the actual pattern used:
+
+```typescript
+import { EntityTabbedManager } from '@coreshop/resource'
+import { RuleForm, registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules'
+import type { RuleConfig } from '@coreshop/rule/src/rules'
+
+export const ShippingRuleManager: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const modal = useFormModal()
+  const [config, setConfig] = React.useState<RuleConfig>({ conditions: [], actions: [] })
+
+  // Load config and register schema components on mount
+  React.useEffect(() => {
+    shippingRuleApi.getConfig()
+      .then((cfg) => {
+        const conditionRegistry = container.get<ConditionRegistry>(
+          coreshopShippingServiceIds.shippingRuleConditionRegistry
+        )
+        const actionRegistry = container.get<ActionRegistry>(
+          coreshopShippingServiceIds.shippingRuleActionRegistry
+        )
+        registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, cfg)
+        setConfig(cfg)
+      })
+      .catch(err => {
+        void messageApi.error(getErrorMessage(err, 'Failed to load config'))
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<ShippingRuleDetail>
+      api={shippingRuleApi}
+      dragType='coreshop:shipping_rule'
+      leftRootTitle={t('coreshop_carriers_shipping_rule')}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_carriers_shipping_rule'),
+          label: t('coreshop_name'),
+          rule: { required: true, message: t('coreshop_name_required') },
+          onOk: async (nameValue: string) => {
+            const res = await shippingRuleApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) return <div>Select a shipping rule...</div>
+
+        return (
+          <RuleForm
+            rule={data}
+            config={config}
+            conditionRegistryId={coreshopShippingServiceIds.shippingRuleConditionRegistry}
+            actionRegistryId={coreshopShippingServiceIds.shippingRuleActionRegistry}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            settingsComponent={
+              <SettingsForm
+                rule={data}
+                onChange={setData}
+                currentLocale={ctx?.currentLocale ?? 'en'}
+                locales={ctx?.locales}
+              />
+            }
+            onChange={setData}
+            hideToolbar={true}
+          />
+        )
+      }}
+    />
+  )
+}
+```
+
+### RuleForm
+
+Form component with Settings, Conditions, and Actions tabs:
+
+```typescript
+interface RuleFormProps {
+  rule: Rule
+  config: RuleConfig
+  settingsComponent: React.ReactNode
+  conditionRegistryId: symbol | string
+  actionRegistryId: symbol | string
+  currentLocale?: string
+  locales?: string[]
+  additionalTabs?: RuleFormTab[]
+  onSave?: (rule: Rule) => Promise<void>
+  onChange: (rule: Rule) => void
+  hideToolbar?: boolean        // Hide save button (when managed by EntityTabbedManager)
+}
+
+// Additional tabs (e.g., Voucher Codes for Cart Price Rules)
+interface RuleFormTab {
+  key: string
+  label: string
+  component: React.ReactNode
+  disabled?: boolean
+}
+```
+
+### ConditionsPanel / ActionsPanel
+
+```typescript
+import { ConditionsPanel, ActionsPanel } from '@coreshop/rule/src/rules/components'
+
+<ConditionsPanel
+  conditions={rule.conditions}
+  availableTypes={config.conditions}
+  onChange={handleConditionsChange}
+  registryId={serviceIds.conditionRegistry}
+  currentLocale={currentLocale}
+  locales={locales}
+/>
+
+<ActionsPanel
+  actions={rule.actions}
+  availableTypes={config.actions}
+  onChange={handleActionsChange}
+  registryId={serviceIds.actionRegistry}
+  currentLocale={currentLocale}
+  locales={locales}
+/>
+```
+
+## Components That Still Need Custom JS
+
+Only a few special components still require hand-written React code:
+
+| Component | Reason |
+|-----------|--------|
+| `NestedCondition` | Recursively renders sub-conditions with AND/OR logic; cannot be expressed as a flat form |
+| `TimespanCondition` | Uses custom date/time picker composition |
+| `CartItemAction` | Renders nested cart-item condition/action panels |
+
+All other conditions and actions (countries, stores, currencies, categories, products, customers, amount, weight, etc.) are rendered automatically from their PHP FormTypes.
+
+## Adding a New Condition/Action (Preferred Approach)
+
+### Step 1: Create the PHP FormType
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class MinimumWeightConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('minWeight', IntegerType::class, [
+                'label' => 'app_condition_min_weight',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_shipping_rule_condition_minimum_weight';
+    }
+}
+```
+
+### Step 2: Register the Service with `form-type`
+
+```yaml
+services:
+    app.shipping_rule.condition.minimum_weight:
+        class: App\Rule\Condition\MinimumWeightChecker
+        tags:
+            - name: coreshop.shipping_rule.condition
+              type: minimumWeight
+              form-type: App\Form\Type\Rule\Condition\MinimumWeightConfigurationType
+```
+
+### Step 3: Done
+
+No React/TypeScript code needed. The condition form is rendered automatically in Studio.
+
+### When You Need Custom JS (Rare)
+
+If your condition/action requires custom UI behavior that cannot be expressed as a Symfony FormType (e.g., recursive nesting, complex interactive widgets), you can still register a hand-written React component:
+
+```typescript
+// In your bundle's main.ts
+const conditionRegistry = container.get<ConditionRegistry>(serviceIds.conditionRegistry)
+conditionRegistry.register('myCustomCondition', MyCustomCondition)
+```
+
+Hand-written components take priority over schema-generated ones — `registerSchemaComponentsFromConfig()` does not overwrite existing entries.
+
+## Best Practices
+
+### 1. Prefer Schema-Driven Components
+
+Use PHP FormTypes instead of writing React components. This:
+- Eliminates frontend/backend duplication
+- Automatically supports all StudioFormBundle widgets (choices, autocomplete, collections, etc.)
+- Requires zero JS build steps for new conditions/actions
+
+### 2. Separate Registries Per Rule Type
+
+**Each rule type MUST have its own registries!**
+
+```typescript
+// Separate registries
+const productConditionRegistry = container.get(productServiceIds.conditionRegistry)
+const cartConditionRegistry = container.get(cartServiceIds.conditionRegistry)
+```
+
+### 3. Bind Registries in onInit
+
+```typescript
+onInit() {
+  container.bind(serviceIds.registry).to(ConditionRegistry).inSingletonScope()
+}
+```
+
+### 4. Schema Cache is Automatic
+
+`RuleApi.getConfig()` automatically calls `preSeedSchemaCache()` with the embedded schemas. No manual call needed.
+
+## Real-World Examples
+
+- [StudioFormBundle Examples — Example 13](05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form) — Full end-to-end schema-driven rule component
+- [StudioFormBundle Examples — Example 14](05_StudioFormBundle_Examples.md#example-14--cross-bundle-extension-formtypeextension) — Cross-bundle form extension
+- [Extending Shipping Rules](../01_Extending_Shipping_Rules.md) — Shipping rule extensions
diff --git a/docs/03_Development/14_Studio/02_Base_Infrastructure/03_FormBuilder.md b/docs/03_Development/14_Studio/02_Base_Infrastructure/03_FormBuilder.md
new file mode 100644
index 0000000000..771b9c48cb
--- /dev/null
+++ b/docs/03_Development/14_Studio/02_Base_Infrastructure/03_FormBuilder.md
@@ -0,0 +1,926 @@
+# FormBuilder Pattern
+
+The FormBuilder provides a **decorator-based pattern** for building flexible, extensible entity forms. Inspired by Pimcore Studio's ListingBuilder pattern, it enables bundles to define base forms and other bundles to extend them without creating tight coupling.
+
+> **Note:** The FormBuilder system lives in the **StudioFormBundle** (`@coreshop/studio-form`). Import from `@coreshop/studio-form/src/form-builder`.
+>
+> StudioFormBundle also provides a **Schema Adapter** that can automatically generate FormBuilderConfig from Symfony Form Types via a JSON API. See [StudioFormBundle](04_StudioFormBundle.md) for details.
+
+## Table of Contents
+
+- [Overview](#overview)
+- [Architecture](#architecture)
+- [Basic Usage](#basic-usage)
+- [FormBuilder API](#formbuilder-api)
+- [DynamicForm Component](#dynamicform-component)
+- [Standard Decorators](#standard-decorators)
+- [Bundle Architecture](#bundle-architecture)
+- [Advanced Examples](#advanced-examples)
+- [Best Practices](#best-practices)
+
+## Overview
+
+### Key Concepts
+
+The FormBuilder pattern enables:
+
+- ✅ **Composable Forms**: Build forms incrementally with decorators
+- ✅ **Bundle Independence**: Base bundle doesn't know about extensions
+- ✅ **Type Safety**: Full TypeScript type checking
+- ✅ **Extensibility**: Any bundle can extend any form
+- ✅ **Reusability**: Share decorators across multiple forms
+
+### How It Works
+
+1. **Base Bundle** creates a FormBuilder with core fields
+2. **Extension Bundles** add decorators to extend functionality
+3. **DynamicForm** renders the final configuration
+
+```typescript
+// AddressBundle creates base
+const builder = new FormBuilder({ fields: [...] })
+
+// CoreBundle extends
+builder.addDecorator('currency', addFieldDecorator({ ... }))
+
+// DynamicForm renders
+const config = builder.build(data)
+<DynamicForm config={config} data={data} onChange={onChange} />
+```
+
+## Architecture
+
+### FormBuilder Class
+
+The core class that manages form configuration:
+
+```typescript
+class FormBuilder<T = any> {
+  constructor(baseConfig: FormBuilderConfig<T>)
+
+  // Decorator management
+  addDecorator(name: string, decorator: FormDecorator<T>): this
+  overrideDecorator(name: string, decorator: FormDecorator<T>): this
+  removeDecorator(name: string): this
+  getDecorator(name: string): FormDecorator<T> | undefined
+  getDecoratorNames(): string[]
+
+  // Build final config
+  build(context?: FormDecoratorContext<T>): FormBuilderConfig<T>
+
+  // Utilities
+  copy(): FormBuilder<T>
+  getBaseConfig(): FormBuilderConfig<T>
+}
+```
+
+### FormDecorator Type
+
+Decorators are pure functions that transform configuration:
+
+```typescript
+interface FormDecorator<T = any> {
+  (
+    config: FormBuilderConfig<T>,
+    context?: FormDecoratorContext<T>
+  ): FormBuilderConfig<T>
+}
+```
+
+### FormBuilderConfig
+
+The configuration object used by DynamicForm:
+
+```typescript
+interface FormBuilderConfig<T = any> {
+  fields: FieldDefinition<T>[]
+  sections?: SectionDefinition[]
+  layout?: 'vertical' | 'horizontal' | 'inline'
+  columns?: number
+  formProps?: Record<string, any>
+}
+```
+
+### FieldDefinition
+
+```typescript
+interface FieldDefinition<T = any> {
+  name: string                                    // Field name (key in data)
+  label: string                                   // Display label (can be i18n key)
+  component: React.ComponentType<any>            // Component to render
+  section?: string                                // Section this field belongs to
+  required?: boolean                              // Field is required
+  disabled?: boolean                              // Field is disabled
+  hidden?: boolean                                // Field is hidden
+  rules?: Rule[]                                  // Ant Design validation rules
+  tooltip?: string                                // Help text
+  componentProps?: Record<string, any> | (() => Promise<Record<string, any>>)  // Props for component
+  span?: number                                   // Grid column span (1-24)
+  wrapper?: (children: React.ReactNode) => React.ReactNode
+  visible?: (data?: T) => boolean                // Conditional visibility
+  localized?: boolean                             // Append locale to label
+}
+```
+
+**Important:** `componentProps` can be:
+- A static object: `{ placeholder: 'Enter value' }`
+- An **async function**: `async () => { const data = await api.list(); return { options: data } }`
+
+This enables dynamic loading of options for Select components and other dynamic configuration.
+
+### SectionDefinition
+
+Sections group related fields:
+
+```typescript
+interface SectionDefinition {
+  key: string                    // Unique section key
+  title: string                  // Display title (can be i18n key)
+  description?: string           // Section description
+  collapsible?: boolean          // Section can collapse
+  defaultCollapsed?: boolean     // Default collapsed state
+  order?: number                 // Section order/priority
+  icon?: React.ReactNode         // Custom icon
+}
+```
+
+## Basic Usage
+
+### Step 1: Create FormBuilder
+
+Create a base FormBuilder in your bundle:
+
+```typescript
+// CountryFormBuilder.ts
+import { FormBuilder } from '@coreshop/studio-form/src/form-builder'
+import { Input, Switch } from 'antd'
+import type { CountryDetail } from './api'
+import { ZoneSelect } from '../zones/ZoneSelect'
+
+export const createCountryFormBuilder = (): FormBuilder<CountryDetail> => {
+  const builder = new FormBuilder<CountryDetail>({
+    fields: [
+      {
+        name: 'name',
+        label: 'coreshop_country',
+        component: Input,
+        required: true,
+        rules: [{ required: true, message: 'Name is required' }]
+      },
+      {
+        name: 'isoCode',
+        label: 'coreshop_country_isoCode',
+        component: Input,
+        required: true,
+        rules: [{ required: true, message: 'ISO Code is required' }]
+      },
+      {
+        name: 'active',
+        label: 'active',
+        component: Switch
+      },
+      {
+        name: 'zone',
+        label: 'coreshop_zone',
+        component: ZoneSelect
+      }
+    ]
+  })
+
+  return builder
+}
+```
+
+### Step 2: Register in Container
+
+Register the builder in your bundle's module:
+
+```typescript
+// form-builder-module.ts
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { createCountryFormBuilder } from './CountryFormBuilder'
+
+export const CountryFormBuilderModule: AbstractModule = {
+  onInit(): void {
+    const builder = createCountryFormBuilder()
+    container.bind('CoreShop/Address/Country/FormBuilder').toConstantValue(builder)
+  }
+}
+```
+
+Register the module in your `main.ts`:
+
+```typescript
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-address-bundle',
+
+  onStartup({ moduleSystem }) {
+    moduleSystem.registerModule(CountryFormBuilderModule)
+  }
+}
+```
+
+### Step 3: Use in Form Component
+
+```typescript
+// CountryForm.tsx
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { DynamicForm, type FormBuilder } from '@coreshop/studio-form/src/form-builder'
+import type { CountryDetail } from './api'
+
+export interface CountryFormProps {
+  data?: CountryDetail
+  onChange: (draft: Partial<CountryDetail>) => void
+  currentLocale: string
+}
+
+export const CountryForm: React.FC<CountryFormProps> = ({
+  data,
+  onChange,
+  currentLocale
+}) => {
+  // Get builder from container
+  const builder = container.get<FormBuilder<CountryDetail>>(
+    'CoreShop/Address/Country/FormBuilder'
+  )
+
+  // Build final config
+  const config = React.useMemo(() => {
+    return builder.build({ data, locale: currentLocale })
+  }, [builder, data, currentLocale])
+
+  return (
+    <DynamicForm
+      config={config}
+      data={data}
+      onChange={onChange}
+      currentLocale={currentLocale}
+    />
+  )
+}
+```
+
+## FormBuilder API
+
+### Adding Decorators
+
+Decorators are applied in the order they are added:
+
+```typescript
+builder.addDecorator('validation', validationDecorator)
+builder.addDecorator('sections', sectionDecorator)
+```
+
+### Overriding Decorators
+
+Replace an existing decorator:
+
+```typescript
+builder.overrideDecorator('validation', newValidationDecorator)
+```
+
+### Removing Decorators
+
+```typescript
+builder.removeDecorator('unwanted-decorator')
+```
+
+### Copying Builder
+
+Create a copy with same config and decorators:
+
+```typescript
+const readonlyBuilder = builder.copy()
+readonlyBuilder.addDecorator('readonly', readonlyDecorator)
+```
+
+### Building Configuration
+
+Build the final config with all decorators applied:
+
+```typescript
+const config = builder.build({
+  data: currentData,
+  locale: 'en',
+  form: formInstance
+})
+```
+
+## DynamicForm Component
+
+The DynamicForm component renders forms based on FormBuilderConfig.
+
+### Props
+
+```typescript
+interface DynamicFormProps<T = any> {
+  config: FormBuilderConfig<T>         // Configuration from FormBuilder
+  data?: T                              // Current form data
+  onChange: (draft: Partial<T>) => void // Change handler
+  currentLocale?: string                // Current locale for localized fields
+  form?: FormInstance                   // Ant Design form instance
+}
+```
+
+### Basic Usage
+
+```typescript
+<DynamicForm
+  config={config}
+  data={data}
+  onChange={(draft) => setData(prev => ({ ...prev, ...draft }))}
+/>
+```
+
+### With Localization
+
+```typescript
+<DynamicForm
+  config={config}
+  data={data}
+  onChange={onChange}
+  currentLocale="en"
+/>
+```
+
+### With Form Instance
+
+```typescript
+const [form] = Form.useForm()
+
+<DynamicForm
+  config={config}
+  data={data}
+  onChange={onChange}
+  form={form}
+/>
+```
+
+### Features
+
+- ✅ **Automatic Rendering**: Renders all fields from config
+- ✅ **Section Support**: Groups fields into collapsible sections
+- ✅ **Grid Layout**: Supports multi-column layouts
+- ✅ **Localization**: i18n support for labels and tooltips
+- ✅ **Validation**: Ant Design validation rules
+- ✅ **Conditional Fields**: Show/hide based on data
+- ✅ **Custom Components**: Any React component works
+
+## Standard Decorators
+
+ResourceBundle provides commonly used decorators.
+
+### addFieldDecorator
+
+Add a field to the form:
+
+```typescript
+import { addFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('currency', addFieldDecorator({
+  name: 'currency',
+  label: 'coreshop_currency',
+  component: CurrencySelect
+}))
+```
+
+**Position control:**
+
+```typescript
+// Add at start
+addFieldDecorator(field, 'start')
+
+// Add at end (default)
+addFieldDecorator(field, 'end')
+
+// Add at specific index
+addFieldDecorator(field, 2)
+```
+
+### removeFieldDecorator
+
+Remove a field by name:
+
+```typescript
+import { removeFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('remove-zone', removeFieldDecorator('zone'))
+```
+
+### addSectionDecorator
+
+Add a section for grouping fields:
+
+```typescript
+import { addSectionDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('general-section', addSectionDecorator({
+  key: 'general',
+  title: 'General Settings',
+  order: 10,
+  collapsible: true
+}))
+```
+
+### transformFieldDecorator
+
+Transform an existing field:
+
+```typescript
+import { transformFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('modify-name', transformFieldDecorator('name', (field) => ({
+  ...field,
+  label: 'Custom Name',
+  componentProps: {
+    ...field.componentProps,
+    placeholder: 'Enter custom name'
+  }
+})))
+```
+
+### addValidationDecorator
+
+Add validation rules to a field:
+
+```typescript
+import { addValidationDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('email-validation', addValidationDecorator('email', [
+  { type: 'email', message: 'Invalid email' }
+]))
+```
+
+### requiredFieldDecorator
+
+Make a field required:
+
+```typescript
+import { requiredFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('require-iso', requiredFieldDecorator('isoCode', 'ISO Code is required'))
+```
+
+### conditionalFieldsDecorator
+
+Show/hide fields based on condition:
+
+```typescript
+import { conditionalFieldsDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('conditional', conditionalFieldsDecorator(
+  (data) => data?.active === true,
+  ['advancedSettings', 'options']
+))
+```
+
+### readonlyDecorator
+
+Make all fields readonly:
+
+```typescript
+import { readonlyDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('readonly', readonlyDecorator)
+```
+
+### groupFieldsDecorator
+
+Group fields into sections automatically:
+
+```typescript
+import { groupFieldsDecorator } from '@coreshop/studio-form/src/form-builder'
+
+builder.addDecorator('grouping', groupFieldsDecorator({
+  'general': ['name', 'active'],
+  'advanced': ['zone', 'addressFormat']
+}))
+```
+
+## Bundle Architecture
+
+### Base Bundle Pattern (AddressBundle)
+
+The base bundle creates the FormBuilder with core fields:
+
+```typescript
+// AddressBundle/CountryFormBuilder.ts
+export const createCountryFormBuilder = (): FormBuilder<CountryDetail> => {
+  const builder = new FormBuilder<CountryDetail>({
+    fields: [
+      { name: 'name', label: 'Name', component: Input },
+      { name: 'isoCode', label: 'ISO Code', component: Input },
+      { name: 'zone', label: 'Zone', component: ZoneSelect }  // ✅ AddressBundle knows ZoneSelect
+    ]
+  })
+
+  return builder
+}
+```
+
+**Key Points:**
+- ✅ Only includes fields from bundles it depends on
+- ✅ No knowledge of CurrencyBundle, StoreBundle, etc.
+- ✅ Exports a factory function, not singleton
+
+### Extension Bundle Pattern (CoreBundle)
+
+CoreBundle extends forms from other bundles:
+
+```typescript
+// CoreBundle/country-form-extension.ts
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import type { FormBuilder } from '@coreshop/studio-form/src/form-builder'
+import { addFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+import type { CountryDetail } from '@coreshop/address/src/modules/countries/api'
+import { CurrencySelectField } from '@coreshop/currency/src/components/CurrencySelectField'
+
+export const CountryFormExtensionModule: AbstractModule = {
+  onInit(): void {
+    const builder = container.get<FormBuilder<CountryDetail>>(
+      'CoreShop/Address/Country/FormBuilder'
+    )
+
+    // CoreBundle has dependency on CurrencyBundle
+    builder.addDecorator('currency-field', addFieldDecorator({
+      name: 'currency',
+      label: 'coreshop_country_currency',
+      component: CurrencySelectField  // ✅ CoreBundle knows CurrencyBundle
+    }))
+  }
+}
+```
+
+**Key Points:**
+- ✅ Gets builder from container
+- ✅ Adds cross-bundle fields
+- ✅ Respects bundle dependencies
+
+### Dependency Chain
+
+```
+AddressBundle
+  ↓ Creates base FormBuilder
+  ↓ Registers fields: name, isoCode, zone, addressFormat
+  ↓ Binds to container: 'CoreShop/Address/Country/FormBuilder'
+
+CoreBundle
+  ↓ Has dependency on AddressBundle (composer.json)
+  ↓ Has dependency on CurrencyBundle
+  ↓ Gets FormBuilder from container
+  ↓ Adds decorators: currency field
+```
+
+## Advanced Examples
+
+### Async Component Props
+
+Load options dynamically for Select components:
+
+```typescript
+export const createStoreFormBuilder = (): FormBuilder<StoreDetail> => {
+  const builder = new FormBuilder<StoreDetail>({
+    fields: [
+      {
+        name: 'siteId',
+        label: 'coreshop_store_site',
+        component: Select,
+        componentProps: async () => {
+          const sites = await loadSites()
+          return {
+            options: sites.map(site => ({ value: site.id, label: site.name })),
+            placeholder: 'Select a site',
+            showSearch: true
+          }
+        }
+      }
+    ]
+  })
+
+  return builder
+}
+```
+
+**Module-level caching for async props:**
+
+```typescript
+// Cache sites at module level
+let cachedSites: Site[] | null = null
+let loadPromise: Promise<Site[]> | null = null
+
+const loadSites = async (): Promise<Site[]> => {
+  if (cachedSites) return cachedSites
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      cachedSites = await listSites()
+      return cachedSites
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export const clearSitesCache = () => {
+  cachedSites = null
+  loadPromise = null
+}
+```
+
+### Multi-Column Layout
+
+```typescript
+const builder = new FormBuilder<TaxRate>({
+  columns: 2,
+  fields: [
+    { name: 'name', label: 'Name', component: Input, span: 12 },
+    { name: 'rate', label: 'Rate', component: InputNumber, span: 12 },
+    { name: 'description', label: 'Description', component: Input.TextArea, span: 24 }
+  ]
+})
+```
+
+### Sections with Icons
+
+```typescript
+import { SettingOutlined } from '@ant-design/icons'
+
+builder.addDecorator('settings-section', addSectionDecorator({
+  key: 'settings',
+  title: 'Advanced Settings',
+  description: 'Configure advanced options',
+  icon: <SettingOutlined />,
+  collapsible: true,
+  defaultCollapsed: true,
+  order: 20
+}))
+```
+
+### Custom Decorator
+
+Write a custom decorator:
+
+```typescript
+const addTimestampsDecorator: FormDecorator<any> = (config, context) => {
+  if (!context?.data?.id) {
+    // New entity - don't show timestamps
+    return config
+  }
+
+  return {
+    ...config,
+    fields: [
+      ...config.fields,
+      {
+        name: 'createdAt',
+        label: 'Created At',
+        component: Input,
+        disabled: true
+      },
+      {
+        name: 'updatedAt',
+        label: 'Updated At',
+        component: Input,
+        disabled: true
+      }
+    ]
+  }
+}
+
+builder.addDecorator('timestamps', addTimestampsDecorator)
+```
+
+### Conditional Section
+
+```typescript
+const conditionalSectionDecorator: FormDecorator<Country> = (config, context) => {
+  if (!context?.data?.active) {
+    return config
+  }
+
+  return {
+    ...config,
+    sections: [
+      ...(config.sections ?? []),
+      {
+        key: 'active-only',
+        title: 'Active Country Settings',
+        order: 30
+      }
+    ],
+    fields: [
+      ...config.fields,
+      {
+        name: 'specialSettings',
+        label: 'Special Settings',
+        component: Input,
+        section: 'active-only'
+      }
+    ]
+  }
+}
+```
+
+### Localized Form
+
+```typescript
+const builder = new FormBuilder<Country>({
+  fields: [
+    {
+      name: 'name',
+      label: 'coreshop_country',
+      component: Input,
+      localized: true  // Will append "(EN)", "(DE)", etc.
+    }
+  ]
+})
+
+// In component:
+<DynamicForm
+  config={config}
+  data={data}
+  onChange={onChange}
+  currentLocale="en"  // Label becomes "Country (EN)"
+/>
+```
+
+## Best Practices
+
+### 1. Use Factory Functions
+
+Export factory functions, not singletons:
+
+```typescript
+// ✅ GOOD - Factory function
+export const createCountryFormBuilder = (): FormBuilder<CountryDetail> => {
+  return new FormBuilder({ ... })
+}
+
+// ❌ BAD - Singleton
+export const countryFormBuilder = new FormBuilder({ ... })
+```
+
+### 2. Respect Bundle Dependencies
+
+Only add fields from bundles you depend on:
+
+```typescript
+// Check composer.json first!
+cat src/CoreShop/Bundle/AddressBundle/composer.json | grep require
+
+// If no dependency on CurrencyBundle, don't add currency field
+// Let CoreBundle add it via decorator
+```
+
+### 3. Use Descriptive Decorator Names
+
+```typescript
+// ✅ GOOD
+builder.addDecorator('currency-field', ...)
+builder.addDecorator('validation-rules', ...)
+
+// ❌ BAD
+builder.addDecorator('dec1', ...)
+builder.addDecorator('x', ...)
+```
+
+### 4. Keep Decorators Focused
+
+Each decorator should do one thing:
+
+```typescript
+// ✅ GOOD - Focused decorators
+builder.addDecorator('currency-field', addFieldDecorator({ name: 'currency', ... }))
+builder.addDecorator('validation', addValidationDecorator('currency', [{ required: true }]))
+
+// ❌ BAD - Decorator does too much
+builder.addDecorator('everything', (config) => ({
+  ...config,
+  fields: [...config.fields, field1, field2, field3],
+  sections: [...newSections],
+  // etc...
+}))
+```
+
+### 5. Use TypeScript Generics
+
+Always specify the entity type:
+
+```typescript
+// ✅ GOOD
+const builder = new FormBuilder<CountryDetail>({ ... })
+const config = builder.build({ data: countryData })
+
+// ❌ BAD
+const builder = new FormBuilder({ ... })
+```
+
+### 6. Cache Async Data
+
+Use module-level caching for async componentProps:
+
+```typescript
+// ✅ GOOD - Module-level cache
+let cachedOptions: Option[] | null = null
+
+const loadOptions = async () => {
+  if (cachedOptions) return cachedOptions
+  cachedOptions = await api.list()
+  return cachedOptions
+}
+
+// ❌ BAD - Loads on every render
+componentProps: async () => {
+  const data = await api.list()  // Called multiple times!
+  return { options: data }
+}
+```
+
+### 7. Use Sections for Organization
+
+Group related fields into sections:
+
+```typescript
+builder.addDecorator('sections', groupFieldsDecorator({
+  'general': ['name', 'active'],
+  'location': ['zone', 'addressFormat'],
+  'currency': ['currency', 'currencySymbol']
+}))
+```
+
+### 8. Document Your Extensions
+
+Add comments explaining why extensions are needed:
+
+```typescript
+export const CountryFormExtensionModule: AbstractModule = {
+  onInit(): void {
+    const builder = container.get<FormBuilder<CountryDetail>>(
+      'CoreShop/Address/Country/FormBuilder'
+    )
+
+    // CoreBundle has dependency on CurrencyBundle, so it can add currency field.
+    // AddressBundle doesn't know about currencies.
+    builder.addDecorator('currency-field', addFieldDecorator({
+      name: 'currency',
+      label: 'coreshop_country_currency',
+      component: CurrencySelectField
+    }))
+  }
+}
+```
+
+### 9. Handle Missing Builders Gracefully
+
+```typescript
+export const ExtensionModule: AbstractModule = {
+  onInit(): void {
+    try {
+      const builder = container.get<FormBuilder>(serviceId)
+      builder.addDecorator('extension', decorator)
+    } catch (err) {
+      console.error('[MyBundle] Failed to extend form:', err)
+      // Don't crash the app
+    }
+  }
+}
+```
+
+### 10. Test Decorators
+
+Decorators are pure functions - easy to test:
+
+```typescript
+import { addFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+describe('addFieldDecorator', () => {
+  it('should add field at end by default', () => {
+    const config = { fields: [{ name: 'a', ... }] }
+    const decorator = addFieldDecorator({ name: 'b', ... })
+    const result = decorator(config)
+
+    expect(result.fields).toHaveLength(2)
+    expect(result.fields[1].name).toBe('b')
+  })
+})
+```
+
+## Summary
+
+The FormBuilder pattern provides:
+
+- ✅ **Composability**: Build forms incrementally with decorators
+- ✅ **Extensibility**: Any bundle can extend any form
+- ✅ **Type Safety**: Full TypeScript support
+- ✅ **Flexibility**: Custom decorators for any use case
+- ✅ **Separation of Concerns**: Base bundle independent of extensions
+
+**Next Steps:**
+
+- [ResourceBundle](01_ResourceBundle.md) - Entity APIs and managers
+- [RuleBundle](02_RuleBundle.md) - Rule system infrastructure
+- [Extension System](../04_Extension_System/) - Other extension points
diff --git a/docs/03_Development/14_Studio/02_Base_Infrastructure/04_StudioFormBundle.md b/docs/03_Development/14_Studio/02_Base_Infrastructure/04_StudioFormBundle.md
new file mode 100644
index 0000000000..6fff5876ed
--- /dev/null
+++ b/docs/03_Development/14_Studio/02_Base_Infrastructure/04_StudioFormBundle.md
@@ -0,0 +1,218 @@
+# StudioFormBundle
+
+The `StudioFormBundle` is the shared form infrastructure for CoreShop Studio.
+
+It provides:
+
+1. `FormBuilder` + `DynamicForm` for explicit frontend form definitions.
+2. A schema adapter that generates forms directly from Symfony Form Types.
+
+The second mode is now the default pattern in most Studio modules.
+
+## What It Solves
+
+Without StudioFormBundle, forms are defined twice:
+
+- once in PHP (`FormType`)
+- once in React/TypeScript (`FormBuilderConfig`)
+
+StudioFormBundle removes most of that duplication by serializing Symfony form metadata into JSON and rendering it in Studio with a widget registry.
+
+## Runtime Flow
+
+```text
+Symfony FormType
+  -> FormSchemaGenerator (PHP)
+  -> JSON schema endpoint
+  -> useFormSchema / SchemaForm (TS)
+  -> FormSchemaAdapter -> FormBuilderConfig
+  -> DynamicForm (Ant Design)
+```
+
+## Backend API
+
+### Schema Endpoint
+
+```http
+GET /pimcore-studio/api/coreshop-studio-form/schema/{blockPrefix}
+```
+
+Important:
+
+- The identifier is the **Symfony block prefix**, not an alias.
+- Unknown block prefix returns `404`.
+- Schema generation errors return `500`.
+
+Example:
+
+```http
+GET /pimcore-studio/api/coreshop-studio-form/schema/coreshop_country
+```
+
+### How Form Types Are Registered
+
+The block prefix registry is filled from:
+
+- services tagged with `form.type`
+- services tagged with `coreshop.studio_form`
+- additional form classes registered by compiler passes (see rule integrations below)
+
+Typical entity form registration:
+
+```yaml
+services:
+    App\Form\Type\BrandType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+```
+
+### Generated Schema Shape
+
+Top-level response:
+
+- `blockPrefix: string`
+- `fields: FormSchemaField[]`
+- `tabs: FormSchemaTab[]`
+- `sections: FormSchemaSection[]`
+
+`fields` can include:
+
+- `blockPrefixes` (Symfony prefix chain, right-most is most specific)
+- choice metadata (`choices`, `multiple`, `expanded`)
+- `extra` vars from `buildView()`
+- nested `children`
+- collection `prototype` / `prototypes`
+- `tab` / `section` assignment
+
+### Schema Enrichers
+
+Implement `FormSchemaEnricherInterface` to post-process generated schemas.
+
+Common use cases:
+
+- reorder fields
+- assign tabs/sections
+- inject extra block prefixes for custom widgets
+
+Register with tag:
+
+```yaml
+services:
+    App\Form\Schema\BrandSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher, priority: 100 }
+```
+
+Example (existing in CoreShop): `CarrierSchemaEnricher` removes `shippingRules` from the generated form so that field can be rendered in a dedicated custom tab.
+
+### Rule Form Integrations
+
+For condition/action systems, many bundles add:
+
+```php
+$container->addCompilerPass(new RegisterFormTypesFromTagsPass('your.rule.condition.tag'));
+$container->addCompilerPass(new RegisterFormTypesFromTagsPass('your.rule.action.tag'));
+```
+
+This collects the `form-type` attribute from those tagged services and adds them to the block-prefix registry, so rule configuration forms are resolvable through the same schema endpoint.
+
+## Frontend Package (`@coreshop/studio-form`)
+
+Main exports:
+
+```typescript
+import { FormBuilder, DynamicForm } from '@coreshop/studio-form/src/form-builder'
+import { SchemaForm, useFormSchema, preSeedSchemaCache } from '@coreshop/studio-form'
+import { widgetRegistryServiceId, type WidgetRegistry } from '@coreshop/studio-form'
+```
+
+### `SchemaForm`
+
+Fast path for schema-driven forms:
+
+```tsx
+<SchemaForm<MyEntity>
+    blockPrefix="coreshop_country"
+    data={data}
+    onChange={onChange}
+    currentLocale={currentLocale}
+/>
+```
+
+### `useFormSchema`
+
+If you need custom decorator control:
+
+```typescript
+import { useFormSchema } from '@coreshop/studio-form'
+import { transformFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+const { builder, loading, error } = useFormSchema<MyEntity>('coreshop_country', [
+    { name: 'readonly-code', decorator: transformFieldDecorator('isoCode', (f) => ({ ...f, disabled: true })) },
+])
+```
+
+### Widget Registry
+
+The bundle registers default resolvers on startup (for `text`, `textarea`, `integer`, `number`, `checkbox`, `choice`, `collection`, `hidden`, `email`, `url`, `password`, `date`, `datetime`, `time`, `color`, `range`).
+
+To add custom rendering for a block prefix:
+
+```typescript
+import { container } from '@pimcore/studio-ui-bundle'
+import { widgetRegistryServiceId, type WidgetRegistry } from '@coreshop/studio-form'
+import { PimcoreRelationWidget } from './PimcoreRelationWidget'
+
+const registry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+registry.register('coreshop_pimcore_relation', (field) => ({
+    component: PimcoreRelationWidget,
+    props: {
+        relationClass: field.extra?.relation_class,
+        multiple: field.extra?.multiple ?? false,
+    },
+}))
+```
+
+Resolution follows Symfony semantics: widget resolvers are checked from the most specific block prefix to the least specific one.
+
+### Rule Config Performance Pattern
+
+Rule `get-config` endpoints can embed schema payloads for all conditions/actions.
+
+Frontend should preload them:
+
+```typescript
+const config = await api.getConfig()
+if (config.schemas) {
+    preSeedSchemaCache(config.schemas)
+}
+```
+
+That avoids one HTTP request per condition/action form.
+
+## FormBuilder Mode (Manual)
+
+`FormBuilder` is still first-class for cases where backend schema alone is not enough.
+
+Typical cases:
+
+- highly custom UI composition
+- specialized wrappers/layout behavior
+- temporary migration steps
+
+See [FormBuilder Pattern](03_FormBuilder.md) for detailed manual-builder usage.
+
+## Migration Notes
+
+If you are migrating older Studio code:
+
+1. Replace legacy `@coreshop/resource` FormBuilder imports with `@coreshop/studio-form/src/form-builder`.
+2. Replace alias-based schema lookups with block-prefix lookups.
+3. Prefer `SchemaForm` for CRUD forms that already have a Symfony `FormType`.
+4. Keep decorators for frontend-only concerns (visual grouping, minor UI overrides).
+
+## Examples
+
+For practical end-to-end examples (from simple entity forms to rule engine integrations), see [StudioFormBundle Examples](./05_StudioFormBundle_Examples.md).
diff --git a/docs/03_Development/14_Studio/02_Base_Infrastructure/05_StudioFormBundle_Examples.md b/docs/03_Development/14_Studio/02_Base_Infrastructure/05_StudioFormBundle_Examples.md
new file mode 100644
index 0000000000..4d66d16b35
--- /dev/null
+++ b/docs/03_Development/14_Studio/02_Base_Infrastructure/05_StudioFormBundle_Examples.md
@@ -0,0 +1,1161 @@
+# StudioFormBundle Examples
+
+Practical end-to-end examples showing how to use the StudioFormBundle — from simple entity forms to advanced rule engine integrations. Each example shows both the PHP backend and the frontend usage.
+
+> **Live Demos:** Open the widget `coreshop-studio-form-demos` in Pimcore Studio to see interactive examples of all form types. The demos are fully functional with browser-only state — no persistence.
+
+> **Prerequisites:** Read the [StudioFormBundle overview](./04_StudioFormBundle.md) first for architecture and API reference.
+
+---
+
+## Category 1: Simple Entity Forms
+
+### Example 1 — Minimal Form (Name + Active)
+
+The simplest possible entity form. Two fields, zero configuration beyond the FormType.
+
+**PHP — FormType:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class BrandType extends AbstractResourceType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TextType::class, [
+                'label' => 'app_brand_name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'app_active',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_brand';
+    }
+}
+```
+
+**Service Registration:**
+
+```yaml
+services:
+    App\Form\Type\BrandType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+```
+
+Both tags are needed:
+- `form.type` makes Symfony aware of the type
+- `coreshop.studio_form` registers it in the block prefix registry so the schema endpoint can serve it
+
+**Frontend — Render the form:**
+
+```tsx
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form'
+
+interface Brand {
+  name: string
+  active: boolean
+}
+
+export const BrandForm: React.FC<{
+  data: Brand
+  onChange: (data: Partial<Brand>) => void
+}> = ({ data, onChange }) => {
+  return (
+    <SchemaForm<Brand>
+      blockPrefix="app_brand"
+      data={data}
+      onChange={onChange}
+    />
+  )
+}
+```
+
+That's it. `SchemaForm` fetches the schema from `GET /pimcore-studio/api/coreshop-studio-form/schema/app_brand`, resolves widgets for `TextType` and `CheckboxType` automatically, and renders an Ant Design form.
+
+**Real-world reference:** [ZoneType.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneType.php)
+
+---
+
+### Example 2 — Choice / Select Fields
+
+Symfony `ChoiceType` maps to different Ant Design widgets depending on `multiple` and `expanded`.
+
+**PHP — FormType with static choices:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class ProductSettingsType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        // Single select → renders as <Select> (dropdown)
+        $builder->add('status', ChoiceType::class, [
+            'label' => 'app_status',
+            'choices' => [
+                'Draft' => 'draft',
+                'Published' => 'published',
+                'Archived' => 'archived',
+            ],
+        ]);
+
+        // Multiple select → renders as <Select mode="multiple">
+        $builder->add('tags', ChoiceType::class, [
+            'label' => 'app_tags',
+            'choices' => [
+                'Featured' => 'featured',
+                'Sale' => 'sale',
+                'New' => 'new',
+            ],
+            'multiple' => true,
+        ]);
+
+        // Expanded single → renders as <Radio.Group>
+        $builder->add('visibility', ChoiceType::class, [
+            'label' => 'app_visibility',
+            'choices' => [
+                'Public' => 'public',
+                'Private' => 'private',
+            ],
+            'expanded' => true,
+        ]);
+
+        // Expanded multiple → renders as <Checkbox.Group>
+        $builder->add('channels', ChoiceType::class, [
+            'label' => 'app_channels',
+            'choices' => [
+                'Web' => 'web',
+                'Mobile' => 'mobile',
+                'POS' => 'pos',
+            ],
+            'multiple' => true,
+            'expanded' => true,
+        ]);
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_product_settings';
+    }
+}
+```
+
+**Widget mapping summary:**
+
+| `multiple` | `expanded` | Ant Design Widget |
+|:---:|:---:|---|
+| `false` | `false` | `<Select>` |
+| `true` | `false` | `<Select mode="multiple">` |
+| `false` | `true` | `<Radio.Group>` |
+| `true` | `true` | `<Checkbox.Group>` |
+
+The widget registry handles this mapping automatically — no frontend code needed beyond `<SchemaForm blockPrefix="app_product_settings" />`.
+
+**Dynamic choices from the database** work the same way. CoreShop entity ChoiceTypes (like `CountryChoiceType`, `StoreChoiceType`, `CurrencyChoiceType`) resolve their options server-side and pass them through the schema as `choices`.
+
+**Real-world reference:** [CountriesConfigurationType.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CountriesConfigurationType.php) — uses `CountryChoiceType` with `multiple => true`
+
+---
+
+### Example 3 — Localized Fields (Translations)
+
+Entity forms with translatable fields use `ResourceTranslationsType`. The frontend renders a locale switcher automatically.
+
+**PHP — FormType with translations:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
+use CoreShop\Bundle\ResourceBundle\Form\Type\ResourceTranslationsType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CategoryType extends AbstractResourceType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            // Translatable fields wrapped in ResourceTranslationsType
+            ->add('translations', ResourceTranslationsType::class, [
+                'entry_type' => CategoryTranslationType::class,
+            ])
+            // Non-translatable fields at root level
+            ->add('isoCode', TextType::class, [
+                'label' => 'app_iso_code',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'app_active',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_category';
+    }
+}
+```
+
+**PHP — Translation sub-type:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CategoryTranslationType extends AbstractResourceType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TextType::class, [
+                'label' => 'app_name',
+            ])
+            ->add('description', TextType::class, [
+                'label' => 'app_description',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_category_translation';
+    }
+}
+```
+
+**Frontend — Pass locale information:**
+
+```tsx
+import React, { useState } from 'react'
+import { SchemaForm } from '@coreshop/studio-form'
+
+interface CategoryDetail {
+  isoCode: string
+  active: boolean
+  translations: Record<string, { name: string; description: string }>
+}
+
+export const CategoryForm: React.FC<{
+  data: CategoryDetail
+  onChange: (data: Partial<CategoryDetail>) => void
+  locales: string[]
+}> = ({ data, onChange, locales }) => {
+  const [currentLocale, setCurrentLocale] = useState(locales[0] ?? 'en')
+
+  return (
+    <SchemaForm<CategoryDetail>
+      blockPrefix="app_category"
+      data={data}
+      onChange={onChange}
+      currentLocale={currentLocale}
+      locales={locales}
+    />
+  )
+}
+```
+
+`SchemaForm` detects the `translations` block prefix and renders:
+- A locale switcher with globe icon
+- Translation fields scoped to the selected locale
+- Non-translatable fields rendered normally outside the locale scope
+
+**How the data structure works:**
+
+```json
+{
+  "isoCode": "US",
+  "active": true,
+  "translations": {
+    "en": { "name": "Electronics", "description": "All electronics" },
+    "de": { "name": "Elektronik", "description": "Alle Elektronik" }
+  }
+}
+```
+
+**Real-world reference:** [CountryType.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/AddressBundle/Form/Type/CountryType.php)
+
+---
+
+## Category 2: Special Field Types
+
+### Example 4 — Pimcore Relations (PimcoreRelationType)
+
+Use `PimcoreRelationType` to create fields that reference Pimcore Data Objects. The widget renders Pimcore's native ManyToOneRelation / ManyToManyRelation picker.
+
+**PHP — FormType:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\StudioFormBundle\Form\Type\PimcoreRelationType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class FeaturedCategoriesConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            // Multiple Pimcore object relations
+            ->add('categories', PimcoreRelationType::class, [
+                'label' => 'app_condition_categories',
+                'relation_class' => 'CoreShopCategory',  // Pimcore class name
+                'multiple' => true,                       // Allow multiple selections
+            ])
+            ->add('recursive', CheckboxType::class, [
+                'label' => 'app_condition_recursive',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_featured_categories';
+    }
+}
+```
+
+The `relation_class` option is exposed through the schema as `extra.relation_class`. The CoreBundle registers a custom widget for the `coreshop_pimcore_relation` block prefix that renders a `PimcoreRelationWidget`:
+
+```typescript
+// Already registered by CoreBundle — you don't need to do this yourself.
+// Shown here for understanding:
+const registry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+registry.register('coreshop_pimcore_relation', (field) => ({
+  component: PimcoreRelationWidget,
+  props: {
+    relationClass: field.extra?.relation_class,
+    multiple: field.extra?.multiple ?? false,
+  },
+}))
+```
+
+**No frontend code needed** — just use `<SchemaForm blockPrefix="app_featured_categories" />` and the relation widget appears automatically.
+
+**Real-world reference:** [CategoriesConfigurationType.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CategoriesConfigurationType.php)
+
+---
+
+### Example 5 — Collection Fields (Dynamic Lists)
+
+`CollectionType` renders as a list with add/remove buttons. Each entry is a sub-form.
+
+**PHP — FormType:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class TagGroupType extends AbstractResourceType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TextType::class, [
+                'label' => 'app_name',
+            ])
+            // Dynamic list of text entries
+            ->add('tags', CollectionType::class, [
+                'label' => 'app_tags',
+                'entry_type' => TextType::class,
+                'allow_add' => true,
+                'allow_delete' => true,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_tag_group';
+    }
+}
+```
+
+The schema serializes the `prototype` field (the template for new entries). The frontend `CollectionWidget` uses it to render:
+- Existing entries as editable rows
+- An "Add" button that creates new entries from the prototype
+- A "Remove" button on each entry
+
+For more complex entries, use a custom sub-type as `entry_type`:
+
+```php
+->add('rules', CollectionType::class, [
+    'label' => 'app_rules',
+    'entry_type' => RuleEntryType::class,  // A FormType with multiple fields
+    'allow_add' => true,
+    'allow_delete' => true,
+])
+```
+
+**Real-world reference:** [CountryType.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/AddressBundle/Form/Type/CountryType.php) — uses `CollectionType` for `salutations`
+
+---
+
+### Example 6 — Numeric Fields
+
+`NumberType` and `IntegerType` render as `InputNumber` in Ant Design.
+
+**PHP — FormType:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+final class ExchangeRateType extends AbstractResourceType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('rate', NumberType::class, [
+                'label' => 'app_exchange_rate',
+                'required' => true,
+                'scale' => 10,  // Decimal precision
+            ])
+            ->add('fromCurrency', CurrencyChoiceType::class, [
+                'label' => 'app_from_currency',
+                'required' => true,
+            ])
+            ->add('toCurrency', CurrencyChoiceType::class, [
+                'label' => 'app_to_currency',
+                'required' => true,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_exchange_rate';
+    }
+}
+```
+
+The `required` option translates to an Ant Design validation rule. The `scale` option is passed through to control decimal precision.
+
+**Real-world reference:** [ExchangeRateType.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/CurrencyBundle/Form/Type/ExchangeRateType.php)
+
+---
+
+## Category 3: Layout and Structure
+
+### Example 7 — Grouping Fields in Sections (Schema Enricher)
+
+For forms with many fields, use a Schema Enricher to group fields into collapsible sections.
+
+**PHP — FormType (the form itself stays simple):**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class ShopSettingsType extends AbstractResourceType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        // General section
+        $builder->add('shopName', TextType::class, ['label' => 'app_shop_name']);
+        $builder->add('guestCheckout', CheckboxType::class, ['label' => 'app_guest_checkout']);
+
+        // Order section
+        $builder->add('orderPrefix', TextType::class, ['label' => 'app_order_prefix']);
+        $builder->add('orderSuffix', TextType::class, ['label' => 'app_order_suffix']);
+
+        // Invoice section
+        $builder->add('invoicePrefix', TextType::class, ['label' => 'app_invoice_prefix']);
+        $builder->add('invoiceSuffix', TextType::class, ['label' => 'app_invoice_suffix']);
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_shop_settings';
+    }
+}
+```
+
+**PHP — Schema Enricher (assigns fields to sections):**
+
+```php
+<?php
+
+namespace App\Form\Schema;
+
+use App\Form\Type\ShopSettingsType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\SectionSchema;
+
+final class ShopSettingsSchemaEnricher implements FormSchemaEnricherInterface
+{
+    // Map each field to its section
+    private const array FIELD_SECTIONS = [
+        'shopName' => 'general',
+        'guestCheckout' => 'general',
+        'orderPrefix' => 'order',
+        'orderSuffix' => 'order',
+        'invoicePrefix' => 'invoice',
+        'invoiceSuffix' => 'invoice',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === ShopSettingsType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        // Define sections with label, sort order, collapsible, defaultCollapsed
+        $schema->sections = [
+            new SectionSchema('general', 'app_general', 100, true, false),
+            new SectionSchema('order', 'app_order', 90, true, true),
+            new SectionSchema('invoice', 'app_invoice', 80, true, true),
+        ];
+
+        // Assign fields to their sections
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_SECTIONS[$field->name])) {
+                $field->section = self::FIELD_SECTIONS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}
+```
+
+**`SectionSchema` constructor parameters:**
+
+| Parameter | Type | Description |
+|---|---|---|
+| `$key` | `string` | Unique section identifier |
+| `$label` | `string` | Translation key for the section title |
+| `$order` | `int` | Sort priority (higher = first) |
+| `$collapsible` | `bool` | Whether the section can be collapsed |
+| `$defaultCollapsed` | `bool` | Whether the section starts collapsed |
+
+**Service registration:**
+
+```yaml
+services:
+    App\Form\Schema\ShopSettingsSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher, priority: 100 }
+```
+
+The frontend renders collapsible `<Collapse>` panels for each section, with fields grouped accordingly.
+
+**Real-world reference:** [StoreSettingsSchemaEnricher.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/CoreBundle/Form/Schema/StoreSettingsSchemaEnricher.php)
+
+---
+
+### Example 8 — Organizing Fields in Tabs (Schema Enricher)
+
+For complex entities, you can organize fields into tabs instead of (or in addition to) sections.
+
+**PHP — Schema Enricher with tabs:**
+
+```php
+<?php
+
+namespace App\Form\Schema;
+
+use App\Form\Type\ProductConfigType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\TabSchema;
+
+final class ProductConfigSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_TABS = [
+        'name' => 'general',
+        'sku' => 'general',
+        'active' => 'general',
+        'weight' => 'shipping',
+        'width' => 'shipping',
+        'height' => 'shipping',
+        'metaTitle' => 'seo',
+        'metaDescription' => 'seo',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === ProductConfigType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        // Define tabs with key, label, and sort order
+        $schema->tabs = [
+            new TabSchema('general', 'app_general', 100),
+            new TabSchema('shipping', 'app_shipping', 90),
+            new TabSchema('seo', 'app_seo', 80),
+        ];
+
+        // Assign fields to their tabs
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_TABS[$field->name])) {
+                $field->tab = self::FIELD_TABS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}
+```
+
+**`TabSchema` constructor parameters:**
+
+| Parameter | Type | Description |
+|---|---|---|
+| `$key` | `string` | Unique tab identifier |
+| `$label` | `string` | Translation key for the tab title |
+| `$order` | `int` | Sort priority (higher = first) |
+| `$widget` | `?string` | Optional custom widget for the tab content |
+
+---
+
+### Example 9 — Removing Fields from the Schema (Enricher)
+
+Sometimes a field exists in the Symfony FormType but should not appear in the auto-generated schema form. Common reason: the field is rendered in a dedicated custom tab or panel.
+
+**PHP — Schema Enricher that removes fields:**
+
+```php
+<?php
+
+namespace App\Form\Schema;
+
+use App\Form\Type\CarrierType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class CarrierSchemaEnricher implements FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === CarrierType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        // Remove 'shippingRules' — it's rendered in a dedicated tab by CarrierForm.
+        $schema->fields = array_values(
+            array_filter(
+                $schema->fields,
+                static fn ($field) => $field->name !== 'shippingRules',
+            ),
+        );
+
+        return $schema;
+    }
+}
+```
+
+**Why not just remove the field from the FormType?**
+
+The field is still needed for form submission and data binding. The enricher only removes it from the _schema_ (the JSON that drives the auto-generated UI), not from the actual Symfony form.
+
+**Removing multiple fields:**
+
+```php
+public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+{
+    $excluded = ['conditions', 'actions', 'type'];
+
+    $schema->fields = array_values(
+        array_filter(
+            $schema->fields,
+            static fn ($field) => !in_array($field->name, $excluded, true),
+        ),
+    );
+
+    return $schema;
+}
+```
+
+**Real-world references:**
+- [CarrierSchemaEnricher.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/ShippingBundle/Form/Schema/CarrierSchemaEnricher.php) — removes `shippingRules`
+- `NotificationRuleSchemaEnricher` — removes `conditions`, `actions`, `type`
+- `FilterSchemaEnricher` — removes `preConditions`, `conditions`
+
+---
+
+## Category 4: Frontend Customizations
+
+### Example 10 — Decorators: Make Fields Readonly
+
+Use `useFormSchema` with decorators to customize the schema-driven form without touching the backend.
+
+```typescript
+import React from 'react'
+import { useFormSchema, DynamicForm } from '@coreshop/studio-form'
+import { transformFieldDecorator } from '@coreshop/studio-form/src/form-builder'
+
+interface CountryDetail {
+  isoCode: string
+  name: string
+  active: boolean
+}
+
+export const CountryForm: React.FC<{
+  data: CountryDetail
+  onChange: (data: Partial<CountryDetail>) => void
+}> = ({ data, onChange }) => {
+  // Fetch schema and apply decorators
+  const { builder, loading, error } = useFormSchema<CountryDetail>('coreshop_country', [
+    // Make isoCode readonly after creation
+    {
+      name: 'readonly-iso-code',
+      decorator: transformFieldDecorator('isoCode', (field) => ({
+        ...field,
+        disabled: true,
+      })),
+    },
+  ])
+
+  if (loading) return <div>Loading...</div>
+  if (error || !builder) return <div>Error loading form</div>
+
+  // Build the config (decorators are applied in order)
+  const config = builder.build(data)
+
+  return <DynamicForm config={config} data={data} onChange={onChange} />
+}
+```
+
+`transformFieldDecorator(fieldName, transform)` finds a field by name and applies the transform function. You can change any field property:
+
+```typescript
+// Change label
+transformFieldDecorator('name', (f) => ({ ...f, label: 'Custom Label' }))
+
+// Make required
+transformFieldDecorator('email', (f) => ({ ...f, required: true }))
+```
+
+---
+
+### Example 11 — Decorators: Add, Remove, and Reorder Fields
+
+Decorators receive the full `FormBuilderConfig` and return a modified version. This lets you add, remove, or reorder fields on the client side.
+
+```typescript
+import React from 'react'
+import { useFormSchema, DynamicForm, type FormDecorator } from '@coreshop/studio-form/src/form-builder'
+
+// Decorator: remove a field
+const removeField = (fieldName: string): FormDecorator<any> => {
+  return {
+    name: `remove-${fieldName}`,
+    decorator: (config) => ({
+      ...config,
+      fields: config.fields.filter((f) => f.name !== fieldName),
+    }),
+  }
+}
+
+// Decorator: add a computed display-only field
+const addInfoField: FormDecorator<any> = {
+  name: 'add-info',
+  decorator: (config) => ({
+    ...config,
+    fields: [
+      ...config.fields,
+      {
+        name: '_info',
+        label: 'Info',
+        component: () => <div style={{ color: '#888' }}>This entity was auto-generated.</div>,
+      },
+    ],
+  }),
+}
+
+export const CustomizedForm: React.FC<{ data: any; onChange: (d: any) => void }> = ({
+  data,
+  onChange,
+}) => {
+  const { builder, loading } = useFormSchema('app_my_entity', [
+    removeField('internalNotes'),
+    addInfoField,
+  ])
+
+  if (loading || !builder) return null
+
+  return <DynamicForm config={builder.build(data)} data={data} onChange={onChange} />
+}
+```
+
+---
+
+### Example 12 — Register a Custom Widget
+
+The widget registry maps Symfony block prefixes to React components. Register your own widget for a custom block prefix.
+
+**PHP — FormType with custom block prefix:**
+
+```php
+<?php
+
+namespace App\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormInterface;
+use Symfony\Component\Form\FormView;
+
+final class ColorPickerType extends AbstractType
+{
+    public function buildView(FormView $view, FormInterface $form, array $options): void
+    {
+        // Pass extra data to the schema via form view vars
+        $view->vars['extra']['swatches'] = ['#ff0000', '#00ff00', '#0000ff', '#000000', '#ffffff'];
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_color_picker';
+    }
+}
+```
+
+**Frontend — Register the widget:**
+
+```typescript
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { widgetRegistryServiceId, type WidgetRegistry } from '@coreshop/studio-form'
+import { ColorPicker } from 'antd'
+
+// Register in your bundle's onInit or module onInit
+const registry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+registry.register('app_color_picker', (field) => ({
+  component: ({ value, onChange }) => (
+    <ColorPicker
+      value={value}
+      onChange={(color) => onChange(color.toHexString())}
+      presets={[{ label: 'Presets', colors: field.extra?.swatches ?? [] }]}
+    />
+  ),
+}))
+```
+
+Now any FormType field using `ColorPickerType` renders as an Ant Design `ColorPicker` with preset swatches.
+
+**Widget resolution order:** The registry checks block prefixes from most specific to least specific (following Symfony's prefix chain). So `app_color_picker` is checked before `text`.
+
+---
+
+## Category 5: Rule Engine Integration
+
+### Example 13 — Rule Condition/Action as Schema Form
+
+The most powerful pattern: add a new rule condition with **zero React code**. The PHP FormType + service tag is enough.
+
+**PHP — Condition FormType:**
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class MinimumWeightConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('minWeight', NumberType::class, [
+                'label' => 'app_condition_min_weight',
+                'required' => true,
+                'scale' => 2,
+            ])
+            ->add('unit', \Symfony\Component\Form\Extension\Core\Type\ChoiceType::class, [
+                'label' => 'app_weight_unit',
+                'choices' => [
+                    'Kilogram' => 'kg',
+                    'Gram' => 'g',
+                    'Pound' => 'lb',
+                ],
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_shipping_rule_condition_minimum_weight';
+    }
+}
+```
+
+**PHP — Service registration with `form-type` attribute:**
+
+```yaml
+services:
+    app.shipping_rule.condition.minimum_weight:
+        class: App\Rule\Condition\MinimumWeightChecker
+        tags:
+            - name: coreshop.shipping_rule.condition
+              type: minimumWeight
+              form-type: App\Form\Type\Rule\Condition\MinimumWeightConfigurationType
+```
+
+The key attributes:
+- `name`: The rule system tag (e.g., `coreshop.shipping_rule.condition`)
+- `type`: The condition type identifier used in the rule data
+- `form-type`: The FQCN of the configuration FormType
+
+**How it works behind the scenes:**
+
+1. The bundle's `build()` method registers a `RegisterFormTypesFromTagsPass`:
+   ```php
+   // In your bundle class
+   $container->addCompilerPass(
+       new RegisterFormTypesFromTagsPass('coreshop.shipping_rule.condition')
+   );
+   ```
+
+2. The compiler pass reads the `form-type` attribute from all tagged services and adds them to the `BlockPrefixFormTypeRegistry`.
+
+3. The `get-config` API endpoint returns a `conditionSchemaByType` map:
+   ```json
+   {
+     "conditionSchemaByType": {
+       "minimumWeight": "app_shipping_rule_condition_minimum_weight"
+     },
+     "schemas": {
+       "app_shipping_rule_condition_minimum_weight": {
+         "blockPrefix": "app_shipping_rule_condition_minimum_weight",
+         "fields": [...]
+       }
+     }
+   }
+   ```
+
+4. The frontend calls `registerSchemaComponentsFromConfig()` which auto-generates React components:
+   ```typescript
+   import { registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules/registry'
+
+   const config = await shippingRuleApi.getConfig()
+   registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, config)
+   ```
+
+**Result:** A fully functional condition form rendered from the PHP FormType — no React component needed.
+
+**Real-world references:**
+- [createSchemaRuleComponent.tsx](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/createSchemaRuleComponent.tsx)
+- [registerSchemaComponents.ts](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/registerSchemaComponents.ts)
+
+---
+
+### Example 14 — Cross-Bundle Extension (FormTypeExtension)
+
+Symfony's `FormTypeExtension` lets one bundle add fields to another bundle's form. This is how CoreBundle (which depends on all bundles) extends forms from independent bundles.
+
+**Scenario:** `ShippingBundle` defines `CarrierType`. `CoreBundle` (which depends on both `StoreBundle` and `TaxationBundle`) adds `stores` and `taxRule` fields.
+
+**PHP — FormTypeExtension in CoreBundle:**
+
+```php
+<?php
+
+namespace CoreShop\Bundle\CoreBundle\Form\Extension;
+
+use CoreShop\Bundle\ShippingBundle\Form\Type\CarrierType;
+use CoreShop\Bundle\StoreBundle\Form\Type\StoreChoiceType;
+use CoreShop\Bundle\TaxationBundle\Form\Type\TaxRuleGroupChoiceType;
+use Symfony\Component\Form\AbstractTypeExtension;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CarrierTypeExtension extends AbstractTypeExtension
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        // CoreBundle knows about StoreBundle → can add StoreChoiceType
+        $builder->add('stores', StoreChoiceType::class, [
+            'multiple' => true,
+            'priority' => 40,
+        ]);
+
+        // CoreBundle knows about TaxationBundle → can add TaxRuleGroupChoiceType
+        $builder->add('taxRule', TaxRuleGroupChoiceType::class, [
+            'priority' => 30,
+        ]);
+    }
+
+    public static function getExtendedTypes(): iterable
+    {
+        return [CarrierType::class];
+    }
+}
+```
+
+**Why this pattern exists:**
+
+```
+ShippingBundle (defines CarrierType)
+  ↕ has NO dependency on StoreBundle or TaxationBundle
+
+CoreBundle (depends on ALL bundles)
+  → adds 'stores' field (from StoreBundle) to CarrierType
+  → adds 'taxRule' field (from TaxationBundle) to CarrierType
+```
+
+The `priority` option controls field ordering. Higher priority = rendered first.
+
+**Frontend side:** No changes needed. The extended fields appear automatically in the schema because Symfony merges extensions into the form before the schema is generated.
+
+**Service registration:**
+
+```yaml
+services:
+    CoreShop\Bundle\CoreBundle\Form\Extension\CarrierTypeExtension:
+        tags:
+            - { name: form.type_extension }
+```
+
+**Real-world reference:** [CarrierTypeExtension.php](https://github.com/coreshop/CoreShop/blob/master/src/CoreShop/Bundle/CoreBundle/Form/Extension/CarrierTypeExtension.php)
+
+---
+
+## Category 6: Performance
+
+### Example 15 — Schema Caching with preSeedSchemaCache
+
+Rule systems can have many condition/action types. Without caching, each type triggers a separate HTTP request to fetch its schema. Use `preSeedSchemaCache` to load all schemas in one request.
+
+**Backend:** The `get-config` endpoint already returns all schemas embedded in the response:
+
+```json
+{
+  "conditions": ["amount", "voucher", "countries", "categories"],
+  "actions": ["discountPercent", "surchargePercent"],
+  "conditionSchemaByType": {
+    "amount": "coreshop_cart_price_rule_condition_amount",
+    "voucher": "coreshop_cart_price_rule_condition_voucher",
+    "countries": "coreshop_rule_condition_countries",
+    "categories": "coreshop_rule_condition_categories"
+  },
+  "schemas": {
+    "coreshop_cart_price_rule_condition_amount": { "blockPrefix": "...", "fields": [...] },
+    "coreshop_cart_price_rule_condition_voucher": { "blockPrefix": "...", "fields": [...] },
+    "coreshop_rule_condition_countries": { "blockPrefix": "...", "fields": [...] },
+    "coreshop_rule_condition_categories": { "blockPrefix": "...", "fields": [...] }
+  }
+}
+```
+
+**Frontend — Pre-seed the cache:**
+
+```typescript
+import { preSeedSchemaCache } from '@coreshop/studio-form'
+import { registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules/registry'
+
+// Fetch config once
+const config = await cartPriceRuleApi.getConfig()
+
+// Pre-seed schema cache — subsequent SchemaForm renders use cached data
+if (config.schemas) {
+  preSeedSchemaCache(config.schemas)
+}
+
+// Register schema components (uses createSchemaCondition/createSchemaAction internally)
+registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, config)
+```
+
+**What happens without `preSeedSchemaCache`:**
+
+```
+Rule editor opens
+  → Condition 1 renders → GET /schema/coreshop_rule_condition_countries
+  → Condition 2 renders → GET /schema/coreshop_rule_condition_categories
+  → Condition 3 renders → GET /schema/coreshop_cart_price_rule_condition_amount
+  → Action 1 renders    → GET /schema/coreshop_cart_price_rule_action_discount
+  ... (N requests for N types)
+```
+
+**What happens with `preSeedSchemaCache`:**
+
+```
+Rule editor opens
+  → GET /api/cart-price-rules/get-config  (1 request, all schemas included)
+  → preSeedSchemaCache(config.schemas)
+  → All SchemaForm renders → cache hit, zero additional requests
+```
+
+This is especially impactful when a rule has many conditions/actions expanded simultaneously.
+
+---
+
+## Quick Reference: What Goes Where
+
+| I want to... | PHP | Frontend |
+|---|---|---|
+| Simple entity form | `AbstractResourceType` + `coreshop.studio_form` tag | `<SchemaForm blockPrefix="..." />` |
+| Add choices | `ChoiceType` or entity `ChoiceType` | Automatic |
+| Add translations | `ResourceTranslationsType` | Pass `currentLocale` + `locales` |
+| Add Pimcore relations | `PimcoreRelationType` | Automatic (widget registered) |
+| Add dynamic lists | `CollectionType` with `allow_add`/`allow_delete` | Automatic |
+| Group fields in sections | `FormSchemaEnricherInterface` + `SectionSchema` | Automatic |
+| Group fields in tabs | `FormSchemaEnricherInterface` + `TabSchema` | Automatic |
+| Hide fields from schema | Enricher with `array_filter` | Automatic |
+| Make fields readonly | — | `transformFieldDecorator` |
+| Add/remove fields client-side | — | Custom decorator |
+| Custom widget for block prefix | Custom `AbstractType` with `getBlockPrefix()` | `WidgetRegistry.register()` |
+| New rule condition | `AbstractType` + service tag with `form-type` | `registerSchemaComponentsFromConfig()` |
+| Extend another bundle's form | `AbstractTypeExtension` | Automatic |
+| Avoid N+1 schema requests | Embed schemas in `get-config` response | `preSeedSchemaCache()` |
diff --git a/docs/03_Development/14_Studio/03_IndexBundle/01_Filters.md b/docs/03_Development/14_Studio/03_IndexBundle/01_Filters.md
new file mode 100644
index 0000000000..5deaba3c10
--- /dev/null
+++ b/docs/03_Development/14_Studio/03_IndexBundle/01_Filters.md
@@ -0,0 +1,318 @@
+# Filters in Studio v2
+
+Filters allow you to configure search and filtering capabilities for your indexed product data. They define which fields users can filter by in the frontend.
+
+## Overview
+
+The Filter system in CoreShop Studio v2 consists of:
+
+- **FilterManager**: Main UI component for managing filters
+- **Filter Settings**: Basic configuration (name, index, ordering, pagination)
+- **Pre-Conditions**: Backend filters that always apply
+- **User Conditions**: Frontend filters that users can interact with
+
+## Architecture
+
+### Schema-Driven Conditions
+
+Like all rule types in CoreShop, filter conditions are **schema-driven** — their forms are rendered automatically from PHP FormTypes. Only `NestedCondition` requires a hand-written React component (for recursive sub-condition rendering).
+
+All other condition types (range, select, multiselect, boolean, search) are auto-generated from their backend FormTypes via `registerFilterSchemaConditions`.
+
+### Components Structure
+
+```
+IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/
+├── FilterManager.tsx         # Main manager using EntityTabbedManager
+├── FilterDetail.tsx          # Tab container (Settings, Pre-Conditions, Conditions)
+├── api.ts                    # FilterApi extending EntityApi
+├── types.ts                  # TypeScript interfaces
+├── service-ids.ts            # DI container service IDs
+├── components/
+│   ├── SettingsForm.tsx      # Basic filter settings
+│   ├── ConditionsPanel.tsx   # Generic conditions panel
+│   ├── ConditionItem.tsx     # Individual condition renderer
+│   └── EmptyCondition.tsx    # Placeholder for unimplemented types
+└── conditions/
+    ├── ConditionRegistry.ts  # Registry for condition components
+    ├── NestedCondition.tsx   # Hand-written: recursive condition groups
+    └── index.ts              # Exports ConditionRegistry + NestedCondition
+```
+
+## API
+
+### FilterApi
+
+The FilterApi extends the ResourceBundle's EntityApi with filter-specific methods:
+
+```typescript
+import { filterApi } from './modules/filters/api'
+
+// Standard CRUD operations (from EntityApi)
+await filterApi.list()
+await filterApi.get(id)
+await filterApi.add(data)
+await filterApi.save(id, data)
+await filterApi.delete(id)
+await filterApi.clone(id)
+
+// Filter-specific methods
+const config = await filterApi.getConfig()
+// Returns: { success: true, pre_conditions: ['range', 'select', ...], user_conditions: [...] }
+
+const fields = await filterApi.getFieldsForIndex(indexId)
+// Returns: [{ name: 'price' }, { name: 'manufacturer' }, ...]
+
+const values = await filterApi.getValuesForFilterField(indexId, 'manufacturer')
+// Returns: [{ key: 1, value: 'Apple' }, { key: 2, value: 'Samsung' }, ...]
+```
+
+## Filter Model
+
+```typescript
+interface Filter {
+  id?: number
+  name: string
+  resultsPerPage?: number
+  orderDirection?: 'asc' | 'desc'
+  orderKey?: string
+  index?: number | null
+  preConditions?: FilterCondition[]
+  conditions?: FilterCondition[]
+}
+
+interface FilterCondition {
+  id?: number
+  type: string
+  field?: string
+  label?: string
+  quantityUnit?: number
+  configuration?: Record<string, any>
+  sort?: number
+}
+```
+
+## Condition Types
+
+All condition types below are schema-generated from PHP FormTypes. They don't have hand-written React components.
+
+### 1. Range Condition
+
+For numeric ranges like price, weight, etc.
+
+**Configuration:**
+- `field`: Index field to filter
+- `label`: Display label
+- `stepCount`: Number of slider steps
+- `preSelectMin`: Default minimum value
+- `preSelectMax`: Default maximum value
+- `quantityUnit`: Unit ID for quantity values
+
+**Use Case:** Price filter ($10 - $100), Weight filter (1kg - 10kg)
+
+### 2. Select Condition
+
+Single-select dropdown filter.
+
+**Configuration:**
+- `field`: Index field to filter
+- `label`: Display label
+- `preSelect`: Default selected value
+- `quantityUnit`: Unit ID
+
+**Use Case:** Single manufacturer selection, Single color selection
+
+### 3. Multiselect Condition
+
+Multiple-select dropdown filter.
+
+**Configuration:**
+- `field`: Index field to filter
+- `label`: Display label
+- `preSelects`: Array of default selected values
+- `quantityUnit`: Unit ID
+
+**Use Case:** Multiple manufacturers, Multiple colors
+
+### 4. Boolean Condition
+
+Yes/No checkbox filter.
+
+**Configuration:**
+- `field`: Index field to filter
+- `label`: Display label
+
+**Use Case:** In stock filter, New products filter, On sale filter
+
+### 5. Search Condition
+
+Full-text search across multiple fields.
+
+**Configuration:**
+- `fields`: Array of index fields to search
+- `label`: Display label
+- `name`: Input name attribute
+- `minLength`: Minimum query length
+- `quantityUnit`: Unit ID
+
+**Use Case:** Product name/description search
+
+### 6. Nested Condition (Hand-Written)
+
+Recursive container for grouping conditions. This is the **only** hand-written React component because it recursively renders sub-conditions with the registry.
+
+**Configuration:**
+- `label`: Display label for the group
+- `conditions`: Array of nested FilterCondition objects
+
+**Use Case:** Complex filter logic with grouped conditions
+
+## Registering Filter Conditions
+
+Conditions are registered in `main.ts` using separate registries for pre-conditions and user-conditions:
+
+```typescript
+import { container } from '@pimcore/studio-ui-bundle'
+import { ConditionRegistry, NestedCondition } from './modules/filters/conditions'
+import { serviceIds } from './modules/filters/service-ids'
+
+// Create and bind registries
+container.bind(serviceIds.preConditionRegistry).to(ConditionRegistry).inSingletonScope()
+container.bind(serviceIds.userConditionRegistry).to(ConditionRegistry).inSingletonScope()
+
+// Get registries
+const preConditionRegistry = container.get<ConditionRegistry>(serviceIds.preConditionRegistry)
+const userConditionRegistry = container.get<ConditionRegistry>(serviceIds.userConditionRegistry)
+
+// Register the only hand-written condition
+preConditionRegistry.register('nested', NestedCondition)
+userConditionRegistry.register('nested', NestedCondition)
+
+// All other conditions (range, select, multiselect, boolean, search) are registered
+// at runtime via registerFilterSchemaConditions() when FilterManager loads the config
+```
+
+## Custom Widgets
+
+IndexBundle provides custom widgets for filter-specific field selection:
+
+- `FilterFieldSelect` — select a single index field
+- `FilterFieldsMultiSelect` — select multiple index fields
+- `FilterValueSelect` — select a value from an index field
+- `FilterValueMultiSelect` — select multiple values from an index field
+
+These are registered in the StudioFormBundle WidgetRegistry and used by the schema-generated condition forms.
+
+## Creating Custom Condition Types
+
+### Schema-Driven (Preferred — No React Code)
+
+Create a PHP FormType and register with the `form-type` tag:
+
+```php
+<?php
+
+namespace App\Form\Type\Filter\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CustomConditionType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder->add('customValue', TextType::class, ['label' => 'Custom Value']);
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_filter_condition_custom';
+    }
+}
+```
+
+```yaml
+services:
+    app.filter.condition.custom:
+        class: App\Filter\Condition\CustomProcessor
+        tags:
+            - { name: coreshop.filter.condition_type, type: custom, form-type: App\Form\Type\Filter\Condition\CustomConditionType }
+```
+
+### Hand-Written (When Needed)
+
+For conditions needing custom UI (rare):
+
+```typescript
+// In your bundle's main.ts
+const preConditionRegistry = container.get<ConditionRegistry>(serviceIds.preConditionRegistry)
+const userConditionRegistry = container.get<ConditionRegistry>(serviceIds.userConditionRegistry)
+
+preConditionRegistry.register('myCustomCondition', MyCustomCondition)
+userConditionRegistry.register('myCustomCondition', MyCustomCondition)
+```
+
+## Widget Registration
+
+Filters are automatically available in the menu through the MenuBundle integration. The widget is registered in `main.ts`:
+
+```typescript
+import { FilterManager } from './modules/filters/FilterManager'
+
+// Register widget
+const widgetManager = container.get<WidgetRegistry>(pimcoreServiceIds.widgetManager)
+widgetManager.registerWidget({
+    name: 'coreshop-index-filter',
+    component: FilterManager
+})
+```
+
+**Important:** The widget name must match the backend menu configuration:
+
+**Backend (IndexMenuBuilder.php):**
+```php
+$menuItem
+    ->addChild('coreshop_filters')
+    ->setLabel('coreshop_filters')
+    ->setAttribute('permission', 'coreshop_permission_filter')
+    ->setAttribute('iconCls', 'coreshop_nav_icon_filters')
+    ->setAttribute('resource', 'coreshop.index')    // Resource name
+    ->setAttribute('function', 'filter')            // Function name
+;
+```
+
+The MenuBundle automatically creates the widget ID from: `{resource}-{function}` = `coreshop-index-filter`
+
+## Pre-Conditions vs User Conditions
+
+### Pre-Conditions
+- **Purpose**: Backend filters that always apply
+- **Visibility**: Not visible to frontend users
+- **Use Case**: Restrict to specific categories, exclude disabled products, apply store-specific filters
+
+### User Conditions
+- **Purpose**: Frontend filters users can interact with
+- **Visibility**: Visible as filter UI in frontend
+- **Use Case**: Price range, manufacturer selection, color filters, search
+
+Both use the same condition types and registry but serve different purposes in the filtering pipeline.
+
+## Best Practices
+
+1. **Index Selection**: Always select an index before adding conditions
+2. **Field Names**: Use exact index field names for filter fields
+3. **Labels**: Provide clear, user-friendly labels for all conditions
+4. **Pre-Select Values**: Use sparingly to guide users without restricting them
+5. **Nested Conditions**: Use for complex filter logic, but avoid excessive nesting
+6. **Quantity Units**: Set appropriate quantity units for measurements
+7. **Prefer schema-driven**: Use PHP FormTypes for new condition types
+
+## Future Enhancements
+
+Not yet implemented condition types (show EmptyCondition placeholder):
+- `category_select` / `category_multiselect`
+- `relational_select` / `relational_multiselect`
+- `select_from_multiselect`
+- `multiselect_from_multiselect`
+
+These will be implemented as needed based on backend support and requirements.
diff --git a/docs/03_Development/14_Studio/04_ProductBundle/01_Product_Price_Rules.md b/docs/03_Development/14_Studio/04_ProductBundle/01_Product_Price_Rules.md
new file mode 100644
index 0000000000..61b01edf08
--- /dev/null
+++ b/docs/03_Development/14_Studio/04_ProductBundle/01_Product_Price_Rules.md
@@ -0,0 +1,328 @@
+# Extending Product Price Rules in Pimcore Studio v2
+
+This guide explains how to extend Product Price Rules with custom Actions and Conditions in Pimcore Studio (React/TypeScript).
+
+## Overview
+
+Product Price Rules in CoreShop allow you to define dynamic pricing based on various conditions. The system consists of:
+
+- **Conditions**: Define when a price rule applies (e.g., customer group, time period, product category)
+- **Actions**: Define how the price is calculated (e.g., fixed price, percentage discount, amount discount)
+
+### Product Price Rules vs Product Specific Price Rules
+
+CoreShop has two types of product-related price rules:
+
+| Type | Scope | Use Case |
+|------|-------|----------|
+| **Product Price Rules** | Global rules applied to all matching products | "10% off all electronics for VIP customers" |
+| **Product Specific Price Rules** | Rules attached to individual products via Pimcore Data Object | "This specific laptop is 15% off until December" |
+
+Both rule types share the same conditions and actions, but differ in how they're managed.
+
+## Schema-Driven Forms (No Custom JS Needed)
+
+**Most product price rule conditions and actions no longer require custom React components.** The configuration forms are rendered automatically from PHP FormTypes via the StudioFormBundle.
+
+To add a new condition or action, you only need:
+
+1. A PHP FormType defining the configuration fields
+2. A service registration with the `form-type` attribute
+
+The frontend auto-generates the React form from the backend schema at runtime.
+
+### Adding a Custom Action (PHP Only)
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Action;
+
+use CoreShop\Bundle\CurrencyBundle\Form\Type\CurrencyChoiceType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CustomDiscountConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('discount', NumberType::class, [
+                'label' => 'app_action_discount',
+                'required' => true,
+                'scale' => 2,
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'app_currency',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_product_price_rule_action_custom_discount';
+    }
+}
+```
+
+```yaml
+services:
+    app.product_price_rule.action.custom_discount:
+        class: App\Rule\Action\CustomDiscountActionProcessor
+        tags:
+            - name: coreshop.product_price_rule.action
+              type: customDiscount
+              form-type: App\Form\Type\Rule\Action\CustomDiscountConfigurationType
+```
+
+**Done.** No React/TypeScript code needed. The action form renders automatically in the Product Price Rule editor.
+
+To also register for Product Specific Price Rules, add a second tag:
+
+```yaml
+            - name: coreshop.product_specific_price_rule.action
+              type: customDiscount
+              form-type: App\Form\Type\Rule\Action\CustomDiscountConfigurationType
+```
+
+### Adding a Custom Condition (PHP Only)
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class MinOrderQuantityConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('minQuantity', IntegerType::class, [
+                'label' => 'app_condition_min_quantity',
+            ])
+            ->add('maxQuantity', IntegerType::class, [
+                'label' => 'app_condition_max_quantity',
+                'required' => false,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_product_price_rule_condition_min_order_quantity';
+    }
+}
+```
+
+```yaml
+services:
+    app.product_price_rule.condition.min_order_quantity:
+        class: App\Rule\Condition\MinOrderQuantityChecker
+        tags:
+            - name: coreshop.product_price_rule.condition
+              type: minOrderQuantity
+              form-type: App\Form\Type\Rule\Condition\MinOrderQuantityConfigurationType
+```
+
+For the full schema-driven pattern explanation, see [StudioFormBundle Examples — Example 13](../02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+## Architecture
+
+### Separate Registries
+
+Each rule engine has **separate ConditionRegistry and ActionRegistry instances**:
+
+```typescript
+// ProductBundle creates its own registries
+container.bind(coreshopProductServiceIds.productPriceRuleConditionRegistry)
+    .to(ConditionRegistry).inSingletonScope()
+container.bind(coreshopProductServiceIds.productPriceRuleActionRegistry)
+    .to(ActionRegistry).inSingletonScope()
+
+// Separate registries for Product Specific Price Rules
+container.bind(coreshopProductServiceIds.productSpecificPriceRuleConditionRegistry)
+    .to(ConditionRegistry).inSingletonScope()
+container.bind(coreshopProductServiceIds.productSpecificPriceRuleActionRegistry)
+    .to(ActionRegistry).inSingletonScope()
+```
+
+### Bundle Responsibilities
+
+- **ProductBundle**: Creates registries; all condition/action forms are schema-driven from PHP FormTypes
+- **CoreBundle**: Registers `NestedCondition` (the only hand-written component) across all rule type registries
+- **Schema system**: Automatically generates and registers all other condition/action forms at runtime
+
+### Service IDs
+
+```typescript
+// src/CoreShop/Bundle/ProductBundle/.../service-ids.ts
+export const coreshopProductServiceIds = {
+  productPriceRuleConditionRegistry: Symbol.for('coreshop.product.product_price_rule.condition_registry'),
+  productPriceRuleActionRegistry: Symbol.for('coreshop.product.product_price_rule.action_registry'),
+  productSpecificPriceRuleConditionRegistry: Symbol.for('coreshop.product.product_specific_price_rule.condition_registry'),
+  productSpecificPriceRuleActionRegistry: Symbol.for('coreshop.product.product_specific_price_rule.action_registry')
+}
+```
+
+## Built-in Product Price Rule Components
+
+### Conditions (All schema-driven from PHP FormTypes)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `weight` | ProductBundle | Product weight range (min/max) |
+| `categories` | CoreBundle | Product categories |
+| `products` | CoreBundle | Specific products |
+| `customers` | CoreBundle | Specific customers |
+| `customerGroups` | CoreBundle | Customer groups |
+| `guest` | CoreBundle | Guest checkout |
+| `countries` | CoreBundle | Customer countries |
+| `zones` | CoreBundle | Geographic zones |
+| `stores` | CoreBundle | Store selection |
+| `currencies` | CoreBundle | Currency selection |
+| `quantity` | CoreBundle | Cart quantity range |
+| `not_combinable_with_cart_price_voucher_rule` | CoreBundle | Voucher exclusion |
+
+### Conditions (Hand-written — require custom JS)
+
+| Key | Source Bundle | Reason |
+|-----|-------------|--------|
+| `nested` | CoreBundle | Recursively renders sub-conditions with AND/OR logic |
+| `timespan` | CoreBundle | Uses custom date/time picker composition |
+
+### Actions (All schema-driven from PHP FormTypes)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `discountAmount` | ProductBundle | Fixed amount discount |
+| `discountPercent` | ProductBundle | Percentage discount |
+| `price` | ProductBundle | Fixed price override |
+| `discountPrice` | ProductBundle | Discounted fixed price |
+| `notDiscountableCustomAttributes` | ProductBundle | Marks products as non-discountable |
+
+## Hand-Written React Components (Rare)
+
+If your condition/action needs custom interactive behavior that cannot be expressed as a Symfony FormType, you can still write a React component:
+
+```typescript
+import React from 'react'
+import { Form, InputNumber } from 'antd'
+import type { ActionComponentProps } from '@coreshop/rule/src/rules'
+
+export const CustomDiscountAction: React.FC<ActionComponentProps> = ({
+  data,
+  onChange
+}) => {
+  return (
+    <Form layout="vertical">
+      <Form.Item label="Discount Amount">
+        <InputNumber
+          value={data.amount || 0}
+          onChange={(value) => onChange({ ...data, amount: value })}
+        />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+Register in your bundle's `main.ts` — hand-written components take priority over schema-generated ones:
+
+```typescript
+const actionRegistry = container.get<ActionRegistry>(
+    coreshopProductServiceIds.productPriceRuleActionRegistry
+)
+actionRegistry.register('customDiscount', CustomDiscountAction)
+```
+
+**Important: Data Handling** — Actions/conditions receive `data` as the configuration object directly, NOT `data.configuration`.
+
+## Backend Implementation
+
+### PHP Action Processor
+
+```php
+<?php
+
+namespace App\CoreShop\Action;
+
+use CoreShop\Component\Product\Rule\Action\ProductPriceActionProcessorInterface;
+use CoreShop\Component\Core\Model\ProductInterface;
+
+class CustomDiscountActionProcessor implements ProductPriceActionProcessorInterface
+{
+    public function getPrice(
+        ProductInterface $product,
+        array $context,
+        array $configuration
+    ): int {
+        $originalPrice = $product->getStorePrice($context['store']);
+        $discount = $configuration['discount'] ?? 0;
+
+        return max(0, $originalPrice - $discount);
+    }
+}
+```
+
+### Service Registration
+
+```yaml
+# config/services.yaml
+App\CoreShop\Action\CustomDiscountActionProcessor:
+  tags:
+    - { name: coreshop.product_price_rule.action, type: customDiscount, form-type: App\Form\Type\CustomDiscountType }
+```
+
+## File Structure
+
+```
+ProductBundle/Resources/assets/pimcore-studio/src/
+├── main.ts                              # Plugin entry, registry setup
+├── modules/
+│   ├── product-price-rules/
+│   │   ├── service-ids.ts               # Registry service IDs
+│   │   ├── types.ts                     # TypeScript types
+│   │   ├── api.ts                       # API client
+│   │   ├── ProductPriceRuleManager.tsx  # Main manager widget
+│   │   └── components/
+│   │       └── SettingsForm.tsx
+│   └── product-specific-price-rules/
+│       ├── types.ts
+│       ├── components/
+│       │   ├── SettingsForm.tsx
+│       │   └── ProductSpecificPriceRulesPanel.tsx
+│       └── index.ts
+├── components/
+│   ├── CategoryMultiSelect.tsx
+│   ├── ProductMultiSelect.tsx
+│   └── ProductUnitSelect.tsx
+└── dynamic-types/
+    ├── index.ts
+    └── DynamicTypeObjectDataCoreShopProductSpecificPriceRules.tsx
+```
+
+Note: There are no `conditions/` or `actions/` subdirectories — all condition/action forms are generated from PHP FormTypes at runtime.
+
+## Testing Your Extension
+
+1. **Clear the Symfony cache**: `docker compose exec php bin/console cache:clear`
+2. **Clear browser cache**: Hard refresh (Ctrl+Shift+R / Cmd+Shift+R)
+3. **Test the action/condition**:
+   - Navigate to CoreShop -> Product -> Product Price Rules
+   - Create a new rule
+   - Add your custom action/condition
+   - Verify the form displays correctly
+   - Save and verify the data persists
+
+## Best Practices
+
+1. **Prefer PHP FormTypes**: Use the schema-driven approach for all new conditions/actions
+2. **Use appropriate Symfony form types**: `ChoiceType` for selects, `NumberType` for numbers, `PimcoreRelationType` for Pimcore relations
+3. **Test with both rule types**: Ensure your extension works for both Product Price Rules and Product Specific Price Rules
+4. **Only write React for truly special UIs**: Recursive nesting, drag-and-drop, etc.
+5. **Test with the schema endpoint**: `GET /pimcore-studio/api/coreshop-studio-form/schema/{blockPrefix}` to verify your form generates correctly
diff --git a/docs/03_Development/14_Studio/04_ProductBundle/02_Quantity_Price_Rules.md b/docs/03_Development/14_Studio/04_ProductBundle/02_Quantity_Price_Rules.md
new file mode 100644
index 0000000000..aac5497438
--- /dev/null
+++ b/docs/03_Development/14_Studio/04_ProductBundle/02_Quantity_Price_Rules.md
@@ -0,0 +1,261 @@
+# Extending Quantity Price Rules in Pimcore Studio v2
+
+This guide explains how to extend Quantity Price Rules with custom Conditions in Pimcore Studio (React/TypeScript).
+
+## Overview
+
+Quantity Price Rules in CoreShop allow you to define tiered/volume-based pricing for products. Unlike other rule types, Quantity Price Rules use **ranges** instead of actions to define pricing.
+
+The system consists of:
+
+- **Conditions**: Define when a quantity price rule applies (e.g., customer group, time period)
+- **Ranges**: Define price tiers based on quantity (e.g., "10+ units = 10% discount")
+
+### Key Differences from Other Rule Types
+
+| Feature | Product/Cart Price Rules | Quantity Price Rules |
+|---------|-------------------------|---------------------|
+| Actions | Yes (discount, price, etc.) | No - uses Ranges instead |
+| Ranges | No | Yes (quantity tiers) |
+| Scope | Global or per-product | Per-product (Data Object field) |
+| UI | Separate manager | Inline in Data Object |
+
+## Schema-Driven Forms (No Custom JS Needed)
+
+**Quantity price rule conditions no longer require custom React components.** The configuration forms are rendered automatically from PHP FormTypes via the StudioFormBundle.
+
+To add a new condition, you only need:
+
+1. A PHP FormType defining the configuration fields
+2. A service registration with the `form-type` attribute
+
+The frontend auto-generates the React form from the backend schema at runtime.
+
+### Adding a Custom Condition (PHP Only)
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Condition;
+
+use CoreShop\Bundle\CurrencyBundle\Form\Type\CurrencyChoiceType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class MinCartValueConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('minValue', NumberType::class, [
+                'label' => 'app_condition_min_value',
+                'required' => true,
+                'scale' => 2,
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'app_currency',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_quantity_price_rule_condition_min_cart_value';
+    }
+}
+```
+
+```yaml
+services:
+    app.quantity_price_rule.condition.min_cart_value:
+        class: App\Rule\Condition\MinCartValueConditionChecker
+        tags:
+            - name: coreshop.product_quantity_price_rules.condition
+              type: minCartValue
+              form-type: App\Form\Type\Rule\Condition\MinCartValueConfigurationType
+```
+
+**Done.** No React/TypeScript code needed. The condition form renders automatically in the Quantity Price Rule editor.
+
+For the full schema-driven pattern explanation, see [StudioFormBundle Examples — Example 13](../02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+## Architecture
+
+### Condition Registry Only
+
+Quantity Price Rules only have a **ConditionRegistry** (no ActionRegistry):
+
+```typescript
+// ProductQuantityPriceRulesBundle creates only condition registry
+container.bind(coreshopQuantityPriceRulesServiceIds.conditionRegistry)
+    .to(ConditionRegistry)
+    .inSingletonScope()
+```
+
+### Bundle Responsibilities
+
+- **ProductQuantityPriceRulesBundle**: Creates the condition registry and UI components
+- **CoreBundle**: Registers `NestedCondition` (the only hand-written component)
+- **Schema system**: Automatically generates and registers all other condition forms at runtime
+
+### Service IDs
+
+```typescript
+// src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/.../service-ids.ts
+export const coreshopQuantityPriceRulesServiceIds = {
+  conditionRegistry: Symbol.for('coreshop.quantity_price_rules.condition_registry')
+}
+```
+
+## Data Structures
+
+### QuantityPriceRule
+
+```typescript
+interface QuantityPriceRule {
+  id?: number | null
+  name: string
+  calculationBehaviour: CalculationBehaviour
+  priority: number
+  active: boolean
+  conditions: RuleCondition[]
+  ranges: QuantityRange[]
+}
+```
+
+### QuantityRange
+
+```typescript
+interface QuantityRange {
+  id?: number | null
+  rangeStartingFrom: number           // Quantity threshold
+  pricingBehaviour: PricingBehaviour  // How price is calculated
+  unitDefinition?: number | null      // Product unit (if applicable)
+  amount?: number                     // Fixed amount (for amount-based behaviours)
+  percentage?: number                 // Percentage (for percent-based behaviours)
+  pseudoPrice?: number                // Strike-through price
+  currency?: number | null            // Currency for amount
+  highlighted?: boolean               // Mark as "best value"
+}
+```
+
+### Pricing Behaviours
+
+```typescript
+type PricingBehaviour =
+  | 'fixed'              // Fixed price
+  | 'percentage_decrease' // Reduce by percentage
+  | 'percentage_increase' // Increase by percentage
+  | 'amount_decrease'     // Reduce by fixed amount
+  | 'amount_increase'     // Increase by fixed amount
+```
+
+### Calculation Behaviours
+
+```typescript
+type CalculationBehaviour =
+  | 'volume'        // Volume-based pricing
+  | 'by_quantity'   // By quantity
+  | 'by_percentage' // By percentage
+  | 'by_price'      // By price
+```
+
+## Built-in Conditions
+
+### Conditions (All schema-driven from PHP FormTypes)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `categories` | CoreBundle | Product categories |
+| `products` | CoreBundle | Specific products |
+| `customers` | CoreBundle | Specific customers |
+| `customerGroups` | CoreBundle | Customer groups |
+| `guest` | CoreBundle | Guest checkout |
+| `countries` | CoreBundle | Customer countries |
+| `zones` | CoreBundle | Geographic zones |
+| `stores` | CoreBundle | Store selection |
+| `currencies` | CoreBundle | Currency selection |
+
+### Conditions (Hand-written — require custom JS)
+
+| Key | Source Bundle | Reason |
+|-----|-------------|--------|
+| `nested` | CoreBundle | Recursively renders sub-conditions with AND/OR logic |
+| `timespan` | CoreBundle | Uses custom date/time picker composition |
+
+## UI Components
+
+### QuantityPriceRulePanel
+
+Main panel for editing a single quantity price rule with three tabs:
+
+1. **Settings**: Name, calculation behaviour, priority, active status
+2. **Conditions**: Rule conditions using shared ConditionsPanel
+3. **Ranges**: Quantity-based price tiers
+
+### RangesPanel
+
+Editable grid for defining quantity ranges:
+
+- **Starting From**: Minimum quantity for this tier
+- **Calculation Behaviour**: How price is modified
+- **Unit**: Product unit (if product has unit definitions)
+- **Highlight**: Mark as "best value" tier
+- **Amount**: Fixed amount (for amount-based behaviours)
+- **Currency**: Currency for amount
+- **Percentage**: Percentage value (for percent-based behaviours)
+- **Pseudo Price**: Strike-through/original price display
+
+Features:
+- Add/remove ranges
+- Reorder ranges (move up/down)
+- Copy/paste ranges between rules
+- Conditional field editing based on pricing behaviour
+
+## Backend Implementation
+
+### PHP Condition Checker
+
+```php
+<?php
+
+namespace App\CoreShop\Condition;
+
+use CoreShop\Component\ProductQuantityPriceRules\Rule\Condition\QuantityRangeConditionCheckerInterface;
+use CoreShop\Component\ProductQuantityPriceRules\Model\ProductQuantityPriceRuleInterface;
+
+class MinCartValueConditionChecker implements QuantityRangeConditionCheckerInterface
+{
+    public function isValid(
+        ProductQuantityPriceRuleInterface $rule,
+        array $context,
+        array $configuration
+    ): bool {
+        $cartValue = $context['cart']?->getTotal() ?? 0;
+        $minValue = $configuration['minValue'] ?? 0;
+
+        return $cartValue >= $minValue;
+    }
+}
+```
+
+## Testing Your Extension
+
+1. **Clear the Symfony cache**: `docker compose exec php bin/console cache:clear`
+2. **Clear browser cache**: Hard refresh (Ctrl+Shift+R)
+3. **Test the condition**:
+   - Open a Product Data Object
+   - Find the Quantity Price Rules field
+   - Create a new rule
+   - Add your custom condition
+   - Verify the form displays correctly
+   - Save the Data Object and verify persistence
+
+## Best Practices
+
+1. **Prefer PHP FormTypes**: Use the schema-driven approach for all new conditions
+2. **Conditions Only**: Remember Quantity Price Rules don't have actions — pricing is defined via ranges
+3. **Unit Awareness**: If products have unit definitions, consider them in your conditions
+4. **Currency Handling**: For amount-based conditions, use `CurrencyChoiceType` which renders as a select automatically
+5. **Test with the schema endpoint**: `GET /pimcore-studio/api/coreshop-studio-form/schema/{blockPrefix}` to verify your form generates correctly
diff --git a/docs/03_Development/14_Studio/05_PaymentBundle/01_Payment_Provider_Rules.md b/docs/03_Development/14_Studio/05_PaymentBundle/01_Payment_Provider_Rules.md
new file mode 100644
index 0000000000..03d8050939
--- /dev/null
+++ b/docs/03_Development/14_Studio/05_PaymentBundle/01_Payment_Provider_Rules.md
@@ -0,0 +1,321 @@
+# Extending Payment Provider Rules in Pimcore Studio v2
+
+This guide explains how to extend Payment Provider Rules with custom Actions, Conditions, and Gateway Configurators in Pimcore Studio (React/TypeScript).
+
+## Overview
+
+Payment Provider Rules in CoreShop allow you to define conditions and price modifications for payment methods. The system consists of:
+
+- **Conditions**: Define when a payment rule applies (e.g., cart amount, customer group)
+- **Actions**: Define price modifications (e.g., surcharge, discount, fixed price)
+- **Gateway Configurators**: Define configuration UI for payment gateways (e.g., PayPal, Stripe)
+
+## Schema-Driven Forms (No Custom JS Needed)
+
+**Most payment provider rule conditions and actions no longer require custom React components.** The configuration forms are rendered automatically from PHP FormTypes via the StudioFormBundle.
+
+To add a new condition or action, you only need:
+
+1. A PHP FormType defining the configuration fields
+2. A service registration with the `form-type` attribute
+
+The frontend auto-generates the React form from the backend schema at runtime.
+
+### Adding a Custom Condition (PHP Only)
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class MinItemCountConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('minItems', IntegerType::class, [
+                'label' => 'app_condition_min_items',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_payment_provider_rule_condition_min_item_count';
+    }
+}
+```
+
+```yaml
+services:
+    app.payment_provider_rule.condition.min_item_count:
+        class: App\Rule\Condition\MinItemCountConditionChecker
+        tags:
+            - name: coreshop.payment_provider_rule.condition
+              type: minItemCount
+              form-type: App\Form\Type\Rule\Condition\MinItemCountConfigurationType
+```
+
+**Done.** No React/TypeScript code needed. The condition form renders automatically.
+
+### Adding a Custom Action (PHP Only)
+
+```php
+<?php
+
+namespace App\Form\Type\Rule\Action;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class PercentageSurchargeConfigurationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('percent', NumberType::class, [
+                'label' => 'app_action_surcharge_percent',
+                'required' => true,
+                'scale' => 2,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_payment_provider_rule_action_percentage_surcharge';
+    }
+}
+```
+
+```yaml
+services:
+    app.payment_provider_rule.action.percentage_surcharge:
+        class: App\Rule\Action\PercentageSurchargeActionProcessor
+        tags:
+            - name: coreshop.payment_provider_rule.action
+              type: percentageSurcharge
+              form-type: App\Form\Type\Rule\Action\PercentageSurchargeConfigurationType
+```
+
+For the full schema-driven pattern explanation, see [StudioFormBundle Examples — Example 13](../02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+## Architecture
+
+### Registry Structure
+
+PaymentBundle creates three registries:
+
+```typescript
+// Payment Provider Rule registries
+container.bind(coreshopPaymentServiceIds.paymentProviderRuleConditionRegistry)
+    .to(ConditionRegistry).inSingletonScope()
+container.bind(coreshopPaymentServiceIds.paymentProviderRuleActionRegistry)
+    .to(ActionRegistry).inSingletonScope()
+
+// Gateway configurator registry
+container.bind(coreshopPaymentServiceIds.gatewayConfiguratorRegistry)
+    .to(GatewayRegistry).inSingletonScope()
+```
+
+### Bundle Responsibilities
+
+- **PaymentBundle**: Creates registries; all condition/action forms are schema-driven from PHP FormTypes
+- **CoreBundle**: Registers `NestedCondition` (the only hand-written component) across all rule type registries
+- **Schema system**: Automatically generates and registers all other condition/action forms at runtime
+
+### Service IDs
+
+```typescript
+// src/CoreShop/Bundle/PaymentBundle/.../service-ids.ts
+export const coreshopPaymentServiceIds = {
+  paymentProviderRuleConditionRegistry: Symbol.for('coreshop.payment.payment_provider_rule.condition_registry'),
+  paymentProviderRuleActionRegistry: Symbol.for('coreshop.payment.payment_provider_rule.action_registry'),
+  gatewayConfiguratorRegistry: Symbol.for('coreshop.payment.gateway_configurator_registry')
+}
+```
+
+## Built-in Components
+
+### Conditions (All schema-driven from PHP FormTypes)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `amount` | PaymentBundle | Cart amount range (min/max, gross/net, total) |
+| `paymentProviderRule` | PaymentBundle | Reference another payment provider rule |
+| `carriers` | CoreBundle | Selected shipping carriers |
+| `categories` | CoreBundle | Product categories in cart |
+| `countries` | CoreBundle | Customer/billing country |
+| `currencies` | CoreBundle | Order currency |
+| `customerGroups` | CoreBundle | Customer groups |
+| `customers` | CoreBundle | Specific customers |
+| `guest` | CoreBundle | Guest checkout |
+| `products` | CoreBundle | Specific products in cart |
+| `stores` | CoreBundle | Store selection |
+| `zones` | CoreBundle | Geographic zones |
+
+### Conditions (Hand-written — require custom JS)
+
+| Key | Source Bundle | Reason |
+|-----|-------------|--------|
+| `nested` | CoreBundle | Recursively renders sub-conditions with AND/OR logic |
+| `timespan` | CoreBundle | Uses custom date/time picker composition |
+
+### Actions (All schema-driven from PHP FormTypes)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `additionPercent` | PaymentBundle | Add percentage surcharge |
+| `additionAmount` | PaymentBundle | Add fixed amount surcharge |
+| `discountPercent` | PaymentBundle | Percentage discount |
+| `discountAmount` | CoreBundle | Fixed amount discount |
+| `price` | PaymentBundle | Fixed price override |
+| `paymentProviderRule` | PaymentBundle | Apply another payment provider rule |
+
+## Gateway Configurators
+
+Gateway configurators provide custom configuration UI for payment gateways (PayPal, Stripe, etc.). These still use hand-written React components because they are not part of the rule system.
+
+### Creating a Custom Gateway Configurator
+
+```typescript
+import React from 'react'
+import { Form, Input, Switch } from 'antd'
+import type { GatewayConfiguratorProps } from '@coreshop/payment/src/modules/payment-providers/gateways'
+
+export const StripeConfigurator: React.FC<GatewayConfiguratorProps> = ({
+  config,
+  onChange
+}) => {
+  const [form] = Form.useForm()
+
+  React.useEffect(() => {
+    form.setFieldsValue(config ?? {})
+  }, [config])
+
+  return (
+    <Form
+      form={form}
+      layout="vertical"
+      onValuesChange={(_, allValues) => {
+        onChange(allValues)
+      }}
+    >
+      <Form.Item label="Publishable Key" name="publishable_key" rules={[{ required: true }]}>
+        <Input placeholder="pk_live_..." />
+      </Form.Item>
+      <Form.Item label="Secret Key" name="secret_key" rules={[{ required: true }]}>
+        <Input.Password placeholder="sk_live_..." />
+      </Form.Item>
+      <Form.Item label="Sandbox Mode" name="sandbox" valuePropName="checked">
+        <Switch />
+      </Form.Item>
+    </Form>
+  )
+}
+```
+
+### Registering a Gateway Configurator
+
+```typescript
+import { GatewayRegistry } from '@coreshop/payment/src/modules/payment-providers/gateways'
+import { coreshopPaymentServiceIds } from '@coreshop/payment/src/modules/payment-provider-rules/service-ids'
+
+const gatewayRegistry = container.get<GatewayRegistry>(
+    coreshopPaymentServiceIds.gatewayConfiguratorRegistry
+)
+
+// Register with the factory name (lowercase)
+gatewayRegistry.register('stripe', StripeConfigurator)
+```
+
+### Built-in Gateway Configurators
+
+| Factory Name | Description |
+|--------------|-------------|
+| `paypal_express_checkout` | PayPal Express settings |
+| `sofort` | Sofort/Klarna settings |
+
+## Backend Implementation
+
+### PHP Condition Checker
+
+```php
+<?php
+
+namespace App\CoreShop\Condition;
+
+use CoreShop\Component\Payment\Rule\Condition\PaymentConditionCheckerInterface;
+use CoreShop\Component\Order\Model\CartInterface;
+use CoreShop\Component\Payment\Model\PaymentProviderInterface;
+
+class MinItemCountConditionChecker implements PaymentConditionCheckerInterface
+{
+    public function isValid(
+        PaymentProviderInterface $paymentProvider,
+        CartInterface $cart,
+        array $configuration
+    ): bool {
+        $minItems = $configuration['minItems'] ?? 1;
+        $itemCount = count($cart->getItems());
+
+        return $itemCount >= $minItems;
+    }
+}
+```
+
+### PHP Action Processor
+
+```php
+<?php
+
+namespace App\CoreShop\Action;
+
+use CoreShop\Component\Payment\Rule\Action\PaymentPriceActionProcessorInterface;
+
+class PercentageSurchargeActionProcessor implements PaymentPriceActionProcessorInterface
+{
+    public function getPrice(
+        $paymentProvider,
+        $cart,
+        int $price,
+        array $configuration
+    ): int {
+        $percent = $configuration['percent'] ?? 0;
+        $surcharge = (int) round($price * ($percent / 100));
+
+        return $price + $surcharge;
+    }
+}
+```
+
+## Testing Your Extension
+
+1. **Clear the Symfony cache**: `docker compose exec php bin/console cache:clear`
+2. **Clear browser cache**: Hard refresh (Ctrl+Shift+R)
+3. **Test conditions/actions**:
+   - Navigate to CoreShop -> Payment -> Payment Provider Rules
+   - Create a new rule
+   - Add your custom condition/action
+   - Verify the form displays correctly
+   - Save and verify persistence
+
+4. **Test gateway configurator**:
+   - Navigate to CoreShop -> Payment -> Payment Providers
+   - Create/edit a payment provider
+   - Select your gateway type
+   - Verify the configuration form displays
+   - Save and verify persistence
+
+## Best Practices
+
+1. **Prefer PHP FormTypes**: Use the schema-driven approach for all new conditions/actions
+2. **Gateway configurators still need React**: They are not part of the rule system
+3. **Cache API calls**: Implement module-level caching for select options in hand-written components
+4. **Secure gateway credentials**: Use `Input.Password` for sensitive fields in gateway configurators
+5. **Test with multiple payment providers**: Ensure rules work across different providers
diff --git a/docs/03_Development/14_Studio/06_OrderBundle/01_Order_Cart_Quote_System.md b/docs/03_Development/14_Studio/06_OrderBundle/01_Order_Cart_Quote_System.md
new file mode 100644
index 0000000000..af9c30aa6f
--- /dev/null
+++ b/docs/03_Development/14_Studio/06_OrderBundle/01_Order_Cart_Quote_System.md
@@ -0,0 +1,552 @@
+# Order/Cart/Quote System in Pimcore Studio v2
+
+This guide explains the Sales (Order/Cart/Quote) management system in CoreShop Studio v2, including how to extend tabs, modal fields, and the order creation wizard.
+
+## Overview
+
+CoreShop provides a unified system for managing Orders, Carts, and Quotes (collectively called "Sales"). The system consists of:
+
+- **Sale Lists**: Searchable/filterable listings for Orders, Carts, Quotes
+- **Sale Detail Views**: Tabbed interface showing all sale information
+- **Tab Registry**: Extensible system for adding custom tabs/panels
+- **Modal Field Extensions**: Add fields to action modals (Create Payment, Create Shipment, etc.)
+- **Order Creation Wizard**: Multi-step wizard for creating orders from the backend
+
+## Architecture
+
+### Sale Types
+
+```typescript
+export type SaleType = 'order' | 'cart' | 'quote'
+```
+
+| Type | Description | Features |
+|------|-------------|----------|
+| `order` | Completed/processing orders | Payments, Shipments, Invoices, State management |
+| `cart` | Shopping carts | Can be converted to orders |
+| `quote` | Price quotes | Can be converted to orders |
+
+### Service IDs
+
+```typescript
+// src/CoreShop/Bundle/OrderBundle/.../service-ids.ts
+export const serviceIds = {
+  saleTabRegistry: Symbol.for('coreshop.order.sale_tab_registry'),
+  orderApi: Symbol.for('coreshop.order.order_api'),
+  cartApi: Symbol.for('coreshop.order.cart_api'),
+  quoteApi: Symbol.for('coreshop.order.quote_api'),
+}
+
+// Extension service IDs
+export const extensionServiceIds = {
+  modalFieldExtensionRegistry: Symbol.for('coreshop.order.modal_field_extension_registry')
+}
+
+// Order creation service IDs
+export const orderCreationServiceIds = {
+  stepRegistry: Symbol.for('coreshop.order.order_creation_step_registry')
+}
+```
+
+## Sale Tab Registry
+
+The Sale Tab Registry allows bundles to register custom tabs that display in the sale detail view.
+
+### Tab Structure
+
+```typescript
+export interface SaleTab {
+  key: string                           // Unique identifier
+  label: string                         // Display label
+  icon?: string                         // Optional icon
+  priority: number                      // Lower = displayed first
+  position: BlockPosition               // 'top' | 'left' | 'right' | 'bottom'
+  types: SaleType[]                     // Which sale types show this tab
+  component: React.ComponentType<SaleTabProps>
+  toolbarButtons?: React.ComponentType[]  // Optional toolbar buttons
+}
+```
+
+### Layout Positions
+
+The detail view uses a grid layout:
+
+```
++------------------------------------------+
+|               TOP (header)               |
++------------------------------------------+
+|           |                   |          |
+|   LEFT    |      CENTER       |  RIGHT   |
+| (payment, |     (content)     |(customer,|
+| shipment, |                   | comments)|
+| invoice)  |                   |          |
+|           |                   |          |
++------------------------------------------+
+|              BOTTOM (detail)             |
++------------------------------------------+
+```
+
+### Built-in Tabs
+
+| Key | Position | Types | Priority | Description |
+|-----|----------|-------|----------|-------------|
+| `header` | top | all | 10 | Order header with states and summary |
+| `info` | left | all | 10 | Carrier and payment provider info |
+| `payment` | left | order | 20 | Payment management |
+| `shipment` | left | order | 30 | Shipment management |
+| `invoice` | left | order | 40 | Invoice management |
+| `customer` | right | all | 10 | Customer information |
+| `comments` | right | order, quote | 20 | Order comments |
+| `correspondence` | right | order | 30 | Email correspondence |
+| `detail` | bottom | all | 10 | Products/items table |
+
+### Adding a Custom Tab
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CustomTab.tsx
+
+import React from 'react'
+import { Card, Table } from 'antd'
+import { useTranslation } from 'react-i18next'
+import type { SaleTabProps } from '@coreshop/order/src/modules/sales/registry'
+import { useSaleContext } from '@coreshop/order/src/modules/sales/context/SaleActionsContext'
+
+export const CustomTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale, onReload } = useSaleContext()
+
+  if (!sale) return null
+
+  return (
+    <Card title={t('coreshop_custom_tab', { defaultValue: 'Custom Data' })}>
+      {/* Your custom content */}
+      <Table
+        dataSource={(sale as any).customData || []}
+        columns={[
+          { title: 'Field', dataIndex: 'field' },
+          { title: 'Value', dataIndex: 'value' }
+        ]}
+        pagination={false}
+        size="small"
+      />
+    </Card>
+  )
+}
+```
+
+### Registering the Tab
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { SaleTabRegistry } from '@coreshop/order/src/modules/sales/registry'
+import { serviceIds } from '@coreshop/order/src/modules/sales/service-ids'
+import { CustomTab } from './modules/sales/tabs/CustomTab'
+
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle',
+
+    onInit() {
+        const tabRegistry = container.get<SaleTabRegistry>(serviceIds.saleTabRegistry)
+
+        tabRegistry.register('custom', {
+            key: 'custom',
+            label: 'Custom Data',
+            priority: 50,           // After invoice tab
+            position: 'left',       // Left column
+            types: ['order'],       // Only for orders
+            component: CustomTab
+        })
+    }
+}
+
+export default plugin
+```
+
+### Using the Sale Context
+
+Tabs should use the `useSaleContext()` hook to access sale data:
+
+```typescript
+import { useSaleContext } from '@coreshop/order/src/modules/sales/context/SaleActionsContext'
+
+const {
+  sale,           // Current sale data
+  onReload,       // Function to reload sale data
+  isActionOpen,   // Check if an action modal is open
+  openAction,     // Open an action modal
+  closeAction,    // Close an action modal
+  buttonRegistry  // Register toolbar buttons
+} = useSaleContext()
+```
+
+### Adding Toolbar Buttons
+
+Tabs can dynamically register toolbar buttons:
+
+```typescript
+export const CustomTab: React.FC<SaleTabProps> = () => {
+  const { sale, buttonRegistry, openAction } = useSaleContext()
+
+  React.useEffect(() => {
+    // Register button when tab mounts
+    buttonRegistry.add('customAction', CustomActionButton, 50)
+
+    // Cleanup on unmount
+    return () => buttonRegistry.remove('customAction')
+  }, [buttonRegistry])
+
+  // ... tab content
+}
+```
+
+## Modal Field Extensions
+
+Modal Field Extensions allow bundles to inject additional fields into action modals.
+
+### Architecture
+
+```typescript
+export interface ModalFieldExtension {
+  (props: any): React.ReactNode
+}
+
+export class ModalFieldExtensionRegistry {
+  register(modalKey: string, extension: ModalFieldExtension): void
+  getFields(modalKey: string, props: any): React.ReactNode[]
+  hasExtensions(modalKey: string): boolean
+}
+```
+
+### Available Modal Keys
+
+| Key | Modal | Description |
+|-----|-------|-------------|
+| `create-shipment` | CreateShipmentModal | Create new shipment |
+| `create-payment` | CreatePaymentModal | Create new payment |
+| `create-invoice` | CreateInvoiceModal | Create new invoice |
+
+### Adding Modal Fields
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/modules/sales/extensions/CustomExtension.tsx
+
+import React from 'react'
+import { Form, Input } from 'antd'
+import { container } from '@pimcore/studio-ui-bundle'
+import { ModalFieldExtensionRegistry } from '@coreshop/order/src/modules/sales/extensions'
+import { extensionServiceIds } from '@coreshop/order/src/modules/sales/extensions/service-ids'
+
+// Extension component - receives form instance and onChange
+const TrackingNumberExtension: React.FC<{
+  form: any
+  onChange: (values: any) => void
+}> = ({ form, onChange }) => {
+  return (
+    <Form.Item
+      label="Tracking Number"
+      name="trackingNumber"
+    >
+      <Input
+        placeholder="Enter tracking number"
+        onChange={(e) => onChange({ trackingNumber: e.target.value })}
+      />
+    </Form.Item>
+  )
+}
+
+// Registration
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle',
+
+    onInit() {
+        const registry = container.get<ModalFieldExtensionRegistry>(
+            extensionServiceIds.modalFieldExtensionRegistry
+        )
+
+        // Add field to create-shipment modal
+        registry.register('create-shipment', (props) => (
+            <TrackingNumberExtension {...props} />
+        ))
+    }
+}
+```
+
+## Order Creation Wizard
+
+The Order Creation Wizard provides a multi-step interface for creating orders from the backend.
+
+### Step Structure
+
+```typescript
+export interface OrderCreationStepConfig {
+  key: string
+  title: string
+  icon?: React.ReactNode
+  priority: number  // Lower = earlier in wizard
+  component: React.ComponentType<OrderCreationStepProps>
+  validate?: (data: OrderCreationData) => Promise<boolean> | boolean
+}
+
+export interface OrderCreationStepProps {
+  data: OrderCreationData
+  onChange: (updates: Partial<OrderCreationData>) => void
+  onNext: () => void
+  onPrev: () => void
+}
+```
+
+### Built-in Steps
+
+| Key | Priority | Description |
+|-----|----------|-------------|
+| `base` | 10 | Customer selection, store, currency, language |
+| `products` | 20 | Product selection and quantity |
+| `totals` | 30 | Order summary and totals |
+
+### Adding a Custom Step
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/ShippingStep.tsx
+
+import React from 'react'
+import { Card, Form, Select } from 'antd'
+import type { OrderCreationStepProps } from '@coreshop/order/src/modules/order-creation/types'
+
+export const ShippingStep: React.FC<OrderCreationStepProps> = ({
+  data,
+  onChange
+}) => {
+  return (
+    <Card title="Shipping Options">
+      <Form layout="vertical">
+        <Form.Item label="Shipping Method">
+          <Select
+            value={data.shippingMethod}
+            onChange={(value) => onChange({ shippingMethod: value })}
+            options={[
+              { value: 'standard', label: 'Standard Shipping' },
+              { value: 'express', label: 'Express Shipping' }
+            ]}
+          />
+        </Form.Item>
+      </Form>
+    </Card>
+  )
+}
+
+export const ShippingStepConfig: OrderCreationStepConfig = {
+  key: 'shipping',
+  title: 'Shipping',
+  priority: 25,  // Between products and totals
+  component: ShippingStep,
+  validate: (data) => !!data.shippingMethod
+}
+```
+
+### Registering the Step
+
+```typescript
+import { OrderCreationStepRegistry } from '@coreshop/order/src/modules/order-creation/registry'
+import { orderCreationServiceIds } from '@coreshop/order/src/modules/order-creation/service-ids'
+import { ShippingStepConfig } from './modules/order-creation/steps/ShippingStep'
+
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle',
+
+    onInit() {
+        const stepRegistry = container.get<OrderCreationStepRegistry>(
+            orderCreationServiceIds.stepRegistry
+        )
+
+        stepRegistry.register('shipping', ShippingStepConfig)
+    }
+}
+```
+
+## Cart Price Rules Integration
+
+The OrderBundle also includes Cart Price Rules with a full condition/action system.
+
+**Most cart price rule conditions and actions are schema-driven** — their forms are rendered automatically from PHP FormTypes via the StudioFormBundle. No custom React components are needed for standard conditions/actions.
+
+### Service IDs
+
+```typescript
+export const coreshopOrderServiceIds = {
+  cartPriceRuleConditionRegistry: Symbol.for('coreshop.order.cart_price_rule.condition_registry'),
+  cartPriceRuleActionRegistry: Symbol.for('coreshop.order.cart_price_rule.action_registry'),
+  cartItemConditionRegistry: Symbol.for('coreshop.order.cart_item.condition_registry'),
+  cartItemActionRegistry: Symbol.for('coreshop.order.cart_item.action_registry')
+}
+```
+
+### Built-in Conditions (All schema-driven from PHP FormTypes)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `amount` | OrderBundle | Cart amount range |
+| `voucher` | OrderBundle | Voucher code required |
+| `not_combinable` | OrderBundle | Cannot combine with other rules |
+| `categories` | CoreBundle | Product categories |
+| `products` | CoreBundle | Specific products |
+| `customers` | CoreBundle | Specific customers |
+| `customerGroups` | CoreBundle | Customer groups |
+| `guest` | CoreBundle | Guest checkout |
+| `countries` | CoreBundle | Customer countries |
+| `zones` | CoreBundle | Geographic zones |
+| `stores` | CoreBundle | Store selection |
+| `currencies` | CoreBundle | Currency selection |
+| `carriers` | CoreBundle | Shipping carriers |
+
+### Conditions (Hand-written — require custom JS)
+
+| Key | Source Bundle | Reason |
+|-----|-------------|--------|
+| `nested` | CoreBundle | Recursively renders sub-conditions with AND/OR logic |
+| `timespan` | CoreBundle | Uses custom date/time picker composition |
+
+### Built-in Actions (Schema-driven)
+
+| Key | Source Bundle | Description |
+|-----|-------------|-------------|
+| `surchargePercent` | OrderBundle | Add percentage surcharge |
+| `surchargeAmount` | OrderBundle | Add fixed surcharge |
+| `discountAmount` | CoreBundle | Fixed amount discount |
+| `discountPercent` | CoreBundle | Percentage discount |
+| `giftProduct` | CoreBundle | Free gift product |
+| `freeShipping` | CoreBundle | Free shipping |
+
+### Actions (Hand-written — require custom JS)
+
+| Key | Source Bundle | Reason |
+|-----|-------------|--------|
+| `cartItemAction` | OrderBundle | Renders nested cart-item condition/action panels |
+
+### Adding Custom Conditions/Actions
+
+New cart price rule conditions/actions only require a PHP FormType and service tag — no React code needed. See [StudioFormBundle Examples — Example 13](../02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+## File Structure
+
+```
+OrderBundle/Resources/assets/pimcore-studio/src/
+├── main.ts                              # Plugin entry point
+├── modules/
+│   ├── icon-library/
+│   │   └── index.ts
+│   ├── cart-price-rules/
+│   │   ├── service-ids.ts               # Registry service IDs
+│   │   ├── types.ts
+│   │   ├── api.ts
+│   │   ├── CartPriceRuleManager.tsx
+│   │   ├── CartPriceRuleFormBuilder.ts
+│   │   ├── form-builder-module.ts
+│   │   ├── components/
+│   │   │   ├── SettingsForm.tsx
+│   │   │   └── VoucherCodesPanel.tsx
+│   │   ├── conditions/
+│   │   │   └── index.ts                 # All conditions are schema-generated
+│   │   ├── actions/
+│   │   │   ├── CartItemAction.tsx       # Hand-written (nested panels)
+│   │   │   └── index.ts
+│   │   └── cart-item/                   # Nested cart item rules
+│   │       ├── CartItemConditionItem.tsx
+│   │       ├── CartItemActionItem.tsx
+│   │       ├── CartItemConditionsPanel.tsx
+│   │       └── CartItemActionsPanel.tsx
+│   ├── sales/
+│   │   ├── index.ts
+│   │   ├── service-ids.ts
+│   │   ├── types.ts
+│   │   ├── OrderList.tsx
+│   │   ├── CartList.tsx
+│   │   ├── QuoteList.tsx
+│   │   ├── OrderDetailWidget.tsx
+│   │   ├── CartDetailWidget.tsx
+│   │   ├── QuoteDetailWidget.tsx
+│   │   ├── SaleDetail.tsx               # Main detail component
+│   │   ├── SaleEditorTabs.tsx
+│   │   ├── SaleWidgetRestorer.ts
+│   │   ├── registry/
+│   │   │   ├── SaleTabRegistry.ts
+│   │   │   └── ComponentRegistry.ts
+│   │   ├── extensions/
+│   │   │   ├── ModalFieldExtensionRegistry.ts
+│   │   │   ├── service-ids.ts
+│   │   │   └── index.ts
+│   │   ├── context/
+│   │   │   ├── SaleActionsContext.tsx
+│   │   │   └── ButtonRegistry.tsx
+│   │   ├── hooks/
+│   │   │   ├── useSaleHelper.ts
+│   │   │   └── useDetailEditMode.ts
+│   │   ├── tabs/
+│   │   │   ├── HeaderTab.tsx
+│   │   │   ├── InfoTab.tsx
+│   │   │   ├── PaymentTab.tsx
+│   │   │   ├── ShipmentTab.tsx
+│   │   │   ├── InvoiceTab.tsx
+│   │   │   ├── CustomerTab.tsx
+│   │   │   ├── CommentsTab.tsx
+│   │   │   ├── CorrespondenceTab.tsx
+│   │   │   └── DetailTab.tsx
+│   │   ├── components/
+│   │   │   ├── SaleToolbar.tsx
+│   │   │   ├── CreatePaymentButton.tsx
+│   │   │   ├── CreatePaymentModal.tsx
+│   │   │   ├── CreateShipmentButton.tsx
+│   │   │   ├── CreateShipmentModal.tsx
+│   │   │   ├── CreateInvoiceButton.tsx
+│   │   │   ├── CreateInvoiceModal.tsx
+│   │   │   ├── StateChangeModal.tsx
+│   │   │   ├── InvoiceDetailModal.tsx
+│   │   │   └── ShipmentDetailModal.tsx
+│   │   ├── events/
+│   │   │   ├── DetailEvents.ts
+│   │   │   ├── PaymentEvents.ts
+│   │   │   ├── ShipmentEvents.ts
+│   │   │   └── InvoiceEvents.ts
+│   │   └── listing-builders/
+│   │       └── index.ts
+│   └── order-creation/
+│       ├── index.ts
+│       ├── service-ids.ts
+│       ├── types.ts
+│       ├── api.ts
+│       ├── registry/
+│       │   └── OrderCreationStepRegistry.ts
+│       ├── context/
+│       │   └── OrderCreationContext.tsx
+│       ├── components/
+│       │   ├── OrderCreationPanel.tsx
+│       │   ├── CustomerSelector.tsx
+│       │   └── index.ts
+│       └── steps/
+│           ├── BaseStep.tsx
+│           ├── ProductsStep.tsx
+│           ├── TotalsStep.tsx
+│           └── index.ts
+└── dynamic-types/
+    └── DynamicTypeObjectDataCoreShopCartPriceRule.tsx
+```
+
+## Best Practices
+
+1. **Use SaleContext**: Always use `useSaleContext()` hook in tabs instead of props
+2. **Type filtering**: Register tabs for specific sale types only when needed
+3. **Priority ordering**: Use appropriate priority values to control tab order
+4. **Cleanup on unmount**: Remove toolbar buttons when tab unmounts
+5. **Handle loading states**: Show loading indicators during API calls
+6. **Validate step data**: Implement `validate` function for order creation steps
+7. **Use translations**: Use `useTranslation()` for all labels
+8. **Follow naming conventions**: Use consistent key naming (kebab-case for modal keys)
+
+## Testing
+
+1. **Test tab visibility**: Verify tabs appear for correct sale types
+2. **Test position rendering**: Verify tabs appear in correct layout position
+3. **Test modal extensions**: Verify additional fields appear in modals
+4. **Test order creation**: Walk through entire wizard with custom steps
+5. **Test data persistence**: Verify custom data saves and loads correctly
diff --git a/docs/03_Development/14_Studio/07_NotificationBundle/01_Notification_Rules.md b/docs/03_Development/14_Studio/07_NotificationBundle/01_Notification_Rules.md
new file mode 100644
index 0000000000..fc337d2bf9
--- /dev/null
+++ b/docs/03_Development/14_Studio/07_NotificationBundle/01_Notification_Rules.md
@@ -0,0 +1,324 @@
+# Extending Notification Rules in Pimcore Studio v2
+
+This guide explains how to extend Notification Rules with custom Actions and Conditions in Pimcore Studio (React/TypeScript).
+
+## Overview
+
+Notification Rules in CoreShop allow you to trigger notifications (emails, webhooks, etc.) based on various events in the eCommerce workflow. The system consists of:
+
+- **Notification Types**: Categories of events (order, payment, invoice, shipment, quote, user, messaging)
+- **Conditions**: Define when a notification should be sent (e.g., order state, payment state)
+- **Actions**: Define what notification to send (e.g., email with specific template)
+
+### Key Difference from Other Rule Systems
+
+Notification Rules use **type-prefixed conditions and actions**. This means:
+- Conditions are registered as `{type}.{condition}` (e.g., `order.orderState`)
+- Actions are registered as `{type}.{action}` (e.g., `order.mail`)
+- The same action component (e.g., `MailAction`) can be reused across different notification types
+
+## Schema-Driven Forms
+
+Like all other rule types in CoreShop, notification rule conditions and actions are **schema-driven** — their forms rendered automatically from PHP FormTypes via the StudioFormBundle. **All conditions are now schema-generated from backend form types.** No hand-written React condition components exist in NotificationBundle.
+
+To add a new condition or action, you only need a PHP FormType and a service registration with the `form-type` attribute. No React code needed for standard forms.
+
+For the full schema-driven pattern, see [StudioFormBundle Examples — Example 13](../02_Base_Infrastructure/05_StudioFormBundle_Examples.md#example-13--rule-conditionaction-as-schema-form).
+
+### CoreBundle Extension Module
+
+CoreBundle previously registered hand-written condition components (state selectors, transition selectors) into the notification rule registries. These are now also schema-generated. The CoreBundle extension module at `CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/notification-rules/` is kept as a placeholder for any future non-schema extensions.
+
+## Architecture
+
+### Notification Types
+
+```typescript
+export type NotificationRuleType =
+  | 'order'      // Order lifecycle events
+  | 'payment'    // Payment events
+  | 'invoice'    // Invoice events
+  | 'shipment'   // Shipment events
+  | 'quote'      // Quote events
+  | 'user'       // User registration, password reset, etc.
+  | 'messaging'  // Contact forms, inquiries
+```
+
+### Registry Structure
+
+NotificationBundle creates the registries. Schema components are registered at runtime from the backend config:
+
+```typescript
+// NotificationBundle creates registries in main.ts onInit()
+container.bind(coreshopNotificationServiceIds.notificationRuleConditionRegistry)
+    .to(ConditionRegistry).inSingletonScope()
+container.bind(coreshopNotificationServiceIds.notificationRuleActionRegistry)
+    .to(ActionRegistry).inSingletonScope()
+
+// Schema components are registered in NotificationRuleManager via:
+// registerSchemaComponentsFromMaps(conditionRegistry, actionRegistry, ...)
+```
+
+### Service IDs
+
+```typescript
+// src/CoreShop/Bundle/NotificationBundle/.../service-ids.ts
+export const coreshopNotificationServiceIds = {
+  notificationRuleConditionRegistry: Symbol.for('coreshop.notification.notification_rule.condition_registry'),
+  notificationRuleActionRegistry: Symbol.for('coreshop.notification.notification_rule.action_registry')
+}
+```
+
+## Built-in Conditions (All Schema-Driven)
+
+### Order Notification Conditions
+
+| Key | Description |
+|-----|-------------|
+| `order.orderState` | Order workflow state |
+| `order.orderTransition` | Order state transition |
+| `order.orderPaymentState` | Payment state of order |
+| `order.orderPaymentTransition` | Payment state transition |
+| `order.orderShippingState` | Shipping state of order |
+| `order.orderShippingTransition` | Shipping state transition |
+| `order.orderInvoiceState` | Invoice state of order |
+| `order.orderInvoiceTransition` | Invoice state transition |
+| `order.saleState` | General sale state |
+| `order.carriers` | Specific carriers |
+| `order.payment` | Payment provider condition |
+| `order.comment` | Order has comment |
+| `order.backendCreated` | Order created from backend |
+
+### Payment Notification Conditions
+
+| Key | Description |
+|-----|-------------|
+| `payment.paymentState` | Payment state |
+| `payment.paymentTransition` | Payment state transition |
+
+### Invoice Notification Conditions
+
+| Key | Description |
+|-----|-------------|
+| `invoice.invoiceState` | Invoice state |
+| `invoice.invoiceTransition` | Invoice state transition |
+
+### Shipment Notification Conditions
+
+| Key | Description |
+|-----|-------------|
+| `shipment.shipmentState` | Shipment state |
+| `shipment.shipmentTransition` | Shipment state transition |
+
+### Quote Notification Conditions
+
+| Key | Description |
+|-----|-------------|
+| `quote.quoteState` | Quote state |
+| `quote.quoteTransition` | Quote state transition |
+
+### User / Messaging Notification Conditions
+
+| Key | Description |
+|-----|-------------|
+| `user.userType` | Type of user event (register, password reset, etc.) |
+| `messaging.messageType` | Type of message (contact, inquiry, etc.) |
+| `{type}.stores` | Store condition (available for all types) |
+
+## Built-in Actions
+
+### Mail Actions
+
+| Key | Description |
+|-----|-------------|
+| `mail` | Basic email with language-specific templates |
+| `storeMail` | Store-specific email templates |
+| `orderMail` | Order-specific email with order data |
+| `storeOrderMail` | Combined store and order email |
+
+All mail actions are registered for each notification type:
+- `order.mail`, `order.storeMail`, `order.orderMail`, `order.storeOrderMail`
+- `payment.mail`, `payment.storeMail`, etc.
+
+## Adding a Custom Condition (Schema-Driven — Preferred)
+
+### Step 1: Create the PHP FormType
+
+```php
+<?php
+
+namespace App\Form\Type\Notification\Condition;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class MinAmountConditionType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder->add('minAmount', IntegerType::class, [
+            'label' => 'Minimum Amount',
+        ]);
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'app_notification_condition_min_amount';
+    }
+}
+```
+
+### Step 2: Register the Service
+
+```yaml
+services:
+    App\CoreShop\Notification\Condition\MinAmountConditionChecker:
+        tags:
+            - { name: coreshop.notification_rule.condition, type: order.minAmount, form-type: App\Form\Type\Notification\Condition\MinAmountConditionType }
+```
+
+### Step 3: Done
+
+No React/TypeScript code needed. The condition form is rendered automatically.
+
+### When You Need Custom JS (Rare)
+
+If your condition requires specialized UI that cannot be expressed as a FormType:
+
+```typescript
+// In your bundle's main.ts
+import { coreshopNotificationServiceIds } from '@coreshop/notification/src/modules/notification-rules/service-ids'
+
+const conditionRegistry = container.get<ConditionRegistry>(
+    coreshopNotificationServiceIds.notificationRuleConditionRegistry
+)
+
+// Register for specific notification type(s)
+conditionRegistry.register('order.minAmount', MinAmountCondition)
+
+// Or register for multiple types
+const types = ['order', 'quote']
+types.forEach(type => {
+    conditionRegistry.register(`${type}.minAmount`, MinAmountCondition)
+})
+```
+
+## Adding a Custom Action
+
+### Schema-Driven (Preferred)
+
+Same pattern as conditions — create a PHP FormType and register with `form-type` tag:
+
+```yaml
+services:
+    App\CoreShop\Notification\Action\WebhookActionProcessor:
+        tags:
+            - { name: coreshop.notification_rule.action, type: webhook, form-type: App\Form\Type\WebhookActionType }
+```
+
+### Hand-Written (When Needed)
+
+```typescript
+const actionRegistry = container.get<ActionRegistry>(
+    coreshopNotificationServiceIds.notificationRuleActionRegistry
+)
+
+// Register for all notification types
+const notificationTypes = ['order', 'payment', 'invoice', 'shipment', 'quote', 'user', 'messaging']
+notificationTypes.forEach(type => {
+    actionRegistry.register(`${type}.webhook`, WebhookAction)
+})
+```
+
+## Backend Implementation
+
+### PHP Condition Checker
+
+```php
+<?php
+
+namespace App\CoreShop\Notification\Condition;
+
+use CoreShop\Component\Notification\Rule\Condition\NotificationConditionCheckerInterface;
+
+class MinAmountConditionChecker implements NotificationConditionCheckerInterface
+{
+    public function isValid(
+        mixed $subject,
+        array $params,
+        array $configuration
+    ): bool {
+        if (!$subject instanceof OrderInterface) {
+            return false;
+        }
+
+        $minAmount = $configuration['minAmount'] ?? 0;
+        return $subject->getTotal() >= ($minAmount * 100);
+    }
+}
+```
+
+### PHP Action Processor
+
+```php
+<?php
+
+namespace App\CoreShop\Notification\Action;
+
+use CoreShop\Component\Notification\Rule\Action\NotificationRuleProcessorInterface;
+
+class WebhookActionProcessor implements NotificationRuleProcessorInterface
+{
+    public function apply(
+        mixed $subject,
+        array $params,
+        array $configuration
+    ): void {
+        $url = $configuration['url'] ?? null;
+        if (!$url) return;
+
+        $this->httpClient->request($configuration['method'] ?? 'POST', $url, [
+            'json' => $this->serializeSubject($subject)
+        ]);
+    }
+}
+```
+
+## File Structure
+
+```
+NotificationBundle/Resources/assets/pimcore-studio/src/
+├── main.ts                              # Plugin entry, registry setup
+├── modules/
+│   ├── icon-library/
+│   │   └── index.ts
+│   └── notification-rules/
+│       ├── index.ts
+│       ├── service-ids.ts               # Registry service IDs
+│       ├── types.ts                     # TypeScript types
+│       ├── api.ts                       # API client
+│       ├── NotificationRuleManager.tsx  # Manager widget
+│       ├── NotificationRuleFormBuilder.ts
+│       ├── form-builder-module.ts
+│       ├── components/
+│       │   ├── index.ts
+│       │   └── SettingsForm.tsx
+│       ├── conditions/
+│       │   └── index.ts                 # Empty — all schema-generated
+│       └── actions/
+│           └── index.ts                 # Empty — all schema-generated
+
+CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/notification-rules/
+├── index.tsx                            # Placeholder module (all conditions now schema-generated)
+└── api/
+    └── workflow-api.ts                  # Workflow API for state/transition data
+```
+
+## Best Practices
+
+1. **Use schema-driven forms**: All standard conditions/actions should use PHP FormTypes
+2. **Use type prefixes**: Always prefix conditions/actions with the notification type
+3. **Consider all notification types**: Register actions for all relevant notification types
+4. **Test state transitions**: Verify conditions work for both states and transitions
+5. **Document email placeholders**: Document available placeholders for email templates
diff --git a/docs/03_Development/14_Studio/08_External_Plugins.md b/docs/03_Development/14_Studio/08_External_Plugins.md
new file mode 100644
index 0000000000..e1cc223f0b
--- /dev/null
+++ b/docs/03_Development/14_Studio/08_External_Plugins.md
@@ -0,0 +1,470 @@
+# External Plugins for CoreShop Studio v2
+
+This guide explains how to create external plugins (Composer packages) that can extend CoreShop's Pimcore Studio v2 functionality.
+
+## Overview
+
+External plugins can:
+- Access CoreShop's registries (ConditionRegistry, ActionRegistry)
+- Use service IDs for container bindings
+- Import and use types and interfaces
+- Reuse components like Selects
+
+## Setup
+
+### 1. Create your plugin structure
+
+```
+my-coreshop-plugin/
+├── src/
+│   └── Resources/
+│       └── assets/
+│           └── pimcore-studio/
+│               ├── src/
+│               │   ├── main.ts           # Plugin entry point
+│               │   └── conditions/       # Your custom conditions
+│               │       └── MyCondition.tsx
+│               ├── package.json
+│               ├── tsconfig.json
+│               └── rsbuild.config.ts
+└── composer.json
+```
+
+### 2. Configure package.json
+
+```json
+{
+  "name": "@my-company/coreshop-plugin",
+  "version": "1.0.0",
+  "main": "src/main.ts",
+  "scripts": {
+    "build": "rsbuild build",
+    "dev": "rsbuild dev"
+  },
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "antd": "^5.12.0",
+    "react": "18.3.x",
+    "react-dom": "18.3.x"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.0.0",
+    "@rsbuild/plugin-react": "^1.0.0",
+    "@module-federation/rsbuild-plugin": "^0.8.0",
+    "typescript": "^5.3.0"
+  }
+}
+```
+
+### 3. Configure rsbuild.config.ts
+
+```typescript
+import { defineConfig } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin'
+import path from 'path'
+
+// Resolve CoreShop vendor path - adjust based on your project structure
+const coreshopPath = path.resolve(__dirname, '../../../../vendor/coreshop/core-shop/src/CoreShop/Bundle')
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      // CoreShop bundle aliases
+      '@coreshop/rule': path.join(coreshopPath, 'RuleBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/rule/src': path.join(coreshopPath, 'RuleBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/resource': path.join(coreshopPath, 'ResourceBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/resource/src': path.join(coreshopPath, 'ResourceBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/order': path.join(coreshopPath, 'OrderBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/order/src': path.join(coreshopPath, 'OrderBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/product': path.join(coreshopPath, 'ProductBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/product/src': path.join(coreshopPath, 'ProductBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/shipping': path.join(coreshopPath, 'ShippingBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/shipping/src': path.join(coreshopPath, 'ShippingBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/address': path.join(coreshopPath, 'AddressBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/address/src': path.join(coreshopPath, 'AddressBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/currency': path.join(coreshopPath, 'CurrencyBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/currency/src': path.join(coreshopPath, 'CurrencyBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/taxation': path.join(coreshopPath, 'TaxationBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/taxation/src': path.join(coreshopPath, 'TaxationBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/store': path.join(coreshopPath, 'StoreBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/store/src': path.join(coreshopPath, 'StoreBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/customer': path.join(coreshopPath, 'CustomerBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/customer/src': path.join(coreshopPath, 'CustomerBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/payment': path.join(coreshopPath, 'PaymentBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/payment/src': path.join(coreshopPath, 'PaymentBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/core': path.join(coreshopPath, 'CoreBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/core/src': path.join(coreshopPath, 'CoreBundle/Resources/assets/pimcore-studio/src'),
+    }
+  },
+  plugins: [
+    pluginReact(),
+    pluginModuleFederation({
+      name: 'my_coreshop_plugin',
+      filename: 'static/js/remoteEntry.js',
+      exposes: {
+        '.': './src/main.ts'
+      },
+      shared: {
+        // CoreShop bundles must be shared as singletons
+        '@coreshop/rule': { singleton: true, eager: false },
+        '@coreshop/resource': { singleton: true, eager: false },
+        '@coreshop/order': { singleton: true, eager: false },
+        '@coreshop/product': { singleton: true, eager: false },
+        '@coreshop/shipping': { singleton: true, eager: false },
+        '@coreshop/address': { singleton: true, eager: false },
+        '@coreshop/currency': { singleton: true, eager: false },
+        '@coreshop/taxation': { singleton: true, eager: false },
+        '@coreshop/store': { singleton: true, eager: false },
+        '@coreshop/customer': { singleton: true, eager: false },
+        '@coreshop/payment': { singleton: true, eager: false },
+        '@coreshop/core': { singleton: true, eager: false },
+        // Standard shared modules
+        react: { singleton: true, eager: false },
+        'react-dom': { singleton: true, eager: false },
+        'react/jsx-runtime': { singleton: true, eager: false },
+        antd: { singleton: true, eager: false },
+      },
+      remotes: {
+        '@pimcore/studio-ui-bundle': `promise new Promise(resolve => {
+          const studioUIBundleRemoteUrl = window.StudioUIBundleRemoteUrl
+          const script = document.createElement('script')
+          script.src = studioUIBundleRemoteUrl
+          script.onload = () => {
+            resolve({
+              get: (request) => window['pimcore_studio_ui_bundle'].get(request),
+              init: (...arg) => {
+                try {
+                  return window['pimcore_studio_ui_bundle'].init(...arg)
+                } catch(e) {
+                  console.log('remote container already initialized')
+                }
+              }
+            })
+          }
+          document.head.appendChild(script);
+        })`
+      }
+    })
+  ]
+})
+```
+
+## Usage Examples
+
+### Registering a Custom Condition for Cart Price Rules
+
+```typescript
+// src/main.ts
+import { container, type IAbstractPlugin } from '@pimcore/studio-ui-bundle'
+import type { ConditionRegistry } from '@coreshop/rule'
+import { coreshopOrderServiceIds } from '@coreshop/order'
+import { MyCustomCondition } from './conditions/MyCustomCondition'
+
+const plugin: IAbstractPlugin = {
+  name: 'my-coreshop-plugin',
+
+  onInit() {
+    // Get the Cart Price Rule condition registry
+    const conditionRegistry = container.get<ConditionRegistry>(
+      coreshopOrderServiceIds.cartPriceRuleConditionRegistry
+    )
+
+    // Register your custom condition
+    conditionRegistry.register('myCustomCondition', MyCustomCondition)
+  },
+
+  onStartup({ moduleSystem }) {
+    // Register modules if needed
+  }
+}
+
+export { plugin }
+export default plugin
+```
+
+### Creating a Custom Condition Component
+
+```typescript
+// src/conditions/MyCustomCondition.tsx
+import React from 'react'
+import { Form, InputNumber } from 'antd'
+import type { ConditionComponentProps } from '@coreshop/rule'
+import { useTranslation } from 'react-i18next'
+
+interface MyConditionConfig {
+  minValue: number
+  maxValue: number
+}
+
+export const MyCustomCondition: React.FC<ConditionComponentProps<MyConditionConfig>> = ({
+  config,
+  onChange
+}) => {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <Form.Item label={t('my_plugin.min_value')}>
+        <InputNumber
+          value={config?.minValue ?? 0}
+          onChange={(value) => onChange({ ...config, minValue: value ?? 0 })}
+        />
+      </Form.Item>
+      <Form.Item label={t('my_plugin.max_value')}>
+        <InputNumber
+          value={config?.maxValue ?? 100}
+          onChange={(value) => onChange({ ...config, maxValue: value ?? 100 })}
+        />
+      </Form.Item>
+    </>
+  )
+}
+```
+
+### Using CoreShop Select Components
+
+```typescript
+// src/conditions/CountryBasedCondition.tsx
+import React from 'react'
+import { Form } from 'antd'
+import { CountryMultiSelectField } from '@coreshop/address'
+import { StoreSelect } from '@coreshop/store'
+import type { ConditionComponentProps } from '@coreshop/rule'
+
+interface CountryConditionConfig {
+  countries: number[]
+  store: number | null
+}
+
+export const CountryBasedCondition: React.FC<ConditionComponentProps<CountryConditionConfig>> = ({
+  config,
+  onChange
+}) => {
+  return (
+    <>
+      <Form.Item label="Countries">
+        <CountryMultiSelectField
+          value={config?.countries ?? []}
+          onChange={(countries) => onChange({ ...config, countries })}
+        />
+      </Form.Item>
+      <Form.Item label="Store">
+        <StoreSelect
+          value={config?.store}
+          onChange={(store) => onChange({ ...config, store })}
+        />
+      </Form.Item>
+    </>
+  )
+}
+```
+
+### Registering for Multiple Rule Types
+
+```typescript
+// src/main.ts
+import { container, type IAbstractPlugin } from '@pimcore/studio-ui-bundle'
+import type { ConditionRegistry } from '@coreshop/rule'
+import { coreshopOrderServiceIds } from '@coreshop/order'
+import { coreshopProductServiceIds } from '@coreshop/product'
+import { coreshopShippingServiceIds } from '@coreshop/shipping'
+import { MySharedCondition } from './conditions/MySharedCondition'
+
+const plugin: IAbstractPlugin = {
+  name: 'my-coreshop-plugin',
+
+  onInit() {
+    // Register for Cart Price Rules
+    const cartConditionRegistry = container.get<ConditionRegistry>(
+      coreshopOrderServiceIds.cartPriceRuleConditionRegistry
+    )
+    cartConditionRegistry.register('myCondition', MySharedCondition)
+
+    // Register for Product Price Rules
+    const productConditionRegistry = container.get<ConditionRegistry>(
+      coreshopProductServiceIds.productPriceRuleConditionRegistry
+    )
+    productConditionRegistry.register('myCondition', MySharedCondition)
+
+    // Register for Shipping Rules
+    const shippingConditionRegistry = container.get<ConditionRegistry>(
+      coreshopShippingServiceIds.shippingRuleConditionRegistry
+    )
+    shippingConditionRegistry.register('myCondition', MySharedCondition)
+  }
+}
+```
+
+## Available Package Exports
+
+### @coreshop/rule
+
+```typescript
+// Registry classes
+import { ConditionRegistry, ActionRegistry } from '@coreshop/rule'
+
+// Types
+import type { ConditionComponentProps, ActionComponentProps, RuleCondition, RuleAction } from '@coreshop/rule'
+
+// Components
+import { ConditionsPanel, ActionsPanel, RuleManager } from '@coreshop/rule'
+```
+
+### @coreshop/order
+
+```typescript
+// Service IDs for registries
+import { coreshopOrderServiceIds } from '@coreshop/order'
+// Contains:
+// - cartPriceRuleConditionRegistry
+// - cartPriceRuleActionRegistry
+// - cartItemConditionRegistry
+// - cartItemActionRegistry
+
+// Conditions and Actions
+import { AmountCondition, VoucherCondition } from '@coreshop/order'
+import { SurchargePercentAction, SurchargeAmountAction } from '@coreshop/order'
+```
+
+### @coreshop/product
+
+```typescript
+// Service IDs
+import { coreshopProductServiceIds } from '@coreshop/product'
+// Contains:
+// - productPriceRuleConditionRegistry
+// - productPriceRuleActionRegistry
+// - productSpecificPriceRuleConditionRegistry
+// - productSpecificPriceRuleActionRegistry
+
+// Components
+import { ProductMultiSelectField, CategoryMultiSelectField, ProductUnitSelect } from '@coreshop/product'
+```
+
+### @coreshop/shipping
+
+```typescript
+// Service IDs
+import { coreshopShippingServiceIds } from '@coreshop/shipping'
+// Contains:
+// - shippingRuleConditionRegistry
+// - shippingRuleActionRegistry
+
+// Components
+import { CarrierSelect, CarrierMultiSelectField, ShippingRuleSelect } from '@coreshop/shipping'
+```
+
+### @coreshop/address
+
+```typescript
+// Components
+import {
+  CountrySelect,
+  CountrySelectField,
+  CountryMultiSelectField,
+  StateSelect,
+  StateSelectField,
+  ZoneMultiSelectField
+} from '@coreshop/address'
+```
+
+### @coreshop/currency
+
+```typescript
+// Components
+import { CurrencySelect, CurrencySelectField, CurrencyMultiSelectField } from '@coreshop/currency'
+```
+
+### @coreshop/store
+
+```typescript
+// Components
+import { StoreSelect, StoreMultiSelect, StoreMultiSelectField } from '@coreshop/store'
+
+// API
+import { storeApi } from '@coreshop/store'
+```
+
+### @coreshop/taxation
+
+```typescript
+// API and components
+import { taxRateApi, TaxRateManager, TaxRateForm } from '@coreshop/taxation'
+import { taxRuleGroupApi, TaxRuleGroupManager } from '@coreshop/taxation'
+```
+
+### @coreshop/customer
+
+```typescript
+// Components
+import { CustomerMultiSelectField, CustomerGroupMultiSelectField } from '@coreshop/customer'
+```
+
+### @coreshop/resource
+
+```typescript
+// Entity management
+import { EntityManager, EntityList, EntityDetail } from '@coreshop/resource'
+
+// Extensions
+import {
+  entityFormExtensionsServiceId,
+  entityTableColumnExtensionsServiceId,
+  entitySaveDecoratorsServiceId,
+  entityTabExtensionsServiceId,
+  entityActionExtensionsServiceId,
+  entityValidationExtensionsServiceId,
+  entityLifecycleHooksServiceId
+} from '@coreshop/resource'
+
+// Form Builder
+import { FormBuilder } from '@coreshop/resource'
+```
+
+## PHP Backend Integration
+
+Remember to also implement the PHP backend for your custom conditions/actions:
+
+```php
+// src/Condition/MyCustomConditionChecker.php
+namespace MyPlugin\Condition;
+
+use CoreShop\Component\Rule\Condition\ConditionCheckerInterface;
+use CoreShop\Component\Resource\Model\ResourceInterface;
+
+class MyCustomConditionChecker implements ConditionCheckerInterface
+{
+    public function isValid(
+        ResourceInterface $subject,
+        array $configuration,
+        array $params = []
+    ): bool {
+        $minValue = $configuration['minValue'] ?? 0;
+        $maxValue = $configuration['maxValue'] ?? 100;
+
+        // Your validation logic here
+        return true;
+    }
+}
+```
+
+```yaml
+# config/services.yaml
+services:
+    MyPlugin\Condition\MyCustomConditionChecker:
+        tags:
+            - { name: 'coreshop.cart_price_rule.condition', type: 'myCustomCondition', form-type: 'MyPlugin\Form\Type\MyCustomConditionType' }
+```
+
+## Important Notes
+
+1. **Singleton Pattern**: All CoreShop bundles MUST be configured as singletons in Module Federation to ensure registries are shared properly.
+
+2. **TypeScript Types**: CoreShop provides full TypeScript type definitions. Use `import type` for type-only imports.
+
+3. **Translation Keys**: Register your translation keys in your bundle's translation files.
+
+4. **Build Order**: Ensure CoreShop bundles are built before your plugin during development.
+
+5. **Version Compatibility**: Keep your `@pimcore/studio-ui-bundle` version aligned with CoreShop's version.
diff --git a/docs/03_Development/14_Studio/index.md b/docs/03_Development/14_Studio/index.md
new file mode 100644
index 0000000000..6a96176143
--- /dev/null
+++ b/docs/03_Development/14_Studio/index.md
@@ -0,0 +1,428 @@
+# Pimcore Studio (React)
+
+CoreShop provides a modern React-based user interface for the Pimcore Studio. This documentation covers the architecture, patterns, and best practices for developing Studio components.
+
+## Overview
+
+The CoreShop Studio implementation uses:
+- **React 18** with TypeScript for component development
+- **Ant Design** as the UI component library
+- **Module Federation** for micro-frontend architecture
+- **InversifyJS** for dependency injection
+- **Rsbuild** as the build tool
+
+## Architecture
+
+### Bundle-Plugin Pattern
+
+Each CoreShop bundle can provide a Studio plugin that registers components, services, and menu items:
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle-name',
+
+    onInit() {
+        // Register services, bind registries
+        // This runs BEFORE any components are rendered
+    },
+
+    onStartup({ moduleSystem }) {
+        // Register modules, widgets, menu items
+        // This runs during application startup
+    }
+}
+
+export default plugin
+```
+
+### Module Federation
+
+CoreShop uses Module Federation to share code across bundles:
+
+```typescript
+// Importing from other bundles
+import { countryApi } from '@coreshop/address/src/modules/countries/api'
+import { useEntitySelect } from '@coreshop/resource'
+import { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+```
+
+**Key Bundles:**
+- `@coreshop/resource` - Base CRUD infrastructure
+- `@coreshop/rule` - Rule system (Actions, Conditions, Registries)
+- `@coreshop/studio-form` - Schema-driven form system
+- `@coreshop/core` - Shared components and utilities
+- `@coreshop/address` - Countries, States, Zones
+- `@coreshop/order` - Cart Price Rules, Orders
+- `@coreshop/product` - Product Price Rules, Products
+
+### Dependency Injection
+
+Services are managed through InversifyJS container:
+
+```typescript
+import { container } from '@pimcore/studio-ui-bundle'
+import type { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+
+// Bind a service
+container.bind(serviceIds.myRegistry).to(ConditionRegistry).inSingletonScope()
+
+// Get a service
+const registry = container.get<ConditionRegistry>(serviceIds.myRegistry)
+```
+
+## Key Concepts
+
+### 1. Entity Management Pattern
+
+Most CRUD features follow the **EntityTabbedManager** pattern:
+
+```
+EntityTabbedManager
+├── EntityList (left panel - tree view of items)
+└── EntityTabbedLayout (right panel - tabbed detail forms)
+```
+
+**Example:**
+```typescript
+import { EntityTabbedManager } from '@coreshop/resource'
+import { taxRateApi } from './api'
+
+export const TaxRateManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<TaxRateDetail>
+      api={taxRateApi}
+      localizable
+      leftRootTitle={t('coreshop_tax_rate')}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_tax_rate'),
+          label: t('coreshop_name'),
+          onOk: async (value: string) => {
+            const res = await taxRateApi.add({ name: value })
+            resolve(res.data.id)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) return <div>Select an item...</div>
+        return (
+          <TaxRateForm
+            data={data}
+            onChange={(draft) => setData(draft)}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+          />
+        )
+      }}
+    />
+  )
+}
+```
+
+For grouped entities (e.g., Countries by Zone), use `GroupedEntityTabbedManager`.
+
+### 2. Rule System Pattern
+
+Rules (Cart Price Rules, Product Price Rules, etc.) use a **Registry Pattern**:
+
+```typescript
+// Each rule type has its own registries
+const conditionRegistry = container.get<ConditionRegistry>(serviceIds.conditionRegistry)
+const actionRegistry = container.get<ActionRegistry>(serviceIds.actionRegistry)
+
+// Register hand-written components (only for special cases)
+conditionRegistry.register('nested', NestedCondition)
+
+// Schema-based components are registered at runtime from backend config
+registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, config)
+```
+
+**Key Components:**
+- `RuleForm` - Form with Settings, Conditions, and Actions tabs
+- `ConditionsPanel` - Manages rule conditions
+- `ActionsPanel` - Manages rule actions
+
+### 3. Extension System
+
+CoreShop provides 7 extension types for customizing entities without modifying core code. All imported from `@coreshop/resource/src/entities`:
+
+| Type | Service ID | Purpose |
+|------|-----------|---------|
+| Form Extensions | `entityFormExtensionsServiceId` | Add fields to entity forms |
+| Table Column Extensions | `entityTableColumnExtensionsServiceId` | Add columns to nested tables |
+| Save Decorators | `entitySaveDecoratorsServiceId` | Transform save payloads |
+| Tab Extensions | `entityTabExtensionsServiceId` | Add tabs to entity detail views |
+| Action Extensions | `entityActionExtensionsServiceId` | Add toolbar/context-menu/footer buttons |
+| Validation Extensions | `entityValidationExtensionsServiceId` | Custom validation before save |
+| Lifecycle Hooks | `entityLifecycleHooksServiceId` | beforeLoad/afterLoad/beforeSave/afterSave hooks |
+
+**Slot naming:** `{bundle}.{resource}.{component}` (e.g., `coreshop.address.country.form`)
+
+Register extensions in AbstractModule's `onInit()`, then register module in bundle's `main.ts` via `onStartup({ moduleSystem })`.
+
+### 4. API Layer
+
+All entities use the **EntityApi** base class:
+
+```typescript
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export const countryApi = new EntityApi<CountryDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/countries'
+})
+```
+
+**Available Methods:**
+- `list()` - Get all entities
+- `get(id)` - Get single entity
+- `add(data)` - Create entity
+- `save(data)` - Update entity
+- `delete(id)` - Delete entity
+
+### 5. Hooks and Utilities
+
+**useEntitySelect** - For entity selection dropdowns:
+```typescript
+import { useEntitySelect } from '@coreshop/resource'
+import { countryApi } from '@coreshop/address/src/modules/countries/api'
+
+const [options, value, handleChange, loading] = useEntitySelect(
+  countryApi,
+  selectedIds,
+  'name'  // optional: label key (default: 'name')
+)
+```
+
+This hook automatically:
+- Loads all available entities
+- Normalizes IDs (string to number)
+- Provides loading state
+
+## Bundle Independence
+
+**No bundle has a dependency to CoreBundle!**
+
+Individual bundles (ProductBundle, OrderBundle, etc.) MUST NOT import from CoreBundle. Instead:
+
+- Shared components go in appropriate shared bundles
+- CoreBundle acts as a **glue layer** that registers shared components into bundle-specific registries
+- Use Module Federation aliases for cross-bundle imports
+
+```typescript
+// WRONG - ProductBundle importing from CoreBundle
+import { SomeComponent } from '@coreshop/core/...'
+
+// CORRECT - Import from appropriate bundle
+import { SomeComponent } from '@coreshop/rule/src/rules'
+```
+
+## Project Structure
+
+```
+src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/
+├── src/
+│   ├── main.ts                          # Plugin entry point
+│   ├── modules/
+│   │   ├── your-feature/
+│   │   │   ├── YourFeatureManager.tsx   # Main component
+│   │   │   ├── YourFeatureForm.tsx      # Form component
+│   │   │   ├── api.ts                   # API client
+│   │   │   └── types.ts                 # TypeScript interfaces
+│   │   └── icon-library/
+│   │       └── index.ts                 # Icon definitions
+│   └── dynamic-types/                   # Pimcore Data Object field types
+├── package.json
+├── tsconfig.json
+└── rsbuild.config.ts                    # Build configuration
+```
+
+## Getting Started
+
+### 1. Create a New Bundle Plugin
+
+```typescript
+// src/CoreShop/Bundle/YourBundle/Resources/assets/pimcore-studio/src/main.ts
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { YourFeatureManager } from './modules/your-feature/YourFeatureManager'
+
+const plugin: IAbstractPlugin = {
+    name: 'your-bundle',
+
+    onInit() {
+        // Bind services if needed
+    },
+
+    onStartup({ moduleSystem }) {
+        // Register widget
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+        widgets.registerWidget({
+            name: 'your-bundle-feature',
+            component: YourFeatureManager
+        })
+    }
+}
+
+export default plugin
+```
+
+### 2. Create an Entity Manager
+
+```typescript
+import { EntityTabbedManager, EntityApi } from '@coreshop/resource'
+
+const yourFeatureApi = new EntityApi<YourFeature>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/your-features'
+})
+
+export const YourFeatureManager: React.FC = () => {
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<YourFeature>
+      api={yourFeatureApi}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: 'Add Feature',
+          label: 'Name',
+          onOk: async (value: string) => {
+            const res = await yourFeatureApi.add({ name: value })
+            resolve(res.data.id)
+          }
+        })
+      })}
+      renderDetail={(data, setData) => {
+        if (!data) return <div>Select an item...</div>
+        return <YourFeatureForm data={data} onChange={setData} />
+      }}
+    />
+  )
+}
+```
+
+### 3. Build and Deploy
+
+```bash
+# Development mode (single bundle)
+npm run dev:single YourBundle
+
+# Production build (all bundles)
+npm run build
+
+# The output will be in:
+# src/CoreShop/Bundle/YourBundle/Resources/public/studio/[build-id]/
+```
+
+## Next Steps
+
+- [Base Infrastructure](02_Base_Infrastructure/01_ResourceBundle.md) - ResourceBundle and RuleBundle details
+- [FormBuilder](02_Base_Infrastructure/03_FormBuilder.md) - Decorator-based form builder
+- [StudioFormBundle](02_Base_Infrastructure/04_StudioFormBundle.md) - Schema-driven forms from PHP FormTypes
+- [Extending Rule Actions](../01_Extending_Guide/04_Extending_Rule_Actions.md) - Creating custom rule actions
+- [Extending Rule Conditions](../01_Extending_Guide/05_Extending_Rule_Conditions.md) - Creating custom rule conditions
+
+## Best Practices
+
+### TypeScript
+
+- Always define interfaces for your data types
+- Use proper typing for component props
+- Leverage type inference where possible
+
+### Component Structure
+
+- Keep components focused and single-purpose
+- Use composition over inheritance
+- Extract reusable logic into hooks
+
+### Performance
+
+- Use React.memo for expensive components
+- Implement proper dependency arrays in useEffect
+- Lazy load components when appropriate
+
+## Common Patterns
+
+### Form Handling
+
+```typescript
+const handleChange = (field: string, value: any) => {
+  onChange({
+    ...data,
+    [field]: value
+  })
+}
+
+<Input
+  value={data.name}
+  onChange={(e) => handleChange('name', e.target.value)}
+/>
+```
+
+### Multi-Select with useEntitySelect
+
+```typescript
+const selectedIds = data.countries || []
+const [options, value, handleSelectChange, loading] = useEntitySelect(
+  countryApi,
+  selectedIds
+)
+
+const handleChange = (ids: number[]) => {
+  handleSelectChange(ids)
+  onChange({ ...data, countries: ids })
+}
+
+<Select
+  mode="multiple"
+  value={value}
+  onChange={handleChange}
+  options={options}
+  loading={loading}
+/>
+```
+
+## Troubleshooting
+
+### Module Not Found Errors
+
+If you see module federation errors:
+1. Ensure the bundle is built (`npm run build`)
+2. Check the import alias is correct (`@coreshop/bundle-name`)
+3. Verify the bundle is loaded in the Pimcore Studio
+
+### Registry Not Found
+
+If a registry service is not found:
+1. Check the service is bound in `onInit()`
+2. Verify the service ID is correct
+3. Ensure you're getting it after binding, not before
+
+### Component Not Rendering
+
+If your component doesn't appear:
+1. Check the widget is registered in `onStartup()`
+2. Verify the widget name matches the menu configuration
+3. Check browser console for errors
+
+## Resources
+
+- [React Documentation](https://react.dev/)
+- [TypeScript Handbook](https://www.typescriptlang.org/docs/)
+- [Ant Design Components](https://ant.design/components/)
+- [InversifyJS Documentation](https://inversify.io/)
+- [Pimcore Studio UI Bundle](https://github.com/pimcore/studio-ui-bundle)
diff --git a/features/domain/menu/menu.feature b/features/domain/menu/menu.feature
index 27d392d583..8c467031fc 100644
--- a/features/domain/menu/menu.feature
+++ b/features/domain/menu/menu.feature
@@ -4,7 +4,6 @@ Feature: In order to allow better menu structures
 
   Scenario: Default Menu structure
     Then the menu "coreshop.main" should have a child with ID "coreshop_order_by_number"
-    And the menu "coreshop.main" should have a child with ID "coreshop_quote_by_number"
     And the menu "coreshop.main" should have a child with ID "coreshop_settings"
     And the menu "coreshop.main" should have a child with ID "coreshop_pricerules"
     And the menu "coreshop.main" child with id "coreshop_pricerules" should have a child with ID "coreshop_cart_pricerules"
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000000..b1d4d7d1bb
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,14985 @@
+{
+  "name": "coreshop-studio-plugins",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "coreshop-studio-plugins",
+      "version": "1.0.0",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      },
+      "devDependencies": {
+        "@babel/preset-react": "^7.23.3",
+        "@module-federation/rsbuild-plugin": "^0.13.1",
+        "@rsbuild/core": "^1.3.16",
+        "@rsbuild/plugin-node-polyfill": "^1.4.1",
+        "@rsbuild/plugin-react": "^1.3.1",
+        "@rsbuild/plugin-source-build": "^1.0.3",
+        "@rsbuild/plugin-svgr": "^1.2.2",
+        "@types/node": "^22.14.0",
+        "@types/react-dom": "18.3.x",
+        "@types/uuid": "^10.0.0",
+        "@typescript-eslint/eslint-plugin": "^6.19.1",
+        "concurrently": "^8.2.2",
+        "eslint": "^8.56.0",
+        "eslint-config-standard-with-typescript": "^43.0.1",
+        "eslint-plugin-import": "^2.29.1",
+        "eslint-plugin-jsx-a11y": "^6.8.0",
+        "eslint-plugin-n": "^16.6.2",
+        "eslint-plugin-promise": "^6.1.1",
+        "eslint-plugin-react": "^7.33.2",
+        "tsx": "^4.19.2",
+        "typescript": "^5.3.3"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "workspaces": {
+        "packages": [
+          "src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio",
+          "src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio"
+        ]
+      }
+    },
+    "node_modules/@ant-design/charts": {
+      "version": "2.6.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/charts/-/charts-2.6.6.tgz",
+      "integrity": "sha512-Mw2XqB9c7JoENyewJmtxU+5TU2sW5VEyct2f6n4HjJ/6hBo4ht3qdu965G3UrNLyiRctd47Qje32u+8DeFZ6Bg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/graphs": "^2.1.1",
+        "@ant-design/plots": "^2.6.6",
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/charts-util": {
+      "version": "0.0.1-alpha.7",
+      "resolved": "https://registry.npmjs.org/@ant-design/charts-util/-/charts-util-0.0.1-alpha.7.tgz",
+      "integrity": "sha512-Yh0o6EdO6SvdSnStFZMbnUzjyymkVzV+TQ9ymVW9hlVgO/fUkUII3JYSdV+UVcFnYwUF0YiDKuSTLCZNAzg2bQ==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/colors": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.2.1.tgz",
+      "integrity": "sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6"
+      }
+    },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.24.0.tgz",
+      "integrity": "sha512-K4cYrJBsgvL+IoozUXYjbT6LHHNt+19a9zkvpBPxLjFHas1UpPM2A5MlhROb0BT8N8WoavM5VsP9MeSeNK/3mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.1.3",
+        "rc-util": "^5.35.0",
+        "stylis": "^4.3.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs-utils/-/cssinjs-utils-1.1.3.tgz",
+      "integrity": "sha512-nOoQMLW1l+xR1Co8NFVYiP8pZp3VjIIzqV6D6ShYF2ljtdwWJn5WSsH+7kvCktXL/yhEtWURKOfH5Xz/gzlwsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.0",
+        "@babel/runtime": "^7.23.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@ant-design/fast-color": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/fast-color/-/fast-color-2.0.6.tgz",
+      "integrity": "sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@ant-design/graphs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/graphs/-/graphs-2.1.1.tgz",
+      "integrity": "sha512-qT3Oo8BWeoAmZEy9gfR6uIk+rczbNJ3sWXKonoOD5koATWv7dY0kgvS1JnhdM1QW4FkfPPJTeQVSlRRUtvWDwA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/charts-util": "0.0.1-alpha.7",
+        "@antv/g6": "^5.0.44",
+        "@antv/g6-extension-react": "^0.2.0",
+        "@antv/graphin": "^3.0.4",
+        "lodash": "^4.17.21",
+        "styled-components": "^6.1.15"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.6.1.tgz",
+      "integrity": "sha512-0/xS39c91WjPAZOWsvi1//zjx6kAp4kxWwctR6kuU6p133w8RU0D2dSCvZC19uQyharg/sAvYxGYWl01BbZZfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.4.0",
+        "@babel/runtime": "^7.24.8",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
+      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/plots": {
+      "version": "2.6.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/plots/-/plots-2.6.6.tgz",
+      "integrity": "sha512-yUcvW/b7FPiIKwCpC0AOYQhHVKFCOpthlizsJx2Tuq7OEzTCLSWjRjT8o8sEWo3CCtIAtAuLY4GOfGdGGz1f0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/charts-util": "0.0.2",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/g": "^6.1.7",
+        "@antv/g2": "^5.2.7",
+        "@antv/g2-extension-plot": "^0.2.1",
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/plots/node_modules/@ant-design/charts-util": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/charts-util/-/charts-util-0.0.2.tgz",
+      "integrity": "sha512-JuThvtHE8R3PldXzTkL3bmmFf0HVhih49CYinRrkwgovOmvDYaaKHnI53EWJbW8n4Ndcyy8jiZTSkoxcjGS6Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/react-slick": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
+      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
+    "node_modules/@antv/algorithm": {
+      "version": "0.1.26",
+      "resolved": "https://registry.npmjs.org/@antv/algorithm/-/algorithm-0.1.26.tgz",
+      "integrity": "sha512-DVhcFSQ8YQnMNW34Mk8BSsfc61iC1sAnmcfYoXTAshYHuU50p/6b7x3QYaGctDNKWGvi1ub7mPcSY0bK+aN0qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^2.0.13",
+        "tslib": "^2.0.0"
+      }
+    },
+    "node_modules/@antv/algorithm/node_modules/@antv/util": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-2.0.17.tgz",
+      "integrity": "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q==",
+      "license": "ISC",
+      "dependencies": {
+        "csstype": "^3.0.8",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/@antv/component": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@antv/component/-/component-2.1.10.tgz",
+      "integrity": "sha512-mJs5ykbT5APL3EhivtA5lH1t38CdqDGHng8AN65GF5ECRhkg8jiOaQgoquPMGnrvN8ghw99IFDcvJ30BDvp4NQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g": "^6.1.11",
+        "@antv/scale": "^0.4.16",
+        "@antv/util": "^3.3.10",
+        "svg-path-parser": "^1.1.0"
+      }
+    },
+    "node_modules/@antv/component/node_modules/@antv/scale": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/@antv/scale/-/scale-0.4.16.tgz",
+      "integrity": "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/coord": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@antv/coord/-/coord-0.4.7.tgz",
+      "integrity": "sha512-UTbrMLhwJUkKzqJx5KFnSRpU3BqrdLORJbwUbHK2zHSCT3q3bjcFA//ZYLVfIlwqFDXp/hzfMyRtp0c77A9ZVA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/scale": "^0.4.12",
+        "@antv/util": "^2.0.13",
+        "gl-matrix": "^3.4.3"
+      }
+    },
+    "node_modules/@antv/coord/node_modules/@antv/scale": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/@antv/scale/-/scale-0.4.16.tgz",
+      "integrity": "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/coord/node_modules/@antv/scale/node_modules/@antv/util": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-3.3.11.tgz",
+      "integrity": "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "gl-matrix": "^3.3.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@antv/coord/node_modules/@antv/util": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-2.0.17.tgz",
+      "integrity": "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q==",
+      "license": "ISC",
+      "dependencies": {
+        "csstype": "^3.0.8",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/@antv/event-emitter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@antv/event-emitter/-/event-emitter-0.1.3.tgz",
+      "integrity": "sha512-4ddpsiHN9Pd4UIlWuKVK1C4IiZIdbwQvy9i7DUSI3xNJ89FPUFt8lxDYj8GzzfdllV0NkJTRxnG+FvLk0llidg==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/expr": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@antv/expr/-/expr-1.0.2.tgz",
+      "integrity": "sha512-vrfdmPHkTuiS5voVutKl2l06w1ihBh9A8SFdQPEE+2KMVpkymzGOF1eWpfkbGZ7tiFE15GodVdhhHomD/hdIwg==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/g": {
+      "version": "6.1.28",
+      "resolved": "https://registry.npmjs.org/@antv/g/-/g-6.1.28.tgz",
+      "integrity": "sha512-BwavpbKGR4NEJD3BtVxfBFjCcxy5gsWoUNnBisfG1qfjhGTt7QvUYHFH46+mHJjHMIdYjuFw2T0ZYVtxBddxSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-camera-api": "2.0.41",
+        "@antv/g-dom-mutation-observer-api": "2.0.38",
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-web-animations-api": "2.1.28",
+        "@babel/runtime": "^7.25.6"
+      }
+    },
+    "node_modules/@antv/g-camera-api": {
+      "version": "2.0.41",
+      "resolved": "https://registry.npmjs.org/@antv/g-camera-api/-/g-camera-api-2.0.41.tgz",
+      "integrity": "sha512-dF52/wpzHDKi7ZzPlaHurEjWrF9aBKL2udDwQkEeVtfkJ0DHaavr3BAvhuGhtHoecRYQJvpzP1OkGNDLQJQQlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-canvas": {
+      "version": "2.0.48",
+      "resolved": "https://registry.npmjs.org/@antv/g-canvas/-/g-canvas-2.0.48.tgz",
+      "integrity": "sha512-P98cTLRbKbCAcUVgHqMjKcvOany6nR7wvt+g+sazIfKSMUCWgjLTOjlLezux2up3At29mt80StaV2AR3d61YQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-plugin-canvas-path-generator": "2.1.22",
+        "@antv/g-plugin-canvas-picker": "2.1.27",
+        "@antv/g-plugin-canvas-renderer": "2.3.3",
+        "@antv/g-plugin-dom-interaction": "2.1.27",
+        "@antv/g-plugin-html-renderer": "2.1.27",
+        "@antv/g-plugin-image-loader": "2.1.26",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-dom-mutation-observer-api": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/@antv/g-dom-mutation-observer-api/-/g-dom-mutation-observer-api-2.0.38.tgz",
+      "integrity": "sha512-xzgbt8GUOiToBeDVv+jmGkDE+HtI9tD6uO8TirJbCya88DKcY/jurQALq0NdWKgMJLn7WPiUKyDwHWimwQcBJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@babel/runtime": "^7.25.6"
+      }
+    },
+    "node_modules/@antv/g-lite": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@antv/g-lite/-/g-lite-2.3.2.tgz",
+      "integrity": "sha512-fkIxRoqLOGsNPwsp26bPp58cPWuX3E4wQ9cfkB/DHy5LtLrPpvOwHWB3+MBPgZwzk8jTTjchiXa756ZFOAWyQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-math": "3.0.1",
+        "@antv/util": "^3.3.5",
+        "@antv/vendor": "^1.0.3",
+        "@babel/runtime": "^7.25.6",
+        "eventemitter3": "^5.0.1",
+        "gl-matrix": "^3.4.3",
+        "rbush": "^3.0.1",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-math": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@antv/g-math/-/g-math-3.0.1.tgz",
+      "integrity": "sha512-FvkDBNRpj+HsLINunrL2PW0OlG368MlpHuihbxleuajGim5kra8tgISwCLmAf8Yz2b1CgZ9PvpohqiLzHS7HLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-canvas-path-generator": {
+      "version": "2.1.22",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-canvas-path-generator/-/g-plugin-canvas-path-generator-2.1.22.tgz",
+      "integrity": "sha512-Z0IawzTGgTppa9IpkNNKsqgoU89oOjUsiU8GZZlkDkUggQTHP0wOxTeLAb43YgClx3aTI3bRs44uMQutNdSVxw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-math": "3.0.1",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-canvas-picker": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-canvas-picker/-/g-plugin-canvas-picker-2.1.27.tgz",
+      "integrity": "sha512-DHQ0YLYNXAm6O63pW6nKs/R0fuqlUYfehNs/EtzrmqyUkKASd/Vhs4HLNeHTMUdBMgg41T+x5qay0GGttK4Xdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-math": "3.0.1",
+        "@antv/g-plugin-canvas-path-generator": "2.1.22",
+        "@antv/g-plugin-canvas-renderer": "2.3.3",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-canvas-renderer": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-canvas-renderer/-/g-plugin-canvas-renderer-2.3.3.tgz",
+      "integrity": "sha512-d6JkZy1YmLnvI9wsbO8QVpBz7z7tl6JRQkF5hx9XLDtf2fD4n83KINeMq13skiNwaiudS771WWiBtfzUHB73pQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-math": "3.0.1",
+        "@antv/g-plugin-canvas-path-generator": "2.1.22",
+        "@antv/g-plugin-image-loader": "2.1.26",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-dom-interaction": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-dom-interaction/-/g-plugin-dom-interaction-2.1.27.tgz",
+      "integrity": "sha512-hltVZZH+bj0uXmGSR+6BIwhCFYyHmDIQi3vrj/Wn1Dn6PgufvMCXfjr3DfmkQnY+FFP8ZCpg5N9MaE0BE9OddA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-dragndrop": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-dragndrop/-/g-plugin-dragndrop-2.0.38.tgz",
+      "integrity": "sha512-yCef5ER759i0WpuOekFQ+AcDTu0N/COMbkPOG6YuswVnhQH447GUpuNm7Le+Mq26qONlXTDyjxuMHoUOWwJ7Cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-html-renderer": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-html-renderer/-/g-plugin-html-renderer-2.1.27.tgz",
+      "integrity": "sha512-NnI4GxDBb71o/XZzoRdi0xI3xg7GJmthyO5xP5/MiOFmwJ/jW/QDz17vUonmzUVbCt6upikHV5GyYOaogRqdVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-image-loader": {
+      "version": "2.1.26",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-image-loader/-/g-plugin-image-loader-2.1.26.tgz",
+      "integrity": "sha512-AElV0QOX2LAhB3jr9XtvkynntuKhcaU5n7avu5ynM5VoAtMaJRANhCyefA2G3myeJxWcHk4nWDX6u4YMaZnnvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-svg-picker": {
+      "version": "2.0.42",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-svg-picker/-/g-plugin-svg-picker-2.0.42.tgz",
+      "integrity": "sha512-MxnaDdLM251Mv+o66emC6TKAoz0uVaPvlbE7eIZ35Aa/UIlkPMtbMBruBOh2JR/C8JKAn9N1V3CYx3WLxiPfYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-plugin-svg-renderer": "2.2.24",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-svg-renderer": {
+      "version": "2.2.24",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-svg-renderer/-/g-plugin-svg-renderer-2.2.24.tgz",
+      "integrity": "sha512-QTq+rMNtD1Yg6fT6HqkCViho21rESIvhORzv9y/J/zmY3CkBWpg8JtiRqDhDBuce+1dxjO193fiR8L7ZW9+Ziw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-svg": {
+      "version": "2.0.42",
+      "resolved": "https://registry.npmjs.org/@antv/g-svg/-/g-svg-2.0.42.tgz",
+      "integrity": "sha512-0vunUSvG1CgcW2bzSY8H7naa8ItU1k/l2sdyrvlcdM2mAvq5Yjx2MFm0PBCMvvSr8w4JKW0I0fnvk35NePf3uA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-plugin-dom-interaction": "2.1.27",
+        "@antv/g-plugin-svg-picker": "2.0.42",
+        "@antv/g-plugin-svg-renderer": "2.2.24",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-web-animations-api": {
+      "version": "2.1.28",
+      "resolved": "https://registry.npmjs.org/@antv/g-web-animations-api/-/g-web-animations-api-2.1.28.tgz",
+      "integrity": "sha512-V5g8bO2D1hb8fRMMi5hXL/De+1UDRzW3C5EX07oazR0q71GONASP+sVwniZdt9R1HAmJSN5dvW3SqWeU3EEstQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g2": {
+      "version": "5.4.4",
+      "resolved": "https://registry.npmjs.org/@antv/g2/-/g2-5.4.4.tgz",
+      "integrity": "sha512-Bpwi+I7pzUvZl45VYuDkDixhFcTSqwI3tanq7cbtmUBXiuD8RBTigc6r2KXi56+scDsibIT0D8UEuBJvpvBF8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/component": "^2.1.9",
+        "@antv/coord": "^0.4.7",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/expr": "^1.0.2",
+        "@antv/g": "^6.1.24",
+        "@antv/g-canvas": "^2.0.43",
+        "@antv/g-plugin-dragndrop": "^2.0.35",
+        "@antv/scale": "^0.5.1",
+        "@antv/util": "^3.3.10",
+        "@antv/vendor": "^1.0.11",
+        "flru": "^1.0.2",
+        "pdfast": "^0.2.0"
+      }
+    },
+    "node_modules/@antv/g2-extension-plot": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@antv/g2-extension-plot/-/g2-extension-plot-0.2.2.tgz",
+      "integrity": "sha512-KJXCXO7as+h0hDqirGXf1omrNuYzQmY3VmBmp7lIvkepbQ7sz3pPwy895r1FWETGF3vTk5UeFcAF5yzzBHWgbw==",
+      "dependencies": {
+        "@antv/g2": "^5.1.8",
+        "@antv/util": "^3.3.5",
+        "@antv/vendor": "^1.0.10"
+      }
+    },
+    "node_modules/@antv/g6": {
+      "version": "5.0.50",
+      "resolved": "https://registry.npmjs.org/@antv/g6/-/g6-5.0.50.tgz",
+      "integrity": "sha512-L2ZdekSpJreIvSc4DkqGCh2bFmCadDZiR6q9euVtXdLeHPl/YQ4hqTvLIkc7aYO6oE/nC5mPAIOaM6ZiAy7QKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/algorithm": "^0.1.26",
+        "@antv/component": "^2.1.7",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/g": "^6.1.28",
+        "@antv/g-canvas": "^2.0.48",
+        "@antv/g-plugin-dragndrop": "^2.0.38",
+        "@antv/graphlib": "^2.0.4",
+        "@antv/hierarchy": "^0.6.14",
+        "@antv/layout": "1.2.14-beta.9",
+        "@antv/util": "^3.3.11",
+        "bubblesets-js": "^2.3.4"
+      }
+    },
+    "node_modules/@antv/g6-extension-react": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/@antv/g6-extension-react/-/g6-extension-react-0.2.6.tgz",
+      "integrity": "sha512-JWOiWMz/r4jG+Nn2Y28LfohpxfUaf9M/0brLdKBshSVa4DraQFfQvA9OTIbzahLLoxIXsKKG2KteQ9QcXL26Kw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g": "^6.1.24",
+        "@antv/g-svg": "^2.0.38"
+      },
+      "peerDependencies": {
+        "@antv/g6": "^5.0.50",
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@antv/graphin": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@antv/graphin/-/graphin-3.0.5.tgz",
+      "integrity": "sha512-V/j8R8Ty44wUqxVIYLdpPuIO8WWCTIVq1eBJg5YRunL5t5o5qAFpC/qkQxslbBMWyKdIH0oWBnvHA74riGi7cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g6": "^5.0.28"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.1.0",
+        "react-dom": "^18.0.0 || ^19.1.0"
+      }
+    },
+    "node_modules/@antv/graphlib": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@antv/graphlib/-/graphlib-2.0.4.tgz",
+      "integrity": "sha512-zc/5oQlsdk42Z0ib1mGklwzhJ5vczLFiPa1v7DgJkTbgJ2YxRh9xdarf86zI49sKVJmgbweRpJs7Nu5bIiwv4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/event-emitter": "^0.1.3"
+      }
+    },
+    "node_modules/@antv/hierarchy": {
+      "version": "0.6.14",
+      "resolved": "https://registry.npmjs.org/@antv/hierarchy/-/hierarchy-0.6.14.tgz",
+      "integrity": "sha512-V3uknf7bhynOqQDw2sg+9r9DwZ9pc6k/EcqyTFdfXB1+ydr7urisP0MipIuimucvQKN+Qkd+d6w601r1UIroqQ==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/layout": {
+      "version": "1.2.14-beta.9",
+      "resolved": "https://registry.npmjs.org/@antv/layout/-/layout-1.2.14-beta.9.tgz",
+      "integrity": "sha512-wPlwBFMtq2lWZFc89/7Lzb8fjHnyKVZZ9zBb2h+zZIP0YWmVmHRE8+dqCiPKOyOGUXEdDtn813f1g107dCHZlg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/graphlib": "^2.0.0",
+        "@antv/util": "^3.3.2",
+        "@naoak/workerize-transferable": "^0.1.0",
+        "comlink": "^4.4.1",
+        "d3-force": "^3.0.0",
+        "d3-force-3d": "^3.0.5",
+        "d3-octree": "^1.0.2",
+        "d3-quadtree": "^3.0.1",
+        "dagre": "^0.8.5",
+        "ml-matrix": "^6.10.4",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@antv/scale": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@antv/scale/-/scale-0.5.2.tgz",
+      "integrity": "sha512-rTHRAwvpHWC5PGZF/mJ2ZuTDqwwvVBDRph0Uu5PV9BXwzV7K8+9lsqGJ+XHVLxe8c6bKog5nlzvV/dcYb0d5Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/util": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-3.3.11.tgz",
+      "integrity": "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "gl-matrix": "^3.3.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@antv/vendor": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@antv/vendor/-/vendor-1.0.11.tgz",
+      "integrity": "sha512-LmhPEQ+aapk3barntaiIxJ5VHno/Tyab2JnfdcPzp5xONh/8VSfed4bo/9xKo5HcUAEydko38vYLfj6lJliLiw==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.2.1",
+        "@types/d3-color": "^3.1.3",
+        "@types/d3-dispatch": "^3.0.6",
+        "@types/d3-dsv": "^3.0.7",
+        "@types/d3-ease": "^3.0.2",
+        "@types/d3-fetch": "^3.0.7",
+        "@types/d3-force": "^3.0.10",
+        "@types/d3-format": "^3.0.4",
+        "@types/d3-geo": "^3.1.0",
+        "@types/d3-hierarchy": "^3.1.7",
+        "@types/d3-interpolate": "^3.0.4",
+        "@types/d3-path": "^3.1.0",
+        "@types/d3-quadtree": "^3.0.6",
+        "@types/d3-random": "^3.0.3",
+        "@types/d3-scale": "^4.0.9",
+        "@types/d3-scale-chromatic": "^3.1.0",
+        "@types/d3-shape": "^3.1.7",
+        "@types/d3-time": "^3.0.4",
+        "@types/d3-timer": "^3.0.2",
+        "d3-array": "^3.2.4",
+        "d3-color": "^3.1.0",
+        "d3-dispatch": "^3.0.1",
+        "d3-dsv": "^3.0.1",
+        "d3-ease": "^3.0.1",
+        "d3-fetch": "^3.0.1",
+        "d3-force": "^3.0.0",
+        "d3-force-3d": "^3.0.5",
+        "d3-format": "^3.1.0",
+        "d3-geo": "^3.1.1",
+        "d3-geo-projection": "^4.0.0",
+        "d3-hierarchy": "^3.1.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-path": "^3.1.0",
+        "d3-quadtree": "^3.0.1",
+        "d3-random": "^3.0.1",
+        "d3-regression": "^1.3.10",
+        "d3-scale": "^4.0.2",
+        "d3-scale-chromatic": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "d3-time": "^3.1.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.5.tgz",
+      "integrity": "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
+      "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-compilation-targets": "^7.27.2",
+        "@babel/helper-module-transforms": "^7.28.3",
+        "@babel/helpers": "^7.28.4",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/traverse": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
+      "integrity": "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@babel/types": "^7.28.5",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.27.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz",
+      "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.27.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz",
+      "integrity": "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.27.2",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.3.tgz",
+      "integrity": "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/traverse": "^7.28.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
+      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.4.tgz",
+      "integrity": "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.27.1.tgz",
+      "integrity": "sha512-y8YTNIeKoyhGd9O0Jiyzyyqk8gdjnumGTQPsz0xOZOQ2RmkVJeZ1vmmfIvFEKqucBG6axJGBZDE/7iI5suUI/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz",
+      "integrity": "sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.27.1.tgz",
+      "integrity": "sha512-2KH4LWGSrJIkVf5tSiBFYuXDAoWRq2MMwgivCf+93dd0GQi8RXLjKA/0EvRnVV5G0hrHczsquXuD01L8s6dmBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-module-imports": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/plugin-syntax-jsx": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.27.1.tgz",
+      "integrity": "sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.27.1.tgz",
+      "integrity": "sha512-JfuinvDOsD9FVMTHpzA/pBLisxpv1aSf+OIV8lgH3MuWrks19R27e6a6DipIg4aX1Zm9Wpb04p8wljfKrVSnPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.27.1",
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-react": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.28.5.tgz",
+      "integrity": "sha512-Z3J8vhRq7CeLjdC58jLv4lnZ5RKFUJWqH5emvxmv9Hv3BD1T9R/Im713R4MTKwvFaV74ejZ3sM01LyEKk4ugNQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-validator-option": "^7.27.1",
+        "@babel/plugin-transform-react-display-name": "^7.28.0",
+        "@babel/plugin-transform-react-jsx": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-development": "^7.27.1",
+        "@babel/plugin-transform-react-pure-annotations": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.5.tgz",
+      "integrity": "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.5",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.5",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.5",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.19.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.19.1.tgz",
+      "integrity": "sha512-q6NenYkEy2fn9+JyjIxMWcNjzTL/IhwqfzOut1/G3PrIFkrbl4AL7Wkse5tLrQUUyqGoAKU5+Pi5jnnXxH5HGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.10.0.tgz",
+      "integrity": "sha512-2xUIc5mHXQzT16JnyOFkh8PvfeXuIut3pslWGfsGOhxP/lpgRm9HOl/mpzLErgt5mXDovqA0d11P21gofRLb9w==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.4.0",
+        "@codemirror/view": "^6.27.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/lang-css": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.3.1.tgz",
+      "integrity": "sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.0.2",
+        "@lezer/css": "^1.1.7"
+      }
+    },
+    "node_modules/@codemirror/lang-html": {
+      "version": "6.4.11",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.11.tgz",
+      "integrity": "sha512-9NsXp7Nwp891pQchI7gPdTwBuSuT3K65NGTHWHNJ55HjYcHLllr0rbIZNdOzas9ztc1EUVBlHou85FFZS4BNnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/lang-css": "^6.0.0",
+        "@codemirror/lang-javascript": "^6.0.0",
+        "@codemirror/language": "^6.4.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/css": "^1.1.0",
+        "@lezer/html": "^1.3.12"
+      }
+    },
+    "node_modules/@codemirror/lang-javascript": {
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.4.tgz",
+      "integrity": "sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.6.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/javascript": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-json": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-json/-/lang-json-6.0.2.tgz",
+      "integrity": "sha512-x2OtO+AvwEHrEwR0FyyPtfDUiloG3rnVTSZV1W8UteaLL8/MajQd8DpvUb2YVzC+/T18aSDv0H9mu+xw0EStoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@lezer/json": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-markdown": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-markdown/-/lang-markdown-6.5.0.tgz",
+      "integrity": "sha512-0K40bZ35jpHya6FriukbgaleaqzBLZfOh7HuzqbMxBXkbYMJDxfF39c23xOgxFezR+3G+tR2/Mup+Xk865OMvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.7.1",
+        "@codemirror/lang-html": "^6.0.0",
+        "@codemirror/language": "^6.3.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.2.1",
+        "@lezer/markdown": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-sql": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-sql/-/lang-sql-6.10.0.tgz",
+      "integrity": "sha512-6ayPkEd/yRw0XKBx5uAiToSgGECo/GY2NoJIHXIIQh1EVwLuKoU8BP/qK0qH5NLXAbtJRLuT73hx7P9X34iO4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-xml": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-xml/-/lang-xml-6.1.0.tgz",
+      "integrity": "sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.4.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/xml": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-yaml": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-yaml/-/lang-yaml-6.1.2.tgz",
+      "integrity": "sha512-dxrfG8w5Ce/QbT7YID7mWZFKhdhsaTNOYjOkSIMt1qmC4VQnXSDSYVHHHn8k6kJUfIhtLo8t1JJgltlxWdsITw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.2.0",
+        "@lezer/lr": "^1.0.0",
+        "@lezer/yaml": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.11.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.11.3.tgz",
+      "integrity": "sha512-9HBM2XnwDj7fnu0551HkGdrUrrqmYq/WC5iv6nbY2WdicXdGbhR/gfbZOH73Aqj4351alY1+aoG9rCNfiwS1RA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.1.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.9.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.9.2.tgz",
+      "integrity": "sha512-sv3DylBiIyi+xKwRCJAAsBZZZWo82shJ/RTMymLabAdtbkV5cSKwWDeCgtUq3v8flTaXS2y1kKkICuRYtUswyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.35.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.11.tgz",
+      "integrity": "sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
+      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.3.tgz",
+      "integrity": "sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.38.8",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.38.8.tgz",
+      "integrity": "sha512-XcE9fcnkHCbWkjeKyi0lllwXmBLtyYb5dt89dJyx23I9+LSh5vZDIuk7OLG4VM1lgrXZQcY6cxyZyk5WVPRv/A==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.5.0",
+        "crelt": "^1.0.6",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@coreshop/address": {
+      "resolved": "src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/core": {
+      "resolved": "src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/currency": {
+      "resolved": "src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/customer": {
+      "resolved": "src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/index": {
+      "resolved": "src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/menu": {
+      "resolved": "src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/messenger": {
+      "resolved": "src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/money": {
+      "resolved": "src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/notification": {
+      "resolved": "src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/order": {
+      "resolved": "src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/payment": {
+      "resolved": "src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/pimcore": {
+      "resolved": "src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/product": {
+      "resolved": "src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/productquantitypricerules": {
+      "resolved": "src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/resource": {
+      "resolved": "src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/resource-studio-plugin": {
+      "resolved": "src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/rule": {
+      "resolved": "src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/shipping": {
+      "resolved": "src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/store": {
+      "resolved": "src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/studio-form": {
+      "resolved": "src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/taxation": {
+      "resolved": "src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/user": {
+      "resolved": "src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@coreshop/variant": {
+      "resolved": "src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@dnd-kit/accessibility": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.1.1.tgz",
+      "integrity": "sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/core": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
+      "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/accessibility": "^3.1.1",
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/modifiers": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/modifiers/-/modifiers-7.0.0.tgz",
+      "integrity": "sha512-BG/ETy3eBjFap7+zIti53f0PCLGDzNXyTmn6fSdrudORf+OH04MxrW4p5+mPu4mgMk9kM41iYONjc3DOUWTcfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.1.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/sortable": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/sortable/-/sortable-8.0.0.tgz",
+      "integrity": "sha512-U3jk5ebVXe1Lr7c2wU7SBZjcWdQP+j7peHJfCspnA81enlu88Mgd7CC8Q+pub9ubP7eKVETzJW+IBAhsqbSu/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.1.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/utilities": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.2.tgz",
+      "integrity": "sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.7.1.tgz",
+      "integrity": "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.7.1.tgz",
+      "integrity": "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache/node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/css": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-11.13.5.tgz",
+      "integrity": "sha512-wQdD0Xhkn3Qy2VNcIzbLP9MR8TafI0MJb7BEAXKp+w4+XqErksWR4OXomuDzPsN4InLdGhVe6EYcn2ZIUCpB8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz",
+      "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid/node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/serialize/node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/serialize/node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
+      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@inversifyjs/common": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@inversifyjs/common/-/common-1.4.0.tgz",
+      "integrity": "sha512-qfRJ/3iOlCL/VfJq8+4o5X4oA14cZSBbpAmHsYj8EsIit1xDndoOl0xKOyglKtQD4u4gdNVxMHx4RWARk/I4QA==",
+      "license": "MIT"
+    },
+    "node_modules/@inversifyjs/core": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@inversifyjs/core/-/core-1.3.5.tgz",
+      "integrity": "sha512-B4MFXabhNTAmrfgB+yeD6wd/GIvmvWC6IQ8Rh/j2C3Ix69kmqwz9pr8Jt3E+Nho9aEHOQCZaGmrALgtqRd+oEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@inversifyjs/common": "1.4.0",
+        "@inversifyjs/reflect-metadata-utils": "0.2.4"
+      }
+    },
+    "node_modules/@inversifyjs/reflect-metadata-utils": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@inversifyjs/reflect-metadata-utils/-/reflect-metadata-utils-0.2.4.tgz",
+      "integrity": "sha512-u95rV3lKfG+NT2Uy/5vNzoDujos8vN8O18SSA5UyhxsGYd4GLQn/eUsGXfOsfa7m34eKrDelTKRUX1m/BcNX5w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "reflect-metadata": "0.2.2"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.3.0.tgz",
+      "integrity": "sha512-L9X8uHCYU310o99L3/MpJKYxPzXPOS7S0NmBaM7UO/x2Kb2WbmMLSkfvdr1KxRIFYOpbY0Jhn7CfLSUDzL8arQ==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/css": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.3.0.tgz",
+      "integrity": "sha512-pBL7hup88KbI7hXnZV3PQsn43DHy6TWyzuyk2AO9UyoXcDltvIdqWKE1dLL/45JVZ+YZkHe1WVHqO6wugZZWcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz",
+      "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/html": {
+      "version": "1.3.12",
+      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.12.tgz",
+      "integrity": "sha512-RJ7eRWdaJe3bsiiLLHjCFT1JMk8m1YP9kaUbvu2rMLEoOnke9mcTVDyfOslsln0LtujdWespjJ39w6zo+RsQYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.4.tgz",
+      "integrity": "sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.1.3",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/json": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.3.tgz",
+      "integrity": "sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.3.tgz",
+      "integrity": "sha512-yenN5SqAxAPv/qMnpWW0AT7l+SxVrgG+u0tNsRQWqbrz66HIl8DnEbBObvy21J5K7+I1v7gsAnlE2VQ5yYVSeA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/markdown": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.6.0.tgz",
+      "integrity": "sha512-AXb98u3M6BEzTnreBnGtQaF7xFTiMA92Dsy5tqEjpacbjRxDSFdN4bKJo9uvU4cEEOS7D2B9MT7kvDgOEIzJSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/xml": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.6.tgz",
+      "integrity": "sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/yaml": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@lezer/yaml/-/yaml-1.0.3.tgz",
+      "integrity": "sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.4.0"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "license": "MIT"
+    },
+    "node_modules/@modern-js/node-bundle-require": {
+      "version": "2.65.1",
+      "resolved": "https://registry.npmjs.org/@modern-js/node-bundle-require/-/node-bundle-require-2.65.1.tgz",
+      "integrity": "sha512-XpEkciVEfDbkkLUI662ZFlI9tXsUQtLXk4NRJDBGosNnk9uL2XszmC8sKsdCSLK8AYuPW2w6MTVWuJsOR0EU8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@modern-js/utils": "2.65.1",
+        "@swc/helpers": "0.5.13",
+        "esbuild": "0.17.19"
+      }
+    },
+    "node_modules/@modern-js/utils": {
+      "version": "2.65.1",
+      "resolved": "https://registry.npmjs.org/@modern-js/utils/-/utils-2.65.1.tgz",
+      "integrity": "sha512-HrChf19F+6nALo5XPra8ycjhXGQfGi23+S7Y2FLfTKe8vaNnky8duT/XvRWpbS4pp3SQj8ryO8m/qWSsJ1Rogw==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "0.5.13",
+        "caniuse-lite": "^1.0.30001520",
+        "lodash": "^4.17.21",
+        "rslog": "^1.1.0"
+      }
+    },
+    "node_modules/@module-federation/bridge-react-webpack-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/bridge-react-webpack-plugin/-/bridge-react-webpack-plugin-0.13.1.tgz",
+      "integrity": "sha512-3RgGd8KcRw5vibnxWa1NUWwfb0tKwn8OvHeQ4GFKzMvDLm+QpCgQd9LeTEBP38wZgGXVtIJR3y5FPnufWswFKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/sdk": "0.13.1",
+        "@types/semver": "7.5.8",
+        "semver": "7.6.3"
+      }
+    },
+    "node_modules/@module-federation/bridge-react-webpack-plugin/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@module-federation/cli": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/cli/-/cli-0.13.1.tgz",
+      "integrity": "sha512-ej7eZTVUiRMor37pkl2y3hbXwcaNvPgbZJVO+hb2c7cKBjWto7AndgR5qcKpcXXXlhbGwtnI+VrgldruKC+AqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@modern-js/node-bundle-require": "2.65.1",
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "chalk": "3.0.0",
+        "commander": "11.1.0"
+      },
+      "bin": {
+        "mf": "bin/mf.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@module-federation/data-prefetch": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/data-prefetch/-/data-prefetch-0.13.1.tgz",
+      "integrity": "sha512-hj3R72rRyune4fb4V4OFmo1Rfa9T9u0so2Q4vt69frPc2NV2FPPJkIvHGs/geGTLOgt4nn7OH1/ukmR3wWvSuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "fs-extra": "9.1.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@module-federation/dts-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/dts-plugin/-/dts-plugin-0.13.1.tgz",
+      "integrity": "sha512-PQMs57h9s5pCkLWZ0IyDGCcac4VZ+GgJE40pAWrOQ+/AgTC+WFyAT16M7PsRENS57Qed4wWQwgfOjS9zmfxKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "@module-federation/third-party-dts-extractor": "0.13.1",
+        "adm-zip": "^0.5.10",
+        "ansi-colors": "^4.1.3",
+        "axios": "^1.8.2",
+        "chalk": "3.0.0",
+        "fs-extra": "9.1.0",
+        "isomorphic-ws": "5.0.0",
+        "koa": "2.16.1",
+        "lodash.clonedeepwith": "4.5.0",
+        "log4js": "6.9.1",
+        "node-schedule": "2.1.1",
+        "rambda": "^9.1.0",
+        "ws": "8.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^4.9.0 || ^5.0.0",
+        "vue-tsc": ">=1.0.24"
+      },
+      "peerDependenciesMeta": {
+        "vue-tsc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/enhanced": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/enhanced/-/enhanced-0.13.1.tgz",
+      "integrity": "sha512-jbbk68RnvNmusGGcXNXVDJAzJOFB/hV+RVV2wWNWmBOVkDZPiWj7aFb0cJAwc9EYZbPel3QzRitZJ73+SaH1IA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/bridge-react-webpack-plugin": "0.13.1",
+        "@module-federation/cli": "0.13.1",
+        "@module-federation/data-prefetch": "0.13.1",
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/inject-external-runtime-core-plugin": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/manifest": "0.13.1",
+        "@module-federation/rspack": "0.13.1",
+        "@module-federation/runtime-tools": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "btoa": "^1.2.1",
+        "schema-utils": "^4.3.0",
+        "upath": "2.0.1"
+      },
+      "bin": {
+        "mf": "bin/mf.js"
+      },
+      "peerDependencies": {
+        "typescript": "^4.9.0 || ^5.0.0",
+        "vue-tsc": ">=1.0.24",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue-tsc": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/error-codes": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/error-codes/-/error-codes-0.13.1.tgz",
+      "integrity": "sha512-azgGDBnFRfqlivHOl96ZjlFUFlukESz2Rnnz/pINiSqoBBNjUE0fcAZP4X6jgrVITuEg90YkruZa7pW9I3m7Uw==",
+      "license": "MIT"
+    },
+    "node_modules/@module-federation/inject-external-runtime-core-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/inject-external-runtime-core-plugin/-/inject-external-runtime-core-plugin-0.13.1.tgz",
+      "integrity": "sha512-K+ltl2AqVqlsvEds1PffCMLDMlC5lvdkyMXOfcZO6u0O4dZlaTtZbT32NchY7kIEvEsj0wyYhX1i2DnsbHpUBw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@module-federation/runtime-tools": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/managers": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/managers/-/managers-0.13.1.tgz",
+      "integrity": "sha512-vQMrqSFQxjSuGgByC2wcY7zUTmVfhzCyDpnCCq0PtaozK8DcgwsEMzrAT3dbg8ifGUmse/xiRIbTmS5leKK+UQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/sdk": "0.13.1",
+        "find-pkg": "2.0.0",
+        "fs-extra": "9.1.0"
+      }
+    },
+    "node_modules/@module-federation/manifest": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/manifest/-/manifest-0.13.1.tgz",
+      "integrity": "sha512-XcuFtLycoR0jQj8op+w20V5n459blNBvGXe//AwkEppQERk8SM5kQgIPvOVbZ8zGx7tl/F2HGTDVZlhDiKzIew==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "chalk": "3.0.0",
+        "find-pkg": "2.0.0"
+      }
+    },
+    "node_modules/@module-federation/rsbuild-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/rsbuild-plugin/-/rsbuild-plugin-0.13.1.tgz",
+      "integrity": "sha512-O+FQSN77l64FMiF9TwNVMaxkwqjxIHjwohn9gnNA2bxLPA/wCeXEroLfl+4+8N4avOEIyQ1t6z3d5ituHbPl5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/enhanced": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "@rsbuild/core": "1.x"
+      },
+      "peerDependenciesMeta": {
+        "@rsbuild/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/rspack": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/rspack/-/rspack-0.13.1.tgz",
+      "integrity": "sha512-+qz8sW99SYDULajjjn4rSNaI4rogEPVOZsBvT6y0PdfpMD/wZxvh5HlV0u7+5DgWEjgrdm0cJHBHChlIbV/CMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/bridge-react-webpack-plugin": "0.13.1",
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/inject-external-runtime-core-plugin": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/manifest": "0.13.1",
+        "@module-federation/runtime-tools": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "btoa": "1.2.1"
+      },
+      "peerDependencies": {
+        "@rspack/core": ">=0.7",
+        "typescript": "^4.9.0 || ^5.0.0",
+        "vue-tsc": ">=1.0.24"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue-tsc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/runtime": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime/-/runtime-0.13.1.tgz",
+      "integrity": "sha512-ZHnYvBquDm49LiHfv6fgagMo/cVJneijNJzfPh6S0CJrPS2Tay1bnTXzy8VA5sdIrESagYPaskKMGIj7YfnPug==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/runtime-core": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/runtime-core": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-core/-/runtime-core-0.13.1.tgz",
+      "integrity": "sha512-TfyKfkSAentKeuvSsAItk8s5tqQSMfIRTPN2e1aoaq/kFhE+7blps719csyWSX5Lg5Es7WXKMsXHy40UgtBtuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/runtime-tools": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-tools/-/runtime-tools-0.13.1.tgz",
+      "integrity": "sha512-GEF1pxqLc80osIMZmE8j9UKZSaTm2hX2lql8tgIH/O9yK4wnF06k6LL5Ah+wJt+oJv6Dj55ri/MoxMP4SXoPNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.13.1",
+        "@module-federation/webpack-bundler-runtime": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/sdk": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/sdk/-/sdk-0.13.1.tgz",
+      "integrity": "sha512-bmf2FGQ0ymZuxYnw9bIUfhV3y6zDhaqgydEjbl4msObKMLGXZqhse2pTIIxBFpIxR1oONKX/y2FAolDCTlWKiw==",
+      "license": "MIT"
+    },
+    "node_modules/@module-federation/third-party-dts-extractor": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/third-party-dts-extractor/-/third-party-dts-extractor-0.13.1.tgz",
+      "integrity": "sha512-0kWSupoC0aTxFjJZE5TVPNsoZ9kBsZhkvRxFnUW2vDYLgtvgs2dIrDlNlIXYiS/MaQCNHGyvdNepbchKQiwFaw==",
+      "license": "MIT",
+      "dependencies": {
+        "find-pkg": "2.0.0",
+        "fs-extra": "9.1.0",
+        "resolve": "1.22.8"
+      }
+    },
+    "node_modules/@module-federation/webpack-bundler-runtime": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/webpack-bundler-runtime/-/webpack-bundler-runtime-0.13.1.tgz",
+      "integrity": "sha512-QSuSIGa09S8mthbB1L6xERqrz+AzPlHR6D7RwAzssAc+IHf40U6NiTLPzUqp9mmKDhC5Tm0EISU0ZHNeJpnpBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      }
+    },
+    "node_modules/@naoak/workerize-transferable": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@naoak/workerize-transferable/-/workerize-transferable-0.1.0.tgz",
+      "integrity": "sha512-fDLfuP71IPNP5+zSfxFb52OHgtjZvauRJWbVnpzQ7G7BjcbLjTny0OW1d3ZO806XKpLWNKmeeW3MhE0sy8iwYQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "workerize-loader": "*"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.0.7.tgz",
+      "integrity": "sha512-SeDnOO0Tk7Okiq6DbXmmBODgOAb9dp9gjlphokTUxmt8U3liIP1ZsozBahH69j/RJv+Rfs6IwUKHTgQYJ/HBAw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.5.0",
+        "@emnapi/runtime": "^1.5.0",
+        "@tybys/wasm-util": "^0.10.1"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle": {
+      "version": "1.0.0-canary.20251119-143005-1b35b01",
+      "resolved": "https://registry.npmjs.org/@pimcore/studio-ui-bundle/-/studio-ui-bundle-1.0.0-canary.20251119-143005-1b35b01.tgz",
+      "integrity": "sha512-QF4ziZ3pDKmSnPfKJVzT9kRZY/rXsoHuDKndqw8q9M6rHMNNTh/rbgCncVS4TqPxn5xtJaQho8aZ9Hp91h4TDA==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@ant-design/charts": "^2.4.0",
+        "@ant-design/colors": "^7.2.1",
+        "@codemirror/lang-css": "^6.3.0",
+        "@codemirror/lang-html": "^6.4.9",
+        "@codemirror/lang-javascript": "^6.2.2",
+        "@codemirror/lang-json": "^6.0.1",
+        "@codemirror/lang-markdown": "^6.3.1",
+        "@codemirror/lang-sql": "^6.8.0",
+        "@codemirror/lang-xml": "^6.1.0",
+        "@codemirror/lang-yaml": "^6.1.2",
+        "@dnd-kit/core": "^6.1.0",
+        "@dnd-kit/modifiers": "^7.0.0",
+        "@dnd-kit/sortable": "^8.0.0",
+        "@module-federation/enhanced": "^0.13.1",
+        "@reduxjs/toolkit": "^2.3.0",
+        "@rspack/plugin-react-refresh": "^1.5.1",
+        "@tanstack/react-table": "^8.20.5",
+        "@tanstack/react-virtual": "^3.13.12",
+        "@types/dompurify": "^3.2.0",
+        "@types/leaflet": "^1.9.14",
+        "@types/leaflet-draw": "^1.0.11",
+        "@types/lodash": "^4.17.13",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "@uiw/react-codemirror": "^4.23.6",
+        "antd": "5.22.x",
+        "antd-style": "3.7.x",
+        "classnames": "^2.5.1",
+        "dompurify": "^3.2.1",
+        "flexlayout-react": "^0.7.15",
+        "framer-motion": "^11.11.17",
+        "i18next": "^23.16.8",
+        "immer": "^10.1.1",
+        "inversify": "6.1.x",
+        "leaflet": "^1.9.4",
+        "leaflet-draw": "^1.0.4",
+        "lodash": "^4.17.21",
+        "react": "18.3.x",
+        "react-compiler-runtime": "^19.1.0-rc.2",
+        "react-dom": "18.3.x",
+        "react-draggable": "^4.4.6",
+        "react-i18next": "^14.1.3",
+        "react-redux": "^9.1.2",
+        "react-refresh": "^0.18.0",
+        "react-router-dom": "^6.28.0",
+        "reflect-metadata": "0.2.x",
+        "ts-patch": "^3.3.0",
+        "uuid": "^10.0.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd": {
+      "version": "5.22.7",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.22.7.tgz",
+      "integrity": "sha512-koT5QMliDgXc21yNcs4Uyuq6TeB5AJbzGZ2qjNExzE7Tjr8yYIX6sJsQfunsEV80wC1mpF7m9ldKuNj+PafcFA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.1.0",
+        "@ant-design/cssinjs": "^1.21.1",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/icons": "^5.5.2",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.25.7",
+        "@ctrl/tinycolor": "^3.6.1",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.0.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.2.6",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.30.0",
+        "rc-checkbox": "~3.3.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.2.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.0",
+        "rc-image": "~7.11.0",
+        "rc-input": "~1.6.4",
+        "rc-input-number": "~9.3.0",
+        "rc-mentions": "~2.17.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.2",
+        "rc-pagination": "~5.0.0",
+        "rc-picker": "~4.8.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.0",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.5.0",
+        "rc-select": "~14.16.4",
+        "rc-slider": "~11.1.7",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.49.0",
+        "rc-tabs": "~15.4.0",
+        "rc-textarea": "~1.8.2",
+        "rc-tooltip": "~6.2.1",
+        "rc-tree": "~5.10.1",
+        "rc-tree-select": "~5.24.5",
+        "rc-upload": "~4.8.1",
+        "rc-util": "^5.44.3",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/@rc-component/qrcode": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.0.1.tgz",
+      "integrity": "sha512-g8eeeaMyFXVlq8cZUeaxCDhfIYjpao0l9cvm5gFwKXy/Vm1yDWV7h2sjH5jHYzdFedlVKBpATFB1VKMrHzwaWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "classnames": "^2.3.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-cascader": {
+      "version": "3.30.0",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.30.0.tgz",
+      "integrity": "sha512-rrzSbk1Bdqbu+pDwiLCLHu72+lwX9BZ28+JKzoi0DWZ4N29QYFeip8Gctl33QVd2Xg3Rf14D3yAOG76ElJw16w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.10.1",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-checkbox": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.3.0.tgz",
+      "integrity": "sha512-Ih3ZaAcoAiFKJjifzwsGiT/f/quIkxJoklW4yKGho14Olulwn8gN7hOBve0/WGDg5o/l/5mL0w7ff7/YGvefVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-drawer": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.2.0.tgz",
+      "integrity": "sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-image": {
+      "version": "7.11.1",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.11.1.tgz",
+      "integrity": "sha512-XuoWx4KUXg7hNy5mRTy1i8c8p3K8boWg6UajbHpDXS5AlRVucNfTi5YxTtPBTBzegxAZpvuLfh3emXFt6ybUdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.6.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-input": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.6.4.tgz",
+      "integrity": "sha512-lBZhfRD4NSAUW0zOKLUeI6GJuXkxeZYi0hr8VcJgJpyTNOvHw1ysrKWAHcEOAAHj7guxgmWYSi6xWrEdfrSAsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-input-number": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.3.0.tgz",
+      "integrity": "sha512-JQ363ywqRyxwgVxpg2z2kja3CehTpYdqR7emJ/6yJjRdbvo+RvfE83fcpBCIJRq3zLp8SakmEXq60qzWyZ7Usw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.6.0",
+        "rc-util": "^5.40.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-mentions": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.17.0.tgz",
+      "integrity": "sha512-sfHy+qLvc+p8jx8GUsujZWXDOIlIimp6YQz7N5ONQ6bHsa2kyG+BLa5k2wuxgebBbH97is33wxiyq5UkiXRpHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.6.0",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.8.0",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-pagination": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.0.0.tgz",
+      "integrity": "sha512-QjrPvbAQwps93iluvFM62AEYglGYhWW2q/nliQqmvkTi4PXP4HHoh00iC1Sa5LLVmtWQHmG73fBi2x6H6vFHRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-picker": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.8.3.tgz",
+      "integrity": "sha512-hJ45qoEs4mfxXPAJdp1n3sKwADul874Cd0/HwnsEOE60H+tgiJUGgbOD62As3EG/rFVNS5AWRfBCDJJfmRqOVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-segmented": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.5.0.tgz",
+      "integrity": "sha512-B28Fe3J9iUFOhFJET3RoXAPFJ2u47QvLSYcZWC4tFYNGPEjug5LAxEasZlA/PpAxhdOPqGWsGbSj7ftneukJnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-table": {
+      "version": "7.49.0",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.49.0.tgz",
+      "integrity": "sha512-/FoPLX94muAQOxVpi1jhnpKjOIqUbT81eELQPAzSXOke4ky4oCWYUXOcVpL31ZCO90xScwVSXRd7coqtgtB1Ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.41.0",
+        "rc-virtual-list": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tabs": {
+      "version": "15.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.4.0.tgz",
+      "integrity": "sha512-llKuyiAVqmXm2z7OrmhX5cNb2ueZaL8ZyA2P4R+6/72NYYcbEgOXibwHiQCFY2RiN3swXl53SIABi2CumUS02g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-textarea": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.8.2.tgz",
+      "integrity": "sha512-UFAezAqltyR00a8Lf0IPAyTd29Jj9ee8wt8DqXyDMal7r/Cg/nDt3e1OOv3Th4W6mKaZijjgwuPXhAfVNTN8sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.6.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tooltip": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.2.1.tgz",
+      "integrity": "sha512-rws0duD/3sHHsD905Nex7FvoUGy2UBQRhTkKxeEvr2FB+r21HsOxcDJI0TzyO8NHhnAA8ILr8pfbSBg5Jj5KBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tree": {
+      "version": "5.10.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.10.1.tgz",
+      "integrity": "sha512-FPXb3tT/u39mgjr6JNlHaUTYfHkVGW56XaGDahDpEFLGsnPxGcVLNTjcqoQb/GNbSCycl7tD7EvIymwOTP0+Yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tree-select": {
+      "version": "5.24.5",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.24.5.tgz",
+      "integrity": "sha512-PnyR8LZJWaiEFw0SHRqo4MNQWyyZsyMs8eNmo68uXZWjxc7QqeWcjPPoONN0rc90c3HZqGF9z+Roz+GLzY5GXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "2.x",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.10.1",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-upload": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.8.1.tgz",
+      "integrity": "sha512-toEAhwl4hjLAI1u8/CgKWt30BR06ulPa4iGQSMvSXoHzO88gPCslxqV/mnn4gJU7PDoltGIC9Eh+wkeudqgHyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/async-validator": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@rc-component/async-validator/-/async-validator-5.0.4.tgz",
+      "integrity": "sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.4"
+      },
+      "engines": {
+        "node": ">=14.x"
+      }
+    },
+    "node_modules/@rc-component/color-picker": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-2.0.1.tgz",
+      "integrity": "sha512-WcZYwAThV/b2GISQ8F+7650r5ZZJ043E57aVBFkQ+kSY4C6wdofXgB0hBx+GPGpIU0Z81eETNoDUJMr7oy/P8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6",
+        "@babel/runtime": "^7.23.6",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
+      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
+      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/qrcode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.1.0.tgz",
+      "integrity": "sha512-ABA80Yer0c6I2+moqNY0kF3Y1NxIT6wDP/EINIqbiRbfZKP1HtHpKMh8WuTXLgVGYsoWG2g9/n0PgM8KdnJb4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "classnames": "^2.3.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.15.1.tgz",
+      "integrity": "sha512-Tr2t7J1DKZUpfJuDZWHxyxWpfmj8EZrqSgyMZ+BCdvKZ6r1UDsfU46M/iWAAFBy961Ssfom2kv5f3UcjIL2CmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.3.0.tgz",
+      "integrity": "sha512-iwaxZyzOuK0D7lS+0AQEtW52zUWxoGqTGkke3dRyb8pYiShmRpCjB/8TzPI4R6YySCH7Vm9BZj/31VPiiQTLBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.44.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.10.1.tgz",
+      "integrity": "sha512-/U17EXQ9Do9Yx4DlNGU6eVNfZvFJfYpUtRRdLf19PbPjdWBxNlxGZXywQZ1p1Nz8nMkWplTI7iD/23m07nolDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@standard-schema/utils": "^0.3.0",
+        "immer": "^10.2.0",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.1.tgz",
+      "integrity": "sha512-vDbaOzF7yT2Qs4vO6XV1MHcJv+3dgR1sT+l3B8xxOVhUC336prMvqrvsLL/9Dnw2xr6Qhz4J0dmS0llNAbnUmQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rsbuild/core": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/@rsbuild/core/-/core-1.6.7.tgz",
+      "integrity": "sha512-V0INbMrT/LwyhzKmvpupe2oSvPFWaivz7sdriFRp381BJvD0d2pYcq9iRW91bxgMRX78MgTzFYAu868hMAzoSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rspack/core": "1.6.4",
+        "@rspack/lite-tapable": "~1.1.0",
+        "@swc/helpers": "^0.5.17",
+        "core-js": "~3.46.0",
+        "jiti": "^2.6.1"
+      },
+      "bin": {
+        "rsbuild": "bin/rsbuild.js"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      }
+    },
+    "node_modules/@rsbuild/core/node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@rsbuild/plugin-node-polyfill": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@rsbuild/plugin-node-polyfill/-/plugin-node-polyfill-1.4.2.tgz",
+      "integrity": "sha512-Vq1So9ZQa0nz9scgDfAa/t7bLPl7lYBQw6n3Qhd8hGUpPXacSjr0xLdJ2c20EDihOO4qJKN4zlomBYVjCHPy0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assert": "^2.1.0",
+        "browserify-zlib": "^0.2.0",
+        "buffer": "^5.7.1",
+        "console-browserify": "^1.2.0",
+        "constants-browserify": "^1.0.0",
+        "crypto-browserify": "^3.12.1",
+        "domain-browser": "^5.7.0",
+        "events": "^3.3.0",
+        "https-browserify": "^1.0.0",
+        "os-browserify": "^0.3.0",
+        "path-browserify": "^1.0.1",
+        "process": "^0.11.10",
+        "punycode": "^2.3.1",
+        "querystring-es3": "^0.2.1",
+        "readable-stream": "^4.7.0",
+        "stream-browserify": "^3.0.0",
+        "stream-http": "^3.2.0",
+        "string_decoder": "^1.3.0",
+        "timers-browserify": "^2.0.12",
+        "tty-browserify": "^0.0.1",
+        "url": "^0.11.4",
+        "util": "^0.12.5",
+        "vm-browserify": "^1.1.2"
+      },
+      "peerDependencies": {
+        "@rsbuild/core": "1.x"
+      },
+      "peerDependenciesMeta": {
+        "@rsbuild/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rsbuild/plugin-react": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@rsbuild/plugin-react/-/plugin-react-1.4.2.tgz",
+      "integrity": "sha512-2rJb5mOuqVof2aDq4SbB1E65+0n1vjhAADipC88jvZRNuTOulg79fh7R4tsCiBMI4VWq46gSpwekiK8G5bq6jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rspack/plugin-react-refresh": "^1.5.2",
+        "react-refresh": "^0.18.0"
+      },
+      "peerDependencies": {
+        "@rsbuild/core": "1.x"
+      }
+    },
+    "node_modules/@rsbuild/plugin-source-build": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@rsbuild/plugin-source-build/-/plugin-source-build-1.0.3.tgz",
+      "integrity": "sha512-b+BWbx5eqSV3Ydq0gH265ov0LsVfV7ho0q4FT5zgxt+ZIPU5W5TB14tAt3enHXGOATMFBrjTL85XNpqQS6aExA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "^3.3.3",
+        "json5": "^2.2.3",
+        "yaml": "^2.8.0"
+      },
+      "peerDependencies": {
+        "@rsbuild/core": "1.x"
+      },
+      "peerDependenciesMeta": {
+        "@rsbuild/core": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rsbuild/plugin-svgr": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@rsbuild/plugin-svgr/-/plugin-svgr-1.2.2.tgz",
+      "integrity": "sha512-zd1efqsd0mDWe6B6dAKmubMvvaGrD4lPKXUZObynROvPZBSeaZxY2y2Ddrwc1yCyWL6X4WdBd1WIfShGGGKDxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rsbuild/plugin-react": "^1.1.0",
+        "@svgr/core": "8.1.0",
+        "@svgr/plugin-jsx": "8.1.0",
+        "@svgr/plugin-svgo": "8.1.0",
+        "deepmerge": "^4.3.1",
+        "loader-utils": "^3.3.1"
+      },
+      "peerDependencies": {
+        "@rsbuild/core": "1.x"
+      }
+    },
+    "node_modules/@rspack/binding": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding/-/binding-1.6.4.tgz",
+      "integrity": "sha512-vUxc/zUdsCuyysOvP4CTdIYxsZPb2jIXST5vrLABiTPIaHpXZ0hVdgKif2XPJwJeuCVS6w25xvyPN0mBCU0MvQ==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "@rspack/binding-darwin-arm64": "1.6.4",
+        "@rspack/binding-darwin-x64": "1.6.4",
+        "@rspack/binding-linux-arm64-gnu": "1.6.4",
+        "@rspack/binding-linux-arm64-musl": "1.6.4",
+        "@rspack/binding-linux-x64-gnu": "1.6.4",
+        "@rspack/binding-linux-x64-musl": "1.6.4",
+        "@rspack/binding-wasm32-wasi": "1.6.4",
+        "@rspack/binding-win32-arm64-msvc": "1.6.4",
+        "@rspack/binding-win32-ia32-msvc": "1.6.4",
+        "@rspack/binding-win32-x64-msvc": "1.6.4"
+      }
+    },
+    "node_modules/@rspack/binding-darwin-arm64": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-arm64/-/binding-darwin-arm64-1.6.4.tgz",
+      "integrity": "sha512-qD2C5xwdY2qKEXTZiPJQx1L1kELapOc0AaZDqcAyzXs30d1qTKpx6PdyW3HN+gueKovyWZwMMYfz6RxcMCnaDQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rspack/binding-darwin-x64": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-x64/-/binding-darwin-x64-1.6.4.tgz",
+      "integrity": "sha512-IHceyLDxeubqIrGz4gUqJavnygTij4vtDDE2Fkgobz7hkTJwGtD5mxBKbVNRqGvhrasVw0h9rEjR7tdbDSiUhQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-arm64-gnu": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.6.4.tgz",
+      "integrity": "sha512-Ldpoz2wWnBaL2+XKLIOyCZMkAkd4pk/L24EVgma3SpRtwgenLEr10bQupvwGAK5OLkjayslOTZmRiAv0FH5o/w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-arm64-musl": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.6.4.tgz",
+      "integrity": "sha512-3fLMSDK5yMjKmx7iFbYG3P3A0xNdtmNu09v5P6hzq65tkJ3dflIt3p8DvtOTURtuSgQZV2A1LDd9hpIXdnigqA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-x64-gnu": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.6.4.tgz",
+      "integrity": "sha512-5YzXUKLnaiqND05CDgkKE0WNRtC1ulkVncYs78xPikonzZmgVXa8eRaTPOZC6ZjpLR0eTsg+MSesLUsPUu27hA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-linux-x64-musl": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-musl/-/binding-linux-x64-musl-1.6.4.tgz",
+      "integrity": "sha512-KcSFla8a9bXG1mmV5oQ1R5h/dSXfd41/qHOsNuLqho2UCX8CVh4dezUA153dj7p1S4yOhTy6VZZi6C1szweE9A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rspack/binding-wasm32-wasi": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-wasm32-wasi/-/binding-wasm32-wasi-1.6.4.tgz",
+      "integrity": "sha512-mfFJbDJkRy5I1iW3m0JlWbc0X8pjVd+GRUz5nhbccwEhSQOc27ao3evf7XPU4aaDxud1B3UEqYiRcRmtm1BrjA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "1.0.7"
+      }
+    },
+    "node_modules/@rspack/binding-win32-arm64-msvc": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.6.4.tgz",
+      "integrity": "sha512-QtIqxsfeTSS1lwfaPGrPFfJ9ir/3aWZv5t3iAgYj/CNUA8MTKWt4vQKcco7NRIGK4ZLMI+dgJBFtvd/lUDMQsw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rspack/binding-win32-ia32-msvc": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-1.6.4.tgz",
+      "integrity": "sha512-HXEWGDllgh0jFwjGhkGcLqb0dzXbc/rA8vQr2JcSdC41p1DTzLgO215jWdKSIvzCzhyPh3VeQkXk76hjFB2cLQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rspack/binding-win32-x64-msvc": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.6.4.tgz",
+      "integrity": "sha512-MAO5rOnGYoeuT2LPn/P7JVJCi3d78XoXgOq3tkGh6qXhvhkjsBRtYluWCzACXQpXfFHEWYd7uT5yHoZgxiVuoA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rspack/core": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/@rspack/core/-/core-1.6.4.tgz",
+      "integrity": "sha512-5F1+MQD8rfbFbUHnaiZe4jqOu9pnSb+PliqQvi0lj+uvpMpcS3sJDIs/mz6P1u87lfkfBXChIT4zSLAzeOgMWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime-tools": "0.21.4",
+        "@rspack/binding": "1.6.4",
+        "@rspack/lite-tapable": "1.1.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.1"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/error-codes": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/@module-federation/error-codes/-/error-codes-0.21.4.tgz",
+      "integrity": "sha512-ClpL5MereWNXh+EgDjz7w4RrC1JlisQTvXDa1gLxpviHafzNDfdViVmuhi9xXVuj+EYo8KU70Y999KHhk9424Q==",
+      "license": "MIT"
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/runtime": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime/-/runtime-0.21.4.tgz",
+      "integrity": "sha512-wgvGqryurVEvkicufJmTG0ZehynCeNLklv8kIk5BLIsWYSddZAE+xe4xov1kgH5fIJQAoQNkRauFFjVNlHoAkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.21.4",
+        "@module-federation/runtime-core": "0.21.4",
+        "@module-federation/sdk": "0.21.4"
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/runtime-core": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-core/-/runtime-core-0.21.4.tgz",
+      "integrity": "sha512-SGpmoOLGNxZofpTOk6Lxb2ewaoz5wMi93AFYuuJB04HTVcngEK+baNeUZ2D/xewrqNIJoMY6f5maUjVfIIBPUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.21.4",
+        "@module-federation/sdk": "0.21.4"
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/runtime-tools": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-tools/-/runtime-tools-0.21.4.tgz",
+      "integrity": "sha512-RzFKaL0DIjSmkn76KZRfzfB6dD07cvID84950jlNQgdyoQFUGkqD80L6rIpVCJTY/R7LzR3aQjHnoqmq4JPo3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.21.4",
+        "@module-federation/webpack-bundler-runtime": "0.21.4"
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/sdk": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/@module-federation/sdk/-/sdk-0.21.4.tgz",
+      "integrity": "sha512-tzvhOh/oAfX++6zCDDxuvioHY4Jurf8vcfoCbKFxusjmyKr32GPbwFDazUP+OPhYCc3dvaa9oWU6X/qpUBLfJw==",
+      "license": "MIT"
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/webpack-bundler-runtime": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/@module-federation/webpack-bundler-runtime/-/webpack-bundler-runtime-0.21.4.tgz",
+      "integrity": "sha512-dusmR3uPnQh9u9ChQo3M+GLOuGFthfvnh7WitF/a1eoeTfRmXqnMFsXtZCUK+f/uXf+64874Zj/bhAgbBcVHZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.21.4",
+        "@module-federation/sdk": "0.21.4"
+      }
+    },
+    "node_modules/@rspack/lite-tapable": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rspack/lite-tapable/-/lite-tapable-1.1.0.tgz",
+      "integrity": "sha512-E2B0JhYFmVAwdDiG14+DW0Di4Ze4Jg10Pc4/lILUrd5DRCaklduz2OvJ5HYQ6G+hd+WTzqQb3QnDNfK4yvAFYw==",
+      "license": "MIT"
+    },
+    "node_modules/@rspack/plugin-react-refresh": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@rspack/plugin-react-refresh/-/plugin-react-refresh-1.5.3.tgz",
+      "integrity": "sha512-VOnQMf3YOHkTqJ0+BJbrYga4tQAWNwoAnkgwRauXB4HOyCc5wLfBs9DcOFla/2usnRT3Sq6CMVhXmdPobwAoTA==",
+      "license": "MIT",
+      "dependencies": {
+        "error-stack-parser": "^2.1.4",
+        "html-entities": "^2.6.0"
+      },
+      "peerDependencies": {
+        "react-refresh": ">=0.10.0 <1.0.0",
+        "webpack-hot-middleware": "2.x"
+      },
+      "peerDependenciesMeta": {
+        "webpack-hot-middleware": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
+      "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
+      "integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
+      "integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
+      "integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
+      "integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
+      "integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-plugin-transform-svg-component": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
+      "integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/babel-preset": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
+      "integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "8.0.0",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "8.0.0",
+        "@svgr/babel-plugin-svg-dynamic-title": "8.0.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "8.0.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "8.1.0",
+        "@svgr/babel-plugin-transform-svg-component": "8.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@svgr/core": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
+      "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^8.1.3",
+        "snake-case": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/hast-util-to-babel-ast": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
+      "integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.21.3",
+        "entities": "^4.4.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      }
+    },
+    "node_modules/@svgr/plugin-jsx": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
+      "integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "@svgr/hast-util-to-babel-ast": "8.0.0",
+        "svg-parser": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "*"
+      }
+    },
+    "node_modules/@svgr/plugin-svgo": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-8.1.0.tgz",
+      "integrity": "sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cosmiconfig": "^8.1.3",
+        "deepmerge": "^4.3.1",
+        "svgo": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "*"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.13.tgz",
+      "integrity": "sha512-UoKGxQ3r5kYI9dALKJapMmuK+1zWM/H17Z1+iwnNmzcJRnfFuevZs375TA5rW31pu4BS4NoSy1fRsexDXfWn5w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.3.tgz",
+      "integrity": "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.13.12",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.12.tgz",
+      "integrity": "sha512-Gd13QdxPSukP8ZrkbgS2RwoZseTTbQPLnQEn7HY/rqtM+8Zt95f7xKC7N0EsKs7aoz0WzZ+fditZux+F8EzYxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.12",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.12.tgz",
+      "integrity": "sha512-1YBOJfRHV4sXUmWsFSf5rQor4Ss82G8dQWLRbnk3GA4jeP8hQt1hxXh0tmflpC0dz3VgEv/1+qwPyLeWkQuPFA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/dompurify": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.2.0.tgz",
+      "integrity": "sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==",
+      "deprecated": "This is a stub types definition. dompurify provides its own type definitions, so you do not need this installed.",
+      "license": "MIT",
+      "dependencies": {
+        "dompurify": "*"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/leaflet": {
+      "version": "1.9.21",
+      "resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.21.tgz",
+      "integrity": "sha512-TbAd9DaPGSnzp6QvtYngntMZgcRk+igFELwR2N99XZn7RXUdKgsXMR+28bUO0rPsWp8MIu/f47luLIQuSLYv/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/leaflet-draw": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@types/leaflet-draw/-/leaflet-draw-1.0.13.tgz",
+      "integrity": "sha512-YU82kilOaU+wPNbqKCCDfHH3hqepN6XilrBwG/mSeZ/z4ewumaRCOah44s3FMxSu/Aa0SVa3PPJvhIZDUA09mw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/leaflet": "^1.9"
+      }
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.19.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.1.tgz",
+      "integrity": "sha512-LCCV0HdSZZZb34qifBsyWlUmok6W7ouER+oQIGBScS8EsZsQbrtFTUrDX4hOl+CS6p7cnNC4td+qrSVGSCTUfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.27",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
+      "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.8",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz",
+      "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz",
+      "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/type-utils": "6.21.0",
+        "@typescript-eslint/utils": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
+      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz",
+      "integrity": "sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/utils": "6.21.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz",
+      "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@uiw/codemirror-extensions-basic-setup": {
+      "version": "4.25.3",
+      "resolved": "https://registry.npmjs.org/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.25.3.tgz",
+      "integrity": "sha512-F1doRyD50CWScwGHG2bBUtUpwnOv/zqSnzkZqJcX5YAHQx6Z1CuX8jdnFMH6qktRrPU1tfpNYftTWu3QIoHiMA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@codemirror/autocomplete": ">=6.0.0",
+        "@codemirror/commands": ">=6.0.0",
+        "@codemirror/language": ">=6.0.0",
+        "@codemirror/lint": ">=6.0.0",
+        "@codemirror/search": ">=6.0.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0"
+      }
+    },
+    "node_modules/@uiw/react-codemirror": {
+      "version": "4.25.3",
+      "resolved": "https://registry.npmjs.org/@uiw/react-codemirror/-/react-codemirror-4.25.3.tgz",
+      "integrity": "sha512-1wtBZTXPIp8u6F/xjHvsUAYlEeF5Dic4xZBnqJyLzv7o7GjGYEUfSz9Z7bo9aK9GAx2uojG/AuBMfhA4uhvIVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.6",
+        "@codemirror/commands": "^6.1.0",
+        "@codemirror/state": "^6.1.1",
+        "@codemirror/theme-one-dark": "^6.0.0",
+        "@uiw/codemirror-extensions-basic-setup": "4.25.3",
+        "codemirror": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@babel/runtime": ">=7.11.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/theme-one-dark": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0",
+        "codemirror": ">=6.0.0",
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "acorn": "^8.14.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/adm-zip": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/antd": {
+      "version": "5.29.1",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.29.1.tgz",
+      "integrity": "sha512-TTFVbpKbyL6cPfEoKq6Ya3BIjTUr7uDW9+7Z+1oysRv1gpcN7kQ4luH8r/+rXXwz4n6BIz1iBJ1ezKCdsdNW0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.2.1",
+        "@ant-design/cssinjs": "^1.23.0",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/fast-color": "^2.0.6",
+        "@ant-design/icons": "^5.6.1",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.26.0",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.1.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.3.0",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.34.0",
+        "rc-checkbox": "~3.5.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.3.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.1",
+        "rc-image": "~7.12.0",
+        "rc-input": "~1.8.0",
+        "rc-input-number": "~9.5.0",
+        "rc-mentions": "~2.20.0",
+        "rc-menu": "~9.16.1",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.4",
+        "rc-pagination": "~5.1.0",
+        "rc-picker": "~4.11.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.1",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.7.0",
+        "rc-select": "~14.16.8",
+        "rc-slider": "~11.1.9",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.54.0",
+        "rc-tabs": "~15.7.0",
+        "rc-textarea": "~1.10.2",
+        "rc-tooltip": "~6.4.0",
+        "rc-tree": "~5.13.1",
+        "rc-tree-select": "~5.27.0",
+        "rc-upload": "~4.11.0",
+        "rc-util": "^5.44.4",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/antd-style": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/antd-style/-/antd-style-3.7.1.tgz",
+      "integrity": "sha512-CQOfddVp4aOvBfCepa+Kj2e7ap+2XBINg1Kn2osdE3oQvrD7KJu/K0sfnLcFLkgCJygbxmuazYdWLKb+drPDYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.1",
+        "@babel/runtime": "^7.24.1",
+        "@emotion/cache": "^11.11.0",
+        "@emotion/css": "^11.11.2",
+        "@emotion/react": "^11.11.4",
+        "@emotion/serialize": "^1.1.3",
+        "@emotion/utils": "^1.2.1",
+        "use-merge-value": "^1.2.0"
+      },
+      "peerDependencies": {
+        "antd": ">=5.8.1",
+        "react": ">=18"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/asn1.js": {
+      "version": "4.10.1",
+      "resolved": "https://registry.npmjs.org/asn1.js/-/asn1.js-4.10.1.tgz",
+      "integrity": "sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.0.0",
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/asn1.js/node_modules/bn.js": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
+      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/assert": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/assert/-/assert-2.1.0.tgz",
+      "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-nan": "^1.3.2",
+        "object-is": "^1.1.5",
+        "object.assign": "^4.1.4",
+        "util": "^0.12.5"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.0.tgz",
+      "integrity": "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/babel-plugin-macros/node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/babel-plugin-macros/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.29",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.29.tgz",
+      "integrity": "sha512-sXdt2elaVnhpDNRDz+1BDx1JQoJRuNk7oVlAlbGiFkLikHCAQiccexF/9e91zVi6RCgqspl04aP+6Cnl9zRLrA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/bn.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-5.2.2.tgz",
+      "integrity": "sha512-v2YAxEmKaBLahNwE1mjp4WON6huMNeuDvagFZW+ASCuA/ku0bXR9hSMw0XpiqMoA3+rmnyck/tPRSFQkoC9Cuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brorand": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/brorand/-/brorand-1.1.0.tgz",
+      "integrity": "sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-aes": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz",
+      "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-xor": "^1.0.3",
+        "cipher-base": "^1.0.0",
+        "create-hash": "^1.1.0",
+        "evp_bytestokey": "^1.0.3",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/browserify-cipher": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/browserify-cipher/-/browserify-cipher-1.0.1.tgz",
+      "integrity": "sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserify-aes": "^1.0.4",
+        "browserify-des": "^1.0.0",
+        "evp_bytestokey": "^1.0.0"
+      }
+    },
+    "node_modules/browserify-des": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/browserify-des/-/browserify-des-1.0.2.tgz",
+      "integrity": "sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cipher-base": "^1.0.1",
+        "des.js": "^1.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/browserify-rsa": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.1.1.tgz",
+      "integrity": "sha512-YBjSAiTqM04ZVei6sXighu679a3SqWORA3qZTEqZImnlkDIFtKc6pNutpjyZ8RJTjQtuYfeetkxM11GwoYXMIQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^5.2.1",
+        "randombytes": "^2.1.0",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/browserify-sign": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/browserify-sign/-/browserify-sign-4.2.5.tgz",
+      "integrity": "sha512-C2AUdAJg6rlM2W5QMp2Q4KGQMVBwR1lIimTsUnutJ8bMpW5B52pGpR2gEnNBNwijumDo5FojQ0L9JrXA8m4YEw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "bn.js": "^5.2.2",
+        "browserify-rsa": "^4.1.1",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "elliptic": "^6.6.1",
+        "inherits": "^2.0.4",
+        "parse-asn1": "^5.1.9",
+        "readable-stream": "^2.3.8",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-sign/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-sign/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/browserify-sign/node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
+      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.8.25",
+        "caniuse-lite": "^1.0.30001754",
+        "electron-to-chromium": "^1.5.249",
+        "node-releases": "^2.0.27",
+        "update-browserslist-db": "^1.1.4"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/btoa": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
+      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "btoa": "bin/btoa.js"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/bubblesets-js": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/bubblesets-js/-/bubblesets-js-2.3.4.tgz",
+      "integrity": "sha512-DyMjHmpkS2+xcFNtyN00apJYL3ESdp9fTrkDr5+9Qg/GPqFmcWgGsK1akZnttE1XFxJ/VMy4DNNGMGYtmFp1Sg==",
+      "license": "MIT"
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/buffer-xor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/buffer-xor/-/buffer-xor-1.0.3.tgz",
+      "integrity": "sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/builtin-status-codes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz",
+      "integrity": "sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/builtins": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/builtins/-/builtins-5.1.0.tgz",
+      "integrity": "sha512-SW9lzGTLvWTP1AY8xeAMZimqDrIaSdLQUcVr9DMef51niJ022Ri87SwRRKYm4A6iHfkPaiVUu/Duw2Wc4J7kKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.0.0"
+      }
+    },
+    "node_modules/builtins/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cache-content-type": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-content-type/-/cache-content-type-1.0.1.tgz",
+      "integrity": "sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^2.1.18",
+        "ylru": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001756",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001756.tgz",
+      "integrity": "sha512-4HnCNKbMLkLdhJz3TToeVWHSnfJvPaq6vu/eRP0Ahub/07n484XHhBF5AJoSGHdVrS8tKFauUQz8Bp9P7LVx7A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+      "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/cipher-base": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cipher-base/-/cipher-base-1.0.7.tgz",
+      "integrity": "sha512-Mz9QMT5fJe7bKI7MH31UilT5cEK5EHHRCccw/YRFsRY47AuNgaV6HY3rscp0/I4Q+tTW/5zoqpSeRRI54TkDWA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.4",
+        "safe-buffer": "^5.2.1",
+        "to-buffer": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.2.tgz",
+      "integrity": "sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/comlink": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/comlink/-/comlink-4.4.2.tgz",
+      "integrity": "sha512-OxGdvBmJuNKSCMO4NTl1L47VRp6xn2wG4F/2hYzB6tiCb709otOxtEYCSvK80PtjODfXXZu8ds+Nw5kVCjqd2g==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz",
+      "integrity": "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==",
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concurrently": {
+      "version": "8.2.2",
+      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-8.2.2.tgz",
+      "integrity": "sha512-1dP4gpXFhei8IOtlXRE/T/4H88ElHgTiUzh71YUmtjTEHMSRS2Z/fgOxHSxxusGHogsRfxNq1vyAwxSC+EVyDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "date-fns": "^2.30.0",
+        "lodash": "^4.17.21",
+        "rxjs": "^7.8.1",
+        "shell-quote": "^1.8.1",
+        "spawn-command": "0.0.2",
+        "supports-color": "^8.1.1",
+        "tree-kill": "^1.2.2",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "conc": "dist/bin/concurrently.js",
+        "concurrently": "dist/bin/concurrently.js"
+      },
+      "engines": {
+        "node": "^14.13.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
+      }
+    },
+    "node_modules/concurrently/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/concurrently/node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/concurrently/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/console-browserify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/console-browserify/-/console-browserify-1.2.0.tgz",
+      "integrity": "sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==",
+      "dev": true
+    },
+    "node_modules/constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookies": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.9.1.tgz",
+      "integrity": "sha512-TG2hpqe4ELx54QER/S3HQ9SRVnQnGBtKUz5bLQWtYAQ+o6GpgMs6sYUvaiJjVxb+UXwhRhAEP3m7LbsIZ77Hmw==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "keygrip": "~1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.46.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.46.0.tgz",
+      "integrity": "sha512-vDMm9B0xnqqZ8uSBpZ8sNtRtOdmfShrvT6h2TuQGLs0Is+cR0DYbj/KWP6ALVNbWPpqA/qPLoOuppJN07humpA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cosmiconfig": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0",
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/create-ecdh": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.4.tgz",
+      "integrity": "sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "elliptic": "^6.5.3"
+      }
+    },
+    "node_modules/create-ecdh/node_modules/bn.js": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
+      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/create-hash": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz",
+      "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cipher-base": "^1.0.1",
+        "inherits": "^2.0.1",
+        "md5.js": "^1.3.4",
+        "ripemd160": "^2.0.1",
+        "sha.js": "^2.4.0"
+      }
+    },
+    "node_modules/create-hmac": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz",
+      "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cipher-base": "^1.0.3",
+        "create-hash": "^1.1.0",
+        "inherits": "^2.0.1",
+        "ripemd160": "^2.0.0",
+        "safe-buffer": "^5.0.1",
+        "sha.js": "^2.4.8"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cron-parser": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/cron-parser/-/cron-parser-4.9.0.tgz",
+      "integrity": "sha512-p0SaNjrHOnQeR8/VnfGbmg9te2kfyYSQ7Sc/j/6DtPL3JQvKxmjO9TSjNFpujqV3vEYYBvNNvXSxzyksBWAx1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "luxon": "^3.2.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/crypto-browserify": {
+      "version": "3.12.1",
+      "resolved": "https://registry.npmjs.org/crypto-browserify/-/crypto-browserify-3.12.1.tgz",
+      "integrity": "sha512-r4ESw/IlusD17lgQi1O20Fa3qNnsckR126TdUuBgAu7GBYSIPvdNyONd3Zrxh0xCwA4+6w/TDArBPsMvhur+KQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "browserify-cipher": "^1.0.1",
+        "browserify-sign": "^4.2.3",
+        "create-ecdh": "^4.0.4",
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "diffie-hellman": "^5.0.3",
+        "hash-base": "~3.0.4",
+        "inherits": "^2.0.4",
+        "pbkdf2": "^3.1.2",
+        "public-encrypt": "^4.0.3",
+        "randombytes": "^2.1.0",
+        "randomfill": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz",
+      "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz",
+      "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-binarytree": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d3-binarytree/-/d3-binarytree-1.0.2.tgz",
+      "integrity": "sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw==",
+      "license": "MIT"
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force-3d": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.6.tgz",
+      "integrity": "sha512-4tsKHUPLOVkyfEffZo1v6sFHvGFwAIIjt/W8IThbp08DYAsXZck+2pSHEG5W1+gQgEvFLdZkYvmJAbRM2EzMnA==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-binarytree": "1",
+        "d3-dispatch": "1 - 3",
+        "d3-octree": "1",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz",
+      "integrity": "sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "d3-array": "1 - 3",
+        "d3-geo": "1.12.0 - 3"
+      },
+      "bin": {
+        "geo2svg": "bin/geo2svg.js",
+        "geograticule": "bin/geograticule.js",
+        "geoproject": "bin/geoproject.js",
+        "geoquantize": "bin/geoquantize.js",
+        "geostitch": "bin/geostitch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-octree": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.1.0.tgz",
+      "integrity": "sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A==",
+      "license": "MIT"
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-regression": {
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/d3-regression/-/d3-regression-1.3.10.tgz",
+      "integrity": "sha512-PF8GWEL70cHHWpx2jUQXc68r1pyPHIA+St16muk/XRokETzlegj5LriNKg7o4LR0TySug4nHYPJNNRz/W+/Niw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz",
+      "integrity": "sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "graphlib": "^2.1.8",
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
+    "node_modules/date-format": {
+      "version": "4.0.14",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
+      "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
+      "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==",
+      "license": "MIT"
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT"
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/des.js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.1.0.tgz",
+      "integrity": "sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/diffie-hellman": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
+      "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "miller-rabin": "^4.0.0",
+        "randombytes": "^2.0.0"
+      }
+    },
+    "node_modules/diffie-hellman/node_modules/bn.js": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
+      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domain-browser": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-5.7.0.tgz",
+      "integrity": "sha512-edTFu0M/7wO1pXY6GDxVNVW086uqwWYIHP98txhcPyV995X21JIH2DtYp33sQJOupYoXKe9RwTw2Ya2vWaquTQ==",
+      "dev": true,
+      "license": "Artistic-2.0",
+      "engines": {
+        "node": ">=4"
+      },
+      "funding": {
+        "url": "https://bevry.me/fund"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.0.tgz",
+      "integrity": "sha512-r+f6MYR1gGN1eJv0TVQbhA7if/U7P87cdPl3HN5rikqaBSBxLiCb/b9O+2eG0cxz0ghyU+mU1QkbsOwERMYlWQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz",
+      "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.256",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.256.tgz",
+      "integrity": "sha512-uqYq1IQhpXXLX+HgiXdyOZml7spy4xfy42yPxcCCRjswp0fYM2X+JwCON07lqnpLEGVCj739B7Yr+FngmHBMEQ==",
+      "license": "ISC"
+    },
+    "node_modules/elliptic": {
+      "version": "6.6.1",
+      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.6.1.tgz",
+      "integrity": "sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.11.9",
+        "brorand": "^1.1.0",
+        "hash.js": "^1.0.0",
+        "hmac-drbg": "^1.0.1",
+        "inherits": "^2.0.4",
+        "minimalistic-assert": "^1.0.1",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "node_modules/elliptic/node_modules/bn.js": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
+      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-stack-parser": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
+      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz",
+      "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
+      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.0.3",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.6",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.4",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
+      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.17.19",
+        "@esbuild/android-arm64": "0.17.19",
+        "@esbuild/android-x64": "0.17.19",
+        "@esbuild/darwin-arm64": "0.17.19",
+        "@esbuild/darwin-x64": "0.17.19",
+        "@esbuild/freebsd-arm64": "0.17.19",
+        "@esbuild/freebsd-x64": "0.17.19",
+        "@esbuild/linux-arm": "0.17.19",
+        "@esbuild/linux-arm64": "0.17.19",
+        "@esbuild/linux-ia32": "0.17.19",
+        "@esbuild/linux-loong64": "0.17.19",
+        "@esbuild/linux-mips64el": "0.17.19",
+        "@esbuild/linux-ppc64": "0.17.19",
+        "@esbuild/linux-riscv64": "0.17.19",
+        "@esbuild/linux-s390x": "0.17.19",
+        "@esbuild/linux-x64": "0.17.19",
+        "@esbuild/netbsd-x64": "0.17.19",
+        "@esbuild/openbsd-x64": "0.17.19",
+        "@esbuild/sunos-x64": "0.17.19",
+        "@esbuild/win32-arm64": "0.17.19",
+        "@esbuild/win32-ia32": "0.17.19",
+        "@esbuild/win32-x64": "0.17.19"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-compat-utils": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/eslint-compat-utils/-/eslint-compat-utils-0.5.1.tgz",
+      "integrity": "sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "eslint": ">=6.0.0"
+      }
+    },
+    "node_modules/eslint-compat-utils/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-config-standard": {
+      "version": "17.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.1.0.tgz",
+      "integrity": "sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^8.0.1",
+        "eslint-plugin-import": "^2.25.2",
+        "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
+        "eslint-plugin-promise": "^6.0.0"
+      }
+    },
+    "node_modules/eslint-config-standard-with-typescript": {
+      "version": "43.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard-with-typescript/-/eslint-config-standard-with-typescript-43.0.1.tgz",
+      "integrity": "sha512-WfZ986+qzIzX6dcr4yGUyVb/l9N3Z8wPXCc5z/70fljs3UbWhhV+WxrfgsqMToRzuuyX9MqZ974pq2UPhDTOcA==",
+      "deprecated": "Please use eslint-config-love, instead.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/parser": "^6.4.0",
+        "eslint-config-standard": "17.1.0"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/eslint-plugin": "^6.4.0",
+        "eslint": "^8.0.1",
+        "eslint-plugin-import": "^2.25.2",
+        "eslint-plugin-n": "^15.0.0 || ^16.0.0 ",
+        "eslint-plugin-promise": "^6.0.0",
+        "typescript": "*"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.9",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
+      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.13.0",
+        "resolve": "^1.22.4"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-es-x": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es-x/-/eslint-plugin-es-x-7.8.0.tgz",
+      "integrity": "sha512-7Ds8+wAAoV3T+LAKeu39Y5BzXCrGKrcISfgKEqTS4BDN8SFEDQd0S43jiQ8vIa3wUKD07qitZdfzlenSi8/0qQ==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/ota-meshi",
+        "https://opencollective.com/eslint"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.1.2",
+        "@eslint-community/regexpp": "^4.11.0",
+        "eslint-compat-utils": "^0.5.1"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=8"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-n": {
+      "version": "16.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-16.6.2.tgz",
+      "integrity": "sha512-6TyDmZ1HXoFQXnhCTUjVFULReoBPOAjpuiKELMkeP40yffI/1ZRO+d9ug/VC6fqISo2WkuIBk3cvuRPALaWlOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "builtins": "^5.0.1",
+        "eslint-plugin-es-x": "^7.5.0",
+        "get-tsconfig": "^4.7.0",
+        "globals": "^13.24.0",
+        "ignore": "^5.2.4",
+        "is-builtin-module": "^3.2.1",
+        "is-core-module": "^2.12.1",
+        "minimatch": "^3.1.2",
+        "resolve": "^1.22.2",
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-n/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-n/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-n/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-promise": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.6.0.tgz",
+      "integrity": "sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.5",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
+      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/evp_bytestokey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz",
+      "integrity": "sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "md5.js": "^1.3.4",
+        "safe-buffer": "^5.1.1"
+      }
+    },
+    "node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "license": "MIT",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastq": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
+      "integrity": "sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fecha": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/fecha/-/fecha-4.2.3.tgz",
+      "integrity": "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==",
+      "license": "MIT"
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-file-up": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/find-file-up/-/find-file-up-2.0.1.tgz",
+      "integrity": "sha512-qVdaUhYO39zmh28/JLQM5CoYN9byEOKEH4qfa8K1eNV17W0UUMJ9WgbR/hHFH+t5rcl+6RTb5UC7ck/I+uRkpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "resolve-dir": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-pkg": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-pkg/-/find-pkg-2.0.0.tgz",
+      "integrity": "sha512-WgZ+nKbELDa6N3i/9nrHeNznm+lY3z4YfhDDWgW+5P0pdmMj26bxaxU11ookgY3NyP9GC7HvZ9etp0jRFqGEeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "find-file-up": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "license": "ISC"
+    },
+    "node_modules/flexlayout-react": {
+      "version": "0.7.15",
+      "resolved": "https://registry.npmjs.org/flexlayout-react/-/flexlayout-react-0.7.15.tgz",
+      "integrity": "sha512-ydTMdEoQO5BniylxVkSxa59rEY0+96lqqRII+QK+yq6028eHywPuxZawt4g45y5pMb9ptP4N9HPAQXAFsxwowQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
+    },
+    "node_modules/flru": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/flru/-/flru-1.0.2.tgz",
+      "integrity": "sha512-kWyh8ADvHBFz6ua5xYOPnUroZTT/bwWfrCeL0Wj1dzG4/YOmOcfJ99W8dOVyyynJN35rZ9aCOtHChqQovV7yog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "11.18.2",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.18.2.tgz",
+      "integrity": "sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^11.18.1",
+        "motion-utils": "^11.18.1",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.0.tgz",
+      "integrity": "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/gl-matrix": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/gl-matrix/-/gl-matrix-3.4.4.tgz",
+      "integrity": "sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==",
+      "license": "MIT"
+    },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "license": "MIT",
+      "dependencies": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+      "license": "MIT",
+      "dependencies": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/graphlib": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz",
+      "integrity": "sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hash-base": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.0.5.tgz",
+      "integrity": "sha512-vXm0l45VbcHEVlTCzs8M+s0VeYsB2lnlAaThoLKGXr3bE/VWDOelNUnycUPEhKEaXARL2TEFjBOyUiM6+55KBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.4",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/hash.js": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz",
+      "integrity": "sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "minimalistic-assert": "^1.0.1"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hmac-drbg": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
+      "integrity": "sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash.js": "^1.0.3",
+        "minimalistic-assert": "^1.0.0",
+        "minimalistic-crypto-utils": "^1.0.1"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "license": "MIT",
+      "dependencies": {
+        "parse-passwd": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.6.0.tgz",
+      "integrity": "sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "license": "MIT",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/http-assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz",
+      "integrity": "sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==",
+      "license": "MIT",
+      "dependencies": {
+        "deep-equal": "~1.0.1",
+        "http-errors": "~1.8.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-errors/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/https-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/https-browserify/-/https-browserify-1.0.0.tgz",
+      "integrity": "sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/i18next": {
+      "version": "23.16.8",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.16.8.tgz",
+      "integrity": "sha512-06r/TitrM88Mg5FdUXAKL96dJMzgqLE5dv3ryBAra4KCwD9mJ4ndOTS95ZuymIGoE+2hzfdaMak2X11/es7ZWg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.2.0.tgz",
+      "integrity": "sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/inversify": {
+      "version": "6.1.6",
+      "resolved": "https://registry.npmjs.org/inversify/-/inversify-6.1.6.tgz",
+      "integrity": "sha512-qQLOINPTMoe0U4lGUuCkNr/MQ9+8xVlht1MBKm67wPzD5N9mwjgCgBXtJlSwibTnwc3OkTlLx/MpIR6pP6djUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@inversifyjs/common": "1.4.0",
+        "@inversifyjs/core": "1.3.5"
+      },
+      "peerDependencies": {
+        "reflect-metadata": "~0.2.2"
+      }
+    },
+    "node_modules/is-any-array": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-any-array/-/is-any-array-2.0.1.tgz",
+      "integrity": "sha512-UtilS7hLRu++wb/WBAw9bNuP1Eg04Ivn1vERJck8zJthEvXCBEBpGR/33u/xLKWEQf95803oalHrVDptcAvFdQ==",
+      "license": "MIT"
+    },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/isomorphic-ws": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz",
+      "integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "ws": "*"
+      }
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keygrip": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
+      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "license": "MIT",
+      "dependencies": {
+        "tsscmp": "1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/koa": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/koa/-/koa-2.16.1.tgz",
+      "integrity": "sha512-umfX9d3iuSxTQP4pnzLOz0HKnPg0FaUUIKcye2lOiz3KPu1Y3M3xlz76dISdFPQs37P9eJz1wUpcTS6KDPn9fA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^1.3.5",
+        "cache-content-type": "^1.0.0",
+        "content-disposition": "~0.5.2",
+        "content-type": "^1.0.4",
+        "cookies": "~0.9.0",
+        "debug": "^4.3.2",
+        "delegates": "^1.0.0",
+        "depd": "^2.0.0",
+        "destroy": "^1.0.4",
+        "encodeurl": "^1.0.2",
+        "escape-html": "^1.0.3",
+        "fresh": "~0.5.2",
+        "http-assert": "^1.3.0",
+        "http-errors": "^1.6.3",
+        "is-generator-function": "^1.0.7",
+        "koa-compose": "^4.1.0",
+        "koa-convert": "^2.0.0",
+        "on-finished": "^2.3.0",
+        "only": "~0.0.2",
+        "parseurl": "^1.3.2",
+        "statuses": "^1.5.0",
+        "type-is": "^1.6.16",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": "^4.8.4 || ^6.10.1 || ^7.10.1 || >= 8.1.4"
+      }
+    },
+    "node_modules/koa-compose": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/koa-compose/-/koa-compose-4.1.0.tgz",
+      "integrity": "sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==",
+      "license": "MIT"
+    },
+    "node_modules/koa-convert": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/koa-convert/-/koa-convert-2.0.0.tgz",
+      "integrity": "sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==",
+      "license": "MIT",
+      "dependencies": {
+        "co": "^4.6.0",
+        "koa-compose": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/leaflet-draw": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/leaflet-draw/-/leaflet-draw-1.0.4.tgz",
+      "integrity": "sha512-rsQ6saQO5ST5Aj6XRFylr5zvarWgzWnrg46zQ1MEOEIHsppdC/8hnN8qMoFvACsPvTioAuysya/TVtog15tyAQ==",
+      "license": "MIT"
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.1.tgz",
+      "integrity": "sha512-IWqP2SCPhyVFTBtRcgMHdzlf9ul25NwaFx4wCEH/KjAXuuHY4yNjvPXsBokp8jCB936PyWRaPKUNh8NvylLp2Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
+      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12.13.0"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.clonedeepwith": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeepwith/-/lodash.clonedeepwith-4.5.0.tgz",
+      "integrity": "sha512-QRBRSxhbtsX1nc0baxSkkK5WlVTTm/s48DSukcGcWZwIyI8Zz+lB+kFiELJXtzfH4Aj6kMWQ1VWW4U5uUDgZMA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/log4js": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
+      "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "flatted": "^3.2.7",
+        "rfdc": "^1.3.0",
+        "streamroller": "^3.1.5"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/long-timeout": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/long-timeout/-/long-timeout-0.1.1.tgz",
+      "integrity": "sha512-BFRuQUqc7x2NWxfJBCyUrN8iYUYznzL9JROmRz1gZ6KlOIgmoD+njPVbb+VNn2nGMKggMsK79iUNErillsrx7w==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/luxon": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.7.2.tgz",
+      "integrity": "sha512-vtEhXh/gNjI9Yg1u4jX/0YVPMvxzHuGgCm6tC5kZyb08yjGWGnqAjGJvcXbqQR2P3MyMEFnRbpcdFS6PBcLqew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/md5.js": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
+      "integrity": "sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash-base": "^3.0.0",
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/miller-rabin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/miller-rabin/-/miller-rabin-4.0.1.tgz",
+      "integrity": "sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.0.0",
+        "brorand": "^1.0.1"
+      },
+      "bin": {
+        "miller-rabin": "bin/miller-rabin"
+      }
+    },
+    "node_modules/miller-rabin/node_modules/bn.js": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
+      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minimalistic-crypto-utils": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz",
+      "integrity": "sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ml-array-max": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/ml-array-max/-/ml-array-max-1.2.4.tgz",
+      "integrity": "sha512-BlEeg80jI0tW6WaPyGxf5Sa4sqvcyY6lbSn5Vcv44lp1I2GR6AWojfUvLnGTNsIXrZ8uqWmo8VcG1WpkI2ONMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.0"
+      }
+    },
+    "node_modules/ml-array-min": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/ml-array-min/-/ml-array-min-1.2.3.tgz",
+      "integrity": "sha512-VcZ5f3VZ1iihtrGvgfh/q0XlMobG6GQ8FsNyQXD3T+IlstDv85g8kfV0xUG1QPRO/t21aukaJowDzMTc7j5V6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.0"
+      }
+    },
+    "node_modules/ml-array-rescale": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/ml-array-rescale/-/ml-array-rescale-1.3.7.tgz",
+      "integrity": "sha512-48NGChTouvEo9KBctDfHC3udWnQKNKEWN0ziELvY3KG25GR5cA8K8wNVzracsqSW1QEkAXjTNx+ycgAv06/1mQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.0",
+        "ml-array-max": "^1.2.4",
+        "ml-array-min": "^1.2.3"
+      }
+    },
+    "node_modules/ml-matrix": {
+      "version": "6.12.1",
+      "resolved": "https://registry.npmjs.org/ml-matrix/-/ml-matrix-6.12.1.tgz",
+      "integrity": "sha512-TJ+8eOFdp+INvzR4zAuwBQJznDUfktMtOB6g/hUcGh3rcyjxbz4Te57Pgri8Q9bhSQ7Zys4IYOGhFdnlgeB6Lw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.1",
+        "ml-array-rescale": "^1.3.7"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-11.18.1.tgz",
+      "integrity": "sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^11.18.1"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-11.18.1.tgz",
+      "integrity": "sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
+      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+      "license": "MIT"
+    },
+    "node_modules/node-schedule": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/node-schedule/-/node-schedule-2.1.1.tgz",
+      "integrity": "sha512-OXdegQq03OmXEjt2hZP33W2YPs/E5BcFQks46+G2gAxs4gHOIVD1u7EqlYLYSKsaIpyKCK9Gbk0ta1/gjRSMRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cron-parser": "^4.2.0",
+        "long-timeout": "0.1.1",
+        "sorted-array-functions": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/only": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/only/-/only-0.0.2.tgz",
+      "integrity": "sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ=="
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/os-browserify": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
+      "integrity": "sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true,
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-asn1": {
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/parse-asn1/-/parse-asn1-5.1.9.tgz",
+      "integrity": "sha512-fIYNuZ/HastSb80baGOuPRo1O9cf4baWw5WsAp7dBuUzeTD/BoaG8sVTdlPFksBE2lF21dN+A1AnrpIjSWqHHg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "asn1.js": "^4.10.1",
+        "browserify-aes": "^1.2.0",
+        "evp_bytestokey": "^1.0.3",
+        "pbkdf2": "^3.1.5",
+        "safe-buffer": "^5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pbkdf2": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.1.5.tgz",
+      "integrity": "sha512-Q3CG/cYvCO1ye4QKkuH7EXxs3VC/rI1/trd+qX2+PolbaKG0H+bgcZzrTt96mMyRtejk+JMCiLUn3y29W8qmFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "create-hash": "^1.2.0",
+        "create-hmac": "^1.1.7",
+        "ripemd160": "^2.0.3",
+        "safe-buffer": "^5.2.1",
+        "sha.js": "^2.4.12",
+        "to-buffer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/pdfast": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/pdfast/-/pdfast-0.2.0.tgz",
+      "integrity": "sha512-cq6TTu6qKSFUHwEahi68k/kqN2mfepjkGrG9Un70cgdRRKLKY6Rf8P8uvP2NvZktaQZNF3YE7agEkLj0vGK9bA==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/public-encrypt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/public-encrypt/-/public-encrypt-4.0.3.tgz",
+      "integrity": "sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bn.js": "^4.1.0",
+        "browserify-rsa": "^4.0.0",
+        "create-hash": "^1.1.0",
+        "parse-asn1": "^5.0.0",
+        "randombytes": "^2.0.1",
+        "safe-buffer": "^5.1.2"
+      }
+    },
+    "node_modules/public-encrypt/node_modules/bn.js": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.2.tgz",
+      "integrity": "sha512-n4DSx829VRTRByMRGdjQ9iqsN0Bh4OolPsFnaZBLcbi8iXcB+kJ9s7EnRt4wILZNV3kPLHkRVfOc/HvhC3ovDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/quickselect": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+      "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw==",
+      "license": "ISC"
+    },
+    "node_modules/rambda": {
+      "version": "9.4.2",
+      "resolved": "https://registry.npmjs.org/rambda/-/rambda-9.4.2.tgz",
+      "integrity": "sha512-++euMfxnl7OgaEKwXh9QqThOjMeta2HH001N1v4mYQzBjJBnmXBh2BCK6dZAbICFVXOFUVD3xFG0R3ZPU0mxXw==",
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/randomfill": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/randomfill/-/randomfill-1.0.4.tgz",
+      "integrity": "sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "randombytes": "^2.0.5",
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/rbush": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
+      "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
+      "license": "MIT",
+      "dependencies": {
+        "quickselect": "^2.0.0"
+      }
+    },
+    "node_modules/rc-cascader": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.34.0.tgz",
+      "integrity": "sha512-KpXypcvju9ptjW9FaN2NFcA2QH9E9LHKq169Y0eWtH4e/wHQ5Wh5qZakAgvb8EKZ736WZ3B0zLLOBsrsja5Dag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-checkbox": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.5.0.tgz",
+      "integrity": "sha512-aOAQc3E98HteIIsSqm6Xk2FPKIER6+5vyEFMZfo73TqM+VVAIqOkHoPjgKLqSNtVLWScoaM7vY2ZrGEheI79yg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-collapse": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.9.0.tgz",
+      "integrity": "sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dialog": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.6.0.tgz",
+      "integrity": "sha512-ApoVi9Z8PaCQg6FsUzS8yvBEQy0ZL2PkuvAgrmohPkN3okps5WZ5WQWPc1RNuiOKaAYv8B97ACdsFU5LizzCqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-drawer": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.3.0.tgz",
+      "integrity": "sha512-DX6CIgiBWNpJIMGFO8BAISFkxiuKitoizooj4BDyee8/SnBn0zwO2FHrNDpqqepj0E/TFTDpmEBCyFuTgC7MOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dropdown": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.1.tgz",
+      "integrity": "sha512-YDAlXsPv3I1n42dv1JpdM7wJ+gSUBfeyPK59ZpBD9jQhK9jVuxpjj3NmWQHOBceA1zEPVX84T2wbdb2SD0UjmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.44.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "node_modules/rc-field-form": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-2.7.1.tgz",
+      "integrity": "sha512-vKeSifSJ6HoLaAB+B8aq/Qgm8a3dyxROzCtKNCsBQgiverpc4kWDQihoUwzUj+zNWJOykwSY4dNX3QrGwtVb9A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/async-validator": "^5.0.3",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-image": {
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.12.0.tgz",
+      "integrity": "sha512-cZ3HTyyckPnNnUb9/DRqduqzLfrQRyi+CdHjdqgsyDpI3Ln5UX1kXnAhPBSJj9pVRzwRFgqkN7p9b6HBDjmu/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.6.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-input": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.8.0.tgz",
+      "integrity": "sha512-KXvaTbX+7ha8a/k+eg6SYRVERK0NddX8QX7a7AnRvUa/rEH0CNMlpcBzBkhI0wp2C8C4HlMoYl8TImSN+fuHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-input-number": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.5.0.tgz",
+      "integrity": "sha512-bKaEvB5tHebUURAEXw35LDcnRZLq3x1k7GxfAqBMzmpHkDGzjAtnUL8y4y5N15rIFIg5IJgwr211jInl3cipag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.8.0",
+        "rc-util": "^5.40.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-mentions": {
+      "version": "2.20.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.20.0.tgz",
+      "integrity": "sha512-w8HCMZEh3f0nR8ZEd466ATqmXFCMGMN5UFCzEUL0bM/nGw/wOS2GgRzKBcm19K++jDyuWCOJOdgcKGXU3fXfbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.8.0",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.10.0",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-menu": {
+      "version": "9.16.1",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.16.1.tgz",
+      "integrity": "sha512-ghHx6/6Dvp+fw8CJhDUHFHDJ84hJE3BXNCzSgLdmNiFErWSOaZNsihDAsKq9ByTALo/xkNIwtDFGIl6r+RPXBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-notification": {
+      "version": "5.6.4",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.6.4.tgz",
+      "integrity": "sha512-KcS4O6B4qzM3KH7lkwOB7ooLPZ4b6J+VMmQgT51VZCeEcmghdeR4IrMcFq0LG+RPdnbe/ArT086tGM8Snimgiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.9.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-overflow": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.5.0.tgz",
+      "integrity": "sha512-Lm/v9h0LymeUYJf0x39OveU52InkdRXqnn2aYXfWmo8WdOonIKB2kfau+GF0fWq6jPgtdO9yMqveGcK6aIhJmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.37.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-pagination": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.1.0.tgz",
+      "integrity": "sha512-8416Yip/+eclTFdHXLKTxZvn70duYVGTvUUWbckCCZoIl3jagqke3GLsFrMs0bsQBikiYpZLD9206Ej4SOdOXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-picker": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.11.3.tgz",
+      "integrity": "sha512-MJ5teb7FlNE0NFHTncxXQ62Y5lytq6sh5nUw0iH8OkHL/TjARSEvSHpr940pWgjGANpjCwyMdvsEV55l5tYNSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rc-progress": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
+      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-rate": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.13.1.tgz",
+      "integrity": "sha512-QUhQ9ivQ8Gy7mtMZPAjLbxBt5y9GRp65VcUyGUMF3N3fhiftivPHdpuDIaWIMOTEprAjZPC08bls1dQB+I1F2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-segmented": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.7.0.tgz",
+      "integrity": "sha512-liijAjXz+KnTRVnxxXG2sYDGd6iLL7VpGGdR8gwoxAXy2KglviKCxLWZdjKYJzYzGSUwKDSTdYk8brj54Bn5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-select": {
+      "version": "14.16.8",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.16.8.tgz",
+      "integrity": "sha512-NOV5BZa1wZrsdkKaiK7LHRuo5ZjZYMDxPP6/1+09+FB4KoNi8jcG1ZqLE3AVCxEsYMBe65OBx71wFoHRTP3LRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.1.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-slider": {
+      "version": "11.1.9",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.9.tgz",
+      "integrity": "sha512-h8IknhzSh3FEM9u8ivkskh+Ef4Yo4JRIY2nj7MrH6GQmrwV6mcpJf5/4KgH5JaVI1H3E52yCdpOlVyGZIeph5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-steps": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-switch": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.30.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-table": {
+      "version": "7.54.0",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.54.0.tgz",
+      "integrity": "sha512-/wDTkki6wBTjwylwAGjpLKYklKo9YgjZwAU77+7ME5mBoS32Q4nAwoqhA2lSge6fobLW3Tap6uc5xfwaL2p0Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.44.3",
+        "rc-virtual-list": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tabs": {
+      "version": "15.7.0",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.7.0.tgz",
+      "integrity": "sha512-ZepiE+6fmozYdWf/9gVp7k56PKHB1YYoDsKeQA1CBlJ/POIhjkcYiv0AGP0w2Jhzftd3AVvZP/K+V+Lpi2ankA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-textarea": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.10.2.tgz",
+      "integrity": "sha512-HfaeXiaSlpiSp0I/pvWpecFEHpVysZ9tpDLNkxQbMvMz6gsr7aVZ7FpWP9kt4t7DB+jJXesYS0us1uPZnlRnwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.8.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tooltip": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.4.0.tgz",
+      "integrity": "sha512-kqyivim5cp8I5RkHmpsp1Nn/Wk+1oeloMv9c7LXNgDxUpGm+RbXJGL+OPvDlcRnx9DBeOe4wyOIl4OKUERyH1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1",
+        "rc-util": "^5.44.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.13.1.tgz",
+      "integrity": "sha512-FNhIefhftobCdUJshO7M8uZTA9F4OPGVXqGfZkkD/5soDeOhwO06T/aKTrg0WD8gRg/pyfq+ql3aMymLHCTC4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-tree-select": {
+      "version": "5.27.0",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.27.0.tgz",
+      "integrity": "sha512-2qTBTzwIT7LRI1o7zLyrCzmo5tQanmyGbSaGTIf7sYimCklAToVVfpMC6OAldSKolcnjorBYPNSKQqJmN3TCww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "2.x",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-upload": {
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.11.0.tgz",
+      "integrity": "sha512-ZUyT//2JAehfHzjWowqROcwYJKnZkIUGWaTE/VogVrepSl7AFNbQf4+zGfX4zl9Vrj/Jm8scLO0R6UlPDKK4wA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.19.2",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.2.tgz",
+      "integrity": "sha512-Ys6NcjwGkuwkeaWBDqfI3xWuZ7rDiQXlH1o2zLfFzATfEgXcqpk8CkgMfbJD81McqjcJVez25a3kPxCR807evA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-compiler-runtime": {
+      "version": "19.1.0-rc.3",
+      "resolved": "https://registry.npmjs.org/react-compiler-runtime/-/react-compiler-runtime-19.1.0-rc.3.tgz",
+      "integrity": "sha512-Cssogys2XZu6SqxRdX2xd8cQAf57BBvFbLEBlIa77161lninbKUn/EqbecCe7W3eqDQfg3rIoOwzExzgCh7h/g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^0.0.0-experimental"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-draggable": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.5.0.tgz",
+      "integrity": "sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0",
+        "react-dom": ">= 16.3.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "14.1.3",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-14.1.3.tgz",
+      "integrity": "sha512-wZnpfunU6UIAiJ+bxwOiTmBOAaB14ha97MjOEnLGac2RJ+h/maIYXZuTHlmyqQVX1UVHmU1YDTQ5vxLmwfXTjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-redux": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
+      "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25 || ^19",
+        "react": "^18.0 || ^19",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
+      "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.30.2",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.2.tgz",
+      "integrity": "sha512-H2Bm38Zu1bm8KUE5NVWRMzuIyAV8p/JrOaBJAwVmp37AXG72+CZJlEBw6pdn9i5TBgLMhNDgijS4ZlblpHyWTA==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.2",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.2.tgz",
+      "integrity": "sha512-l2OwHn3UUnEVUqc6/1VMmR1cvZryZ3j3NzapC2eUXO1dB0sYp5mvwdjiXhpUbRb21eFow3qSxpP8Yv6oAU824Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.1",
+        "react-router": "6.30.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz",
+      "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10",
+        "string_decoder": "^1.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/readable-stream/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
+      "license": "MIT"
+    },
+    "node_modules/redux-thunk": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "redux": "^5.0.0"
+      }
+    },
+    "node_modules/reflect-metadata": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
+      "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+      "license": "MIT",
+      "dependencies": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ripemd160": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.3.tgz",
+      "integrity": "sha512-5Di9UC0+8h1L6ZD2d7awM7E/T4uA1fJRlx6zk/NvdCCVEoAnFqvHmCuNeIKoCeIixBX/q8uM+6ycDvF8woqosA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hash-base": "^3.1.2",
+        "inherits": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/ripemd160/node_modules/hash-base": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/hash-base/-/hash-base-3.1.2.tgz",
+      "integrity": "sha512-Bb33KbowVTIj5s7Ked1OsqHUeCpz//tPwR+E2zJgJKo9Z5XolZ9b6bdUgjmYlwnWhoOQKoTd1TYToZGn5mAYOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.4",
+        "readable-stream": "^2.3.8",
+        "safe-buffer": "^5.2.1",
+        "to-buffer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/ripemd160/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ripemd160/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/ripemd160/node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/ripemd160/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/ripemd160/node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rslog": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/rslog/-/rslog-1.3.0.tgz",
+      "integrity": "sha512-93DpwwaiRrLz7fJ5z6Uwb171hHBws1VVsWjU6IruLFX63BicLA44QNu0sfn3guKHnBHZMFSKO8akfx5QhjuegQ==",
+      "license": "MIT"
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.3.tgz",
+      "integrity": "sha512-eflK8wEtyOE6+hsaRVPxvUKYCpRgzLqDTb8krvAsRIwOGlHoSgYLgBXoubGgLd2fT41/OUYdb48v4k4WWHQurA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/schema-utils/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
+      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/sha.js": {
+      "version": "2.4.12",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.12.tgz",
+      "integrity": "sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==",
+      "dev": true,
+      "license": "(MIT AND BSD-3-Clause)",
+      "dependencies": {
+        "inherits": "^2.0.4",
+        "safe-buffer": "^5.2.1",
+        "to-buffer": "^1.2.0"
+      },
+      "bin": {
+        "sha.js": "bin.js"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+      "license": "MIT"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
+      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
+      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
+      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/sorted-array-functions": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/sorted-array-functions/-/sorted-array-functions-1.3.0.tgz",
+      "integrity": "sha512-2sqgzeFlid6N4Z2fUQ1cvFmTOLRi/sEDzSQ0OKYchqgoPmQBVyM3959qYx3fpS6Esef80KjmpgPeEr028dP3OA==",
+      "license": "MIT"
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/spawn-command": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2.tgz",
+      "integrity": "sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==",
+      "dev": true
+    },
+    "node_modules/stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
+      "license": "MIT"
+    },
+    "node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/stream-browserify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-3.0.0.tgz",
+      "integrity": "sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.4",
+        "readable-stream": "^3.5.0"
+      }
+    },
+    "node_modules/stream-browserify/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/stream-http": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-3.2.0.tgz",
+      "integrity": "sha512-Oq1bLqisTyK3TSCXpPbT4sdeYNdmyZJv1LxpEm2vu1ZhK89kSE5YXwZc3cWk0MagGaKriBh9mCFbVGtO+vY29A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "builtin-status-codes": "^3.0.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.6.0",
+        "xtend": "^4.0.2"
+      }
+    },
+    "node_modules/stream-http/node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/streamroller": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
+      "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
+      "license": "MIT",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "fs-extra": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/streamroller/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/streamroller/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/streamroller/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
+      "license": "MIT"
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width/node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/style-mod": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.3.tgz",
+      "integrity": "sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components": {
+      "version": "6.1.19",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.19.tgz",
+      "integrity": "sha512-1v/e3Dl1BknC37cXMhwGomhO8AkYmN41CqyX9xhUDxry1ns3BFQy2lLDRQXJRdVVWB9OHemv/53xaStimvWyuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/is-prop-valid": "1.2.2",
+        "@emotion/unitless": "0.8.1",
+        "@types/stylis": "4.2.5",
+        "css-to-react-native": "3.2.0",
+        "csstype": "3.1.3",
+        "postcss": "8.4.49",
+        "shallowequal": "1.1.0",
+        "stylis": "4.3.2",
+        "tslib": "2.6.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      }
+    },
+    "node_modules/styled-components/node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components/node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components/node_modules/stylis": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz",
+      "integrity": "sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "license": "0BSD"
+    },
+    "node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/svg-path-parser": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/svg-path-parser/-/svg-path-parser-1.1.0.tgz",
+      "integrity": "sha512-jGCUqcQyXpfe38R7RFfhrMyfXcBmpMNJI/B+4CE9/Unkh98UporAc461GTthv+TVDuZXsBx7/WiwJb1Oh4tt4A==",
+      "license": "MIT"
+    },
+    "node_modules/svgo": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.3.2.tgz",
+      "integrity": "sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.3.1",
+        "css-what": "^6.1.0",
+        "csso": "^5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.44.1",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.1.tgz",
+      "integrity": "sha512-t/R3R/n0MSwnnazuPpPNVO60LX0SKL45pyl9YlvxIdkH0Of7D5qM2EVe+yASRIlY5pZ73nclYJfNANGWPwFDZw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.14",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
+      "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/throttle-debounce": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
+      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/timers-browserify": {
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/timers-browserify/-/timers-browserify-2.0.12.tgz",
+      "integrity": "sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "setimmediate": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/to-buffer": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/to-buffer/-/to-buffer-1.2.2.tgz",
+      "integrity": "sha512-db0E3UJjcFhpDhAF4tLo03oli3pwl3dbnzXOUIlRKrp+ldk/VUxzpWYZENsw2SZiuBjHAk7DfB0VU7NKdpb6sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "isarray": "^2.0.5",
+        "safe-buffer": "^5.2.1",
+        "typed-array-buffer": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
+      "license": "MIT"
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tree-kill": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
+      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "tree-kill": "cli.js"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/ts-patch": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/ts-patch/-/ts-patch-3.3.0.tgz",
+      "integrity": "sha512-zAOzDnd5qsfEnjd9IGy1IRuvA7ygyyxxdxesbhMdutt8AHFjD8Vw8hU2rMF89HX1BKRWFYqKHrO8Q6lw0NeUZg==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "global-prefix": "^4.0.0",
+        "minimist": "^1.2.8",
+        "resolve": "^1.22.2",
+        "semver": "^7.6.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "bin": {
+        "ts-patch": "bin/ts-patch.js",
+        "tspc": "bin/tspc.js"
+      }
+    },
+    "node_modules/ts-patch/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ts-patch/node_modules/global-prefix": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-4.0.0.tgz",
+      "integrity": "sha512-w0Uf9Y9/nyHinEk5vMJKRie+wa4kR5hmDbEhGGds/kG1PwGLLHKRoNMeJOyCQjjBkANlnScqgzcFwGHgmgLkVA==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^4.1.3",
+        "kind-of": "^6.0.3",
+        "which": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/ts-patch/node_modules/ini": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
+      "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/ts-patch/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/ts-patch/node_modules/semver": {
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ts-patch/node_modules/which": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
+      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tsscmp": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
+      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.x"
+      }
+    },
+    "node_modules/tsx": {
+      "version": "4.20.6",
+      "resolved": "https://registry.npmjs.org/tsx/-/tsx-4.20.6.tgz",
+      "integrity": "sha512-ytQKuwgmrrkDTFP4LjR0ToE2nqgy886GpvRSpU0JAnrdBYppuY5rLkRUYPU1yCryb24SsKBTL/hlDQAEFVwtZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "~0.25.0",
+        "get-tsconfig": "^4.7.5"
+      },
+      "bin": {
+        "tsx": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tsx/node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/tty-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
+      "integrity": "sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/upath": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
+      "integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
+      "integrity": "sha512-q0SPT4xyU84saUX+tomz1WLkxUbuaJnR1xWt17M7fJtEJigJeWUNGUqrauFXsHnqev9y9JTRGwk13tFBuKby4A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/url": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
+      "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.12.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/url/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/use-merge-value": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/use-merge-value/-/use-merge-value-1.2.0.tgz",
+      "integrity": "sha512-DXgG0kkgJN45TcyoXL49vJnn55LehnrmoHc7MbKi+QDBvr8dsesqws8UlyIWGHMR+JXgxc1nvY+jDGMlycsUcw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 16.x"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/vm-browserify": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-1.1.2.tgz",
+      "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
+      "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.103.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.103.0.tgz",
+      "integrity": "sha512-HU1JOuV1OavsZ+mfigY0j8d1TgQgbZ6M+J75zDkpEAwYeXjWSqrGJtgnPblJjd/mAyTNQ7ygw0MiKOn6etz8yw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.8",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.15.0",
+        "acorn-import-phases": "^1.0.3",
+        "browserslist": "^4.26.3",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.3",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.3.1",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.3",
+        "tapable": "^2.3.0",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.4",
+        "webpack-sources": "^3.3.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
+      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack/node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/webpack/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz",
+      "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/workerize-loader": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/workerize-loader/-/workerize-loader-2.0.2.tgz",
+      "integrity": "sha512-HoZ6XY4sHWxA2w0WpzgBwUiR3dv1oo7bS+oCwIpb6n54MclQ/7KXdXsVIChTCygyuHtVuGBO1+i3HzTt699UJQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "loader-utils": "^2.0.0"
+      },
+      "peerDependencies": {
+        "webpack": "*"
+      }
+    },
+    "node_modules/workerize-loader/node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yaml": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
+      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ylru": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ylru/-/ylru-1.4.0.tgz",
+      "integrity": "sha512-2OQsPNEmBCvXuFlIni/a+Rn+R2pHW9INm0BxXJ4hVDA8TirqMj+J/Rp9ItLatT/5pZqWwefVrTQcHpixsxnVlA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.8.tgz",
+      "integrity": "sha512-gyPKpIaxY9XcO2vSMrLbiER7QMAMGOQZVRdJ6Zi782jkbzZygq5GI9nG8g+sMgitRtndwaBSl7uiqC49o1SSiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
+    },
+    "src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/address",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/resource": "*",
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/core",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/address": "file:../../../../AddressBundle/Resources/assets/pimcore-studio",
+        "@coreshop/currency": "file:../../../../CurrencyBundle/Resources/assets/pimcore-studio",
+        "@coreshop/menu": "file:../../../../MenuBundle/Resources/assets/pimcore-studio",
+        "@coreshop/notification": "file:../../../../NotificationBundle/Resources/assets/pimcore-studio",
+        "@coreshop/order": "file:../../../../OrderBundle/Resources/assets/pimcore-studio",
+        "@coreshop/payment": "file:../../../../PaymentBundle/Resources/assets/pimcore-studio",
+        "@coreshop/product": "file:../../../../ProductBundle/Resources/assets/pimcore-studio",
+        "@coreshop/productquantitypricerules": "file:../../../../ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio",
+        "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+        "@coreshop/shipping": "file:../../../../ShippingBundle/Resources/assets/pimcore-studio",
+        "@coreshop/studio-form": "*",
+        "@coreshop/taxation": "file:../../../../TaxationBundle/Resources/assets/pimcore-studio",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/currency",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/resource-studio-plugin": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/customer",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/index",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/menu",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/messenger",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/money",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/notification",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/order",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/payment",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/pimcore",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/product",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/productquantitypricerules",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/resource",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/rule",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/shipping",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/store",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/currency": "file:../../../../CurrencyBundle/Resources/assets/pimcore-studio",
+        "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/studio-form",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "antd": "^5.12.0",
+        "react": "18.3.x",
+        "react-dom": "18.3.x"
+      }
+    },
+    "src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/taxation",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@coreshop/studio-form": "*",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/user",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/variant",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000000..5098b30651
--- /dev/null
+++ b/package.json
@@ -0,0 +1,94 @@
+{
+  "name": "coreshop-studio-plugins",
+  "version": "1.0.0",
+  "description": "CoreShop Studio UI Plugins Build System - npm Workspaces + Rsbuild Environments",
+  "scripts": {
+    "build": "tsx studio-build.ts build",
+    "build:legacy": "rsbuild build", 
+    "rsbuild": "rsbuild",
+    "build:env": "rsbuild build --environment",
+    "dev": "tsx studio-build.ts dev all",
+    "dev:single": "tsx studio-build.ts dev",
+    "dev:legacy": "rsbuild dev",
+    "dev:env": "rsbuild dev --environment",
+    "install-deps": "npm install",
+    "clean": "rm -rf dist && npm run clean:workspaces",
+    "clean:workspaces": "npm run clean --workspaces --if-present",
+    "lint": "npm run lint --workspaces --if-present",
+    "check-types": "npm run check-types --workspaces --if-present"
+  },
+  "private": true,
+  "workspaces": {
+    "packages": [
+      "src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio",
+      "src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio"
+    ]
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.23.3",
+    "@module-federation/rsbuild-plugin": "^0.13.1",
+    "@rsbuild/core": "^1.3.16",
+    "@rsbuild/plugin-node-polyfill": "^1.4.1",
+    "@rsbuild/plugin-react": "^1.3.1",
+    "@rsbuild/plugin-source-build": "^1.0.3",
+    "@rsbuild/plugin-svgr": "^1.2.2",
+    "@types/node": "^22.14.0",
+    "@types/react-dom": "18.3.x",
+    "@types/uuid": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.1",
+    "concurrently": "^8.2.2",
+    "eslint": "^8.56.0",
+    "eslint-config-standard-with-typescript": "^43.0.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.33.2",
+    "tsx": "^4.19.2",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "keywords": [
+    "coreshop",
+    "pimcore",
+    "studio",
+    "plugins",
+    "react",
+    "typescript",
+    "workspaces",
+    "rsbuild",
+    "environments"
+  ]
+}
diff --git a/phpstan-package.neon b/phpstan-package.neon
index 2946513c55..ea0f6bee30 100644
--- a/phpstan-package.neon
+++ b/phpstan-package.neon
@@ -10,16 +10,26 @@ parameters:
         - '**/ProcessManager/IndexProcess.php'
         - '**/DataHub/*.php'
         - 'vendor/***'
-        - Core/EventListener/*.php (?)
-        - Core/Context/CustomerAndStoreBasedStorageListContext.php (?)
-        - Core/Context/SessionAndStoreBasedStorageListContext.php (?)
-        - Core/Context/StoreBasedStorageListContext.php (?)
-        - Core/Provider/CoreContextProvider.php (?)
-        - Core/Storage/SessionStorageListStorage.php (?)
-        - Core/Repository/CustomerAndStoreAwareRepositoryInterface.php (?)
-        - DependencyInjection/CoreShopStorageListExtension.php (?)
-        - SplPriorityQueue.php (?)
-        - PriorityQueue.php (?)
+        # Optional admin-ui-classic-bundle listeners
+        - '**/EventListener/MenuAdminListener.php'
+        - '**/EventListener/PimcoreAdminListener.php'
+        # Optional admin-ui-classic-bundle GridColumnConfig (causes internal error)
+        - '**/Pimcore/GridColumnConfig/ResourceFieldGetter.php'
+        - '**/AdminClass/Pimcore/GridColumnConfig/*.php'
+        # Optional studio bundles
+        - '**/Studio/*.php'
+        - '**/Studio/**/*.php'
+        - '**/StudioBackend/**/*.php'
+        # StorageListBundle Core files depend on optional CoreBundle/StoreComponent/CustomerComponent
+        - '**/Core/EventListener/SessionStoreStorageListSubscriber.php'
+        - '**/Core/EventListener/SessionStoreStorageListLogoutSubscriber.php'
+        - '**/Core/EventListener/StorageListBlamerListener.php'
+        - '**/Core/Context/CustomerAndStoreBasedStorageListContext.php'
+        - '**/Core/Context/SessionAndStoreBasedStorageListContext.php'
+        - '**/Core/Context/StoreBasedStorageListContext.php'
+        - '**/Core/Provider/CoreContextProvider.php'
+        - '**/Core/Storage/SessionStorageListStorage.php'
+        - '**/Core/Repository/CustomerAndStoreAwareRepositoryInterface.php'
 
     ignoreErrors:
         # Magic calls
@@ -51,6 +61,10 @@ parameters:
         - '/Call to method isLazyKeyLoaded\(\) on an unknown class Pimcore\\Model\\DataObject\\LazyLoadedFieldsInterface/'
         - '/Access to undefined constant PackageVersions\\Versions::VERSIONS/'
 
+        # Optional dependencies
+        - identifier: class.notFound
+          message: '/Pimcore\\Bundle\\(AdminBundle|StudioBackendBundle|StudioUiBundle|GoogleMarketingBundle|NewsletterBundle)\\/'
+
 includes:
     - ./vendor/phpstan/phpstan-doctrine/extension.neon
     - ./vendor/phpstan/phpstan-webmozart-assert/extension.neon
diff --git a/phpstan.neon b/phpstan.neon
index b9290cadd5..35e09923f2 100644
--- a/phpstan.neon
+++ b/phpstan.neon
@@ -12,6 +12,12 @@ parameters:
         - '**/DependencyInjection/Configuration.php'
         - '**/Migrations/Version*.php'
         - '**/DataHub/*.php'
+        # Optional admin-ui-classic-bundle GridColumnConfig
+        - '**/AdminClass/Pimcore/GridColumnConfig/*.php'
+        # Optional studio bundles
+        - '**/Studio/*.php'
+        - '**/Studio/**/*.php'
+        - '**/StudioBackend/**/*.php'
         - src/CoreShop/Component/Pimcore/SplPriorityQueue.php
         - src/CoreShop/Component/Pimcore/PriorityQueue.php
 
@@ -45,6 +51,9 @@ parameters:
         - '/Call to method markLazyKeyAsLoaded\(\) on an unknown class Pimcore\\Model\\DataObject\\LazyLoadedFieldsInterface/'
         - '/Call to method isLazyKeyLoaded\(\) on an unknown class Pimcore\\Model\\DataObject\\LazyLoadedFieldsInterface/'
         - '/Access to undefined constant PackageVersions\\Versions::VERSIONS/'
+        # Optional dependencies
+        - identifier: class.notFound
+          message: '/Pimcore\\Bundle\\(AdminBundle|StudioBackendBundle|StudioUiBundle|GoogleMarketingBundle|NewsletterBundle)\\/'
 
 includes:
     - vendor/phpstan/phpstan-doctrine/extension.neon
diff --git a/psalm.xml b/psalm.xml
index e7807a02d3..e779030784 100644
--- a/psalm.xml
+++ b/psalm.xml
@@ -15,7 +15,11 @@
             <directory name="src/CoreShop/Component/Resource/DataHub" />
             <directory name="src/CoreShop/Bundle/*/DataHub" />
             <directory name="src/CoreShop/Bundle/*/CoreExtension" />
-            <directory name="src/CoreShop/Bundle/*/Pimcore/GridColumnConfig" />
+            <directory name="src/CoreShop/Bundle/*/AdminClass" />
+            <directory name="src/CoreShop/Bundle/*/Studio" />
+            <directory name="src/CoreShop/Bundle/*/StudioBackend" />
+            <directory name="src/CoreShop/Bundle/StudioFormBundle" />
+            <directory name="src/CoreShop/Bundle/*/AdminClass/Pimcore/GridColumnConfig" />
             <directory name="src/CoreShop/Bundle/*/Migrations" />
             <directory name="src/CoreShop/Bundle/*/Fixtures" />
             <directory name="src/CoreShop/Behat" />
@@ -23,6 +27,16 @@
             <directory name="src/CoreShop/Bundle/FrontendBundle" />
             <directory name="vendor" />
 
+            <file name="src/CoreShop/Bundle/TrackingBundle/EventListener/GtmDataLayerBlockListener.php" />
+            <file name="src/CoreShop/Bundle/TrackingBundle/Resolver/ConfigResolver.php" />
+            <directory name="src/CoreShop/Bundle/TrackingBundle/Tracker/Google" />
+            <file name="src/CoreShop/Bundle/MessengerBundle/EventListener/MercureMessengerSubscriber.php" />
+            <file name="src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRejecter.php" />
+            <file name="src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRetryer.php" />
+            <file name="src/CoreShop/Bundle/TestBundle/Context/Setup/DocumentContext.php" />
+            <file name="src/CoreShop/Bundle/TestBundle/Context/Transform/DocumentContext.php" />
+            <file name="src/CoreShop/Component/Pimcore/DataObject/GridConfigInstaller.php" />
+
             <file name="src/CoreShop/Component/Pimcore/SplPriorityQueue.php" />
             <file name="src/CoreShop/Component/Pimcore/PriorityQueue.php" />
         </ignoreFiles>
@@ -69,6 +83,8 @@
                 <referencedClass name="Pimcore\Bundle\AdminBundle\Security\User\TokenStorageUserResolver" />
                 <referencedClass name="Pimcore\Bundle\AdminBundle\Controller\AdminController" />
                 <referencedClass name="Pimcore\Bundle\AdminBundle\Security\User\User" />
+                <referencedClass name="Pimcore\Bundle\StaticRoutesBundle\PimcoreStaticRoutesBundle" />
+                <referencedClass name="Pimcore\Bundle\SimpleBackendSearchBundle\PimcoreSimpleBackendSearchBundle" />
             </errorLevel>
         </DeprecatedClass>
         <DeprecatedInterface>
@@ -97,6 +113,7 @@
                 <referencedMethod name="Pimcore\Bundle\AdminBundle\Controller\AdminController::decodeJson" />
                 <referencedMethod name="Pimcore\Bundle\AdminBundle\Controller\AdminController::getAdminUser" />
                 <referencedMethod name="Doctrine\DBAL\Query\QueryBuilder::getQueryPart" />
+                <referencedMethod name="Symfony\Component\HttpFoundation\Request::get" />
             </errorLevel>
         </DeprecatedMethod>
         <UndefinedInterfaceMethod>
@@ -119,6 +136,7 @@
                 <referencedMethod name="Pimcore\File::getValidFilename" />
                 <referencedMethod name="Doctrine\DBAL\Schema\Column::__construct" />
                 <referencedMethod name="Pimcore\File::getLocalTempFilePath" />
+                <referencedMethod name="Pimcore\Bundle\StudioBackendBundle\MappedParameter\Filter\ColumnFiltersParameterInterface::getColumnFilters" />
             </errorLevel>
         </InternalMethod>
 
diff --git a/rsbuild.studio.config.ts b/rsbuild.studio.config.ts
new file mode 100644
index 0000000000..651592c386
--- /dev/null
+++ b/rsbuild.studio.config.ts
@@ -0,0 +1,9 @@
+/**
+ * CoreShop Studio RSBuild Wrapper Configuration
+ * 
+ * This wrapper uses the template config for the studio-build.js system.
+ * It expects the bundle to be specified via CORESHOP_BUNDLE_NAME env var.
+ */
+
+// Re-export the template configuration
+export { default } from './rsbuild.template.config'
\ No newline at end of file
diff --git a/rsbuild.template.config.ts b/rsbuild.template.config.ts
new file mode 100644
index 0000000000..6b68290085
--- /dev/null
+++ b/rsbuild.template.config.ts
@@ -0,0 +1,383 @@
+/**
+ * CoreShop Studio RSBuild Template Configuration
+ *
+ * Template configuration for individual CoreShop Studio bundles.
+ * Configured via environment variables for parallel builds.
+ */
+
+import { defineConfig } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginSvgr } from '@rsbuild/plugin-svgr'
+import { pluginGenerateEntrypoints } from '@pimcore/studio-ui-bundle/rsbuild/plugins'
+import { pluginModuleFederation } from '@module-federation/rsbuild-plugin'
+import path from 'path'
+import fs from 'fs'
+import { v4 } from 'uuid'
+
+// Get bundle configuration from environment variables
+const BUNDLE_NAME = process.env.CORESHOP_BUNDLE_NAME
+const BUNDLE_DIR = process.env.CORESHOP_BUNDLE_DIR
+const BUILD_ID = process.env.CORESHOP_BUILD_ID
+const DEV_PORT = process.env.CORESHOP_DEV_PORT
+
+if (!BUNDLE_NAME) {
+  throw new Error('CORESHOP_BUNDLE_NAME environment variable is required')
+}
+
+// Resolve the actual bundle directory name (preserving original casing)
+// CORESHOP_BUNDLE_DIR has the correct casing (e.g. "ProductQuantityPriceRules")
+// Fallback: capitalize first letter only (works for single-word names)
+const resolvedBundleDir = BUNDLE_DIR ?? (BUNDLE_NAME.charAt(0).toUpperCase() + BUNDLE_NAME.slice(1))
+
+/**
+ * Load package.json dependencies for a bundle
+ */
+function loadBundleDependencies(bundleDir: string): Record<string, any> {
+  const packagePath = path.resolve(__dirname, 'src/CoreShop/Bundle', `${bundleDir}Bundle/Resources/assets/pimcore-studio/package.json`)
+
+  try {
+    const packageContent = fs.readFileSync(packagePath, 'utf8')
+    const pkg = JSON.parse(packageContent)
+    return pkg.dependencies || {}
+  } catch (error) {
+    console.warn(`Warning: Could not load dependencies for ${bundleDir}: ${error}`)
+    return {}
+  }
+}
+
+// Generate configuration for the specified bundle
+const bundleDir = path.resolve(__dirname, 'src/CoreShop/Bundle', `${resolvedBundleDir}Bundle/Resources/assets/pimcore-studio`)
+const buildId = BUILD_ID || v4()
+const buildPath = path.resolve(__dirname, 'src/CoreShop/Bundle', `${resolvedBundleDir}Bundle/Resources/public/studio`, buildId)
+const bundlePrefix = `coreshop${BUNDLE_NAME.toLowerCase()}`
+const entryFile = './src/main.ts'
+
+// Load bundle-specific dependencies for module federation
+const dependencies = loadBundleDependencies(resolvedBundleDir)
+
+// Clean old build directories before creating the new one
+const studioPath = path.resolve(__dirname, 'src/CoreShop/Bundle', `${resolvedBundleDir}Bundle/Resources/public/studio`)
+if (fs.existsSync(studioPath)) {
+  for (const entry of fs.readdirSync(studioPath, { withFileTypes: true })) {
+    if (entry.isDirectory()) {
+      fs.rmSync(path.resolve(studioPath, entry.name), { recursive: true, force: true })
+    }
+  }
+}
+
+// Ensure build directory exists
+if (!fs.existsSync(buildPath)) {
+  fs.mkdirSync(buildPath, { recursive: true })
+}
+
+let nodeEnv = process.env.NODE_ENV
+let env: 'development' | 'production' = 'production'
+
+const isDevServer = nodeEnv === 'dev-server'
+if (nodeEnv !== 'production') {
+  env = 'development'
+}
+
+const devPort = DEV_PORT ? parseInt(DEV_PORT) : (3000 + BUNDLE_NAME.charCodeAt(0) % 100)
+
+// Module Federation options (shared between built-in and plugin)
+const moduleFederationOptions: Record<string, any> = {
+  name: bundlePrefix,
+  dts: false, // Disable DTS generation — the promise-based remote can't be resolved at build time
+  filename: 'static/js/remoteEntry.js',
+  exposes: {
+    '.': entryFile
+  },
+  remotes: {
+    '@pimcore/studio-ui-bundle': `promise new Promise(resolve => {
+      const studioUIBundleRemoteUrl = window.StudioUIBundleRemoteUrl
+      const script = document.createElement('script')
+
+      let hasScript = false;
+
+      document.querySelectorAll('script').forEach((el) => {
+        const elPathname = el.src.replace(/https?:\\/\\/[^/]+/, '')
+        const studioUIBundleRemoteUrlPathname = studioUIBundleRemoteUrl.replace(/https?:\\/\\/[^/]+/, '')
+
+        if (elPathname === studioUIBundleRemoteUrlPathname) {
+          hasScript = true;
+          return;
+        }
+      })
+
+      if (hasScript) {
+        resolve({
+          get: (request) => window['pimcore_studio_ui_bundle'].get(request),
+          init: (...arg) => {
+            try {
+              return window['pimcore_studio_ui_bundle'].init(...arg)
+            } catch(e) {
+              console.log('remote container already initialized')
+            }
+          }
+        })
+        return
+      }
+
+      script.src = studioUIBundleRemoteUrl
+      script.onload = () => {
+        const proxy = {
+          get: (request) => window['pimcore_studio_ui_bundle'].get(request),
+          init: (...arg) => {
+            try {
+              return window['pimcore_studio_ui_bundle'].init(...arg)
+            } catch(e) {
+              console.log('remote container already initialized')
+            }
+          }
+        }
+        resolve(proxy)
+      }
+      document.head.appendChild(script);
+    })
+    `
+  },
+  shared: {
+    ...Object.fromEntries(
+      Object.entries(dependencies)
+        .filter(
+          ([name]) =>
+            !name.startsWith('@coreshop/') &&
+            name !== '@coreshop/resource-studio-plugin'
+        )
+        .map(([name, version]) => [
+          name,
+          {
+            singleton: true,
+            eager: false,
+            requiredVersion: false
+          }
+        ])
+    ),
+    // Share CoreShop bundles between all plugins (both internal and external)
+    // This ensures registries and other singletons are shared properly
+    '@coreshop/resource': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/pimcore': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/currency': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/rule': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/order': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/product': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/shipping': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/payment': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/address': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/taxation': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/store': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/customer': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/core': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@coreshop/studio-form': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    react: {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    'react-dom': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    'react/jsx-runtime': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    'react/jsx-dev-runtime': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    'react-i18next': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    'i18next': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@emotion/react': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    },
+    '@emotion/styled': {
+      singleton: true,
+      eager: false,
+      requiredVersion: false,
+      strictVersion: false
+    }
+  }
+}
+
+// Main RSBuild configuration for single bundle
+export default defineConfig({
+  mode: env,
+  root: bundleDir,
+  performance: {
+    buildCache: {
+      cacheDirectory: path.resolve(__dirname, 'node_modules/.cache/rsbuild', BUNDLE_NAME),
+    }
+  },
+  server: {
+    port: devPort,
+    publicDir: {
+      copyOnBuild: false
+    }
+  },
+  dev: {
+    ...(!isDevServer ? { assetPrefix: `/bundles/${bundlePrefix}/studio/${buildId}` } : {}),
+    hmr: false,
+    client: false,
+    liveReload: false,
+    lazyCompilation: isDevServer,
+    writeToDisk: isDevServer,
+  },
+  source: {
+    entry: {
+      main: entryFile
+    },
+    decorators: {
+      version: 'legacy'
+    },
+    tsconfigPath: path.resolve(__dirname, 'tsconfig.studio.json')
+  },
+  resolve: {
+    alias: {
+      [`@CoreShop${resolvedBundleDir}`]: './src',
+      [`@CoreShop${resolvedBundleDir}/assets`]: './src/assets',
+      // Shared CoreShop bundle aliases for cross-bundle imports
+      // Sub-path aliases (must come before main aliases for proper resolution)
+      '@coreshop/pimcore/src': path.resolve(__dirname, 'src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/resource/src': path.resolve(__dirname, 'src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/currency/src': path.resolve(__dirname, 'src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/rule/src': path.resolve(__dirname, 'src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/order/src': path.resolve(__dirname, 'src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/product/src': path.resolve(__dirname, 'src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/shipping/src': path.resolve(__dirname, 'src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/payment/src': path.resolve(__dirname, 'src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/address/src': path.resolve(__dirname, 'src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/taxation/src': path.resolve(__dirname, 'src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/store/src': path.resolve(__dirname, 'src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/customer/src': path.resolve(__dirname, 'src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/core/src': path.resolve(__dirname, 'src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src'),
+      '@coreshop/studio-form/src': path.resolve(__dirname, 'src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src'),
+      // Main entry aliases - use index.ts for library exports (matches package.json "main")
+      // main.ts is for Pimcore plugin entry, index.ts is for library exports
+      '@coreshop/pimcore': path.resolve(__dirname, 'src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/main.ts'),
+      '@coreshop/resource': path.resolve(__dirname, 'src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/currency': path.resolve(__dirname, 'src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/rule': path.resolve(__dirname, 'src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/order': path.resolve(__dirname, 'src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/product': path.resolve(__dirname, 'src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/shipping': path.resolve(__dirname, 'src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/payment': path.resolve(__dirname, 'src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/address': path.resolve(__dirname, 'src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/taxation': path.resolve(__dirname, 'src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/store': path.resolve(__dirname, 'src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/customer': path.resolve(__dirname, 'src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/core': path.resolve(__dirname, 'src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/index.ts'),
+      '@coreshop/studio-form': path.resolve(__dirname, 'src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/index.ts')
+    }
+  },
+  output: {
+    cleanDistPath: true,
+    manifest: true,
+    assetPrefix: `/bundles/${bundlePrefix}/studio/${buildId}`,
+    distPath: {
+      root: buildPath
+    }
+  },
+  plugins: [
+    pluginModuleFederation(moduleFederationOptions),
+    pluginGenerateEntrypoints(),
+    pluginReact(),
+    pluginSvgr({
+      svgrOptions: {
+        icon: true,
+        typescript: true
+      }
+    })
+  ]
+})
diff --git a/src/CoreShop/Behat/Context/Setup/CartPriceRuleContext.php b/src/CoreShop/Behat/Context/Setup/CartPriceRuleContext.php
index 861d046660..347cd07c34 100644
--- a/src/CoreShop/Behat/Context/Setup/CartPriceRuleContext.php
+++ b/src/CoreShop/Behat/Context/Setup/CartPriceRuleContext.php
@@ -37,7 +37,7 @@
 use CoreShop\Bundle\OrderBundle\Form\Type\Rule\Action\SurchargePercentConfigurationType;
 use CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition\AmountConfigurationType;
 use CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition\NotCombinableConfigurationType;
-use CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
+use CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
 use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
 use CoreShop\Bundle\RuleBundle\Form\Type\Rule\EmptyConfigurationFormType;
 use CoreShop\Bundle\TestBundle\Service\SharedStorageInterface;
diff --git a/src/CoreShop/Behat/Context/Setup/ProductPriceRuleContext.php b/src/CoreShop/Behat/Context/Setup/ProductPriceRuleContext.php
index 8580e76bba..13cf81504e 100644
--- a/src/CoreShop/Behat/Context/Setup/ProductPriceRuleContext.php
+++ b/src/CoreShop/Behat/Context/Setup/ProductPriceRuleContext.php
@@ -34,7 +34,7 @@
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Action\DiscountPercentConfigurationType;
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Action\PriceConfigurationType;
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\ProductPriceNestedConfigurationType;
-use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
+use CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
 use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
 use CoreShop\Bundle\RuleBundle\Form\Type\Rule\EmptyConfigurationFormType;
 use CoreShop\Bundle\TestBundle\Service\SharedStorageInterface;
diff --git a/src/CoreShop/Behat/Context/Setup/ProductQuantityPriceRuleContext.php b/src/CoreShop/Behat/Context/Setup/ProductQuantityPriceRuleContext.php
index 0975a33135..dc57e389c1 100644
--- a/src/CoreShop/Behat/Context/Setup/ProductQuantityPriceRuleContext.php
+++ b/src/CoreShop/Behat/Context/Setup/ProductQuantityPriceRuleContext.php
@@ -26,7 +26,7 @@
 use CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition\ZonesConfigurationType;
 use CoreShop\Bundle\ProductBundle\Form\Type\ProductSpecificPriceRuleConditionType;
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\ProductSpecificPriceNestedConfigurationType;
-use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
+use CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
 use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
 use CoreShop\Bundle\TestBundle\Service\SharedStorageInterface;
 use CoreShop\Component\Address\Model\ZoneInterface;
diff --git a/src/CoreShop/Behat/Context/Setup/ProductSpecificPriceRuleContext.php b/src/CoreShop/Behat/Context/Setup/ProductSpecificPriceRuleContext.php
index 74053a2df6..05fe56a742 100644
--- a/src/CoreShop/Behat/Context/Setup/ProductSpecificPriceRuleContext.php
+++ b/src/CoreShop/Behat/Context/Setup/ProductSpecificPriceRuleContext.php
@@ -30,7 +30,7 @@
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Action\DiscountPercentConfigurationType;
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Action\PriceConfigurationType;
 use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\ProductSpecificPriceNestedConfigurationType;
-use CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
+use CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType;
 use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
 use CoreShop\Bundle\RuleBundle\Form\Type\Rule\EmptyConfigurationFormType;
 use CoreShop\Bundle\TestBundle\Service\SharedStorageInterface;
diff --git a/src/CoreShop/Bundle/AddressBundle/DependencyInjection/CoreShopAddressExtension.php b/src/CoreShop/Bundle/AddressBundle/DependencyInjection/CoreShopAddressExtension.php
index 19b1b32fa1..4ef47a1529 100644
--- a/src/CoreShop/Bundle/AddressBundle/DependencyInjection/CoreShopAddressExtension.php
+++ b/src/CoreShop/Bundle/AddressBundle/DependencyInjection/CoreShopAddressExtension.php
@@ -28,10 +28,31 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopAddressExtension extends AbstractModelExtension
+final class CoreShopAddressExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopCountry',
+                        'coreShopState',
+                        'coreShopAddressIdentifier',
+                    ],
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopMultiSelectAdapter' => [
+                        'coreShopCountryMultiselect',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -59,6 +80,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/AddressBundle/Form/Type/AddressIdentifierType.php b/src/CoreShop/Bundle/AddressBundle/Form/Type/AddressIdentifierType.php
index caf28c8d0a..da67efe1aa 100644
--- a/src/CoreShop/Bundle/AddressBundle/Form/Type/AddressIdentifierType.php
+++ b/src/CoreShop/Bundle/AddressBundle/Form/Type/AddressIdentifierType.php
@@ -27,8 +27,12 @@ final class AddressIdentifierType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextType::class)
-            ->add('active', CheckboxType::class)
+            ->add('name', TextType::class, [
+                'label' => 'coreshop_name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/AddressBundle/Form/Type/CountryType.php b/src/CoreShop/Bundle/AddressBundle/Form/Type/CountryType.php
index 62a4affa2d..f2cde89237 100644
--- a/src/CoreShop/Bundle/AddressBundle/Form/Type/CountryType.php
+++ b/src/CoreShop/Bundle/AddressBundle/Form/Type/CountryType.php
@@ -19,8 +19,8 @@
 
 use CoreShop\Bundle\ResourceBundle\Form\Type\AbstractResourceType;
 use CoreShop\Bundle\ResourceBundle\Form\Type\ResourceTranslationsType;
+use CoreShop\Bundle\ResourceBundle\Form\Type\TagCollectionType;
 use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\Extension\Core\Type\TextareaType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
@@ -33,16 +33,21 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('translations', ResourceTranslationsType::class, [
                 'entry_type' => CountryTranslationType::class,
             ])
-            ->add('isoCode', TextType::class)
-            ->add('active', CheckboxType::class)
+            ->add('isoCode', TextType::class, [
+                'label' => 'coreshop_country_isoCode',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
             ->add('zone', ZoneChoiceType::class, [
+                'label' => 'coreshop_zone',
                 'active' => null,
             ])
-            ->add('addressFormat', TextareaType::class)
-            ->add('salutations', CollectionType::class, [
-                'entry_type' => TextType::class,
-                'allow_delete' => true,
-                'allow_add' => true,
+            ->add('addressFormat', TextareaType::class, [
+                'label' => 'coreshop_country_addressFormat',
+            ])
+            ->add('salutations', TagCollectionType::class, [
+                'label' => 'coreshop_country_salutations',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/AddressBundle/Form/Type/StateType.php b/src/CoreShop/Bundle/AddressBundle/Form/Type/StateType.php
index 7d0bd80e7a..6844783d70 100644
--- a/src/CoreShop/Bundle/AddressBundle/Form/Type/StateType.php
+++ b/src/CoreShop/Bundle/AddressBundle/Form/Type/StateType.php
@@ -31,9 +31,14 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('translations', ResourceTranslationsType::class, [
                 'entry_type' => StateTranslationType::class,
             ])
-            ->add('isoCode', TextType::class)
-            ->add('active', CheckboxType::class)
+            ->add('isoCode', TextType::class, [
+                'label' => 'coreshop_state_isoCode',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
             ->add('country', CountryChoiceType::class, [
+                'label' => 'coreshop_country',
                 'active' => null,
             ])
         ;
@@ -41,6 +46,6 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
 
     public function getBlockPrefix(): string
     {
-        return 'coreshop_zone';
+        return 'coreshop_state';
     }
 }
diff --git a/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneChoiceType.php b/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneChoiceType.php
index 46849a8a21..da5a5af74b 100644
--- a/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneChoiceType.php
+++ b/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneChoiceType.php
@@ -19,8 +19,10 @@
 
 use CoreShop\Component\Address\Model\ZoneInterface;
 use CoreShop\Component\Resource\Repository\RepositoryInterface;
+use Symfony\Bridge\Doctrine\Form\DataTransformer\CollectionToArrayTransformer;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\Options;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 
@@ -31,6 +33,13 @@ public function __construct(
     ) {
     }
 
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        if ($options['multiple']) {
+            $builder->addModelTransformer(new CollectionToArrayTransformer());
+        }
+    }
+
     public function configureOptions(OptionsResolver $resolver): void
     {
         $resolver
diff --git a/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneType.php b/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneType.php
index 255e078c0c..2655fcdf48 100644
--- a/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneType.php
+++ b/src/CoreShop/Bundle/AddressBundle/Form/Type/ZoneType.php
@@ -27,8 +27,12 @@ final class ZoneType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextType::class)
-            ->add('active', CheckboxType::class)
+            ->add('name', TextType::class, [
+                'label' => 'coreshop_name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/AddressBundle/README.md b/src/CoreShop/Bundle/AddressBundle/README.md
index bfa73bd158..132e430606 100644
--- a/src/CoreShop/Bundle/AddressBundle/README.md
+++ b/src/CoreShop/Bundle/AddressBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/package-lock.json b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/package-lock.json
new file mode 100644
index 0000000000..0f9df7fe65
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/package-lock.json
@@ -0,0 +1,7775 @@
+{
+  "name": "@coreshop/address",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@coreshop/address",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@coreshop/resource-studio-plugin": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20250901-160146-095dd66",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "../../../../ResourceBundle/Resources/assets/pimcore-studio": {
+      "name": "@coreshop/resource-studio-plugin",
+      "version": "1.0.0",
+      "license": "CCL",
+      "dependencies": {
+        "@pimcore/studio-ui-bundle": "1.0.0-canary.20250901-160146-095dd66",
+        "@reduxjs/toolkit": "^2.0.1",
+        "antd": "^5.12.0",
+        "immer": "^10.1.1",
+        "react": "18.3.x",
+        "react-dom": "18.3.x",
+        "react-redux": "^9.0.4",
+        "zustand": "^5.0.7"
+      }
+    },
+    "node_modules/@ant-design/charts": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@ant-design/charts/-/charts-2.6.4.tgz",
+      "integrity": "sha512-KVz/TW28dV99LXgOpsY31p9DozKH63R1iBh9eRTPs8Jii+OjZ1CPBsoedZq56PeWjw608bQpAoGGWdBX+ekU6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/graphs": "^2.1.1",
+        "@ant-design/plots": "^2.6.4",
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/charts-util": {
+      "version": "0.0.1-alpha.7",
+      "resolved": "https://registry.npmjs.org/@ant-design/charts-util/-/charts-util-0.0.1-alpha.7.tgz",
+      "integrity": "sha512-Yh0o6EdO6SvdSnStFZMbnUzjyymkVzV+TQ9ymVW9hlVgO/fUkUII3JYSdV+UVcFnYwUF0YiDKuSTLCZNAzg2bQ==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/colors": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.2.1.tgz",
+      "integrity": "sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6"
+      }
+    },
+    "node_modules/@ant-design/cssinjs": {
+      "version": "1.24.0",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.24.0.tgz",
+      "integrity": "sha512-K4cYrJBsgvL+IoozUXYjbT6LHHNt+19a9zkvpBPxLjFHas1UpPM2A5MlhROb0BT8N8WoavM5VsP9MeSeNK/3mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/unitless": "^0.7.5",
+        "classnames": "^2.3.1",
+        "csstype": "^3.1.3",
+        "rc-util": "^5.35.0",
+        "stylis": "^4.3.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/cssinjs-utils": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs-utils/-/cssinjs-utils-1.1.3.tgz",
+      "integrity": "sha512-nOoQMLW1l+xR1Co8NFVYiP8pZp3VjIIzqV6D6ShYF2ljtdwWJn5WSsH+7kvCktXL/yhEtWURKOfH5Xz/gzlwsg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.0",
+        "@babel/runtime": "^7.23.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@ant-design/fast-color": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@ant-design/fast-color/-/fast-color-2.0.6.tgz",
+      "integrity": "sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@ant-design/graphs": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/graphs/-/graphs-2.1.1.tgz",
+      "integrity": "sha512-qT3Oo8BWeoAmZEy9gfR6uIk+rczbNJ3sWXKonoOD5koATWv7dY0kgvS1JnhdM1QW4FkfPPJTeQVSlRRUtvWDwA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/charts-util": "0.0.1-alpha.7",
+        "@antv/g6": "^5.0.44",
+        "@antv/g6-extension-react": "^0.2.0",
+        "@antv/graphin": "^3.0.4",
+        "lodash": "^4.17.21",
+        "styled-components": "^6.1.15"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/icons": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.6.1.tgz",
+      "integrity": "sha512-0/xS39c91WjPAZOWsvi1//zjx6kAp4kxWwctR6kuU6p133w8RU0D2dSCvZC19uQyharg/sAvYxGYWl01BbZZfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.0.0",
+        "@ant-design/icons-svg": "^4.4.0",
+        "@babel/runtime": "^7.24.8",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.31.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@ant-design/icons-svg": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
+      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA==",
+      "license": "MIT"
+    },
+    "node_modules/@ant-design/plots": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/@ant-design/plots/-/plots-2.6.4.tgz",
+      "integrity": "sha512-hUEE91Vqkim1dVPhn6HA08jVRTPCvPFY+S5XqkuJ5F5595exsZI1q0EzIHBwySrQbo041rbNVGp1vGczLxyctg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/charts-util": "0.0.2",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/g": "^6.1.7",
+        "@antv/g2": "^5.2.7",
+        "@antv/g2-extension-plot": "^0.2.1",
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/plots/node_modules/@ant-design/charts-util": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/charts-util/-/charts-util-0.0.2.tgz",
+      "integrity": "sha512-JuThvtHE8R3PldXzTkL3bmmFf0HVhih49CYinRrkwgovOmvDYaaKHnI53EWJbW8n4Ndcyy8jiZTSkoxcjGS6Zg==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.4",
+        "react-dom": ">=16.8.4"
+      }
+    },
+    "node_modules/@ant-design/react-slick": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
+      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.4",
+        "classnames": "^2.2.5",
+        "json2mq": "^0.2.0",
+        "resize-observer-polyfill": "^1.5.1",
+        "throttle-debounce": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
+    "node_modules/@antv/algorithm": {
+      "version": "0.1.26",
+      "resolved": "https://registry.npmjs.org/@antv/algorithm/-/algorithm-0.1.26.tgz",
+      "integrity": "sha512-DVhcFSQ8YQnMNW34Mk8BSsfc61iC1sAnmcfYoXTAshYHuU50p/6b7x3QYaGctDNKWGvi1ub7mPcSY0bK+aN0qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^2.0.13",
+        "tslib": "^2.0.0"
+      }
+    },
+    "node_modules/@antv/algorithm/node_modules/@antv/util": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-2.0.17.tgz",
+      "integrity": "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q==",
+      "license": "ISC",
+      "dependencies": {
+        "csstype": "^3.0.8",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/@antv/component": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@antv/component/-/component-2.1.6.tgz",
+      "integrity": "sha512-e9StChXXG7grqP1uVqDZQp502hkwOX0sRNxbOOIrBeVD1x1NtZ+FaOEeBG5JXgbEWfMmPf0wEir4VGG4EPIGvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g": "^6.1.11",
+        "@antv/scale": "^0.4.16",
+        "@antv/util": "^3.3.10",
+        "svg-path-parser": "^1.1.0"
+      }
+    },
+    "node_modules/@antv/component/node_modules/@antv/scale": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/@antv/scale/-/scale-0.4.16.tgz",
+      "integrity": "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/coord": {
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/@antv/coord/-/coord-0.4.7.tgz",
+      "integrity": "sha512-UTbrMLhwJUkKzqJx5KFnSRpU3BqrdLORJbwUbHK2zHSCT3q3bjcFA//ZYLVfIlwqFDXp/hzfMyRtp0c77A9ZVA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/scale": "^0.4.12",
+        "@antv/util": "^2.0.13",
+        "gl-matrix": "^3.4.3"
+      }
+    },
+    "node_modules/@antv/coord/node_modules/@antv/scale": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/@antv/scale/-/scale-0.4.16.tgz",
+      "integrity": "sha512-5wg/zB5kXHxpTV5OYwJD3ja6R8yTiqIOkjOhmpEJiowkzRlbEC/BOyMvNUq5fqFIHnMCE9woO7+c3zxEQCKPjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/coord/node_modules/@antv/scale/node_modules/@antv/util": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-3.3.11.tgz",
+      "integrity": "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "gl-matrix": "^3.3.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@antv/coord/node_modules/@antv/util": {
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-2.0.17.tgz",
+      "integrity": "sha512-o6I9hi5CIUvLGDhth0RxNSFDRwXeywmt6ExR4+RmVAzIi48ps6HUy+svxOCayvrPBN37uE6TAc2KDofRo0nK9Q==",
+      "license": "ISC",
+      "dependencies": {
+        "csstype": "^3.0.8",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/@antv/event-emitter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@antv/event-emitter/-/event-emitter-0.1.3.tgz",
+      "integrity": "sha512-4ddpsiHN9Pd4UIlWuKVK1C4IiZIdbwQvy9i7DUSI3xNJ89FPUFt8lxDYj8GzzfdllV0NkJTRxnG+FvLk0llidg==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/expr": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@antv/expr/-/expr-1.0.2.tgz",
+      "integrity": "sha512-vrfdmPHkTuiS5voVutKl2l06w1ihBh9A8SFdQPEE+2KMVpkymzGOF1eWpfkbGZ7tiFE15GodVdhhHomD/hdIwg==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/g": {
+      "version": "6.1.28",
+      "resolved": "https://registry.npmjs.org/@antv/g/-/g-6.1.28.tgz",
+      "integrity": "sha512-BwavpbKGR4NEJD3BtVxfBFjCcxy5gsWoUNnBisfG1qfjhGTt7QvUYHFH46+mHJjHMIdYjuFw2T0ZYVtxBddxSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-camera-api": "2.0.41",
+        "@antv/g-dom-mutation-observer-api": "2.0.38",
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-web-animations-api": "2.1.28",
+        "@babel/runtime": "^7.25.6"
+      }
+    },
+    "node_modules/@antv/g-camera-api": {
+      "version": "2.0.41",
+      "resolved": "https://registry.npmjs.org/@antv/g-camera-api/-/g-camera-api-2.0.41.tgz",
+      "integrity": "sha512-dF52/wpzHDKi7ZzPlaHurEjWrF9aBKL2udDwQkEeVtfkJ0DHaavr3BAvhuGhtHoecRYQJvpzP1OkGNDLQJQQlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-canvas": {
+      "version": "2.0.48",
+      "resolved": "https://registry.npmjs.org/@antv/g-canvas/-/g-canvas-2.0.48.tgz",
+      "integrity": "sha512-P98cTLRbKbCAcUVgHqMjKcvOany6nR7wvt+g+sazIfKSMUCWgjLTOjlLezux2up3At29mt80StaV2AR3d61YQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-plugin-canvas-path-generator": "2.1.22",
+        "@antv/g-plugin-canvas-picker": "2.1.27",
+        "@antv/g-plugin-canvas-renderer": "2.3.3",
+        "@antv/g-plugin-dom-interaction": "2.1.27",
+        "@antv/g-plugin-html-renderer": "2.1.27",
+        "@antv/g-plugin-image-loader": "2.1.26",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-dom-mutation-observer-api": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/@antv/g-dom-mutation-observer-api/-/g-dom-mutation-observer-api-2.0.38.tgz",
+      "integrity": "sha512-xzgbt8GUOiToBeDVv+jmGkDE+HtI9tD6uO8TirJbCya88DKcY/jurQALq0NdWKgMJLn7WPiUKyDwHWimwQcBJw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@babel/runtime": "^7.25.6"
+      }
+    },
+    "node_modules/@antv/g-lite": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@antv/g-lite/-/g-lite-2.3.2.tgz",
+      "integrity": "sha512-fkIxRoqLOGsNPwsp26bPp58cPWuX3E4wQ9cfkB/DHy5LtLrPpvOwHWB3+MBPgZwzk8jTTjchiXa756ZFOAWyQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-math": "3.0.1",
+        "@antv/util": "^3.3.5",
+        "@antv/vendor": "^1.0.3",
+        "@babel/runtime": "^7.25.6",
+        "eventemitter3": "^5.0.1",
+        "gl-matrix": "^3.4.3",
+        "rbush": "^3.0.1",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-math": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@antv/g-math/-/g-math-3.0.1.tgz",
+      "integrity": "sha512-FvkDBNRpj+HsLINunrL2PW0OlG368MlpHuihbxleuajGim5kra8tgISwCLmAf8Yz2b1CgZ9PvpohqiLzHS7HLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-canvas-path-generator": {
+      "version": "2.1.22",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-canvas-path-generator/-/g-plugin-canvas-path-generator-2.1.22.tgz",
+      "integrity": "sha512-Z0IawzTGgTppa9IpkNNKsqgoU89oOjUsiU8GZZlkDkUggQTHP0wOxTeLAb43YgClx3aTI3bRs44uMQutNdSVxw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-math": "3.0.1",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-canvas-picker": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-canvas-picker/-/g-plugin-canvas-picker-2.1.27.tgz",
+      "integrity": "sha512-DHQ0YLYNXAm6O63pW6nKs/R0fuqlUYfehNs/EtzrmqyUkKASd/Vhs4HLNeHTMUdBMgg41T+x5qay0GGttK4Xdw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-math": "3.0.1",
+        "@antv/g-plugin-canvas-path-generator": "2.1.22",
+        "@antv/g-plugin-canvas-renderer": "2.3.3",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-canvas-renderer": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-canvas-renderer/-/g-plugin-canvas-renderer-2.3.3.tgz",
+      "integrity": "sha512-d6JkZy1YmLnvI9wsbO8QVpBz7z7tl6JRQkF5hx9XLDtf2fD4n83KINeMq13skiNwaiudS771WWiBtfzUHB73pQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-math": "3.0.1",
+        "@antv/g-plugin-canvas-path-generator": "2.1.22",
+        "@antv/g-plugin-image-loader": "2.1.26",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-dom-interaction": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-dom-interaction/-/g-plugin-dom-interaction-2.1.27.tgz",
+      "integrity": "sha512-hltVZZH+bj0uXmGSR+6BIwhCFYyHmDIQi3vrj/Wn1Dn6PgufvMCXfjr3DfmkQnY+FFP8ZCpg5N9MaE0BE9OddA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-dragndrop": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-dragndrop/-/g-plugin-dragndrop-2.0.38.tgz",
+      "integrity": "sha512-yCef5ER759i0WpuOekFQ+AcDTu0N/COMbkPOG6YuswVnhQH447GUpuNm7Le+Mq26qONlXTDyjxuMHoUOWwJ7Cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-html-renderer": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-html-renderer/-/g-plugin-html-renderer-2.1.27.tgz",
+      "integrity": "sha512-NnI4GxDBb71o/XZzoRdi0xI3xg7GJmthyO5xP5/MiOFmwJ/jW/QDz17vUonmzUVbCt6upikHV5GyYOaogRqdVg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-image-loader": {
+      "version": "2.1.26",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-image-loader/-/g-plugin-image-loader-2.1.26.tgz",
+      "integrity": "sha512-AElV0QOX2LAhB3jr9XtvkynntuKhcaU5n7avu5ynM5VoAtMaJRANhCyefA2G3myeJxWcHk4nWDX6u4YMaZnnvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-svg-picker": {
+      "version": "2.0.42",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-svg-picker/-/g-plugin-svg-picker-2.0.42.tgz",
+      "integrity": "sha512-MxnaDdLM251Mv+o66emC6TKAoz0uVaPvlbE7eIZ35Aa/UIlkPMtbMBruBOh2JR/C8JKAn9N1V3CYx3WLxiPfYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-plugin-svg-renderer": "2.2.24",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-plugin-svg-renderer": {
+      "version": "2.2.24",
+      "resolved": "https://registry.npmjs.org/@antv/g-plugin-svg-renderer/-/g-plugin-svg-renderer-2.2.24.tgz",
+      "integrity": "sha512-QTq+rMNtD1Yg6fT6HqkCViho21rESIvhORzv9y/J/zmY3CkBWpg8JtiRqDhDBuce+1dxjO193fiR8L7ZW9+Ziw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "gl-matrix": "^3.4.3",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-svg": {
+      "version": "2.0.42",
+      "resolved": "https://registry.npmjs.org/@antv/g-svg/-/g-svg-2.0.42.tgz",
+      "integrity": "sha512-0vunUSvG1CgcW2bzSY8H7naa8ItU1k/l2sdyrvlcdM2mAvq5Yjx2MFm0PBCMvvSr8w4JKW0I0fnvk35NePf3uA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/g-plugin-dom-interaction": "2.1.27",
+        "@antv/g-plugin-svg-picker": "2.0.42",
+        "@antv/g-plugin-svg-renderer": "2.2.24",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g-web-animations-api": {
+      "version": "2.1.28",
+      "resolved": "https://registry.npmjs.org/@antv/g-web-animations-api/-/g-web-animations-api-2.1.28.tgz",
+      "integrity": "sha512-V5g8bO2D1hb8fRMMi5hXL/De+1UDRzW3C5EX07oazR0q71GONASP+sVwniZdt9R1HAmJSN5dvW3SqWeU3EEstQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g-lite": "2.3.2",
+        "@antv/util": "^3.3.5",
+        "@babel/runtime": "^7.25.6",
+        "tslib": "^2.5.3"
+      }
+    },
+    "node_modules/@antv/g2": {
+      "version": "5.4.0",
+      "resolved": "https://registry.npmjs.org/@antv/g2/-/g2-5.4.0.tgz",
+      "integrity": "sha512-aNw4lvi9IdsdoMHZbrAhZbFy9y5Ppv6zyjtgTKHdMl8x4xnoweW/4YwryRZh2/2Z497dnobPcVyPu5Iwoz87Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/component": "^2.1.3",
+        "@antv/coord": "^0.4.7",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/expr": "^1.0.2",
+        "@antv/g": "^6.1.24",
+        "@antv/g-canvas": "^2.0.43",
+        "@antv/g-plugin-dragndrop": "^2.0.35",
+        "@antv/scale": "^0.5.0",
+        "@antv/util": "^3.3.10",
+        "@antv/vendor": "^1.0.11",
+        "flru": "^1.0.2",
+        "pdfast": "^0.2.0"
+      }
+    },
+    "node_modules/@antv/g2-extension-plot": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/@antv/g2-extension-plot/-/g2-extension-plot-0.2.2.tgz",
+      "integrity": "sha512-KJXCXO7as+h0hDqirGXf1omrNuYzQmY3VmBmp7lIvkepbQ7sz3pPwy895r1FWETGF3vTk5UeFcAF5yzzBHWgbw==",
+      "dependencies": {
+        "@antv/g2": "^5.1.8",
+        "@antv/util": "^3.3.5",
+        "@antv/vendor": "^1.0.10"
+      }
+    },
+    "node_modules/@antv/g6": {
+      "version": "5.0.49",
+      "resolved": "https://registry.npmjs.org/@antv/g6/-/g6-5.0.49.tgz",
+      "integrity": "sha512-GRmK8oTVEgxjKbbhThIhnPOV1NcySLcSIGEod9RX/tbX4ME8txESb0zP0fDkuum26GLqvXgmIIIxRBE3m8VYPw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/algorithm": "^0.1.26",
+        "@antv/component": "^2.1.3",
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/g": "^6.1.24",
+        "@antv/g-canvas": "^2.0.43",
+        "@antv/g-plugin-dragndrop": "^2.0.35",
+        "@antv/graphlib": "^2.0.4",
+        "@antv/hierarchy": "^0.6.14",
+        "@antv/layout": "1.2.14-beta.9",
+        "@antv/util": "^3.3.10",
+        "bubblesets-js": "^2.3.4"
+      }
+    },
+    "node_modules/@antv/g6-extension-react": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@antv/g6-extension-react/-/g6-extension-react-0.2.4.tgz",
+      "integrity": "sha512-oE/yWrR7HLSU63vls+Re6ioICXEZ6ko4zmy9ypsjSXFdOHuWukS78qHyy7/hyjG5Ym2teGws3vcmSGYEjYbKMA==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g": "^6.1.24",
+        "@antv/g-svg": "^2.0.38"
+      },
+      "peerDependencies": {
+        "@antv/g6": "^5.0.49",
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@antv/graphin": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@antv/graphin/-/graphin-3.0.5.tgz",
+      "integrity": "sha512-V/j8R8Ty44wUqxVIYLdpPuIO8WWCTIVq1eBJg5YRunL5t5o5qAFpC/qkQxslbBMWyKdIH0oWBnvHA74riGi7cw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/g6": "^5.0.28"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.1.0",
+        "react-dom": "^18.0.0 || ^19.1.0"
+      }
+    },
+    "node_modules/@antv/graphlib": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@antv/graphlib/-/graphlib-2.0.4.tgz",
+      "integrity": "sha512-zc/5oQlsdk42Z0ib1mGklwzhJ5vczLFiPa1v7DgJkTbgJ2YxRh9xdarf86zI49sKVJmgbweRpJs7Nu5bIiwv4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/event-emitter": "^0.1.3"
+      }
+    },
+    "node_modules/@antv/hierarchy": {
+      "version": "0.6.14",
+      "resolved": "https://registry.npmjs.org/@antv/hierarchy/-/hierarchy-0.6.14.tgz",
+      "integrity": "sha512-V3uknf7bhynOqQDw2sg+9r9DwZ9pc6k/EcqyTFdfXB1+ydr7urisP0MipIuimucvQKN+Qkd+d6w601r1UIroqQ==",
+      "license": "MIT"
+    },
+    "node_modules/@antv/layout": {
+      "version": "1.2.14-beta.9",
+      "resolved": "https://registry.npmjs.org/@antv/layout/-/layout-1.2.14-beta.9.tgz",
+      "integrity": "sha512-wPlwBFMtq2lWZFc89/7Lzb8fjHnyKVZZ9zBb2h+zZIP0YWmVmHRE8+dqCiPKOyOGUXEdDtn813f1g107dCHZlg==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/event-emitter": "^0.1.3",
+        "@antv/graphlib": "^2.0.0",
+        "@antv/util": "^3.3.2",
+        "@naoak/workerize-transferable": "^0.1.0",
+        "comlink": "^4.4.1",
+        "d3-force": "^3.0.0",
+        "d3-force-3d": "^3.0.5",
+        "d3-octree": "^1.0.2",
+        "d3-quadtree": "^3.0.1",
+        "dagre": "^0.8.5",
+        "ml-matrix": "^6.10.4",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@antv/scale": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@antv/scale/-/scale-0.5.2.tgz",
+      "integrity": "sha512-rTHRAwvpHWC5PGZF/mJ2ZuTDqwwvVBDRph0Uu5PV9BXwzV7K8+9lsqGJ+XHVLxe8c6bKog5nlzvV/dcYb0d5Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "@antv/util": "^3.3.7",
+        "color-string": "^1.5.5",
+        "fecha": "^4.2.1"
+      }
+    },
+    "node_modules/@antv/util": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/@antv/util/-/util-3.3.11.tgz",
+      "integrity": "sha512-FII08DFM4ABh2q5rPYdr0hMtKXRgeZazvXaFYCs7J7uTcWDHUhczab2qOCJLNDugoj8jFag1djb7wS9ehaRYBg==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "gl-matrix": "^3.3.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@antv/vendor": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@antv/vendor/-/vendor-1.0.11.tgz",
+      "integrity": "sha512-LmhPEQ+aapk3barntaiIxJ5VHno/Tyab2JnfdcPzp5xONh/8VSfed4bo/9xKo5HcUAEydko38vYLfj6lJliLiw==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.2.1",
+        "@types/d3-color": "^3.1.3",
+        "@types/d3-dispatch": "^3.0.6",
+        "@types/d3-dsv": "^3.0.7",
+        "@types/d3-ease": "^3.0.2",
+        "@types/d3-fetch": "^3.0.7",
+        "@types/d3-force": "^3.0.10",
+        "@types/d3-format": "^3.0.4",
+        "@types/d3-geo": "^3.1.0",
+        "@types/d3-hierarchy": "^3.1.7",
+        "@types/d3-interpolate": "^3.0.4",
+        "@types/d3-path": "^3.1.0",
+        "@types/d3-quadtree": "^3.0.6",
+        "@types/d3-random": "^3.0.3",
+        "@types/d3-scale": "^4.0.9",
+        "@types/d3-scale-chromatic": "^3.1.0",
+        "@types/d3-shape": "^3.1.7",
+        "@types/d3-time": "^3.0.4",
+        "@types/d3-timer": "^3.0.2",
+        "d3-array": "^3.2.4",
+        "d3-color": "^3.1.0",
+        "d3-dispatch": "^3.0.1",
+        "d3-dsv": "^3.0.1",
+        "d3-ease": "^3.0.1",
+        "d3-fetch": "^3.0.1",
+        "d3-force": "^3.0.0",
+        "d3-force-3d": "^3.0.5",
+        "d3-format": "^3.1.0",
+        "d3-geo": "^3.1.1",
+        "d3-geo-projection": "^4.0.0",
+        "d3-hierarchy": "^3.1.2",
+        "d3-interpolate": "^3.0.1",
+        "d3-path": "^3.1.0",
+        "d3-quadtree": "^3.0.1",
+        "d3-random": "^3.0.1",
+        "d3-regression": "^1.3.10",
+        "d3-scale": "^4.0.2",
+        "d3-scale-chromatic": "^3.1.0",
+        "d3-shape": "^3.2.0",
+        "d3-time": "^3.1.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
+      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.27.1",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.28.3",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.3.tgz",
+      "integrity": "sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.3",
+        "@babel/types": "^7.28.2",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
+      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.27.1",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
+      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.4.tgz",
+      "integrity": "sha512-yZbBqeM6TkpP9du/I2pUZnJsRMGGvOuIrhjzC1AwHwW+6he4mni6Bp/m8ijn0iOuZuPI2BfkCoSRunpyjnrQKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.4"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.27.2",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
+      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/parser": "^7.27.2",
+        "@babel/types": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.4.tgz",
+      "integrity": "sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.27.1",
+        "@babel/generator": "^7.28.3",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.28.4",
+        "@babel/template": "^7.27.2",
+        "@babel/types": "^7.28.4",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.4.tgz",
+      "integrity": "sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.18.7",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-6.18.7.tgz",
+      "integrity": "sha512-8EzdeIoWPJDsMBwz3zdzwXnUpCzMiCyz5/A3FIPpriaclFCGDkAzK13sMcnsu5rowqiyeQN2Vs2TsOcoDPZirQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.1.tgz",
+      "integrity": "sha512-KlGVYufHMQzxbdQONiLyGQDUW0itrLZwq3CcY7xpv9ZLRHqzkBSoteocBHtMCoY7/Ci4xhzSrToIeLg7FxHuaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.4.0",
+        "@codemirror/view": "^6.27.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/lang-css": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.3.1.tgz",
+      "integrity": "sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.0.2",
+        "@lezer/css": "^1.1.7"
+      }
+    },
+    "node_modules/@codemirror/lang-html": {
+      "version": "6.4.9",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.4.9.tgz",
+      "integrity": "sha512-aQv37pIMSlueybId/2PVSP6NPnmurFDVmZwzc7jszd2KAF8qd4VBbvNYPXWQq90WIARjsdVkPbw29pszmHws3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/lang-css": "^6.0.0",
+        "@codemirror/lang-javascript": "^6.0.0",
+        "@codemirror/language": "^6.4.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/css": "^1.1.0",
+        "@lezer/html": "^1.3.0"
+      }
+    },
+    "node_modules/@codemirror/lang-javascript": {
+      "version": "6.2.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.2.4.tgz",
+      "integrity": "sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.6.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/javascript": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-json": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-json/-/lang-json-6.0.2.tgz",
+      "integrity": "sha512-x2OtO+AvwEHrEwR0FyyPtfDUiloG3rnVTSZV1W8UteaLL8/MajQd8DpvUb2YVzC+/T18aSDv0H9mu+xw0EStoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@lezer/json": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-markdown": {
+      "version": "6.3.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-markdown/-/lang-markdown-6.3.4.tgz",
+      "integrity": "sha512-fBm0BO03azXnTAsxhONDYHi/qWSI+uSEIpzKM7h/bkIc9fHnFp9y7KTMXKON0teNT97pFhc1a9DQTtWBYEZ7ug==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.7.1",
+        "@codemirror/lang-html": "^6.0.0",
+        "@codemirror/language": "^6.3.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.2.1",
+        "@lezer/markdown": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-sql": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-sql/-/lang-sql-6.9.1.tgz",
+      "integrity": "sha512-ecSk3gm/mlINcURMcvkCZmXgdzPSq8r/yfCtTB4vgqGGIbBC2IJIAy7GqYTy5pgBEooTVmHP2GZK6Z7h63CDGg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-xml": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-xml/-/lang-xml-6.1.0.tgz",
+      "integrity": "sha512-3z0blhicHLfwi2UgkZYRPioSgVTo9PV5GP5ducFH6FaHy0IAJRg+ixj5gTR1gnT/glAIC8xv4w2VL1LoZfs+Jg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.4.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/xml": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-yaml": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-yaml/-/lang-yaml-6.1.2.tgz",
+      "integrity": "sha512-dxrfG8w5Ce/QbT7YID7mWZFKhdhsaTNOYjOkSIMt1qmC4VQnXSDSYVHHHn8k6kJUfIhtLo8t1JJgltlxWdsITw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.2.0",
+        "@lezer/lr": "^1.0.0",
+        "@lezer/yaml": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.11.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.11.3.tgz",
+      "integrity": "sha512-9HBM2XnwDj7fnu0551HkGdrUrrqmYq/WC5iv6nbY2WdicXdGbhR/gfbZOH73Aqj4351alY1+aoG9rCNfiwS1RA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.1.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.8.5",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.5.tgz",
+      "integrity": "sha512-s3n3KisH7dx3vsoeGMxsbRAgKe4O1vbrnKBClm99PU0fWxmxsx5rR2PfqQgIt+2MMJBHbiJ5rfIdLYfB9NNvsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.35.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-6.5.11.tgz",
+      "integrity": "sha512-KmWepDE6jUdL6n8cAAqIpRmLPBZ5ZKnicE8oGU/s3QrAVID+0VhLFrzUucVKHG5035/BSykhExDL/Xm7dHthiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
+      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/theme-one-dark": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/theme-one-dark/-/theme-one-dark-6.1.3.tgz",
+      "integrity": "sha512-NzBdIvEJmx6fjeremiGp3t/okrLPYT0d9orIc7AFun8oZcRk58aejkqhv6spnz4MLAevrKNPMQYXEWMg4s+sKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.38.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.38.2.tgz",
+      "integrity": "sha512-bTWAJxL6EOFLPzTx+O5P5xAO3gTqpatQ2b/ARQ8itfU/v2LlpS3pH2fkL0A3E/Fx8Y2St2KES7ZEV0sHTsSW/A==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.5.0",
+        "crelt": "^1.0.6",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@coreshop/resource-studio-plugin": {
+      "resolved": "../../../../ResourceBundle/Resources/assets/pimcore-studio",
+      "link": true
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@dnd-kit/accessibility": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/accessibility/-/accessibility-3.1.1.tgz",
+      "integrity": "sha512-2P+YgaXF+gRsIihwwY1gCsQSYnu9Zyj2py8kY5fFvUM1qm2WA2u639R6YNVfU4GWr+ZM5mqEsfHZZLoRONbemw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/core": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
+      "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/accessibility": "^3.1.1",
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/modifiers": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/modifiers/-/modifiers-7.0.0.tgz",
+      "integrity": "sha512-BG/ETy3eBjFap7+zIti53f0PCLGDzNXyTmn6fSdrudORf+OH04MxrW4p5+mPu4mgMk9kM41iYONjc3DOUWTcfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.1.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/sortable": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/sortable/-/sortable-8.0.0.tgz",
+      "integrity": "sha512-U3jk5ebVXe1Lr7c2wU7SBZjcWdQP+j7peHJfCspnA81enlu88Mgd7CC8Q+pub9ubP7eKVETzJW+IBAhsqbSu/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@dnd-kit/utilities": "^3.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "@dnd-kit/core": "^6.1.0",
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@dnd-kit/utilities": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@dnd-kit/utilities/-/utilities-3.2.2.tgz",
+      "integrity": "sha512-+MKAJEOfaBe5SmV6t34p80MMKhjvUz0vRrvVJbPT0WElzaOJ/1xs+D+KDv+tD/NE5ujfrChEcshd4fLn0wpiqg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.5.0.tgz",
+      "integrity": "sha512-sbP8GzB1WDzacS8fgNPpHlp6C9VZe+SJP3F90W9rLemaQj2PzIuTEl1qDOYQf58YIpyjViI24y9aPWCjEzY2cg==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.1.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.5.0.tgz",
+      "integrity": "sha512-97/BJ3iXHww3djw6hYIfErCZFee7qCtrneuLa20UXFCOTCfBM2cvQHjWJ2EG0s0MtdNwInarqCTz35i4wWXHsQ==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.1.0.tgz",
+      "integrity": "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache/node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/css": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/css/-/css-11.13.5.tgz",
+      "integrity": "sha512-wQdD0Xhkn3Qy2VNcIzbLP9MR8TafI0MJb7BEAXKp+w4+XqErksWR4OXomuDzPsN4InLdGhVe6EYcn2ZIUCpB8w==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.13.5",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
+      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz",
+      "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/is-prop-valid/node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/serialize/node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/serialize/node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "license": "MIT"
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.19.tgz",
+      "integrity": "sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz",
+      "integrity": "sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.19.tgz",
+      "integrity": "sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz",
+      "integrity": "sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz",
+      "integrity": "sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz",
+      "integrity": "sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz",
+      "integrity": "sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz",
+      "integrity": "sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz",
+      "integrity": "sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz",
+      "integrity": "sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz",
+      "integrity": "sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz",
+      "integrity": "sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz",
+      "integrity": "sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz",
+      "integrity": "sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz",
+      "integrity": "sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz",
+      "integrity": "sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz",
+      "integrity": "sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz",
+      "integrity": "sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz",
+      "integrity": "sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz",
+      "integrity": "sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz",
+      "integrity": "sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@inversifyjs/common": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@inversifyjs/common/-/common-1.4.0.tgz",
+      "integrity": "sha512-qfRJ/3iOlCL/VfJq8+4o5X4oA14cZSBbpAmHsYj8EsIit1xDndoOl0xKOyglKtQD4u4gdNVxMHx4RWARk/I4QA==",
+      "license": "MIT"
+    },
+    "node_modules/@inversifyjs/core": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@inversifyjs/core/-/core-1.3.5.tgz",
+      "integrity": "sha512-B4MFXabhNTAmrfgB+yeD6wd/GIvmvWC6IQ8Rh/j2C3Ix69kmqwz9pr8Jt3E+Nho9aEHOQCZaGmrALgtqRd+oEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@inversifyjs/common": "1.4.0",
+        "@inversifyjs/reflect-metadata-utils": "0.2.4"
+      }
+    },
+    "node_modules/@inversifyjs/reflect-metadata-utils": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@inversifyjs/reflect-metadata-utils/-/reflect-metadata-utils-0.2.4.tgz",
+      "integrity": "sha512-u95rV3lKfG+NT2Uy/5vNzoDujos8vN8O18SSA5UyhxsGYd4GLQn/eUsGXfOsfa7m34eKrDelTKRUX1m/BcNX5w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "reflect-metadata": "0.2.2"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.11.tgz",
+      "integrity": "sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.30",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.30.tgz",
+      "integrity": "sha512-GQ7Nw5G2lTu/BtHTKfXhKHok2WGetd4XYcVKGx00SjAk8GMwgJM3zr6zORiPGuOE+/vkc90KtTosSSvaCjKb2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
+      "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/css": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.3.0.tgz",
+      "integrity": "sha512-pBL7hup88KbI7hXnZV3PQsn43DHy6TWyzuyk2AO9UyoXcDltvIdqWKE1dLL/45JVZ+YZkHe1WVHqO6wugZZWcw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.1.tgz",
+      "integrity": "sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/html": {
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.10.tgz",
+      "integrity": "sha512-dqpT8nISx/p9Do3AchvYGV3qYc4/rKr3IBZxlHmpIKam56P47RSHkSF5f13Vu9hebS1jM0HmtJIwLbWz1VIY6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.2.tgz",
+      "integrity": "sha512-oJDMyptbtS/zhSi/uOszsqCm7/0l6QpbnvjoXBgNiFlk4NHrqoP/+psiVxYKYe9GHRr6K7jBSxwmIW61TrtZOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.1.3",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/json": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.3.tgz",
+      "integrity": "sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.2.tgz",
+      "integrity": "sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/markdown": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.4.3.tgz",
+      "integrity": "sha512-kfw+2uMrQ/wy/+ONfrH83OkdFNM0ye5Xq96cLlaCy7h5UT9FO54DU4oRoIc0CSBh5NWmWuiIJA7NGLMJbQ+Oxg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/xml": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.6.tgz",
+      "integrity": "sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/yaml": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@lezer/yaml/-/yaml-1.0.3.tgz",
+      "integrity": "sha512-GuBLekbw9jDBDhGur82nuwkxKQ+a3W5H0GfaAthDXcAu+XdpS43VlnxA9E9hllkpSP5ellRDKjLLj7Lu9Wr6xA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.4.0"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "license": "MIT"
+    },
+    "node_modules/@modern-js/node-bundle-require": {
+      "version": "2.65.1",
+      "resolved": "https://registry.npmjs.org/@modern-js/node-bundle-require/-/node-bundle-require-2.65.1.tgz",
+      "integrity": "sha512-XpEkciVEfDbkkLUI662ZFlI9tXsUQtLXk4NRJDBGosNnk9uL2XszmC8sKsdCSLK8AYuPW2w6MTVWuJsOR0EU8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@modern-js/utils": "2.65.1",
+        "@swc/helpers": "0.5.13",
+        "esbuild": "0.17.19"
+      }
+    },
+    "node_modules/@modern-js/utils": {
+      "version": "2.65.1",
+      "resolved": "https://registry.npmjs.org/@modern-js/utils/-/utils-2.65.1.tgz",
+      "integrity": "sha512-HrChf19F+6nALo5XPra8ycjhXGQfGi23+S7Y2FLfTKe8vaNnky8duT/XvRWpbS4pp3SQj8ryO8m/qWSsJ1Rogw==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "0.5.13",
+        "caniuse-lite": "^1.0.30001520",
+        "lodash": "^4.17.21",
+        "rslog": "^1.1.0"
+      }
+    },
+    "node_modules/@module-federation/bridge-react-webpack-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/bridge-react-webpack-plugin/-/bridge-react-webpack-plugin-0.13.1.tgz",
+      "integrity": "sha512-3RgGd8KcRw5vibnxWa1NUWwfb0tKwn8OvHeQ4GFKzMvDLm+QpCgQd9LeTEBP38wZgGXVtIJR3y5FPnufWswFKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/sdk": "0.13.1",
+        "@types/semver": "7.5.8",
+        "semver": "7.6.3"
+      }
+    },
+    "node_modules/@module-federation/cli": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/cli/-/cli-0.13.1.tgz",
+      "integrity": "sha512-ej7eZTVUiRMor37pkl2y3hbXwcaNvPgbZJVO+hb2c7cKBjWto7AndgR5qcKpcXXXlhbGwtnI+VrgldruKC+AqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@modern-js/node-bundle-require": "2.65.1",
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "chalk": "3.0.0",
+        "commander": "11.1.0"
+      },
+      "bin": {
+        "mf": "bin/mf.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@module-federation/data-prefetch": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/data-prefetch/-/data-prefetch-0.13.1.tgz",
+      "integrity": "sha512-hj3R72rRyune4fb4V4OFmo1Rfa9T9u0so2Q4vt69frPc2NV2FPPJkIvHGs/geGTLOgt4nn7OH1/ukmR3wWvSuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "fs-extra": "9.1.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@module-federation/dts-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/dts-plugin/-/dts-plugin-0.13.1.tgz",
+      "integrity": "sha512-PQMs57h9s5pCkLWZ0IyDGCcac4VZ+GgJE40pAWrOQ+/AgTC+WFyAT16M7PsRENS57Qed4wWQwgfOjS9zmfxKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "@module-federation/third-party-dts-extractor": "0.13.1",
+        "adm-zip": "^0.5.10",
+        "ansi-colors": "^4.1.3",
+        "axios": "^1.8.2",
+        "chalk": "3.0.0",
+        "fs-extra": "9.1.0",
+        "isomorphic-ws": "5.0.0",
+        "koa": "2.16.1",
+        "lodash.clonedeepwith": "4.5.0",
+        "log4js": "6.9.1",
+        "node-schedule": "2.1.1",
+        "rambda": "^9.1.0",
+        "ws": "8.18.0"
+      },
+      "peerDependencies": {
+        "typescript": "^4.9.0 || ^5.0.0",
+        "vue-tsc": ">=1.0.24"
+      },
+      "peerDependenciesMeta": {
+        "vue-tsc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/enhanced": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/enhanced/-/enhanced-0.13.1.tgz",
+      "integrity": "sha512-jbbk68RnvNmusGGcXNXVDJAzJOFB/hV+RVV2wWNWmBOVkDZPiWj7aFb0cJAwc9EYZbPel3QzRitZJ73+SaH1IA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/bridge-react-webpack-plugin": "0.13.1",
+        "@module-federation/cli": "0.13.1",
+        "@module-federation/data-prefetch": "0.13.1",
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/inject-external-runtime-core-plugin": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/manifest": "0.13.1",
+        "@module-federation/rspack": "0.13.1",
+        "@module-federation/runtime-tools": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "btoa": "^1.2.1",
+        "schema-utils": "^4.3.0",
+        "upath": "2.0.1"
+      },
+      "bin": {
+        "mf": "bin/mf.js"
+      },
+      "peerDependencies": {
+        "typescript": "^4.9.0 || ^5.0.0",
+        "vue-tsc": ">=1.0.24",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue-tsc": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/error-codes": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/error-codes/-/error-codes-0.13.1.tgz",
+      "integrity": "sha512-azgGDBnFRfqlivHOl96ZjlFUFlukESz2Rnnz/pINiSqoBBNjUE0fcAZP4X6jgrVITuEg90YkruZa7pW9I3m7Uw==",
+      "license": "MIT"
+    },
+    "node_modules/@module-federation/inject-external-runtime-core-plugin": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/inject-external-runtime-core-plugin/-/inject-external-runtime-core-plugin-0.13.1.tgz",
+      "integrity": "sha512-K+ltl2AqVqlsvEds1PffCMLDMlC5lvdkyMXOfcZO6u0O4dZlaTtZbT32NchY7kIEvEsj0wyYhX1i2DnsbHpUBw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@module-federation/runtime-tools": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/managers": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/managers/-/managers-0.13.1.tgz",
+      "integrity": "sha512-vQMrqSFQxjSuGgByC2wcY7zUTmVfhzCyDpnCCq0PtaozK8DcgwsEMzrAT3dbg8ifGUmse/xiRIbTmS5leKK+UQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/sdk": "0.13.1",
+        "find-pkg": "2.0.0",
+        "fs-extra": "9.1.0"
+      }
+    },
+    "node_modules/@module-federation/manifest": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/manifest/-/manifest-0.13.1.tgz",
+      "integrity": "sha512-XcuFtLycoR0jQj8op+w20V5n459blNBvGXe//AwkEppQERk8SM5kQgIPvOVbZ8zGx7tl/F2HGTDVZlhDiKzIew==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "chalk": "3.0.0",
+        "find-pkg": "2.0.0"
+      }
+    },
+    "node_modules/@module-federation/rspack": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/rspack/-/rspack-0.13.1.tgz",
+      "integrity": "sha512-+qz8sW99SYDULajjjn4rSNaI4rogEPVOZsBvT6y0PdfpMD/wZxvh5HlV0u7+5DgWEjgrdm0cJHBHChlIbV/CMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/bridge-react-webpack-plugin": "0.13.1",
+        "@module-federation/dts-plugin": "0.13.1",
+        "@module-federation/inject-external-runtime-core-plugin": "0.13.1",
+        "@module-federation/managers": "0.13.1",
+        "@module-federation/manifest": "0.13.1",
+        "@module-federation/runtime-tools": "0.13.1",
+        "@module-federation/sdk": "0.13.1",
+        "btoa": "1.2.1"
+      },
+      "peerDependencies": {
+        "@rspack/core": ">=0.7",
+        "typescript": "^4.9.0 || ^5.0.0",
+        "vue-tsc": ">=1.0.24"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue-tsc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@module-federation/runtime": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime/-/runtime-0.13.1.tgz",
+      "integrity": "sha512-ZHnYvBquDm49LiHfv6fgagMo/cVJneijNJzfPh6S0CJrPS2Tay1bnTXzy8VA5sdIrESagYPaskKMGIj7YfnPug==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/runtime-core": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/runtime-core": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-core/-/runtime-core-0.13.1.tgz",
+      "integrity": "sha512-TfyKfkSAentKeuvSsAItk8s5tqQSMfIRTPN2e1aoaq/kFhE+7blps719csyWSX5Lg5Es7WXKMsXHy40UgtBtuw==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/error-codes": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/runtime-tools": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-tools/-/runtime-tools-0.13.1.tgz",
+      "integrity": "sha512-GEF1pxqLc80osIMZmE8j9UKZSaTm2hX2lql8tgIH/O9yK4wnF06k6LL5Ah+wJt+oJv6Dj55ri/MoxMP4SXoPNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.13.1",
+        "@module-federation/webpack-bundler-runtime": "0.13.1"
+      }
+    },
+    "node_modules/@module-federation/sdk": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/sdk/-/sdk-0.13.1.tgz",
+      "integrity": "sha512-bmf2FGQ0ymZuxYnw9bIUfhV3y6zDhaqgydEjbl4msObKMLGXZqhse2pTIIxBFpIxR1oONKX/y2FAolDCTlWKiw==",
+      "license": "MIT"
+    },
+    "node_modules/@module-federation/third-party-dts-extractor": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/third-party-dts-extractor/-/third-party-dts-extractor-0.13.1.tgz",
+      "integrity": "sha512-0kWSupoC0aTxFjJZE5TVPNsoZ9kBsZhkvRxFnUW2vDYLgtvgs2dIrDlNlIXYiS/MaQCNHGyvdNepbchKQiwFaw==",
+      "license": "MIT",
+      "dependencies": {
+        "find-pkg": "2.0.0",
+        "fs-extra": "9.1.0",
+        "resolve": "1.22.8"
+      }
+    },
+    "node_modules/@module-federation/webpack-bundler-runtime": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/@module-federation/webpack-bundler-runtime/-/webpack-bundler-runtime-0.13.1.tgz",
+      "integrity": "sha512-QSuSIGa09S8mthbB1L6xERqrz+AzPlHR6D7RwAzssAc+IHf40U6NiTLPzUqp9mmKDhC5Tm0EISU0ZHNeJpnpBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@module-federation/runtime": "0.13.1",
+        "@module-federation/sdk": "0.13.1"
+      }
+    },
+    "node_modules/@naoak/workerize-transferable": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@naoak/workerize-transferable/-/workerize-transferable-0.1.0.tgz",
+      "integrity": "sha512-fDLfuP71IPNP5+zSfxFb52OHgtjZvauRJWbVnpzQ7G7BjcbLjTny0OW1d3ZO806XKpLWNKmeeW3MhE0sy8iwYQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "workerize-loader": "*"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.0.3.tgz",
+      "integrity": "sha512-rZxtMsLwjdXkMUGC3WwsPwLNVqVqnTJT6MNIB6e+5fhMcSCPP0AOsNWuMQ5mdCq6HNjs/ZeWAEchpqeprqBD2Q==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.5",
+        "@emnapi/runtime": "^1.4.5",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle": {
+      "version": "1.0.0-canary.20250901-160146-095dd66",
+      "resolved": "https://registry.npmjs.org/@pimcore/studio-ui-bundle/-/studio-ui-bundle-1.0.0-canary.20250901-160146-095dd66.tgz",
+      "integrity": "sha512-dT1IZH6pGxGsJFA1fnKDZeBdUc7yQl4CPU+Sn73EAIGNt7wsiPSmBBCoSXJK1+hmUKKKX0R7HE0GS+zsu/DDKw==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@ant-design/charts": "^2.4.0",
+        "@ant-design/colors": "^7.2.1",
+        "@codemirror/lang-css": "^6.3.0",
+        "@codemirror/lang-html": "^6.4.9",
+        "@codemirror/lang-javascript": "^6.2.2",
+        "@codemirror/lang-json": "^6.0.1",
+        "@codemirror/lang-markdown": "^6.3.1",
+        "@codemirror/lang-sql": "^6.8.0",
+        "@codemirror/lang-xml": "^6.1.0",
+        "@codemirror/lang-yaml": "^6.1.2",
+        "@dnd-kit/core": "^6.1.0",
+        "@dnd-kit/modifiers": "^7.0.0",
+        "@dnd-kit/sortable": "^8.0.0",
+        "@module-federation/enhanced": "^0.13.1",
+        "@reduxjs/toolkit": "^2.3.0",
+        "@tanstack/react-table": "^8.20.5",
+        "@types/dompurify": "^3.2.0",
+        "@types/leaflet": "^1.9.14",
+        "@types/leaflet-draw": "^1.0.11",
+        "@types/lodash": "^4.17.13",
+        "@types/react": "^18.3.12",
+        "@types/react-dom": "^18.3.1",
+        "@uiw/react-codemirror": "^4.23.6",
+        "antd": "5.22.x",
+        "antd-style": "3.7.x",
+        "classnames": "^2.5.1",
+        "dompurify": "^3.2.1",
+        "flexlayout-react": "^0.7.15",
+        "framer-motion": "^11.11.17",
+        "i18next": "^23.16.8",
+        "immer": "^10.1.1",
+        "inversify": "6.1.x",
+        "leaflet": "^1.9.4",
+        "leaflet-draw": "^1.0.4",
+        "lodash": "^4.17.21",
+        "react": "18.3.x",
+        "react-compiler-runtime": "^19.1.0-rc.2",
+        "react-dom": "18.3.x",
+        "react-draggable": "^4.4.6",
+        "react-i18next": "^14.1.3",
+        "react-redux": "^9.1.2",
+        "react-router-dom": "^6.28.0",
+        "reflect-metadata": "0.2.x",
+        "ts-patch": "^3.3.0",
+        "uuid": "^10.0.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd": {
+      "version": "5.22.7",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.22.7.tgz",
+      "integrity": "sha512-koT5QMliDgXc21yNcs4Uyuq6TeB5AJbzGZ2qjNExzE7Tjr8yYIX6sJsQfunsEV80wC1mpF7m9ldKuNj+PafcFA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.1.0",
+        "@ant-design/cssinjs": "^1.21.1",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/icons": "^5.5.2",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.25.7",
+        "@ctrl/tinycolor": "^3.6.1",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.0.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.2.6",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.30.0",
+        "rc-checkbox": "~3.3.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.2.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.0",
+        "rc-image": "~7.11.0",
+        "rc-input": "~1.6.4",
+        "rc-input-number": "~9.3.0",
+        "rc-mentions": "~2.17.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.2",
+        "rc-pagination": "~5.0.0",
+        "rc-picker": "~4.8.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.0",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.5.0",
+        "rc-select": "~14.16.4",
+        "rc-slider": "~11.1.7",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.49.0",
+        "rc-tabs": "~15.4.0",
+        "rc-textarea": "~1.8.2",
+        "rc-tooltip": "~6.2.1",
+        "rc-tree": "~5.10.1",
+        "rc-tree-select": "~5.24.5",
+        "rc-upload": "~4.8.1",
+        "rc-util": "^5.44.3",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-cascader": {
+      "version": "3.30.0",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.30.0.tgz",
+      "integrity": "sha512-rrzSbk1Bdqbu+pDwiLCLHu72+lwX9BZ28+JKzoi0DWZ4N29QYFeip8Gctl33QVd2Xg3Rf14D3yAOG76ElJw16w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.10.1",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-checkbox": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.3.0.tgz",
+      "integrity": "sha512-Ih3ZaAcoAiFKJjifzwsGiT/f/quIkxJoklW4yKGho14Olulwn8gN7hOBve0/WGDg5o/l/5mL0w7ff7/YGvefVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-drawer": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.2.0.tgz",
+      "integrity": "sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-image": {
+      "version": "7.11.1",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.11.1.tgz",
+      "integrity": "sha512-XuoWx4KUXg7hNy5mRTy1i8c8p3K8boWg6UajbHpDXS5AlRVucNfTi5YxTtPBTBzegxAZpvuLfh3emXFt6ybUdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.6.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-input": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.6.4.tgz",
+      "integrity": "sha512-lBZhfRD4NSAUW0zOKLUeI6GJuXkxeZYi0hr8VcJgJpyTNOvHw1ysrKWAHcEOAAHj7guxgmWYSi6xWrEdfrSAsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-input-number": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.3.0.tgz",
+      "integrity": "sha512-JQ363ywqRyxwgVxpg2z2kja3CehTpYdqR7emJ/6yJjRdbvo+RvfE83fcpBCIJRq3zLp8SakmEXq60qzWyZ7Usw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.6.0",
+        "rc-util": "^5.40.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-mentions": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.17.0.tgz",
+      "integrity": "sha512-sfHy+qLvc+p8jx8GUsujZWXDOIlIimp6YQz7N5ONQ6bHsa2kyG+BLa5k2wuxgebBbH97is33wxiyq5UkiXRpHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.6.0",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.8.0",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-pagination": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.0.0.tgz",
+      "integrity": "sha512-QjrPvbAQwps93iluvFM62AEYglGYhWW2q/nliQqmvkTi4PXP4HHoh00iC1Sa5LLVmtWQHmG73fBi2x6H6vFHRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-picker": {
+      "version": "4.8.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.8.3.tgz",
+      "integrity": "sha512-hJ45qoEs4mfxXPAJdp1n3sKwADul874Cd0/HwnsEOE60H+tgiJUGgbOD62As3EG/rFVNS5AWRfBCDJJfmRqOVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-segmented": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.5.0.tgz",
+      "integrity": "sha512-B28Fe3J9iUFOhFJET3RoXAPFJ2u47QvLSYcZWC4tFYNGPEjug5LAxEasZlA/PpAxhdOPqGWsGbSj7ftneukJnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-table": {
+      "version": "7.49.0",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.49.0.tgz",
+      "integrity": "sha512-/FoPLX94muAQOxVpi1jhnpKjOIqUbT81eELQPAzSXOke4ky4oCWYUXOcVpL31ZCO90xScwVSXRd7coqtgtB1Ng==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.41.0",
+        "rc-virtual-list": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tabs": {
+      "version": "15.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.4.0.tgz",
+      "integrity": "sha512-llKuyiAVqmXm2z7OrmhX5cNb2ueZaL8ZyA2P4R+6/72NYYcbEgOXibwHiQCFY2RiN3swXl53SIABi2CumUS02g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-textarea": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.8.2.tgz",
+      "integrity": "sha512-UFAezAqltyR00a8Lf0IPAyTd29Jj9ee8wt8DqXyDMal7r/Cg/nDt3e1OOv3Th4W6mKaZijjgwuPXhAfVNTN8sw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.6.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tooltip": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.2.1.tgz",
+      "integrity": "sha512-rws0duD/3sHHsD905Nex7FvoUGy2UBQRhTkKxeEvr2FB+r21HsOxcDJI0TzyO8NHhnAA8ILr8pfbSBg5Jj5KBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tree": {
+      "version": "5.10.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.10.1.tgz",
+      "integrity": "sha512-FPXb3tT/u39mgjr6JNlHaUTYfHkVGW56XaGDahDpEFLGsnPxGcVLNTjcqoQb/GNbSCycl7tD7EvIymwOTP0+Yw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-tree-select": {
+      "version": "5.24.5",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.24.5.tgz",
+      "integrity": "sha512-PnyR8LZJWaiEFw0SHRqo4MNQWyyZsyMs8eNmo68uXZWjxc7QqeWcjPPoONN0rc90c3HZqGF9z+Roz+GLzY5GXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "2.x",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.10.1",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/@pimcore/studio-ui-bundle/node_modules/antd/node_modules/rc-upload": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.8.1.tgz",
+      "integrity": "sha512-toEAhwl4hjLAI1u8/CgKWt30BR06ulPa4iGQSMvSXoHzO88gPCslxqV/mnn4gJU7PDoltGIC9Eh+wkeudqgHyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/async-validator": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@rc-component/async-validator/-/async-validator-5.0.4.tgz",
+      "integrity": "sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.4"
+      },
+      "engines": {
+        "node": ">=14.x"
+      }
+    },
+    "node_modules/@rc-component/color-picker": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-2.0.1.tgz",
+      "integrity": "sha512-WcZYwAThV/b2GISQ8F+7650r5ZZJ043E57aVBFkQ+kSY4C6wdofXgB0hBx+GPGpIU0Z81eETNoDUJMr7oy/P8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/fast-color": "^2.0.6",
+        "@babel/runtime": "^7.23.6",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/context": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
+      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/mini-decimal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
+      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      }
+    },
+    "node_modules/@rc-component/mutate-observer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
+      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/portal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
+      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/qrcode": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.0.0.tgz",
+      "integrity": "sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/tour": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.15.1.tgz",
+      "integrity": "sha512-Tr2t7J1DKZUpfJuDZWHxyxWpfmj8EZrqSgyMZ+BCdvKZ6r1UDsfU46M/iWAAFBy961Ssfom2kv5f3UcjIL2CmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/portal": "^1.0.0-9",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.24.4"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@rc-component/trigger": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.3.0.tgz",
+      "integrity": "sha512-iwaxZyzOuK0D7lS+0AQEtW52zUWxoGqTGkke3dRyb8pYiShmRpCjB/8TzPI4R6YySCH7Vm9BZj/31VPiiQTLBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2",
+        "@rc-component/portal": "^1.1.0",
+        "classnames": "^2.3.2",
+        "rc-motion": "^2.0.0",
+        "rc-resize-observer": "^1.3.1",
+        "rc-util": "^5.44.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.9.0.tgz",
+      "integrity": "sha512-fSfQlSRu9Z5yBkvsNhYF2rPS8cGXn/TZVrlwN1948QyZ8xMZ0JvP50S2acZNaf+o63u6aEeMjipFyksjIcWrog==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@standard-schema/utils": "^0.3.0",
+        "immer": "^10.0.3",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.23.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.0.tgz",
+      "integrity": "sha512-O3rHJzAQKamUz1fvE0Qaw0xSFqsA/yafi2iqeE0pvdFtCO1viYx8QL6f3Ln/aCCTLxs68SLf0KPM9eSeM8yBnA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rspack/binding": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding/-/binding-1.5.2.tgz",
+      "integrity": "sha512-NKiBcsxmAzFDYRnK2ZHWbTtDFVT5/704eK4OfpgsDXPMkaMnBKijMKNgP5pbe18X4rUlz+8HnGm4+Xllo9EESw==",
+      "license": "MIT",
+      "peer": true,
+      "optionalDependencies": {
+        "@rspack/binding-darwin-arm64": "1.5.2",
+        "@rspack/binding-darwin-x64": "1.5.2",
+        "@rspack/binding-linux-arm64-gnu": "1.5.2",
+        "@rspack/binding-linux-arm64-musl": "1.5.2",
+        "@rspack/binding-linux-x64-gnu": "1.5.2",
+        "@rspack/binding-linux-x64-musl": "1.5.2",
+        "@rspack/binding-wasm32-wasi": "1.5.2",
+        "@rspack/binding-win32-arm64-msvc": "1.5.2",
+        "@rspack/binding-win32-ia32-msvc": "1.5.2",
+        "@rspack/binding-win32-x64-msvc": "1.5.2"
+      }
+    },
+    "node_modules/@rspack/binding-darwin-arm64": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-arm64/-/binding-darwin-arm64-1.5.2.tgz",
+      "integrity": "sha512-aO76T6VQvAFt1LJNRA5aPOJ+szeTLlzC5wubsnxgWWjG53goP+Te35kFjDIDe+9VhKE/XqRId6iNAymaEsN+Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-darwin-x64": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-darwin-x64/-/binding-darwin-x64-1.5.2.tgz",
+      "integrity": "sha512-XNSmUOwdGs2PEdCKTFCC0/vu/7U9nMhAlbHJKlmdt0V4iPvFyaNWxkNdFqzLc05jlJOfgDdwbwRb91y9IcIIFQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-linux-arm64-gnu": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.5.2.tgz",
+      "integrity": "sha512-rNxRfgC5khlrhyEP6y93+45uQ4TI7CdtWqh5PKsaR6lPepG1rH4L8VE+etejSdhzXH6wQ76Rw4wzb96Hx+5vuQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-linux-arm64-musl": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.5.2.tgz",
+      "integrity": "sha512-kTFX+KsGgArWC5q+jJWz0K/8rfVqZOn1ojv1xpCCcz/ogWRC/qhDGSOva6Wandh157BiR93Vfoe1gMvgjpLe5g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-linux-x64-gnu": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.5.2.tgz",
+      "integrity": "sha512-Lh/6WZGq30lDV6RteQQu7Phw0RH2Z1f4kGR+MsplJ6X4JpnziDow+9oxKdu6FvFHWxHByncpveVeInusQPmL7Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-linux-x64-musl": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-linux-x64-musl/-/binding-linux-x64-musl-1.5.2.tgz",
+      "integrity": "sha512-CsLC/SIOIFs6CBmusSAF0FECB62+J36alMdwl7j6TgN6nX3UQQapnL1aVWuQaxU6un/1Vpim0V/EZbUYIdJQ4g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-wasm32-wasi": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-wasm32-wasi/-/binding-wasm32-wasi-1.5.2.tgz",
+      "integrity": "sha512-cuVbGr1b4q0Z6AtEraI3becZraPMMgZtZPRaIsVLeDXCmxup/maSAR3T6UaGf4Q2SNcFfjw4neGz5UJxPK8uvA==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^1.0.1"
+      }
+    },
+    "node_modules/@rspack/binding-win32-arm64-msvc": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.5.2.tgz",
+      "integrity": "sha512-4vJQdzRTSuvmvL3vrOPuiA7f9v9frNc2RFWDxqg+GYt0YAjDStssp+lkVbRYyXnTYVJkARSuO6N+BOiI+kLdsQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-win32-ia32-msvc": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-1.5.2.tgz",
+      "integrity": "sha512-zPbu3lx/NrNxdjZzTIjwD0mILUOpfhuPdUdXIFiOAO8RiWSeQpYOvyI061s/+bNOmr4A+Z0uM0dEoOClfkhUFg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/binding-win32-x64-msvc": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.5.2.tgz",
+      "integrity": "sha512-duLNUTshX38xhC10/W9tpkPca7rOifP2begZjdb1ikw7C4AI0I7VnBnYt8qPSxGISoclmhOBxU/LuAhS8jMMlg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "peer": true
+    },
+    "node_modules/@rspack/core": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@rspack/core/-/core-1.5.2.tgz",
+      "integrity": "sha512-ifjHqLczC81d1xjXPXCzxTFKNOFsEzuuLN44cMnyzQ/GWi4B48fyX7JHndWE7Lxd54cW1O9Ik7AdBN3Gq891EA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@module-federation/runtime-tools": "0.18.0",
+        "@rspack/binding": "1.5.2",
+        "@rspack/lite-tapable": "1.0.1"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "@swc/helpers": ">=0.5.1"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/error-codes": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@module-federation/error-codes/-/error-codes-0.18.0.tgz",
+      "integrity": "sha512-Woonm8ehyVIUPXChmbu80Zj6uJkC0dD9SJUZ/wOPtO8iiz/m+dkrOugAuKgoiR6qH4F+yorWila954tBz4uKsQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/runtime": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime/-/runtime-0.18.0.tgz",
+      "integrity": "sha512-+C4YtoSztM7nHwNyZl6dQKGUVJdsPrUdaf3HIKReg/GQbrt9uvOlUWo2NXMZ8vDAnf/QRrpSYAwXHmWDn9Obaw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@module-federation/error-codes": "0.18.0",
+        "@module-federation/runtime-core": "0.18.0",
+        "@module-federation/sdk": "0.18.0"
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/runtime-core": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-core/-/runtime-core-0.18.0.tgz",
+      "integrity": "sha512-ZyYhrDyVAhUzriOsVfgL6vwd+5ebYm595Y13KeMf6TKDRoUHBMTLGQ8WM4TDj8JNsy7LigncK8C03fn97of0QQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@module-federation/error-codes": "0.18.0",
+        "@module-federation/sdk": "0.18.0"
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/runtime-tools": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@module-federation/runtime-tools/-/runtime-tools-0.18.0.tgz",
+      "integrity": "sha512-fSga9o4t1UfXNV/Kh6qFvRyZpPp3EHSPRISNeyT8ZoTpzDNiYzhtw0BPUSSD8m6C6XQh2s/11rI4g80UY+d+hA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@module-federation/runtime": "0.18.0",
+        "@module-federation/webpack-bundler-runtime": "0.18.0"
+      }
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/sdk": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@module-federation/sdk/-/sdk-0.18.0.tgz",
+      "integrity": "sha512-Lo/Feq73tO2unjmpRfyyoUkTVoejhItXOk/h5C+4cistnHbTV8XHrW/13fD5e1Iu60heVdAhhelJd6F898Ve9A==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@rspack/core/node_modules/@module-federation/webpack-bundler-runtime": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/@module-federation/webpack-bundler-runtime/-/webpack-bundler-runtime-0.18.0.tgz",
+      "integrity": "sha512-TEvErbF+YQ+6IFimhUYKK3a5wapD90d90sLsNpcu2kB3QGT7t4nIluE25duXuZDVUKLz86tEPrza/oaaCWTpvQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@module-federation/runtime": "0.18.0",
+        "@module-federation/sdk": "0.18.0"
+      }
+    },
+    "node_modules/@rspack/lite-tapable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@rspack/lite-tapable/-/lite-tapable-1.0.1.tgz",
+      "integrity": "sha512-VynGOEsVw2s8TAlLf/uESfrgfrq2+rcXB1muPJYBWbsm1Oa6r5qVQhjA5ggM6z/coYPrsVMgovl3Ff7Q7OCp1w==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.0.0.tgz",
+      "integrity": "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.13",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.13.tgz",
+      "integrity": "sha512-UoKGxQ3r5kYI9dALKJapMmuK+1zWM/H17Z1+iwnNmzcJRnfFuevZs375TA5rW31pu4BS4NoSy1fRsexDXfWn5w==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.3.tgz",
+      "integrity": "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.0.tgz",
+      "integrity": "sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==",
+      "license": "MIT",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
+      "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dispatch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.7.tgz",
+      "integrity": "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-dsv": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz",
+      "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-fetch": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz",
+      "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-dsv": "*"
+      }
+    },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-format": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz",
+      "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-geo": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz",
+      "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/d3-hierarchy": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz",
+      "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-quadtree": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz",
+      "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-random": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz",
+      "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
+      "integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/dompurify": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.2.0.tgz",
+      "integrity": "sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==",
+      "deprecated": "This is a stub types definition. dompurify provides its own type definitions, so you do not need this installed.",
+      "license": "MIT",
+      "dependencies": {
+        "dompurify": "*"
+      }
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@types/geojson": {
+      "version": "7946.0.16",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.16.tgz",
+      "integrity": "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/leaflet": {
+      "version": "1.9.20",
+      "resolved": "https://registry.npmjs.org/@types/leaflet/-/leaflet-1.9.20.tgz",
+      "integrity": "sha512-rooalPMlk61LCaLOvBF2VIf9M47HgMQqi5xQ9QRi7c8PkdIe0WrIi5IxXUXQjAdL0c+vcQ01mYWbthzmp9GHWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/geojson": "*"
+      }
+    },
+    "node_modules/@types/leaflet-draw": {
+      "version": "1.0.13",
+      "resolved": "https://registry.npmjs.org/@types/leaflet-draw/-/leaflet-draw-1.0.13.tgz",
+      "integrity": "sha512-YU82kilOaU+wPNbqKCCDfHH3hqepN6XilrBwG/mSeZ/z4ewumaRCOah44s3FMxSu/Aa0SVa3PPJvhIZDUA09mw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/leaflet": "^1.9"
+      }
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.3.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.3.1.tgz",
+      "integrity": "sha512-3vXmQDXy+woz+gnrTvuvNrPzekOi+Ds0ReMxw0LzBiK3a+1k0kQn9f2NWk+lgD4rJehFUmYy2gMhJ2ZI+7YP9g==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "undici-types": "~7.10.0"
+      }
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.24",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.24.tgz",
+      "integrity": "sha512-0dLEBsA1kI3OezMBF8nSsb7Nk19ZnsyE1LLhB8r27KbgU5H4pvuqZLdtE+aUkJVoXgTVuA+iLIwmZ0TuK4tx6A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.8",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
+      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/stylis": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz",
+      "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@uiw/codemirror-extensions-basic-setup": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/@uiw/codemirror-extensions-basic-setup/-/codemirror-extensions-basic-setup-4.25.1.tgz",
+      "integrity": "sha512-zxgA2QkvP3ZDKxTBc9UltNFTrSeFezGXcZtZj6qcsBxiMzowoEMP5mVwXcKjpzldpZVRuY+JCC+RsekEgid4vg==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@codemirror/autocomplete": ">=6.0.0",
+        "@codemirror/commands": ">=6.0.0",
+        "@codemirror/language": ">=6.0.0",
+        "@codemirror/lint": ">=6.0.0",
+        "@codemirror/search": ">=6.0.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0"
+      }
+    },
+    "node_modules/@uiw/react-codemirror": {
+      "version": "4.25.1",
+      "resolved": "https://registry.npmjs.org/@uiw/react-codemirror/-/react-codemirror-4.25.1.tgz",
+      "integrity": "sha512-eESBKHndoYkaEGlKCwRO4KrnTw1HkWBxVpEeqntoWTpoFEUYxdLWUYmkPBVk4/u8YzVy9g91nFfIRpqe5LjApg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.6",
+        "@codemirror/commands": "^6.1.0",
+        "@codemirror/state": "^6.1.1",
+        "@codemirror/theme-one-dark": "^6.0.0",
+        "@uiw/codemirror-extensions-basic-setup": "4.25.1",
+        "codemirror": "^6.0.0"
+      },
+      "funding": {
+        "url": "https://jaywcjlove.github.io/#/sponsor"
+      },
+      "peerDependencies": {
+        "@babel/runtime": ">=7.11.0",
+        "@codemirror/state": ">=6.0.0",
+        "@codemirror/theme-one-dark": ">=6.0.0",
+        "@codemirror/view": ">=6.0.0",
+        "codemirror": ">=6.0.0",
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "license": "Apache-2.0",
+      "peer": true
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-import-phases": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/acorn-import-phases/-/acorn-import-phases-1.0.4.tgz",
+      "integrity": "sha512-wKmbr/DDiIXzEOiWrTTUcDm24kQ2vGfZQvM2fwg2vXqR5uW6aapr7ObPtj1th32b9u90/Pf4AItvdTh42fBmVQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "acorn": "^8.14.0"
+      }
+    },
+    "node_modules/adm-zip": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/antd": {
+      "version": "5.27.3",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-5.27.3.tgz",
+      "integrity": "sha512-Jewp1ek1iyqoAyjWyPgzc2kioZ+7S3jh39a+tld/j4ucnuf/cBk4omfyIdhLz49pVNsaEcRp5LtJOSQPFwPgpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/colors": "^7.2.1",
+        "@ant-design/cssinjs": "^1.23.0",
+        "@ant-design/cssinjs-utils": "^1.1.3",
+        "@ant-design/fast-color": "^2.0.6",
+        "@ant-design/icons": "^5.6.1",
+        "@ant-design/react-slick": "~1.1.2",
+        "@babel/runtime": "^7.26.0",
+        "@rc-component/color-picker": "~2.0.1",
+        "@rc-component/mutate-observer": "^1.1.0",
+        "@rc-component/qrcode": "~1.0.0",
+        "@rc-component/tour": "~1.15.1",
+        "@rc-component/trigger": "^2.3.0",
+        "classnames": "^2.5.1",
+        "copy-to-clipboard": "^3.3.3",
+        "dayjs": "^1.11.11",
+        "rc-cascader": "~3.34.0",
+        "rc-checkbox": "~3.5.0",
+        "rc-collapse": "~3.9.0",
+        "rc-dialog": "~9.6.0",
+        "rc-drawer": "~7.3.0",
+        "rc-dropdown": "~4.2.1",
+        "rc-field-form": "~2.7.0",
+        "rc-image": "~7.12.0",
+        "rc-input": "~1.8.0",
+        "rc-input-number": "~9.5.0",
+        "rc-mentions": "~2.20.0",
+        "rc-menu": "~9.16.1",
+        "rc-motion": "^2.9.5",
+        "rc-notification": "~5.6.4",
+        "rc-pagination": "~5.1.0",
+        "rc-picker": "~4.11.3",
+        "rc-progress": "~4.0.0",
+        "rc-rate": "~2.13.1",
+        "rc-resize-observer": "^1.4.3",
+        "rc-segmented": "~2.7.0",
+        "rc-select": "~14.16.8",
+        "rc-slider": "~11.1.8",
+        "rc-steps": "~6.0.1",
+        "rc-switch": "~4.1.0",
+        "rc-table": "~7.52.6",
+        "rc-tabs": "~15.7.0",
+        "rc-textarea": "~1.10.2",
+        "rc-tooltip": "~6.4.0",
+        "rc-tree": "~5.13.1",
+        "rc-tree-select": "~5.27.0",
+        "rc-upload": "~4.9.2",
+        "rc-util": "^5.44.4",
+        "scroll-into-view-if-needed": "^3.1.0",
+        "throttle-debounce": "^5.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ant-design"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/antd-style": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/antd-style/-/antd-style-3.7.1.tgz",
+      "integrity": "sha512-CQOfddVp4aOvBfCepa+Kj2e7ap+2XBINg1Kn2osdE3oQvrD7KJu/K0sfnLcFLkgCJygbxmuazYdWLKb+drPDYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ant-design/cssinjs": "^1.21.1",
+        "@babel/runtime": "^7.24.1",
+        "@emotion/cache": "^11.11.0",
+        "@emotion/css": "^11.11.2",
+        "@emotion/react": "^11.11.4",
+        "@emotion/serialize": "^1.1.3",
+        "@emotion/utils": "^1.2.1",
+        "use-merge-value": "^1.2.0"
+      },
+      "peerDependencies": {
+        "antd": ">=5.8.1",
+        "react": ">=18"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.11.0.tgz",
+      "integrity": "sha512-1Lx3WLFQWm3ooKDYZD1eXmoGO9fxYQjrycfHFC8P0sCfQVXyROp0p9PFWBehewBOdCwHc+f/b8I0fMto5eSfwA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.25.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.25.4.tgz",
+      "integrity": "sha512-4jYpcjabC606xJ3kw2QwGEZKX0Aw7sgQdZCvIK9dhVSPh76BKo+C+btT1RRofH7B+8iNpEbgGNVWiLki5q93yg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001737",
+        "electron-to-chromium": "^1.5.211",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/btoa": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
+      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
+      "license": "(MIT OR Apache-2.0)",
+      "bin": {
+        "btoa": "bin/btoa.js"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/bubblesets-js": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/bubblesets-js/-/bubblesets-js-2.3.4.tgz",
+      "integrity": "sha512-DyMjHmpkS2+xcFNtyN00apJYL3ESdp9fTrkDr5+9Qg/GPqFmcWgGsK1akZnttE1XFxJ/VMy4DNNGMGYtmFp1Sg==",
+      "license": "MIT"
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/cache-content-type": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-content-type/-/cache-content-type-1.0.1.tgz",
+      "integrity": "sha512-IKufZ1o4Ut42YUrZSo8+qnMTrFuKkvyoLXUywKz9GJ5BrhOFGhLdkx9sG4KAnVvbY6kEcSFjLQul+DVmBm2bgA==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^2.1.18",
+        "ylru": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz",
+      "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001741",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001741.tgz",
+      "integrity": "sha512-QGUGitqsc8ARjLdgAfxETDhRbJ0REsP6O3I96TAth/mVjh2cYzN2u+3AzPP3aVSm2FehEItaJw1xd+IGBXWeSw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+      "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "license": "MIT",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/codemirror": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/codemirror/-/codemirror-6.0.2.tgz",
+      "integrity": "sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/comlink": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/comlink/-/comlink-4.4.2.tgz",
+      "integrity": "sha512-OxGdvBmJuNKSCMO4NTl1L47VRp6xn2wG4F/2hYzB6tiCb709otOxtEYCSvK80PtjODfXXZu8ds+Nw5kVCjqd2g==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/commander": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-11.1.0.tgz",
+      "integrity": "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.1.tgz",
+      "integrity": "sha512-VRhuHOLoKYOy4UbilLbUzbYg93XLjv2PncJC50EuTWPA3gaja1UjBsUP/D/9/juV3vQFr6XBEzn9KCAHdUvOHw==",
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "license": "MIT"
+    },
+    "node_modules/cookies": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/cookies/-/cookies-0.9.1.tgz",
+      "integrity": "sha512-TG2hpqe4ELx54QER/S3HQ9SRVnQnGBtKUz5bLQWtYAQ+o6GpgMs6sYUvaiJjVxb+UXwhRhAEP3m7LbsIZ77Hmw==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "keygrip": "~1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/copy-to-clipboard": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
+      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
+      "license": "MIT",
+      "dependencies": {
+        "toggle-selection": "^1.0.6"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cron-parser": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/cron-parser/-/cron-parser-4.9.0.tgz",
+      "integrity": "sha512-p0SaNjrHOnQeR8/VnfGbmg9te2kfyYSQ7Sc/j/6DtPL3JQvKxmjO9TSjNFpujqV3vEYYBvNNvXSxzyksBWAx1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "luxon": "^3.2.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/css-color-keywords": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
+      "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/css-to-react-native": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz",
+      "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "camelize": "^1.0.0",
+        "css-color-keywords": "^1.0.0",
+        "postcss-value-parser": "^4.0.2"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-binarytree": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/d3-binarytree/-/d3-binarytree-1.0.2.tgz",
+      "integrity": "sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw==",
+      "license": "MIT"
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dispatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz",
+      "integrity": "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-3.0.1.tgz",
+      "integrity": "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "iconv-lite": "0.6",
+        "rw": "1"
+      },
+      "bin": {
+        "csv2json": "bin/dsv2json.js",
+        "csv2tsv": "bin/dsv2dsv.js",
+        "dsv2dsv": "bin/dsv2dsv.js",
+        "dsv2json": "bin/dsv2json.js",
+        "json2csv": "bin/json2dsv.js",
+        "json2dsv": "bin/json2dsv.js",
+        "json2tsv": "bin/json2dsv.js",
+        "tsv2csv": "bin/dsv2dsv.js",
+        "tsv2json": "bin/dsv2json.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-dsv/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-fetch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-3.0.1.tgz",
+      "integrity": "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dsv": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-3.0.0.tgz",
+      "integrity": "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-dispatch": "1 - 3",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-force-3d": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/d3-force-3d/-/d3-force-3d-3.0.6.tgz",
+      "integrity": "sha512-4tsKHUPLOVkyfEffZo1v6sFHvGFwAIIjt/W8IThbp08DYAsXZck+2pSHEG5W1+gQgEvFLdZkYvmJAbRM2EzMnA==",
+      "license": "MIT",
+      "dependencies": {
+        "d3-binarytree": "1",
+        "d3-dispatch": "1 - 3",
+        "d3-octree": "1",
+        "d3-quadtree": "1 - 3",
+        "d3-timer": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
+      "integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-3.1.1.tgz",
+      "integrity": "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.5.0 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/d3-geo-projection/-/d3-geo-projection-4.0.0.tgz",
+      "integrity": "sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==",
+      "license": "ISC",
+      "dependencies": {
+        "commander": "7",
+        "d3-array": "1 - 3",
+        "d3-geo": "1.12.0 - 3"
+      },
+      "bin": {
+        "geo2svg": "bin/geo2svg.js",
+        "geograticule": "bin/geograticule.js",
+        "geoproject": "bin/geoproject.js",
+        "geoquantize": "bin/geoquantize.js",
+        "geostitch": "bin/geostitch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-geo-projection/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/d3-hierarchy": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz",
+      "integrity": "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-octree": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-octree/-/d3-octree-1.1.0.tgz",
+      "integrity": "sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A==",
+      "license": "MIT"
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-quadtree": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-3.0.1.tgz",
+      "integrity": "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-random": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-3.0.1.tgz",
+      "integrity": "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-regression": {
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/d3-regression/-/d3-regression-1.3.10.tgz",
+      "integrity": "sha512-PF8GWEL70cHHWpx2jUQXc68r1pyPHIA+St16muk/XRokETzlegj5LriNKg7o4LR0TySug4nHYPJNNRz/W+/Niw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale-chromatic": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz",
+      "integrity": "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3",
+        "d3-interpolate": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/dagre": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/dagre/-/dagre-0.8.5.tgz",
+      "integrity": "sha512-/aTqmnRta7x7MCCpExk7HQL2O4owCT2h8NT//9I1OQ9vt29Pa0BzSAkR5lwFUcQ7491yVi/3CXU9jQ5o0Mn2Sw==",
+      "license": "MIT",
+      "dependencies": {
+        "graphlib": "^2.1.8",
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/date-format": {
+      "version": "4.0.14",
+      "resolved": "https://registry.npmjs.org/date-format/-/date-format-4.0.14.tgz",
+      "integrity": "sha512-39BOQLs9ZjKh0/patS9nrT8wc3ioX3/eA/zgbKNopnF2wCqJEoxywwwElATYvRsXdnOxA/OQeQoFZ3rFjVajhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.18",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.18.tgz",
+      "integrity": "sha512-zFBQ7WFRvVRhKcWoUh+ZA1g2HVgUbsZm9sbddh8EC5iv93sui8DVVz1Npvz+r6meo9VKfa8NyLWBsQK1VvIKPA==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
+      "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz",
+      "integrity": "sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
+      "license": "MIT"
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.6.tgz",
+      "integrity": "sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.214",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.214.tgz",
+      "integrity": "sha512-TpvUNdha+X3ybfU78NoQatKvQEm1oq3lf2QbnmCEdw+Bd9RuIAY+hJTvq1avzHM0f7EJfnH3vbCnbzKzisc/9Q==",
+      "license": "ISC",
+      "peer": true
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.3.tgz",
+      "integrity": "sha512-d4lC8xfavMeBjzGr2vECC3fsGXziXZQyJxD868h2M/mBI3PwAuODxAkLkq5HYuvrPYcUtiLzsTo8U3PgX3Ocww==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.7.0.tgz",
+      "integrity": "sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.17.19",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.19.tgz",
+      "integrity": "sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.17.19",
+        "@esbuild/android-arm64": "0.17.19",
+        "@esbuild/android-x64": "0.17.19",
+        "@esbuild/darwin-arm64": "0.17.19",
+        "@esbuild/darwin-x64": "0.17.19",
+        "@esbuild/freebsd-arm64": "0.17.19",
+        "@esbuild/freebsd-x64": "0.17.19",
+        "@esbuild/linux-arm": "0.17.19",
+        "@esbuild/linux-arm64": "0.17.19",
+        "@esbuild/linux-ia32": "0.17.19",
+        "@esbuild/linux-loong64": "0.17.19",
+        "@esbuild/linux-mips64el": "0.17.19",
+        "@esbuild/linux-ppc64": "0.17.19",
+        "@esbuild/linux-riscv64": "0.17.19",
+        "@esbuild/linux-s390x": "0.17.19",
+        "@esbuild/linux-x64": "0.17.19",
+        "@esbuild/netbsd-x64": "0.17.19",
+        "@esbuild/openbsd-x64": "0.17.19",
+        "@esbuild/sunos-x64": "0.17.19",
+        "@esbuild/win32-arm64": "0.17.19",
+        "@esbuild/win32-ia32": "0.17.19",
+        "@esbuild/win32-x64": "0.17.19"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esrecurse/node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "license": "MIT",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fecha": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/fecha/-/fecha-4.2.3.tgz",
+      "integrity": "sha512-OP2IUU6HeYKJi3i0z4A19kHMQoLVs4Hc+DPqqxI2h/DPZHTm/vjsfC6P0b4jCMy14XizLBqvndQ+UilD7707Jw==",
+      "license": "MIT"
+    },
+    "node_modules/find-file-up": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/find-file-up/-/find-file-up-2.0.1.tgz",
+      "integrity": "sha512-qVdaUhYO39zmh28/JLQM5CoYN9byEOKEH4qfa8K1eNV17W0UUMJ9WgbR/hHFH+t5rcl+6RTb5UC7ck/I+uRkpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "resolve-dir": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-pkg": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-pkg/-/find-pkg-2.0.0.tgz",
+      "integrity": "sha512-WgZ+nKbELDa6N3i/9nrHeNznm+lY3z4YfhDDWgW+5P0pdmMj26bxaxU11ookgY3NyP9GC7HvZ9etp0jRFqGEeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "find-file-up": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "license": "MIT"
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "license": "ISC"
+    },
+    "node_modules/flexlayout-react": {
+      "version": "0.7.15",
+      "resolved": "https://registry.npmjs.org/flexlayout-react/-/flexlayout-react-0.7.15.tgz",
+      "integrity": "sha512-ydTMdEoQO5BniylxVkSxa59rEY0+96lqqRII+QK+yq6028eHywPuxZawt4g45y5pMb9ptP4N9HPAQXAFsxwowQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
+      }
+    },
+    "node_modules/flru": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/flru/-/flru-1.0.2.tgz",
+      "integrity": "sha512-kWyh8ADvHBFz6ua5xYOPnUroZTT/bwWfrCeL0Wj1dzG4/YOmOcfJ99W8dOVyyynJN35rZ9aCOtHChqQovV7yog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.4.tgz",
+      "integrity": "sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "11.18.2",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-11.18.2.tgz",
+      "integrity": "sha512-5F5Och7wrvtLVElIpclDT0CBzMVg3dL22B64aZwHtsIY8RB4mXICLrkajK4G9R+ieSAGcgrLeae2SeUTg2pr6w==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^11.18.1",
+        "motion-utils": "^11.18.1",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "license": "MIT",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gl-matrix": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/gl-matrix/-/gl-matrix-3.4.4.tgz",
+      "integrity": "sha512-latSnyDNt/8zYUB6VIJ6PCh2jBjJX6gnDsoCZ7LyW7GkqrD51EWwa9qCoGixj8YqBtETQK/xY7OmpTF8xz1DdQ==",
+      "license": "MIT"
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "license": "BSD-2-Clause",
+      "peer": true
+    },
+    "node_modules/global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "license": "MIT",
+      "dependencies": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+      "license": "MIT",
+      "dependencies": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphlib": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz",
+      "integrity": "sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "license": "MIT",
+      "dependencies": {
+        "parse-passwd": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "license": "MIT",
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/http-assert": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/http-assert/-/http-assert-1.5.0.tgz",
+      "integrity": "sha512-uPpH7OKX4H25hBmU6G1jWNaqJGpTXxey+YOUizJUAgu0AjLUeC8D73hTrhvDS5D+GJN1DN1+hhc/eF/wpxtp0w==",
+      "license": "MIT",
+      "dependencies": {
+        "deep-equal": "~1.0.1",
+        "http-errors": "~1.8.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz",
+      "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/http-errors/node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/i18next": {
+      "version": "23.16.8",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.16.8.tgz",
+      "integrity": "sha512-06r/TitrM88Mg5FdUXAKL96dJMzgqLE5dv3ryBAra4KCwD9mJ4ndOTS95ZuymIGoE+2hzfdaMak2X11/es7ZWg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.3.tgz",
+      "integrity": "sha512-tmjF/k8QDKydUlm3mZU+tjM6zeq9/fFpPqH9SzWmBnVVKsPBg/V66qsMwb3/Bo90cgUN+ghdVBess+hPsxUyRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC"
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/inversify": {
+      "version": "6.1.6",
+      "resolved": "https://registry.npmjs.org/inversify/-/inversify-6.1.6.tgz",
+      "integrity": "sha512-qQLOINPTMoe0U4lGUuCkNr/MQ9+8xVlht1MBKm67wPzD5N9mwjgCgBXtJlSwibTnwc3OkTlLx/MpIR6pP6djUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@inversifyjs/common": "1.4.0",
+        "@inversifyjs/core": "1.3.5"
+      },
+      "peerDependencies": {
+        "reflect-metadata": "~0.2.2"
+      }
+    },
+    "node_modules/is-any-array": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-any-array/-/is-any-array-2.0.1.tgz",
+      "integrity": "sha512-UtilS7hLRu++wb/WBAw9bNuP1Eg04Ivn1vERJck8zJthEvXCBEBpGR/33u/xLKWEQf95803oalHrVDptcAvFdQ==",
+      "license": "MIT"
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz",
+      "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.0",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/isomorphic-ws": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-ws/-/isomorphic-ws-5.0.0.tgz",
+      "integrity": "sha512-muId7Zzn9ywDsyXgTIafTry2sV3nySZeUDe6YedVd1Hvuuep5AsIlqK+XefWpYTyJG5e503F2xIuT2lcU6rCSw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "ws": "*"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jest-worker/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
+      "license": "MIT",
+      "dependencies": {
+        "string-convert": "^0.2.0"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "peer": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
+      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "license": "MIT",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/keygrip": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/keygrip/-/keygrip-1.1.0.tgz",
+      "integrity": "sha512-iYSchDJ+liQ8iwbSI2QqsQOvqv58eJCEanyJPJi+Khyu8smkcKSFUCbPwzFcL7YVtZ6eONjqRX/38caJ7QjRAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "tsscmp": "1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/koa": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/koa/-/koa-2.16.1.tgz",
+      "integrity": "sha512-umfX9d3iuSxTQP4pnzLOz0HKnPg0FaUUIKcye2lOiz3KPu1Y3M3xlz76dISdFPQs37P9eJz1wUpcTS6KDPn9fA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^1.3.5",
+        "cache-content-type": "^1.0.0",
+        "content-disposition": "~0.5.2",
+        "content-type": "^1.0.4",
+        "cookies": "~0.9.0",
+        "debug": "^4.3.2",
+        "delegates": "^1.0.0",
+        "depd": "^2.0.0",
+        "destroy": "^1.0.4",
+        "encodeurl": "^1.0.2",
+        "escape-html": "^1.0.3",
+        "fresh": "~0.5.2",
+        "http-assert": "^1.3.0",
+        "http-errors": "^1.6.3",
+        "is-generator-function": "^1.0.7",
+        "koa-compose": "^4.1.0",
+        "koa-convert": "^2.0.0",
+        "on-finished": "^2.3.0",
+        "only": "~0.0.2",
+        "parseurl": "^1.3.2",
+        "statuses": "^1.5.0",
+        "type-is": "^1.6.16",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": "^4.8.4 || ^6.10.1 || ^7.10.1 || >= 8.1.4"
+      }
+    },
+    "node_modules/koa-compose": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/koa-compose/-/koa-compose-4.1.0.tgz",
+      "integrity": "sha512-8ODW8TrDuMYvXRwra/Kh7/rJo9BtOfPc6qO8eAfC80CnCvSjSl0bkRM24X6/XBBEyj0v1nRUQ1LyOy3dbqOWXw==",
+      "license": "MIT"
+    },
+    "node_modules/koa-convert": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/koa-convert/-/koa-convert-2.0.0.tgz",
+      "integrity": "sha512-asOvN6bFlSnxewce2e/DK3p4tltyfC4VM7ZwuTuepI7dEQVcvpyFuBcEARu1+Hxg8DIwytce2n7jrZtRlPrARA==",
+      "license": "MIT",
+      "dependencies": {
+        "co": "^4.6.0",
+        "koa-compose": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/leaflet": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.9.4.tgz",
+      "integrity": "sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/leaflet-draw": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/leaflet-draw/-/leaflet-draw-1.0.4.tgz",
+      "integrity": "sha512-rsQ6saQO5ST5Aj6XRFylr5zvarWgzWnrg46zQ1MEOEIHsppdC/8hnN8qMoFvACsPvTioAuysya/TVtog15tyAQ==",
+      "license": "MIT"
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/loader-runner": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.clonedeepwith": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeepwith/-/lodash.clonedeepwith-4.5.0.tgz",
+      "integrity": "sha512-QRBRSxhbtsX1nc0baxSkkK5WlVTTm/s48DSukcGcWZwIyI8Zz+lB+kFiELJXtzfH4Aj6kMWQ1VWW4U5uUDgZMA==",
+      "license": "MIT"
+    },
+    "node_modules/log4js": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz",
+      "integrity": "sha512-1somDdy9sChrr9/f4UlzhdaGfDR2c/SaD2a4T7qEkG4jTS57/B3qmnjLYePwQ8cqWnUHZI0iAKxMBpCZICiZ2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "flatted": "^3.2.7",
+        "rfdc": "^1.3.0",
+        "streamroller": "^3.1.5"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/long-timeout": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/long-timeout/-/long-timeout-0.1.1.tgz",
+      "integrity": "sha512-BFRuQUqc7x2NWxfJBCyUrN8iYUYznzL9JROmRz1gZ6KlOIgmoD+njPVbb+VNn2nGMKggMsK79iUNErillsrx7w==",
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/luxon": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.7.2.tgz",
+      "integrity": "sha512-vtEhXh/gNjI9Yg1u4jX/0YVPMvxzHuGgCm6tC5kZyb08yjGWGnqAjGJvcXbqQR2P3MyMEFnRbpcdFS6PBcLqew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ml-array-max": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/ml-array-max/-/ml-array-max-1.2.4.tgz",
+      "integrity": "sha512-BlEeg80jI0tW6WaPyGxf5Sa4sqvcyY6lbSn5Vcv44lp1I2GR6AWojfUvLnGTNsIXrZ8uqWmo8VcG1WpkI2ONMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.0"
+      }
+    },
+    "node_modules/ml-array-min": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/ml-array-min/-/ml-array-min-1.2.3.tgz",
+      "integrity": "sha512-VcZ5f3VZ1iihtrGvgfh/q0XlMobG6GQ8FsNyQXD3T+IlstDv85g8kfV0xUG1QPRO/t21aukaJowDzMTc7j5V6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.0"
+      }
+    },
+    "node_modules/ml-array-rescale": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/ml-array-rescale/-/ml-array-rescale-1.3.7.tgz",
+      "integrity": "sha512-48NGChTouvEo9KBctDfHC3udWnQKNKEWN0ziELvY3KG25GR5cA8K8wNVzracsqSW1QEkAXjTNx+ycgAv06/1mQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.0",
+        "ml-array-max": "^1.2.4",
+        "ml-array-min": "^1.2.3"
+      }
+    },
+    "node_modules/ml-matrix": {
+      "version": "6.12.1",
+      "resolved": "https://registry.npmjs.org/ml-matrix/-/ml-matrix-6.12.1.tgz",
+      "integrity": "sha512-TJ+8eOFdp+INvzR4zAuwBQJznDUfktMtOB6g/hUcGh3rcyjxbz4Te57Pgri8Q9bhSQ7Zys4IYOGhFdnlgeB6Lw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-any-array": "^2.0.1",
+        "ml-array-rescale": "^1.3.7"
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-11.18.1.tgz",
+      "integrity": "sha512-g76KvA001z+atjfxczdRtw/RXOM3OMSdd1f4DL77qCTF/+avrRJiawSG4yDibEQ215sr9kpinSlX2pCTJ9zbhw==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^11.18.1"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "11.18.1",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-11.18.1.tgz",
+      "integrity": "sha512-49Kt+HKjtbJKLtgO/LKj9Ld+6vw9BjH5d9sc40R/kVyH8GLAXgT42M2NnuPcJNuA3s9ZfZBUcwIgpmZWGEE+hA==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.20.tgz",
+      "integrity": "sha512-7gK6zSXEH6neM212JgfYFXe+GmZQM+fia5SsusuBIUgnPheLFBmIPhtFoAQRj8/7wASYQnbDlHPVwY0BefoFgA==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/node-schedule": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/node-schedule/-/node-schedule-2.1.1.tgz",
+      "integrity": "sha512-OXdegQq03OmXEjt2hZP33W2YPs/E5BcFQks46+G2gAxs4gHOIVD1u7EqlYLYSKsaIpyKCK9Gbk0ta1/gjRSMRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cron-parser": "^4.2.0",
+        "long-timeout": "0.1.1",
+        "sorted-array-functions": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/only": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/only/-/only-0.0.2.tgz",
+      "integrity": "sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ=="
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pdfast": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/pdfast/-/pdfast-0.2.0.tgz",
+      "integrity": "sha512-cq6TTu6qKSFUHwEahi68k/kqN2mfepjkGrG9Un70cgdRRKLKY6Rf8P8uvP2NvZktaQZNF3YE7agEkLj0vGK9bA==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.4.49",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/quickselect": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+      "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw==",
+      "license": "ISC"
+    },
+    "node_modules/rambda": {
+      "version": "9.4.2",
+      "resolved": "https://registry.npmjs.org/rambda/-/rambda-9.4.2.tgz",
+      "integrity": "sha512-++euMfxnl7OgaEKwXh9QqThOjMeta2HH001N1v4mYQzBjJBnmXBh2BCK6dZAbICFVXOFUVD3xFG0R3ZPU0mxXw==",
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/rbush": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
+      "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
+      "license": "MIT",
+      "dependencies": {
+        "quickselect": "^2.0.0"
+      }
+    },
+    "node_modules/rc-cascader": {
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.34.0.tgz",
+      "integrity": "sha512-KpXypcvju9ptjW9FaN2NFcA2QH9E9LHKq169Y0eWtH4e/wHQ5Wh5qZakAgvb8EKZ736WZ3B0zLLOBsrsja5Dag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "^2.3.1",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-checkbox": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.5.0.tgz",
+      "integrity": "sha512-aOAQc3E98HteIIsSqm6Xk2FPKIER6+5vyEFMZfo73TqM+VVAIqOkHoPjgKLqSNtVLWScoaM7vY2ZrGEheI79yg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.25.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-collapse": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.9.0.tgz",
+      "integrity": "sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.3.4",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dialog": {
+      "version": "9.6.0",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.6.0.tgz",
+      "integrity": "sha512-ApoVi9Z8PaCQg6FsUzS8yvBEQy0ZL2PkuvAgrmohPkN3okps5WZ5WQWPc1RNuiOKaAYv8B97ACdsFU5LizzCqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/portal": "^1.0.0-8",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.3.0",
+        "rc-util": "^5.21.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-drawer": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.3.0.tgz",
+      "integrity": "sha512-DX6CIgiBWNpJIMGFO8BAISFkxiuKitoizooj4BDyee8/SnBn0zwO2FHrNDpqqepj0E/TFTDpmEBCyFuTgC7MOg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "@rc-component/portal": "^1.1.1",
+        "classnames": "^2.2.6",
+        "rc-motion": "^2.6.1",
+        "rc-util": "^5.38.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-dropdown": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.1.tgz",
+      "integrity": "sha512-YDAlXsPv3I1n42dv1JpdM7wJ+gSUBfeyPK59ZpBD9jQhK9jVuxpjj3NmWQHOBceA1zEPVX84T2wbdb2SD0UjmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.44.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.11.0",
+        "react-dom": ">=16.11.0"
+      }
+    },
+    "node_modules/rc-field-form": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-2.7.0.tgz",
+      "integrity": "sha512-hgKsCay2taxzVnBPZl+1n4ZondsV78G++XVsMIJCAoioMjlMQR9YwAp7JZDIECzIu2Z66R+f4SFIRrO2DjDNAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.0",
+        "@rc-component/async-validator": "^5.0.3",
+        "rc-util": "^5.32.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-image": {
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.12.0.tgz",
+      "integrity": "sha512-cZ3HTyyckPnNnUb9/DRqduqzLfrQRyi+CdHjdqgsyDpI3Ln5UX1kXnAhPBSJj9pVRzwRFgqkN7p9b6HBDjmu/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/portal": "^1.0.2",
+        "classnames": "^2.2.6",
+        "rc-dialog": "~9.6.0",
+        "rc-motion": "^2.6.2",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-input": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.8.0.tgz",
+      "integrity": "sha512-KXvaTbX+7ha8a/k+eg6SYRVERK0NddX8QX7a7AnRvUa/rEH0CNMlpcBzBkhI0wp2C8C4HlMoYl8TImSN+fuHKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.18.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-input-number": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.5.0.tgz",
+      "integrity": "sha512-bKaEvB5tHebUURAEXw35LDcnRZLq3x1k7GxfAqBMzmpHkDGzjAtnUL8y4y5N15rIFIg5IJgwr211jInl3cipag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/mini-decimal": "^1.0.1",
+        "classnames": "^2.2.5",
+        "rc-input": "~1.8.0",
+        "rc-util": "^5.40.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-mentions": {
+      "version": "2.20.0",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.20.0.tgz",
+      "integrity": "sha512-w8HCMZEh3f0nR8ZEd466ATqmXFCMGMN5UFCzEUL0bM/nGw/wOS2GgRzKBcm19K++jDyuWCOJOdgcKGXU3fXfbQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.6",
+        "rc-input": "~1.8.0",
+        "rc-menu": "~9.16.0",
+        "rc-textarea": "~1.10.0",
+        "rc-util": "^5.34.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-menu": {
+      "version": "9.16.1",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.16.1.tgz",
+      "integrity": "sha512-ghHx6/6Dvp+fw8CJhDUHFHDJ84hJE3BXNCzSgLdmNiFErWSOaZNsihDAsKq9ByTALo/xkNIwtDFGIl6r+RPXBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "2.x",
+        "rc-motion": "^2.4.3",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-notification": {
+      "version": "5.6.4",
+      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.6.4.tgz",
+      "integrity": "sha512-KcS4O6B4qzM3KH7lkwOB7ooLPZ4b6J+VMmQgT51VZCeEcmghdeR4IrMcFq0LG+RPdnbe/ArT086tGM8Snimgiw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.9.0",
+        "rc-util": "^5.20.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-overflow": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.4.1.tgz",
+      "integrity": "sha512-3MoPQQPV1uKyOMVNd6SZfONi+f3st0r8PksexIdBTeIYbMX0Jr+k7pHEDvsXtR4BpCv90/Pv2MovVNhktKrwvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.37.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-pagination": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.1.0.tgz",
+      "integrity": "sha512-8416Yip/+eclTFdHXLKTxZvn70duYVGTvUUWbckCCZoIl3jagqke3GLsFrMs0bsQBikiYpZLD9206Ej4SOdOXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.3.2",
+        "rc-util": "^5.38.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-picker": {
+      "version": "4.11.3",
+      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.11.3.tgz",
+      "integrity": "sha512-MJ5teb7FlNE0NFHTncxXQ62Y5lytq6sh5nUw0iH8OkHL/TjARSEvSHpr940pWgjGANpjCwyMdvsEV55l5tYNSg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.2.1",
+        "rc-overflow": "^1.3.2",
+        "rc-resize-observer": "^1.4.0",
+        "rc-util": "^5.43.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "date-fns": ">= 2.x",
+        "dayjs": ">= 1.x",
+        "luxon": ">= 3.x",
+        "moment": ">= 2.x",
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      },
+      "peerDependenciesMeta": {
+        "date-fns": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rc-progress": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
+      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.6",
+        "rc-util": "^5.16.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-rate": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.13.1.tgz",
+      "integrity": "sha512-QUhQ9ivQ8Gy7mtMZPAjLbxBt5y9GRp65VcUyGUMF3N3fhiftivPHdpuDIaWIMOTEprAjZPC08bls1dQB+I1F2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-segmented": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.7.0.tgz",
+      "integrity": "sha512-liijAjXz+KnTRVnxxXG2sYDGd6iLL7VpGGdR8gwoxAXy2KglviKCxLWZdjKYJzYzGSUwKDSTdYk8brj54Bn5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-motion": "^2.4.4",
+        "rc-util": "^5.17.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.0.0",
+        "react-dom": ">=16.0.0"
+      }
+    },
+    "node_modules/rc-select": {
+      "version": "14.16.8",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.16.8.tgz",
+      "integrity": "sha512-NOV5BZa1wZrsdkKaiK7LHRuo5ZjZYMDxPP6/1+09+FB4KoNi8jcG1ZqLE3AVCxEsYMBe65OBx71wFoHRTP3LRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/trigger": "^2.1.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-overflow": "^1.3.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-slider": {
+      "version": "11.1.8",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.8.tgz",
+      "integrity": "sha512-2gg/72YFSpKP+Ja5AjC5DPL1YnV8DEITDQrcc1eASrUYjl0esptaBVJBh5nLTXCCp15eD8EuGjwezVGSHhs9tQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-steps": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
+      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.16.7",
+        "classnames": "^2.2.3",
+        "rc-util": "^5.16.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-switch": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
+      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.30.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-table": {
+      "version": "7.52.7",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.52.7.tgz",
+      "integrity": "sha512-yuZfnTpuHwRa4JH+F28wQfGeDzqtgIDvLBBJk5sFncXQjTExhtBNc6dPfVo5pL5SjabJEoejefs6wsrAKfhDoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "@rc-component/context": "^1.4.0",
+        "classnames": "^2.2.5",
+        "rc-resize-observer": "^1.1.0",
+        "rc-util": "^5.44.3",
+        "rc-virtual-list": "^3.14.2"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tabs": {
+      "version": "15.7.0",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.7.0.tgz",
+      "integrity": "sha512-ZepiE+6fmozYdWf/9gVp7k56PKHB1YYoDsKeQA1CBlJ/POIhjkcYiv0AGP0w2Jhzftd3AVvZP/K+V+Lpi2ankA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "classnames": "2.x",
+        "rc-dropdown": "~4.2.0",
+        "rc-menu": "~9.16.0",
+        "rc-motion": "^2.6.2",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.34.1"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-textarea": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.10.2.tgz",
+      "integrity": "sha512-HfaeXiaSlpiSp0I/pvWpecFEHpVysZ9tpDLNkxQbMvMz6gsr7aVZ7FpWP9kt4t7DB+jJXesYS0us1uPZnlRnwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "^2.2.1",
+        "rc-input": "~1.8.0",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.27.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tooltip": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.4.0.tgz",
+      "integrity": "sha512-kqyivim5cp8I5RkHmpsp1Nn/Wk+1oeloMv9c7LXNgDxUpGm+RbXJGL+OPvDlcRnx9DBeOe4wyOIl4OKUERyH1g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.2",
+        "@rc-component/trigger": "^2.0.0",
+        "classnames": "^2.3.1",
+        "rc-util": "^5.44.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.13.1",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.13.1.tgz",
+      "integrity": "sha512-FNhIefhftobCdUJshO7M8uZTA9F4OPGVXqGfZkkD/5soDeOhwO06T/aKTrg0WD8gRg/pyfq+ql3aMymLHCTC4A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-tree-select": {
+      "version": "5.27.0",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.27.0.tgz",
+      "integrity": "sha512-2qTBTzwIT7LRI1o7zLyrCzmo5tQanmyGbSaGTIf7sYimCklAToVVfpMC6OAldSKolcnjorBYPNSKQqJmN3TCww==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.25.7",
+        "classnames": "2.x",
+        "rc-select": "~14.16.2",
+        "rc-tree": "~5.13.0",
+        "rc-util": "^5.43.0"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-upload": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.9.2.tgz",
+      "integrity": "sha512-nHx+9rbd1FKMiMRYsqQ3NkXUv7COHPBo3X1Obwq9SWS6/diF/A0aJ5OHubvwUAIDs+4RMleljV0pcrNUc823GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "classnames": "^2.2.5",
+        "rc-util": "^5.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.19.1",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.1.tgz",
+      "integrity": "sha512-DCapO2oyPqmooGhxBuXHM4lFuX+sshQwWqqkuyFA+4rShLe//+GEPVwiDgO+jKtKHtbeYwZoNvetwfHdOf+iUQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-compiler-runtime": {
+      "version": "19.1.0-rc.3",
+      "resolved": "https://registry.npmjs.org/react-compiler-runtime/-/react-compiler-runtime-19.1.0-rc.3.tgz",
+      "integrity": "sha512-Cssogys2XZu6SqxRdX2xd8cQAf57BBvFbLEBlIa77161lninbKUn/EqbecCe7W3eqDQfg3rIoOwzExzgCh7h/g==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^0.0.0-experimental"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/react-draggable": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.5.0.tgz",
+      "integrity": "sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0",
+        "react-dom": ">= 16.3.0"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "14.1.3",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-14.1.3.tgz",
+      "integrity": "sha512-wZnpfunU6UIAiJ+bxwOiTmBOAaB14ha97MjOEnLGac2RJ+h/maIYXZuTHlmyqQVX1UVHmU1YDTQ5vxLmwfXTjw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.23.9",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-redux": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
+      "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25 || ^19",
+        "react": "^18.0 || ^19",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.30.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.1.tgz",
+      "integrity": "sha512-X1m21aEmxGXqENEPG3T6u0Th7g0aS4ZmoNynhbs+Cn+q+QGTLt+d5IQ2bHAXKzKcxGJjxACpVbnYQSCRcfxHlQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.30.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.1.tgz",
+      "integrity": "sha512-llKsgOkZdbPU1Eg3zK8lCn+sjD9wMRZZPuzmdWWX5SUs8OFkN5HnFVC0u5KMeMaC9aoancFI/KoLuKPqN+hxHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@remix-run/router": "1.23.0",
+        "react-router": "6.30.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
+      "license": "MIT"
+    },
+    "node_modules/redux-thunk": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "redux": "^5.0.0"
+      }
+    },
+    "node_modules/reflect-metadata": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
+      "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
+    },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+      "license": "MIT",
+      "dependencies": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
+      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
+      "license": "MIT"
+    },
+    "node_modules/rslog": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/rslog/-/rslog-1.2.11.tgz",
+      "integrity": "sha512-YgMMzQf6lL9q4rD9WS/lpPWxVNJ1ttY9+dOXJ0+7vJrKCAOT4GH0EiRnBi9mKOitcHiOwjqJPV1n/HRqqgZmOQ==",
+      "license": "MIT"
+    },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.2.tgz",
+      "integrity": "sha512-Gn/JaSk/Mt9gYubxTtSn/QCV4em9mpAPiR1rqy/Ocu19u/G9J5WWdNoUT4SiV6mFC3y6cxyFcFwdzPM3FgxGAQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
+      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "compute-scroll-into-view": "^3.0.2"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==",
+      "license": "MIT"
+    },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
+      "integrity": "sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
+      "integrity": "sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==",
+      "license": "MIT"
+    },
+    "node_modules/sorted-array-functions": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/sorted-array-functions/-/sorted-array-functions-1.3.0.tgz",
+      "integrity": "sha512-2sqgzeFlid6N4Z2fUQ1cvFmTOLRi/sEDzSQ0OKYchqgoPmQBVyM3959qYx3fpS6Esef80KjmpgPeEr028dP3OA==",
+      "license": "MIT"
+    },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-support/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/streamroller": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/streamroller/-/streamroller-3.1.5.tgz",
+      "integrity": "sha512-KFxaM7XT+irxvdqSP1LGLgNWbYN7ay5owZ3r/8t77p+EtSUAfUgtl7be3xtqtOmGUl9K9YPO2ca8133RlTjvKw==",
+      "license": "MIT",
+      "dependencies": {
+        "date-format": "^4.0.14",
+        "debug": "^4.3.4",
+        "fs-extra": "^8.1.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/streamroller/node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/streamroller/node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/streamroller/node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
+      "license": "MIT"
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/style-mod": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.2.tgz",
+      "integrity": "sha512-wnD1HyVqpJUI2+eKZ+eo1UwghftP6yuFheBqqe+bWCotBjC2K1YnteJILRMs3SM4V/0dLEW1SC27MWP5y+mwmw==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components": {
+      "version": "6.1.19",
+      "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.19.tgz",
+      "integrity": "sha512-1v/e3Dl1BknC37cXMhwGomhO8AkYmN41CqyX9xhUDxry1ns3BFQy2lLDRQXJRdVVWB9OHemv/53xaStimvWyuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/is-prop-valid": "1.2.2",
+        "@emotion/unitless": "0.8.1",
+        "@types/stylis": "4.2.5",
+        "css-to-react-native": "3.2.0",
+        "csstype": "3.1.3",
+        "postcss": "8.4.49",
+        "shallowequal": "1.1.0",
+        "stylis": "4.3.2",
+        "tslib": "2.6.2"
+      },
+      "engines": {
+        "node": ">= 16"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/styled-components"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0",
+        "react-dom": ">= 16.8.0"
+      }
+    },
+    "node_modules/styled-components/node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components/node_modules/stylis": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz",
+      "integrity": "sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==",
+      "license": "MIT"
+    },
+    "node_modules/styled-components/node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
+      "license": "0BSD"
+    },
+    "node_modules/stylis": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
+      "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
+      "license": "MIT"
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-path-parser": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/svg-path-parser/-/svg-path-parser-1.1.0.tgz",
+      "integrity": "sha512-jGCUqcQyXpfe38R7RFfhrMyfXcBmpMNJI/B+4CE9/Unkh98UporAc461GTthv+TVDuZXsBx7/WiwJb1Oh4tt4A==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.3.tgz",
+      "integrity": "sha512-ZL6DDuAlRlLGghwcfmSn9sK3Hr6ArtyudlSAiCqQ6IfE+b+HHbydbYDIG15IfS5do+7XQQBdBiubF/cV2dnDzg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.44.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.44.0.tgz",
+      "integrity": "sha512-nIVck8DK+GM/0Frwd+nIhZ84pR/BX7rmXMfYwyg+Sri5oGVE99/E3KvXqpC2xHFxyqXyGHTKBSioxxplrO4I4w==",
+      "license": "BSD-2-Clause",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.15.0",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.14",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.14.tgz",
+      "integrity": "sha512-vkZjpUjb6OMS7dhV+tILUW6BhpDR7P2L/aQSAv+Uwk+m8KATX9EccViHTJR2qDtACKPIYndLGCyl3FMo+r2LMw==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/throttle-debounce": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
+      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.22"
+      }
+    },
+    "node_modules/toggle-selection": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
+      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==",
+      "license": "MIT"
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/ts-patch": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/ts-patch/-/ts-patch-3.3.0.tgz",
+      "integrity": "sha512-zAOzDnd5qsfEnjd9IGy1IRuvA7ygyyxxdxesbhMdutt8AHFjD8Vw8hU2rMF89HX1BKRWFYqKHrO8Q6lw0NeUZg==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "global-prefix": "^4.0.0",
+        "minimist": "^1.2.8",
+        "resolve": "^1.22.2",
+        "semver": "^7.6.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "bin": {
+        "ts-patch": "bin/ts-patch.js",
+        "tspc": "bin/tspc.js"
+      }
+    },
+    "node_modules/ts-patch/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/ts-patch/node_modules/global-prefix": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-4.0.0.tgz",
+      "integrity": "sha512-w0Uf9Y9/nyHinEk5vMJKRie+wa4kR5hmDbEhGGds/kG1PwGLLHKRoNMeJOyCQjjBkANlnScqgzcFwGHgmgLkVA==",
+      "license": "MIT",
+      "dependencies": {
+        "ini": "^4.1.3",
+        "kind-of": "^6.0.3",
+        "which": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/ts-patch/node_modules/ini": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-4.1.3.tgz",
+      "integrity": "sha512-X7rqawQBvfdjS10YU1y1YVreA3SsLrW9dX2CewP2EbBJM4ypVNLDkO5y04gejPwKIY9lR+7r9gn3rFPt/kmWFg==",
+      "license": "ISC",
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/ts-patch/node_modules/isexe": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-3.1.1.tgz",
+      "integrity": "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/ts-patch/node_modules/which": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/which/-/which-4.0.0.tgz",
+      "integrity": "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^3.1.1"
+      },
+      "bin": {
+        "node-which": "bin/which.js"
+      },
+      "engines": {
+        "node": "^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/tsscmp": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
+      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.x"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz",
+      "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==",
+      "license": "Apache-2.0",
+      "peer": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "7.10.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz",
+      "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/upath": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/upath/-/upath-2.0.1.tgz",
+      "integrity": "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4",
+        "yarn": "*"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.3.tgz",
+      "integrity": "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/use-merge-value": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/use-merge-value/-/use-merge-value-1.2.0.tgz",
+      "integrity": "sha512-DXgG0kkgJN45TcyoXL49vJnn55LehnrmoHc7MbKi+QDBvr8dsesqws8UlyIWGHMR+JXgxc1nvY+jDGMlycsUcw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">= 16.x"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
+      "integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz",
+      "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.101.3",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.101.3.tgz",
+      "integrity": "sha512-7b0dTKR3Ed//AD/6kkx/o7duS8H3f1a4w3BYpIriX4BzIhjkn4teo05cptsxvLesHFKK5KObnadmCHBwGc+51A==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.8",
+        "@types/json-schema": "^7.0.15",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.15.0",
+        "acorn-import-phases": "^1.0.3",
+        "browserslist": "^4.24.0",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.3",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.2",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.3.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.3.3.tgz",
+      "integrity": "sha512-yd1RBzSGanHkitROoPFd6qsrxt+oFhg/129YzheDGqeustzX0vTZJZsSsQjVQC4yzBQ56K55XU8gaNCtIzOnTg==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/workerize-loader": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/workerize-loader/-/workerize-loader-2.0.2.tgz",
+      "integrity": "sha512-HoZ6XY4sHWxA2w0WpzgBwUiR3dv1oo7bS+oCwIpb6n54MclQ/7KXdXsVIChTCygyuHtVuGBO1+i3HzTt699UJQ==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "loader-utils": "^2.0.0"
+      },
+      "peerDependencies": {
+        "webpack": "*"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/ylru": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ylru/-/ylru-1.4.0.tgz",
+      "integrity": "sha512-2OQsPNEmBCvXuFlIni/a+Rn+R2pHW9INm0BxXJ4hVDA8TirqMj+J/Rp9ItLatT/5pZqWwefVrTQcHpixsxnVlA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.8.tgz",
+      "integrity": "sha512-gyPKpIaxY9XcO2vSMrLbiER7QMAMGOQZVRdJ6Zi782jkbzZygq5GI9nG8g+sMgitRtndwaBSl7uiqC49o1SSiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..cf751f8078
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@coreshop/address",
+  "version": "1.0.0",
+  "description": "CoreShop Address Bundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/address.svg b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/address.svg
new file mode 100644
index 0000000000..46171674aa
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/address.svg
@@ -0,0 +1,5 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#673AB7" d="M38,44H12V4h26c2.2,0,4,1.8,4,4v32C42,42.2,40.2,44,38,44z"/>
+<path fill="#311B92" d="M10,4h2v40h-2c-2.2,0-4-1.8-4-4V8C6,5.8,7.8,4,10,4z"/>
+<path fill="#FFFFFF" d="M36,24.2c-0.1,4.8-3.1,6.9-5.3,6.7c-0.6-0.1-2.1-0.1-2.9-1.6c-0.8,1-1.8,1.6-3.1,1.6c-2.6,0-3.3-2.5-3.4-3.1&#10;&#9;c-0.1-0.7-0.2-1.4-0.1-2.2c0.1-1,1.1-6.5,5.7-6.5c2.2,0,3.5,1.1,3.7,1.3L30,27.2c0,0.3-0.2,1.6,1.1,1.6c2.1,0,2.4-3.9,2.4-4.6&#10;&#9;c0.1-1.2,0.3-8.2-7-8.2c-6.9,0-7.9,7.4-8,9.2c-0.5,8.5,6,8.5,7.2,8.5c1.7,0,3.7-0.7,3.9-0.8l0.4,2c-0.3,0.2-2,1.1-4.4,1.1&#10;&#9;c-2.2,0-10.1-0.4-9.8-10.8C16.1,23.1,17.4,14,26.6,14C35.8,14,36,22.1,36,24.2z M24.1,25.5c-0.1,1,0,1.8,0.2,2.3&#10;&#9;c0.2,0.5,0.6,0.8,1.2,0.8c0.1,0,0.3,0,0.4-0.1c0.2-0.1,0.3-0.1,0.5-0.3c0.2-0.1,0.3-0.3,0.5-0.6c0.2-0.2,0.3-0.6,0.4-1l0.5-5.4&#10;&#9;c-0.2-0.1-0.5-0.1-0.7-0.1c-0.5,0-0.9,0.1-1.2,0.3c-0.3,0.2-0.6,0.5-0.9,0.8c-0.2,0.4-0.4,0.8-0.6,1.3S24.2,24.8,24.1,25.5z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/address_identifier.svg b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/address_identifier.svg
new file mode 100644
index 0000000000..773e8bb046
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/address_identifier.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 192 192">
+    <g transform="">
+        <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
+           stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
+           font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+            <path d="M0,192v-192h192v192z" fill="none"/>
+            <g>
+                <g id="surface1">
+                    <path d="M152,176h-104v-160h104c8.79688,0 16,7.20312 16,16v128c0,8.79688 -7.20312,16 -16,16z"
+                          fill="#e67e22"/>
+                    <path d="M40,16h8v160h-8c-8.79688,0 -16,-7.20312 -16,-16v-128c0,-8.79688 7.20312,-16 16,-16z"
+                          fill="#e74c3c"/>
+                    <path d="M144,96.79688c-0.40625,19.20312 -12.40625,27.60938 -21.20312,26.79688c-2.39062,-0.39063 -8.39062,-0.39063 -11.59375,-6.39063c-3.20312,4 -7.20312,6.39063 -12.40625,6.39063c-10.39062,0 -13.20312,-10 -13.59375,-12.39063c-0.40625,-2.79687 -0.79687,-5.60937 -0.40625,-8.79687c0.40625,-4 4.40625,-26 22.79688,-26c8.8125,0 14,4.39062 14.8125,5.1875l-2.40625,27.20312c0,1.20312 -0.79688,6.40625 4.40625,6.40625c8.39062,0 9.59375,-15.60937 9.59375,-18.40625c0.40625,-4.79688 1.20312,-32.79688 -28,-32.79688c-27.59375,0 -31.59375,29.59375 -32,36.79688c-2,34 24,34 28.79688,34c6.79688,0 14.79688,-2.79688 15.60938,-3.20312l1.59375,8c-1.20312,0.8125 -8,4.40625 -17.59375,4.40625c-8.8125,0 -40.40625,-1.59375 -39.20313,-43.20312c1.20313,-8.39062 6.39063,-44.79688 43.20313,-44.79688c36.79687,0 37.59375,32.40625 37.59375,40.79688zM96.40625,102c-0.40625,4 0,7.20312 0.79687,9.20312c0.79688,2 2.39063,3.20313 4.79688,3.20313c0.40625,0 1.20312,0 1.59375,-0.40625c0.8125,-0.40625 1.20312,-0.40625 2,-1.20312c0.8125,-0.39062 1.20312,-1.20312 2,-2.39062c0.8125,-0.8125 1.20312,-2.40625 1.60937,-4l2,-21.60938c-0.79687,-0.39062 -2,-0.39062 -2.79687,-0.39062c-2,0 -3.60938,0.39062 -4.8125,1.1875c-1.1875,0.8125 -2.39063,2 -3.59375,3.20312c-0.79688,1.60938 -1.59375,3.20312 -2.40625,5.20312c-0.79688,2 -0.79688,5.20312 -1.1875,8z"
+                          fill="#ffffff"/>
+                </g>
+            </g>
+            <path d="" fill="none"/>
+            <path d="" fill="none"/>
+        </g>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/countries.svg b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/countries.svg
new file mode 100644
index 0000000000..09c17559dc
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/countries.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Слой_1" x="0px" y="0px" viewBox="0 0 48 48"
+     enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#FF4081" d="M5,22c2,0,2-10,15-10s12.466,9.29,15.466,10.29V27H5V22z"/>
+    <path fill="#FF4081"
+          d="M46,31.25c0,0,0,1.75-2,1.75c-3,0-39,0-39,0c-1.657,0-3-1.344-3-3v-5c0,0,0-3,3-3c4,0,26,0,26,0   c10,0,15,4,15,6V31.25z"/>
+</g>
+    <g>
+	<path fill="#455A64" d="M41,30c0,2.761-2.238,5-5,5s-5-2.239-5-5s2.238-5,5-5S41,27.239,41,30"/>
+        <path fill="#455A64" d="M17,30c0,2.761-2.239,5-5,5s-5-2.239-5-5s2.239-5,5-5S17,27.239,17,30"/>
+</g>
+    <g>
+	<path fill="#B0BEC5" d="M38,30c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S38,28.895,38,30"/>
+        <path fill="#B0BEC5" d="M14,30c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S14,28.895,14,30"/>
+</g>
+    <g>
+	<path fill="#FFC107" d="M3.5,25H2v4h1.5C4.329,29,5,28.328,5,27.5v-1C5,25.672,4.329,25,3.5,25z"/>
+        <path fill="#FFC107" d="M43,24.658V27.5c0,0.828,0.672,1.5,1.5,1.5H46v-1C46,27.106,44.995,25.815,43,24.658z"/>
+</g>
+    <g>
+	<path fill="#660636"
+          d="M32.328,22c-0.293-0.456-0.565-0.945-0.841-1.445c-1.535-2.791-3.442-6.226-10.487-6.525V22H32.328z"/>
+        <path fill="#660636"
+              d="M19,22v-7.967c-7.281,0.336-9.313,4.284-10.668,6.942C8.155,21.321,7.975,21.668,7.783,22H19z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/state.svg b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/state.svg
new file mode 100644
index 0000000000..635315e430
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/state.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Слой_1" x="0px" y="0px" viewBox="0 0 48 48"
+     enable-background="new 0 0 48 48" xml:space="preserve">
+<ellipse fill="#90CAF9" cx="24" cy="35.5" rx="18" ry="6.5"/>
+    <g>
+	<polygon fill="#1565C0" points="24,36 33,25 15,25  "/>
+        <rect x="21" y="6" fill="#1565C0" width="6" height="20"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/zones.svg b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/zones.svg
new file mode 100644
index 0000000000..441429acd5
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/assets/zones.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Слой_1" x="0px" y="0px" viewBox="0 0 48 48"
+     enable-background="new 0 0 48 48" xml:space="preserve">
+<polygon fill="#FFECB3" points="30,10 18,6 6,10 6,42 18,38 30,42 42,38 42,6 "/>
+    <polygon fill="#FFE082" points="18,6 18,38 30,42 30,10 "/>
+    <path fill="#BC7937"
+          d="M17.443,14.146c0.14,0.082,0.226,0.25,0.229,0.537c0.013,0.981-0.223,1.928-0.272,2.894  c-0.021,0.413,0.153,0.712,0.326,1.085c0.261,0.559-0.082,0.924-0.023,1.484c0.016,0.141,0.14,0.197,0.142,0.349  c0.017,0.833-1.189,2.626-2.269,2.404c-0.646-0.133-0.031-1.206-0.346-1.671c-0.12-0.172-0.967-0.434-1.223-0.428  c-0.849,0.024-0.291,0.947-0.125,1.299c0.337,0.713,0.457,1.471,0.929,2.171c-0.253-0.224-0.547-0.409-0.899-0.552  c-0.48-0.197-0.901,0.011-1.317-0.179c-0.616-0.278-0.663-0.952-0.983-1.44c-0.304-0.463-1.146-0.476-1.545-0.992  c-0.391-0.506-0.295-1.131-0.111-1.684c0.218-0.654,0.514-1.126,0.974-1.692c0.321-0.392,0.772-0.972,0.188-1.337  c-0.542-0.342-1.107-0.164-1.592,0.1c-0.514,0.279-0.762,0.291-0.907-0.318c-0.146-0.605,0.672-1.035,1.084-1.4  c1.501-1.322,3.737-0.67,4.991,0.573C14.768,15.422,16.758,13.745,17.443,14.146z M12.23,27.928  c0.122,0.688,0.917,0.267,1.133,0.798c0.171,0.422-0.305,0.989-0.324,1.386c1.142,0.258,1.794,1.193,1.789,2.342  c-0.009,1.651,0.543,3.361,1.849,4.322c0.087-0.333,0.187-0.685,0.231-1.044c0.169-1.402-0.112-2.637,0.959-3.784  c0.462-0.494,0.37-0.689,0.334-1.311c-0.019-0.316,0.045-1.071,0.302-1.242c0.322,0.153,0.973,0.238,1.26-0.014  c0.189-0.17,0.409-1.127,0.448-1.385c0.126-0.808-0.16-1.453-0.631-2.068c-0.387-0.506-0.988-0.936-1.614-1.064  c-0.618-0.128-1.287-0.044-1.869-0.325c-0.273-0.134-0.506-0.317-0.787-0.443c-0.335-0.149-0.994-0.261-1.246-0.524  c0.371,0.387,0.638,0.957,0.627,1.5c-0.011,0.566-0.345,0.639-0.777,0.904C13.305,26.348,12.075,27.049,12.23,27.928z   M20.664,12.428c-1.526-0.374-2.633,0.896-2.179,2.372C19.229,17.221,20.776,13.415,20.664,12.428z M20.075,18.863  c0.034,0.645,0.238,1.271,0.85,1.412c0.396,0.09,0.843-0.08,1.084-0.505c0.34-0.601-0.592-2.196,0.458-2.119  c0.754,0.056,0.785,1.223,1.019,1.728c0.063,0.031,0.127,0.031,0.191,0c0.173-0.49,0.076-1.053,0.121-1.552  c0.887-0.241,1.374,1.069,1.579,1.719c0.17,0.541,0.517,0.722-0.376,0.932c-0.481,0.114-0.83,0.005-1.154-0.383  c-0.539,0.365-0.83,0.769-1.417,1.071c-1.651,0.852-2.09,3.351-1.215,5.046c0.6,1.163,1.987,0.104,2.708-0.25  c-0.032,0.653,0.546,1.308,0.747,1.919c0.582,1.764,0.163,3.446,0.151,5.257c-0.002,0.365,0.088,1.755,0.553,1.839  c0.534,0.096,0.996-1.549,1.113-1.932c0.486-1.581,0.493-3.213,1.371-4.678c0.339-0.568,0.954-1.043,0.672-1.76  c-0.284-0.72-1.719-0.86-1.563-1.797c-0.043,0.266,1.427,1.625,1.759,1.66c1.551,0.163,0.088-1.902,0.554-2.424  c0.751-0.836,1.3,1.234,1.341,1.627c0.118,1.07-0.106,2.134-0.123,3.203c-0.006,0.447-0.129,2.289,0.71,2.024  c0.653-0.207,0.333-1.634,0.421-2.134c0.081-0.463,0.57-2.221,0.968-2.432c0.871-0.459,1.339,1.504,2.409,1.463  c0.255-0.908,0.027-1.344,0.723-2.004c0.512-0.486,1.295-0.8,1.598-1.527c0.236-0.561,0.314-1.702,0.15-2.285  c-0.31-1.109-1.365-0.665-2.353-0.921c-0.044-0.569,0.548-0.843,0.571-1.435c0.013-0.295-0.455-0.297-0.406-0.67  c0.031-0.233,0.38-0.607,0.53-0.801c0.522-0.688,1.26-1.109,2.019-0.368c0.102-0.495-0.006-1.073-0.59-1.068  c-0.041-0.612-0.45-2.042-1.102-2.362c-0.611-0.305-0.639,0.13-1.136,0.609c-0.548,0.531-1.23,0.874-1.693,1.391  c-0.429,0.48-1.309,1.641-1.91,1.182c-0.322-0.248-0.249-1.131-0.489-1.494c-0.319-0.485-0.525-0.572-1.119-0.661  c0.064-0.108,0.078-0.377,0.156-0.501c-0.182,0.063-0.504,0.002-0.685,0.064c-0.028-0.756,1.129-0.785,1.394-1.303  c-0.505-0.041-0.972-0.057-1.412,0.23c-0.355,0.232-0.438,0.77-0.772,0.93c-0.849,0.416-2.883-0.992-3.816-1.196  c-1.349-0.296-2.067,0.272-2.604,1.517c-0.355-0.068-0.778-0.185-1.057,0.102c0.211,0.279,0.526,0.412,0.881,0.461  c0.028,0.128,0.031,0.281,0,0.41c-0.296,0.064-1.05,0.552-1.232,0.723c-0.392,0.369-0.45,0.516-0.528,1.066  C20.085,18.17,20.056,18.518,20.075,18.863z M33.863,31.355c-0.354,0.703-1.087,3.365-0.178,3.545  c1.1,0.215,1.553-1.573,2.642-1.311c0.097,0.521,0.495,0.656,0.796,0.229c0.188-0.265-0.022-1.11-0.066-1.397  c-0.155-1.045-0.359-1.678-0.11-2.74c-0.208,0.179-0.773,1.065-0.976,1.125c-0.852,0.254-0.371-0.768-0.148-1.101  c-1.523,0.523-2.7,2.419-2.578,4.044"/>
+</svg>
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/CountrySelect.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/CountrySelect.tsx
new file mode 100644
index 0000000000..2def58b7cb
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/CountrySelect.tsx
@@ -0,0 +1,13 @@
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { countryApi } from '../modules/countries/api'
+
+const countryLoader = createOptionsLoader(async () => {
+  const rows = await countryApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({ value: r.id, label: r.name ?? r.isoCode ?? String(r.id) }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export const loadCountries = countryLoader.load
+export const clearCountryCache = countryLoader.clearCache
+export const getCountryCache = countryLoader.getCache
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/StateSelect.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/StateSelect.tsx
new file mode 100644
index 0000000000..c103caee2b
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/StateSelect.tsx
@@ -0,0 +1,16 @@
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { stateApi } from '../modules/states/api'
+
+const stateLoader = createOptionsLoader(async () => {
+  const rows = await stateApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({
+      value: r.id,
+      label: r.countryName ? `${r.name} (${r.countryName})` : (r.name ?? String(r.id))
+    }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export const loadStates = stateLoader.load
+export const getStateCache = stateLoader.getCache
+export const clearStateCache = stateLoader.clearCache
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/ZoneMultiSelect.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/ZoneMultiSelect.tsx
new file mode 100644
index 0000000000..fff45b56c2
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/ZoneMultiSelect.tsx
@@ -0,0 +1,13 @@
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { zoneApi } from '../modules/zones/api'
+
+const zoneLoader = createOptionsLoader(async () => {
+  const rows = await zoneApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export const loadZones = zoneLoader.load
+export const getZoneCache = zoneLoader.getCache
+export const clearZoneCache = zoneLoader.clearCache
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..0c1b27dc3c
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop AddressBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { loadCountries, getCountryCache, clearCountryCache } from './CountrySelect'
+export { loadStates, getStateCache, clearStateCache } from './StateSelect'
+export { loadZones, getZoneCache, clearZoneCache } from './ZoneMultiSelect'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopAddressIdentifier.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopAddressIdentifier.tsx
new file mode 100644
index 0000000000..fc1bb7fab7
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopAddressIdentifier.tsx
@@ -0,0 +1,18 @@
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { addressIdentifierApi } from '../modules/address-identifiers/api'
+
+const { load: loadAddressIdentifiers, getCache, clearCache: clearAddressIdentifierCache } = createOptionsLoader(async () => {
+  const rows = await addressIdentifierApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export { loadAddressIdentifiers, clearAddressIdentifierCache }
+
+export class DynamicTypeObjectDataCoreShopAddressIdentifier extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopAddressIdentifier'
+  loadOptions = loadAddressIdentifiers
+  getCachedOptions = getCache
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCountry.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCountry.tsx
new file mode 100644
index 0000000000..06e8333782
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCountry.tsx
@@ -0,0 +1,10 @@
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadCountries, clearCountryCache, getCountryCache } from '../components/CountrySelect'
+
+export { clearCountryCache }
+
+export class DynamicTypeObjectDataCoreShopCountry extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopCountry'
+  loadOptions = loadCountries
+  getCachedOptions = getCountryCache
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCountryMultiselect.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCountryMultiselect.tsx
new file mode 100644
index 0000000000..d5f8b5ec33
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCountryMultiselect.tsx
@@ -0,0 +1,8 @@
+import { DynamicTypeObjectDataCoreShopMultiSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect'
+import { loadCountries, getCountryCache } from '../components/CountrySelect'
+
+export class DynamicTypeObjectDataCoreShopCountryMultiselect extends DynamicTypeObjectDataCoreShopMultiSelect {
+  readonly id = 'coreShopCountryMultiselect'
+  loadOptions = loadCountries
+  getCachedOptions = getCountryCache
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopState.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopState.tsx
new file mode 100644
index 0000000000..acc522b4d3
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopState.tsx
@@ -0,0 +1,10 @@
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadStates, getStateCache, clearStateCache } from '../components/StateSelect'
+
+export { loadStates, clearStateCache }
+
+export class DynamicTypeObjectDataCoreShopState extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopState'
+  loadOptions = loadStates
+  getCachedOptions = getStateCache
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..23a793929e
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,11 @@
+/**
+ * CoreShop AddressBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopCountry } from './DynamicTypeObjectDataCoreShopCountry'
+export { DynamicTypeObjectDataCoreShopCountryMultiselect } from './DynamicTypeObjectDataCoreShopCountryMultiselect'
+export { DynamicTypeObjectDataCoreShopState } from './DynamicTypeObjectDataCoreShopState'
+export { DynamicTypeObjectDataCoreShopAddressIdentifier } from './DynamicTypeObjectDataCoreShopAddressIdentifier'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..d64782df96
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,3 @@
+export { loadCountries, getCountryCache, clearCountryCache } from './components/CountrySelect'
+export { loadStates, getStateCache, clearStateCache } from './components/StateSelect'
+export { loadZones, getZoneCache, clearZoneCache } from './components/ZoneMultiSelect'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..b15b855c41
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,86 @@
+/**
+ * CoreShop AddressBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import {container, IAbstractPlugin} from '@pimcore/studio-ui-bundle'
+import {AddressBundleIconModule} from './modules/icon-library'
+import {serviceIds} from '@pimcore/studio-ui-bundle/app'
+import type {WidgetRegistry} from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { EntityChoiceWidget } from '@coreshop/resource/src/components/EntityChoiceWidget'
+import {ZoneManager} from './modules/zones/ZoneManager'
+import { CountryManager } from './modules/countries/CountryManager'
+import { StateManager } from './modules/states/StateManager'
+import { loadCountries, getCountryCache } from './components/CountrySelect'
+import { loadStates, getStateCache } from './components/StateSelect'
+import { loadZones, getZoneCache } from './components/ZoneMultiSelect'
+import {
+    DynamicTypeObjectDataCoreShopCountry,
+    DynamicTypeObjectDataCoreShopCountryMultiselect,
+    DynamicTypeObjectDataCoreShopState,
+    DynamicTypeObjectDataCoreShopAddressIdentifier
+} from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-address-plugin',
+
+    onInit() {
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCountry())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCountryMultiselect())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopState())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopAddressIdentifier())
+
+        // Register StudioForm widgets for ChoiceTypes
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+        formWidgetRegistry.register('coreshop_country_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadCountries, getCachedOptions: getCountryCache, droppableAccept: 'coreshop:country', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+
+        formWidgetRegistry.register('coreshop_state_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadStates, getCachedOptions: getStateCache, droppableAccept: 'coreshop:state', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+
+        formWidgetRegistry.register('coreshop_zone_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadZones, getCachedOptions: getZoneCache, droppableAccept: 'coreshop:zone', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+    },
+
+    onStartup({moduleSystem}) {
+        moduleSystem.registerModule(AddressBundleIconModule)
+
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        widgets.registerWidget({
+            name:  'coreshop-address-zones',
+            component: ZoneManager
+        })
+        widgets.registerWidget({
+            name: 'coreshop-address-countries',
+            component: CountryManager
+        })
+        widgets.registerWidget({
+            name: 'coreshop-address-states',
+            component: StateManager
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/address-identifiers/api.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/address-identifiers/api.ts
new file mode 100644
index 0000000000..b23ef72d22
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/address-identifiers/api.ts
@@ -0,0 +1,12 @@
+import { EntityApi } from '@coreshop/resource/src/entities/api'
+
+export interface AddressIdentifierDetail extends Record<string, any> {
+  id: number
+  name: string
+  active: boolean
+}
+
+export const addressIdentifierApi = new EntityApi<AddressIdentifierDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/address_identifiers'
+})
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryForm.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryForm.tsx
new file mode 100644
index 0000000000..007830a415
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryForm.tsx
@@ -0,0 +1,28 @@
+/**
+ * CoreShop AddressBundle - Country Form (Schema Form Version)
+ *
+ * Form component using the SchemaForm pattern.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { CountryDetail } from './api'
+
+export const CountryForm: React.FC<SchemaFormProps<CountryDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<CountryDetail>
+        {...props}
+        blockPrefix="coreshop_country"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryManager.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryManager.tsx
new file mode 100644
index 0000000000..6cb7970393
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/CountryManager.tsx
@@ -0,0 +1,55 @@
+import React from 'react'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { type CountryDetail, countryApi } from './api'
+import { zoneApi } from '../zones/api'
+import { CountryForm } from './CountryForm'
+import { GroupedEntityTabbedManager } from '@coreshop/resource/src/entities/components/GroupedEntityTabbedManager'
+
+// Tabs are managed via shared hook
+
+export const CountryManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <GroupedEntityTabbedManager<CountryDetail>
+      api={ countryApi }
+      dragType='coreshop:country'
+      localizable
+      loadGroups={ async () => await zoneApi.list() as any }
+      resolveGroupId={ (li, groups) => {
+        const it: any = li
+        if (typeof it.zone === 'number') return it.zone
+        if (typeof it.zoneName === 'string') return groups.find(g => g.name === it.zoneName)?.id ?? null
+        return null
+      } }
+      applyGroup={ (data, groupId) => ({ ...data, zone: groupId ?? undefined } as CountryDetail) }
+      buildSavePayload={ (data) => data }
+      onAdd={ async (groupId?: number) => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_country_add', { defaultValue: 'Add Country' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (value: string) => {
+            const res = await countryApi.add({ name: value, ...(groupId ? { zone: groupId } : {}) })
+            resolve(res.data.id)
+          }
+        })
+      }) }
+      renderDetail={ (data, setData, zones, ctx) => {
+        if (!data) return <div style={ { padding: 12, color: 'var(--ant-color-text-tertiary)' } }>{t('coreshop_country_select', { defaultValue: 'Select a country to view details.' })}</div>
+        return (
+          <CountryForm
+            data={ data }
+            onChange={ (draft) => setData(draft) }
+            currentLocale={ ctx?.currentLocale ?? 'en' }
+            locales={ ctx?.locales }
+          />
+        )
+      } }
+    />
+  )
+}
+
+// obsolete local detail view removed in favor of GroupedEntityTabbedManager renderDetail
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/api.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/api.ts
new file mode 100644
index 0000000000..14f5afac4b
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/api.ts
@@ -0,0 +1,19 @@
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface CountryDetail extends Record<string, any> {
+  id: number
+  name: string
+  active: boolean
+  zone?: number
+  isoCode?: string
+  zoneName?: string
+  addressFormat?: string
+  salutations?: string[]
+  currency?: number
+  translations?: Record<string, { locale: string, name: string }>
+}
+
+export const countryApi = new EntityApi<CountryDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/countries'
+})
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/index.ts
new file mode 100644
index 0000000000..9178ae5ebe
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/countries/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop AddressBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { countryApi } from './api'
+export { CountryManager } from './CountryManager'
+export { CountryForm } from './CountryForm'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..27422b2c87
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,72 @@
+/**
+ * CoreShop AddressBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import addressIcon from '../../assets/address.svg?react'
+// @ts-ignore
+import addressIdentifierIcon from '../../assets/address_identifier.svg?react'
+// @ts-ignore
+import countriesIcon from '../../assets/countries.svg?react'
+// @ts-ignore
+import stateIcon from '../../assets/state.svg?react'
+// @ts-ignore
+import zonesIcon from '../../assets/zones.svg?react'
+
+export const AddressBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_country',
+      component: countriesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_country',
+      component: countriesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_zone',
+      component: zonesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_zone',
+      component: zonesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_state',
+      component: stateIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_state',
+      component: stateIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_address',
+      component: addressIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_address_identifier',
+      component: addressIdentifierIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateForm.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateForm.tsx
new file mode 100644
index 0000000000..b7f6bf3209
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateForm.tsx
@@ -0,0 +1,28 @@
+/**
+ * CoreShop AddressBundle - State Form (Schema Form Version)
+ *
+ * Form component using the SchemaForm pattern.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { StateDetail } from './api'
+
+export const StateForm: React.FC<SchemaFormProps<StateDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<StateDetail>
+        {...props}
+        blockPrefix="coreshop_state"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateManager.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateManager.tsx
new file mode 100644
index 0000000000..a9c827fc54
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/StateManager.tsx
@@ -0,0 +1,73 @@
+/**
+ * CoreShop AddressBundle - State Manager
+ *
+ * Entity manager for State resources with localization support.
+ * States are grouped by country, matching the ExtJS behavior.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { GroupedEntityTabbedManager } from '@coreshop/resource/src/entities/components/GroupedEntityTabbedManager'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { stateApi, type StateDetail } from './api'
+import { countryApi } from '../countries/api'
+import { StateForm } from './StateForm'
+
+export const StateManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <GroupedEntityTabbedManager<StateDetail>
+      api={stateApi}
+      dragType="coreshop:state"
+      localizable
+      loadGroups={async () => await countryApi.list() as any}
+      resolveGroupId={(li, groups) => {
+        const it: any = li
+        if (typeof it.country === 'number') return it.country
+        if (typeof it.countryName === 'string') return groups.find(g => g.name === it.countryName)?.id ?? null
+        return null
+      }}
+      applyGroup={(data, groupId) => ({ ...data, country: groupId ?? undefined } as StateDetail)}
+      buildSavePayload={(data) => data}
+      onAdd={async (groupId?: number) => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_state_add', { defaultValue: 'Add State' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (value: string) => {
+            const res = await stateApi.add({ name: value, ...(groupId ? { country: groupId } : {}) })
+            resolve(res.data.id)
+          }
+        })
+      })}
+      renderDetail={(data, setData, groups, ctx) => {
+        if (!data) {
+          return (
+            <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+              {t('coreshop_state_select', { defaultValue: 'Select a state to view details.' })}
+            </div>
+          )
+        }
+
+        return (
+          <StateForm
+            data={data}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            onChange={(draft) => setData(draft)}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/api.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/api.ts
new file mode 100644
index 0000000000..a963b24234
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/api.ts
@@ -0,0 +1,17 @@
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface StateDetail extends Record<string, any> {
+  id: number
+  name: string
+  active: boolean
+  isoCode?: string
+  country?: number
+  countryName?: string
+  translations?: Record<string, { locale: string, name: string }>
+}
+
+export const stateApi = new EntityApi<StateDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/states'
+})
+
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/index.ts
new file mode 100644
index 0000000000..c676fa1861
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/states/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop AddressBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { stateApi } from './api'
+export { StateManager } from './StateManager'
+export { StateForm } from './StateForm'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneForm.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneForm.tsx
new file mode 100644
index 0000000000..5b66fd1360
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneForm.tsx
@@ -0,0 +1,28 @@
+/**
+ * CoreShop AddressBundle - Zone Form (Schema Form Version)
+ *
+ * Form component using the SchemaForm pattern.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { ZoneDetail } from './api'
+
+export const ZoneForm: React.FC<SchemaFormProps<ZoneDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<ZoneDetail>
+        {...props}
+        blockPrefix="coreshop_zone"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneManager.tsx b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneManager.tsx
new file mode 100644
index 0000000000..8eba7f4164
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/ZoneManager.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { zoneApi, type ZoneDetail } from './api'
+import { ZoneForm } from './ZoneForm'
+
+export const ZoneManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<ZoneDetail>
+      api={ zoneApi }
+      dragType='coreshop:zone'
+      leftRootTitle={t('coreshop_zones', { defaultValue: 'Zones' })}
+      buildSavePayload={ (data) => data }
+      onAdd={ async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_zone_add', { defaultValue: 'Add Zone' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          onOk: async (value: string) => {
+            const res = await zoneApi.add({ name: value })
+            resolve(res.data.id)
+          }
+        })
+      }) }
+      renderDetail={ (data, setData) => {
+        if (!data) {
+          return <div style={ { padding: 12, color: 'var(--ant-color-text-tertiary)' } }>{t('coreshop_zone_select', { defaultValue: 'Select a zone to view details.' })}</div>
+        }
+
+        return (
+          <ZoneForm
+            data={ data }
+            onChange={ (draft) => {
+              setData(draft)
+            } }
+          />
+        )
+      } }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/api.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/api.ts
new file mode 100644
index 0000000000..c6631d0775
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/api.ts
@@ -0,0 +1,13 @@
+import { EntityApi } from '@coreshop/resource/src/entities/api'
+
+export interface ZoneDetail extends Record<string, any> {
+  id: number
+  name: string
+  countries: number[]
+  active: boolean
+}
+
+export const zoneApi = new EntityApi<ZoneDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/zones'
+})
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/index.ts b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/index.ts
new file mode 100644
index 0000000000..3e28c79447
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/modules/zones/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop AddressBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { zoneApi } from './api'
+export { ZoneManager } from './ZoneManager'
+export { ZoneForm } from './ZoneForm'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..16d29bce91
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+  "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.AddressIdentifier.yml b/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.AddressIdentifier.yml
index 63cd806d3d..609d26a71c 100755
--- a/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.AddressIdentifier.yml
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.AddressIdentifier.yml
@@ -14,4 +14,4 @@ CoreShop\Component\Address\Model\AddressIdentifier:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
\ No newline at end of file
+            groups: [List, Detailed]
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.Zone.yml b/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.Zone.yml
index 94384d1ad6..b2e3b47a8e 100755
--- a/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.Zone.yml
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/config/serializer/Model.Zone.yml
@@ -14,7 +14,7 @@ CoreShop\Component\Address\Model\Zone:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
+            groups: [List, Detailed]
         countries:
             expose: true
             type: relation
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/AddressBundle/Resources/config/services/form.yml
index 014aa43247..8b03b63df6 100644
--- a/src/CoreShop/Bundle/AddressBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/config/services/form.yml
@@ -29,6 +29,7 @@ services:
             - '%coreshop.form.type.country.validation_groups%'
         tags:
             -  { name: form.type }
+            -  { name: coreshop.studio_form }
 
     CoreShop\Bundle\AddressBundle\Form\Type\CountryTranslationType:
         arguments:
@@ -49,6 +50,7 @@ services:
             - '%coreshop.form.type.state.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\AddressBundle\Form\Type\StateTranslationType:
         arguments:
@@ -69,6 +71,7 @@ services:
             - '%coreshop.form.type.zone.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\AddressBundle\Form\Type\AddressType:
         arguments:
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/AddressBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..6b46fb5524
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\AddressBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/translations/admin.en.yml b/src/CoreShop/Bundle/AddressBundle/Resources/translations/admin.en.yml
index 6b8cdce630..ee84b68630 100644
--- a/src/CoreShop/Bundle/AddressBundle/Resources/translations/admin.en.yml
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/translations/admin.en.yml
@@ -1,3 +1,4 @@
+---
 coreshop_country: 'Country'
 coreshop_country_isoCode: 'ISO Code'
 coreshop_country_currency: 'Currency'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/AddressBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..e5a374f21e
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,48 @@
+---
+coreshop_country: 'Land'
+coreshop_country_isoCode: 'ISO Kennzeichnung'
+coreshop_country_currency: 'Währung'
+coreshop_zone: 'Zone'
+coreshop_zones: 'Zonen'
+coreshop_country_multiselect: 'Land Multiselect'
+coreshop_state: 'Staat'
+coreshop_state_isoCode: 'ISO'
+coreshop_state_country: 'Land'
+coreshop_state_configuration: 'Staat Konfiguration'
+coreshop_state_add: 'Staat hinzufügen'
+coreshop_state_select: 'Wählen Sie einen Staat aus, um Details anzuzeigen.'
+coreshop_states: 'Staaten'
+coreshop_country_addressFormat: 'Adressformatierung'
+coreshop_country_salutations: 'Anreden'
+coreshop_permission_country: 'CoreShop: Land'
+coreshop_permission_state: 'CoreShop: Staat'
+coreshop_permission_zone: 'CoreShop: Zone'
+coreshop_address_company: 'Unternehmen'
+coreshop_address_firstname: 'Vorname'
+coreshop_address_lastname: 'Nachname'
+coreshop_address_postcode: 'Postleitzahl'
+coreshop_address_city: 'Stadt'
+coreshop_address_street: 'Straße'
+coreshop_address_street_number: 'Hausnummer'
+coreshop_address_identifier: 'Adressen Kennung'
+coreshop_countries: 'Länder'
+CoreShopAddress: 'Adresse'
+coreshop.address.salutation: 'Anrede'
+coreshop.address.firstname: 'Vorname'
+coreshop.address.lastname: 'Nachname'
+coreshop.address.company: 'Firma'
+coreshop.address.street: 'Straße'
+coreshop.address.number: 'Nummer'
+coreshop.address.post_code: 'PLZ'
+coreshop.address.city: 'Stadt'
+coreshop.address.country: 'Land'
+coreshop.address.state: 'Bundesland/Region'
+coreshop.address.phone_number: 'Telefonnummer'
+coreshop.address.address_identifier: 'Adresstyp'
+
+# Studio v2 - Address Management
+coreshop_country_add: 'Land hinzufügen'
+coreshop_country_select: 'Wählen Sie ein Land aus, um Details anzuzeigen.'
+coreshop_zone_add: 'Zone hinzufügen'
+coreshop_zone_select: 'Wählen Sie eine Zone aus, um Details anzuzeigen.'
+coreshop_zone_configuration: 'Zone Konfiguration'
diff --git a/src/CoreShop/Bundle/AddressBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/AddressBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..5d816b0e21
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,48 @@
+---
+coreshop_country: 'Country'
+coreshop_country_isoCode: 'ISO Code'
+coreshop_country_currency: 'Currency'
+coreshop_zone: 'Zone'
+coreshop_zones: 'Zones'
+coreshop_country_multiselect: 'Country Multiselect'
+coreshop_state: 'State'
+coreshop_state_isoCode: 'ISO Code'
+coreshop_state_country: 'Country'
+coreshop_state_configuration: 'State Configuration'
+coreshop_state_add: 'Add State'
+coreshop_state_select: 'Select a state to view details.'
+coreshop_states: 'States'
+coreshop_country_addressFormat: 'Address Format'
+coreshop_country_salutations: 'Salutations'
+coreshop_permission_country: 'CoreShop: Country'
+coreshop_permission_state: 'CoreShop: State'
+coreshop_permission_zone: 'CoreShop: Zone'
+coreshop_address_company: 'Company'
+coreshop_address_firstname: 'Firstname'
+coreshop_address_lastname: 'Lastname'
+coreshop_address_postcode: 'Postcode'
+coreshop_address_city: 'City'
+coreshop_address_street: 'Street'
+coreshop_address_street_number: 'Street Number'
+coreshop_address_identifier: 'Address Identifier'
+coreshop_countries: 'Countries'
+CoreShopAddress: 'Address'
+coreshop.address.salutation: 'Salutation'
+coreshop.address.firstname: 'Firstname'
+coreshop.address.lastname: 'Lastname'
+coreshop.address.company: 'Company'
+coreshop.address.street: 'Street'
+coreshop.address.number: 'Number'
+coreshop.address.post_code: 'Post Code'
+coreshop.address.city: 'City'
+coreshop.address.country: 'Country'
+coreshop.address.state: 'State/County'
+coreshop.address.phone_number: 'Phone Number'
+coreshop.address.address_identifier: 'Address Identifier'
+
+# Studio v2 - Address Management
+coreshop_country_add: 'Add Country'
+coreshop_country_select: 'Select a country to view details.'
+coreshop_zone_add: 'Add Zone'
+coreshop_zone_select: 'Select a zone to view details.'
+coreshop_zone_configuration: 'Zone Configuration'
diff --git a/src/CoreShop/Bundle/AddressBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/AddressBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..ac839412d0
--- /dev/null
+++ b/src/CoreShop/Bundle/AddressBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\AddressBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/AddressBundle/composer.json b/src/CoreShop/Bundle/AddressBundle/composer.json
index 29c6ff70d6..0ba1c4e651 100755
--- a/src/CoreShop/Bundle/AddressBundle/composer.json
+++ b/src/CoreShop/Bundle/AddressBundle/composer.json
@@ -1,58 +1,65 @@
 {
-  "name": "coreshop/address-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Address Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/address-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Address Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/address": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/address": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\AddressBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\AddressBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/ClassDefinitionPatchBundle/README.md b/src/CoreShop/Bundle/ClassDefinitionPatchBundle/README.md
index b963ca1aba..ec24a2519b 100644
--- a/src/CoreShop/Bundle/ClassDefinitionPatchBundle/README.md
+++ b/src/CoreShop/Bundle/ClassDefinitionPatchBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ClassDefinitionPatchBundle/composer.json b/src/CoreShop/Bundle/ClassDefinitionPatchBundle/composer.json
index e64a384487..e6e12090e6 100644
--- a/src/CoreShop/Bundle/ClassDefinitionPatchBundle/composer.json
+++ b/src/CoreShop/Bundle/ClassDefinitionPatchBundle/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/class-definition-patch-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Class Definition Patch Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/class-definition-patch-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Class Definition Patch Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/pimcore": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "sebastian/diff": "^4.0 | ^5.0 | ^6.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/pimcore": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "sebastian/diff": "^4.0 | ^5.0 | ^6.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ClassDefinitionPatchBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ClassDefinitionPatchBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/ConfigurationBundle/README.md b/src/CoreShop/Bundle/ConfigurationBundle/README.md
index 7825164044..c34098d04f 100644
--- a/src/CoreShop/Bundle/ConfigurationBundle/README.md
+++ b/src/CoreShop/Bundle/ConfigurationBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ConfigurationBundle/composer.json b/src/CoreShop/Bundle/ConfigurationBundle/composer.json
index e44191199d..e52fe681ce 100644
--- a/src/CoreShop/Bundle/ConfigurationBundle/composer.json
+++ b/src/CoreShop/Bundle/ConfigurationBundle/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/configuration-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Configuration Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/configuration-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Configuration Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/configuration": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/configuration": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ConfigurationBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ConfigurationBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/CoreBundle/EventListener/AdminJavascriptListener.php b/src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/AdminJavascriptListener.php
similarity index 94%
rename from src/CoreShop/Bundle/CoreBundle/EventListener/AdminJavascriptListener.php
rename to src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/AdminJavascriptListener.php
index fd3091dd63..d002e2898d 100644
--- a/src/CoreShop/Bundle/CoreBundle/EventListener/AdminJavascriptListener.php
+++ b/src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/AdminJavascriptListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\CoreBundle\EventListener;
+namespace CoreShop\Bundle\CoreBundle\AdminClass\EventListener;
 
 use Pimcore\Bundle\AdminBundle\Event\BundleManagerEvents;
 use Pimcore\Event\BundleManager\PathsEvent;
diff --git a/src/CoreShop/Bundle/CoreBundle/EventListener/CustomerOrderDeletionListener.php b/src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/CustomerOrderDeletionListener.php
similarity index 96%
rename from src/CoreShop/Bundle/CoreBundle/EventListener/CustomerOrderDeletionListener.php
rename to src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/CustomerOrderDeletionListener.php
index 509e046043..f27f0ec2bf 100644
--- a/src/CoreShop/Bundle/CoreBundle/EventListener/CustomerOrderDeletionListener.php
+++ b/src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/CustomerOrderDeletionListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\CoreBundle\EventListener;
+namespace CoreShop\Bundle\CoreBundle\AdminClass\EventListener;
 
 use CoreShop\Component\Core\Model\CustomerInterface;
 use CoreShop\Component\Order\Repository\OrderRepositoryInterface;
diff --git a/src/CoreShop/Bundle/CoreBundle/EventListener/ProductStoreValuesAdminGetListener.php b/src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/ProductStoreValuesAdminGetListener.php
similarity index 96%
rename from src/CoreShop/Bundle/CoreBundle/EventListener/ProductStoreValuesAdminGetListener.php
rename to src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/ProductStoreValuesAdminGetListener.php
index ca7ed078d1..43d0732126 100644
--- a/src/CoreShop/Bundle/CoreBundle/EventListener/ProductStoreValuesAdminGetListener.php
+++ b/src/CoreShop/Bundle/CoreBundle/AdminClass/EventListener/ProductStoreValuesAdminGetListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\CoreBundle\EventListener;
+namespace CoreShop\Bundle\CoreBundle\AdminClass\EventListener;
 
 use CoreShop\Component\Core\Model\ProductInterface;
 use Pimcore\Bundle\AdminBundle\Event\AdminEvents;
diff --git a/src/CoreShop/Bundle/CoreBundle/Pimcore/GridColumnConfig/Operator/Factory/StorePriceFactory.php b/src/CoreShop/Bundle/CoreBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/StorePriceFactory.php
similarity index 85%
rename from src/CoreShop/Bundle/CoreBundle/Pimcore/GridColumnConfig/Operator/Factory/StorePriceFactory.php
rename to src/CoreShop/Bundle/CoreBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/StorePriceFactory.php
index a69e087922..f819502ea4 100644
--- a/src/CoreShop/Bundle/CoreBundle/Pimcore/GridColumnConfig/Operator/Factory/StorePriceFactory.php
+++ b/src/CoreShop/Bundle/CoreBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/StorePriceFactory.php
@@ -15,9 +15,9 @@
  *
  */
 
-namespace CoreShop\Bundle\CoreBundle\Pimcore\GridColumnConfig\Operator\Factory;
+namespace CoreShop\Bundle\CoreBundle\AdminClass\Pimcore\GridColumnConfig\Operator\Factory;
 
-use CoreShop\Bundle\CoreBundle\Pimcore\GridColumnConfig\Operator\StorePrice;
+use CoreShop\Bundle\CoreBundle\AdminClass\Pimcore\GridColumnConfig\Operator\StorePrice;
 use CoreShop\Component\Currency\Formatter\MoneyFormatterInterface;
 use CoreShop\Component\Store\Repository\StoreRepositoryInterface;
 use Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\Factory\OperatorFactoryInterface;
diff --git a/src/CoreShop/Bundle/CoreBundle/Pimcore/GridColumnConfig/Operator/StorePrice.php b/src/CoreShop/Bundle/CoreBundle/AdminClass/Pimcore/GridColumnConfig/Operator/StorePrice.php
similarity index 95%
rename from src/CoreShop/Bundle/CoreBundle/Pimcore/GridColumnConfig/Operator/StorePrice.php
rename to src/CoreShop/Bundle/CoreBundle/AdminClass/Pimcore/GridColumnConfig/Operator/StorePrice.php
index 491d9ecfff..94c21f1a4b 100644
--- a/src/CoreShop/Bundle/CoreBundle/Pimcore/GridColumnConfig/Operator/StorePrice.php
+++ b/src/CoreShop/Bundle/CoreBundle/AdminClass/Pimcore/GridColumnConfig/Operator/StorePrice.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\CoreBundle\Pimcore\GridColumnConfig\Operator;
+namespace CoreShop\Bundle\CoreBundle\AdminClass\Pimcore\GridColumnConfig\Operator;
 
 use CoreShop\Component\Core\Model\ProductInterface;
 use CoreShop\Component\Core\Model\StoreInterface;
diff --git a/src/CoreShop/Bundle/CoreBundle/Controller/ConfigurationController.php b/src/CoreShop/Bundle/CoreBundle/Controller/ConfigurationController.php
index 467259e45e..06bf90d01d 100644
--- a/src/CoreShop/Bundle/CoreBundle/Controller/ConfigurationController.php
+++ b/src/CoreShop/Bundle/CoreBundle/Controller/ConfigurationController.php
@@ -32,7 +32,7 @@ public function saveAllAction(
         ConfigurationServiceInterface $configurationService,
         StoreRepositoryInterface $storeRepository,
     ): Response {
-        $values = $this->decodeJson($this->getParameterFromRequest($request, 'values'), true, [], false);
+        $values = json_decode($this->getParameterFromRequest($request, 'values'), true);
         $values = array_htmlspecialchars($values);
 
         foreach ($values as $store => $storeValues) {
diff --git a/src/CoreShop/Bundle/CoreBundle/CoreShopCoreBundle.php b/src/CoreShop/Bundle/CoreBundle/CoreShopCoreBundle.php
index e051a19f2e..19a89f1a26 100644
--- a/src/CoreShop/Bundle/CoreBundle/CoreShopCoreBundle.php
+++ b/src/CoreShop/Bundle/CoreBundle/CoreShopCoreBundle.php
@@ -20,9 +20,13 @@
 use CoreShop\Bundle\AddressBundle\CoreShopAddressBundle;
 use CoreShop\Bundle\ClassDefinitionPatchBundle\CoreShopClassDefinitionPatchBundle;
 use CoreShop\Bundle\ConfigurationBundle\CoreShopConfigurationBundle;
+use CoreShop\Bundle\StudioFormBundle\CoreShopStudioFormBundle;
 use CoreShop\Bundle\CoreBundle\DependencyInjection\Compiler\RegisterIndexProductExtensionPass;
 use CoreShop\Bundle\CoreBundle\DependencyInjection\Compiler\RegisterPortletsPass;
 use CoreShop\Bundle\CoreBundle\DependencyInjection\Compiler\RegisterReportsPass;
+use CoreShop\Bundle\ProductQuantityPriceRulesBundle\DependencyInjection\Compiler\ProductQuantityPriceRulesActionPass;
+use CoreShop\Bundle\ProductQuantityPriceRulesBundle\DependencyInjection\Compiler\ProductQuantityPriceRulesConditionPass;
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterFormTypesFromTagsPass;
 use CoreShop\Bundle\CurrencyBundle\CoreShopCurrencyBundle;
 use CoreShop\Bundle\CustomerBundle\CoreShopCustomerBundle;
 use CoreShop\Bundle\IndexBundle\CoreShopIndexBundle;
@@ -47,7 +51,6 @@
 use CoreShop\Bundle\WishlistBundle\CoreShopWishlistBundle;
 use Doctrine\Bundle\FixturesBundle\DoctrineFixturesBundle;
 use Pimcore\Bundle\CustomReportsBundle\PimcoreCustomReportsBundle;
-use Pimcore\Bundle\NewsletterBundle\PimcoreNewsletterBundle;
 use Pimcore\HttpKernel\BundleCollection\BundleCollection;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
 
@@ -67,6 +70,8 @@ public function build(ContainerBuilder $container): void
         $container->addCompilerPass(new RegisterIndexProductExtensionPass());
         $container->addCompilerPass(new RegisterReportsPass());
         $container->addCompilerPass(new RegisterPortletsPass());
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ProductQuantityPriceRulesConditionPass::PRODUCT_QUANTITY_PRICE_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ProductQuantityPriceRulesActionPass::PRODUCT_QUANTITY_PRICE_RULE_ACTION_TAG));
     }
 
     public static function registerDependentBundles(BundleCollection $collection): void
@@ -97,11 +102,8 @@ public static function registerDependentBundles(BundleCollection $collection): v
         $collection->addBundle(new CoreShopProductQuantityPriceRulesBundle(), 1600);
         $collection->addBundle(new CoreShopWishlistBundle(), 1500);
         $collection->addBundle(new CoreShopClassDefinitionPatchBundle(), 1400);
+        $collection->addBundle(new CoreShopStudioFormBundle(), 3900);
         $collection->addBundle(new PimcoreCustomReportsBundle(), 20000);
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
-        $collection->addBundle(new PimcoreNewsletterBundle(), 20000);
     }
 
     public function getPackageName(): string
diff --git a/src/CoreShop/Bundle/CoreBundle/DependencyInjection/CoreShopCoreExtension.php b/src/CoreShop/Bundle/CoreBundle/DependencyInjection/CoreShopCoreExtension.php
index de7c360cd9..88b692bac6 100644
--- a/src/CoreShop/Bundle/CoreBundle/DependencyInjection/CoreShopCoreExtension.php
+++ b/src/CoreShop/Bundle/CoreBundle/DependencyInjection/CoreShopCoreExtension.php
@@ -29,7 +29,6 @@
 use CoreShop\Component\Order\Checkout\DefaultCheckoutManagerFactory;
 use CoreShop\Component\Registry\Autoconfiguration;
 use Pimcore\Bundle\CustomReportsBundle\PimcoreCustomReportsBundle;
-use Pimcore\Bundle\SimpleBackendSearchBundle\PimcoreSimpleBackendSearchBundle;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\Alias;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
@@ -71,7 +70,7 @@ public function load(array $configs, ContainerBuilder $container): void
         /**
          * @psalm-suppress DeprecatedClass
          */
-        $this->registerDependantBundles('coreshop', [PimcoreSimpleBackendSearchBundle::class, PimcoreCustomReportsBundle::class], $container);
+        $this->registerDependantBundles('coreshop', [PimcoreCustomReportsBundle::class], $container);
 
         if (array_key_exists('pimcore_admin', $configs)) {
             $this->registerPimcoreResources('coreshop', $configs['pimcore_admin'], $container);
@@ -85,6 +84,14 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
+        if (array_key_exists('PimcoreAdminBundle', $bundles)) {
+            $loader->load('services/classic_admin.yml');
+        }
+
         $loader->load('services.yml');
 
         $env = (string) $container->getParameter('kernel.environment');
@@ -135,6 +142,18 @@ public function prepend(ContainerBuilder $container): void
                 ]);
             }
         }
+
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\CoreBundle\\StudioBackend\\DataAdapter\\StoreValuesAdapter' => [
+                        'coreShopStoreValues',
+                    ],
+                ],
+            ]);
+        }
     }
 
     private function registerCheckout(ContainerBuilder $container, array $configs): void
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Extension/CarrierTypeExtension.php b/src/CoreShop/Bundle/CoreBundle/Form/Extension/CarrierTypeExtension.php
index ee00f72dd8..a0e265a8ca 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Extension/CarrierTypeExtension.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Extension/CarrierTypeExtension.php
@@ -27,9 +27,14 @@ final class CarrierTypeExtension extends AbstractTypeExtension
 {
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
-        $builder->add('taxRule', TaxRuleGroupChoiceType::class);
         $builder->add('stores', StoreChoiceType::class, [
+            'label' => 'coreshop_stores',
             'multiple' => true,
+            'priority' => 40,
+        ]);
+        $builder->add('taxRule', TaxRuleGroupChoiceType::class, [
+            'label' => 'coreshop_tax_rule_group',
+            'priority' => 30,
         ]);
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Extension/CartCreationTypeExtension.php b/src/CoreShop/Bundle/CoreBundle/Form/Extension/CartCreationTypeExtension.php
index b9b204650c..2875176c5b 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Extension/CartCreationTypeExtension.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Extension/CartCreationTypeExtension.php
@@ -19,6 +19,7 @@
 
 use CoreShop\Bundle\CoreBundle\Form\Type\AddressChoiceType;
 use CoreShop\Bundle\OrderBundle\Form\Type\CartCreationType;
+use CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderChoiceType;
 use CoreShop\Bundle\ShippingBundle\Form\Type\CarrierChoiceType;
 use Symfony\Component\Form\AbstractTypeExtension;
 use Symfony\Component\Form\FormBuilderInterface;
@@ -29,12 +30,20 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder->add('shippingAddress', AddressChoiceType::class, [
             'customer' => $options['customer'],
+            'label' => 'coreshop_shipping_address',
         ]);
 
         $builder->add('invoiceAddress', AddressChoiceType::class, [
             'customer' => $options['customer'],
+            'label' => 'coreshop_invoice_address',
+        ]);
+        $builder->add('carrier', CarrierChoiceType::class, [
+            'label' => 'coreshop_carrier',
+        ]);
+        $builder->add('paymentProvider', PaymentProviderChoiceType::class, [
+            'required' => false,
+            'label' => 'coreshop_payment_provider',
         ]);
-        $builder->add('carrier', CarrierChoiceType::class);
     }
 
     public static function getExtendedTypes(): iterable
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderInvoiceCreationTypeExtension.php b/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderInvoiceCreationTypeExtension.php
new file mode 100644
index 0000000000..fd45c971f3
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderInvoiceCreationTypeExtension.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Extension;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderInvoiceCreationType;
+use CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderChoiceType;
+use Symfony\Component\Form\AbstractTypeExtension;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class OrderInvoiceCreationTypeExtension extends AbstractTypeExtension
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder->add('paymentProvider', PaymentProviderChoiceType::class, [
+            'label' => 'coreshop_paymentProvider',
+            'priority' => 400,
+        ]);
+    }
+
+    public static function getExtendedTypes(): iterable
+    {
+        return [OrderInvoiceCreationType::class];
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderShipmentCreationTypeExtension.php b/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderShipmentCreationTypeExtension.php
index f0b2d7e76c..084ef37e13 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderShipmentCreationTypeExtension.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Extension/OrderShipmentCreationTypeExtension.php
@@ -26,7 +26,9 @@ final class OrderShipmentCreationTypeExtension extends AbstractTypeExtension
 {
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
-        $builder->add('carrier', CarrierChoiceType::class);
+        $builder->add('carrier', CarrierChoiceType::class, [
+            'priority' => 400
+        ]);
     }
 
     public static function getExtendedTypes(): iterable
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Extension/StudioOrderShipmentCreationTypeExtension.php b/src/CoreShop/Bundle/CoreBundle/Form/Extension/StudioOrderShipmentCreationTypeExtension.php
new file mode 100644
index 0000000000..630a9d2fa9
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Extension/StudioOrderShipmentCreationTypeExtension.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Extension;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderShipmentCreationType;
+use CoreShop\Bundle\ShippingBundle\Form\Type\CarrierChoiceType;
+use Symfony\Component\Form\AbstractTypeExtension;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class StudioOrderShipmentCreationTypeExtension extends AbstractTypeExtension
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder->add('carrier', CarrierChoiceType::class, [
+            'label' => 'coreshop_carrier',
+            'priority' => 400,
+        ]);
+    }
+
+    public static function getExtendedTypes(): iterable
+    {
+        return [OrderShipmentCreationType::class];
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Extension/TaxRuleTypeExtension.php b/src/CoreShop/Bundle/CoreBundle/Form/Extension/TaxRuleTypeExtension.php
index 6fb940ccbb..dd3490a0a3 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Extension/TaxRuleTypeExtension.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Extension/TaxRuleTypeExtension.php
@@ -29,10 +29,12 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('country', CountryChoiceType::class, [
+                'label' => 'coreshop_country',
                 'active' => null,
                 'required' => false,
             ])
             ->add('state', StateChoiceType::class, [
+                'label' => 'coreshop_state',
                 'active' => null,
                 'required' => false,
             ])
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Schema/CartCreationSchemaEnricher.php b/src/CoreShop/Bundle/CoreBundle/Form/Schema/CartCreationSchemaEnricher.php
new file mode 100644
index 0000000000..72ec4cdf69
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Schema/CartCreationSchemaEnricher.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Schema;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\CartCreationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\SectionSchema;
+
+final class CartCreationSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_SECTIONS = [
+        'shippingAddress' => 'address',
+        'invoiceAddress' => 'address',
+        'carrier' => 'shipping',
+        'paymentProvider' => 'payment',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === CartCreationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->sections = array_merge($schema->sections, [
+            new SectionSchema('address', 'coreshop_order_creation_address', 30),
+            new SectionSchema('shipping', 'coreshop_order_creation_shipping', 40),
+            new SectionSchema('payment', 'coreshop_order_creation_payment', 50),
+        ]);
+
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_SECTIONS[$field->name])) {
+                $field->section = self::FIELD_SECTIONS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Schema/NotificationMailActionSchemaEnricher.php b/src/CoreShop/Bundle/CoreBundle/Form/Schema/NotificationMailActionSchemaEnricher.php
new file mode 100644
index 0000000000..816c3c282d
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Schema/NotificationMailActionSchemaEnricher.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Schema;
+
+use CoreShop\Bundle\CoreBundle\Form\Type\Notification\Action\OrderMailConfigurationType;
+use CoreShop\Bundle\CoreBundle\Form\Type\Notification\Action\StoreMailConfigurationType;
+use CoreShop\Bundle\CoreBundle\Form\Type\Notification\Action\StoreOrderMailConfigurationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class NotificationMailActionSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array LOCALIZED_MAIL_TYPES = [
+        OrderMailConfigurationType::class,
+    ];
+
+    private const array STORE_LOCALIZED_MAIL_TYPES = [
+        StoreMailConfigurationType::class,
+        StoreOrderMailConfigurationType::class,
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return in_array($formTypeClass, self::LOCALIZED_MAIL_TYPES, true)
+            || in_array($formTypeClass, self::STORE_LOCALIZED_MAIL_TYPES, true);
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $blockPrefix = in_array($formTypeClass, self::STORE_LOCALIZED_MAIL_TYPES, true)
+            ? 'coreshop_store_localized_mail_documents'
+            : 'coreshop_localized_mail_documents';
+
+        foreach ($schema->fields as $field) {
+            if ($field->name === 'mails') {
+                $field->blockPrefixes = array_merge(
+                    $field->blockPrefixes,
+                    [$blockPrefix],
+                );
+
+                break;
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Schema/StoreSettingsSchemaEnricher.php b/src/CoreShop/Bundle/CoreBundle/Form/Schema/StoreSettingsSchemaEnricher.php
new file mode 100644
index 0000000000..5705213b8d
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Schema/StoreSettingsSchemaEnricher.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Schema;
+
+use CoreShop\Bundle\CoreBundle\Form\Type\StoreSettingsType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\SectionSchema;
+
+final class StoreSettingsSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_SECTIONS = [
+        'guest_checkout' => 'base',
+        'category_list_mode' => 'category',
+        'category_list_per_page' => 'category',
+        'category_list_per_page_default' => 'category',
+        'category_list_include_subcategories' => 'category',
+        'category_grid_per_page' => 'category',
+        'category_grid_per_page_default' => 'category',
+        'category_variant_mode' => 'category',
+        'quote_prefix' => 'quote',
+        'quote_suffix' => 'quote',
+        'order_prefix' => 'order',
+        'order_suffix' => 'order',
+        'invoice_prefix' => 'invoice',
+        'invoice_suffix' => 'invoice',
+        'invoice_wkhtml' => 'invoice',
+        'shipment_prefix' => 'shipping',
+        'shipment_suffix' => 'shipping',
+        'shipment_wkhtml' => 'shipping',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === StoreSettingsType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->sections = [
+            new SectionSchema('base', 'coreshop_base', 100, true, false),
+            new SectionSchema('category', 'coreshop_category', 90, true, true),
+            new SectionSchema('quote', 'coreshop_quote', 80, true, true),
+            new SectionSchema('order', 'coreshop_order', 70, true, true),
+            new SectionSchema('invoice', 'coreshop_invoice', 60, true, true),
+            new SectionSchema('shipping', 'coreshop_shipping', 50, true, true),
+        ];
+
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_SECTIONS[$field->name])) {
+                $field->section = self::FIELD_SECTIONS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/AddressChoiceType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/AddressChoiceType.php
index 3daffa3b85..b83f40c913 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/AddressChoiceType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/AddressChoiceType.php
@@ -36,11 +36,15 @@ public function __construct(
 
     public function configureOptions(OptionsResolver $resolver): void
     {
-        $resolver->setRequired('customer');
         $resolver
             ->setDefaults(
                 [
+                    'customer' => null,
                     'choices' => function (Options $options) {
+                        if ($options['customer'] === null) {
+                            return [];
+                        }
+
                         /**
                          * @var CustomerInterface $customer
                          */
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Checkout/PaymentType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Checkout/PaymentType.php
index 32d06cef45..d0e8515f88 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Checkout/PaymentType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Checkout/PaymentType.php
@@ -111,7 +111,7 @@ public function buildView(FormView $view, FormInterface $form, array $options):
     {
         $view->vars['prototypes'] = [];
 
-        foreach ($form->getConfig()->getAttribute('prototypes') as $type => $prototype) {
+        foreach ($form->getConfig()->getAttribute('prototypes') ?? [] as $type => $prototype) {
             /* @var FormInterface $prototype */
             $view->vars['prototypes'][$type] = $prototype->createView($view);
         }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/CustomerCompanyAssignmentType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/CustomerCompanyAssignmentType.php
new file mode 100644
index 0000000000..5855a9e9ed
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/CustomerCompanyAssignmentType.php
@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+final class CustomerCompanyAssignmentType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('newCompanyName', TextType::class, [
+                'label' => 'coreshop_customer_transformer_assignment_form_company_name',
+                'required' => false,
+            ])
+            ->add('addressAssignmentType', ChoiceType::class, [
+                'label' => 'coreshop_customer_transformer_assignment_form_address_assignment_type',
+                'choices' => [
+                    'coreshop_customer_transformer_assignment_form_assignment_type_keep' => 'keep',
+                    'coreshop_customer_transformer_assignment_form_assignment_type_move' => 'move',
+                ],
+                'required' => true,
+            ])
+            ->add('addressAccessType', ChoiceType::class, [
+                'label' => 'coreshop_customer_transformer_assignment_form_assignment_address_access_type',
+                'choices' => [
+                    'coreshop_customer_transformer_assignment_form_assignment_address_access_own_only' => 'own_only',
+                    'coreshop_customer_transformer_assignment_form_assignment_address_access_company_only' => 'company_only',
+                    'coreshop_customer_transformer_assignment_form_assignment_address_access_own_and_company' => 'own_and_company',
+                ],
+                'required' => true,
+            ])
+        ;
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'translation_domain' => 'studio',
+        ]);
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_customer_company_assignment';
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/OrderMailConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/OrderMailConfigurationType.php
index 02bbf2585b..710435c25f 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/OrderMailConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/OrderMailConfigurationType.php
@@ -30,12 +30,19 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
 
         $builder
             ->add('mails', CollectionType::class, [
+                'label' => 'coreshop_email_document',
                 'allow_add' => true,
                 'allow_delete' => true,
             ])
-            ->add('sendInvoices', CheckboxType::class)
-            ->add('sendShipments', CheckboxType::class)
-            ->add('doNotSendToDesignatedRecipient', CheckboxType::class)
+            ->add('sendInvoices', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_send_invoices',
+            ])
+            ->add('sendShipments', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_send_shipments',
+            ])
+            ->add('doNotSendToDesignatedRecipient', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_do_not_send_to_designated_recipient',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreMailConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreMailConfigurationType.php
index 6d96b85584..d931bb122d 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreMailConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreMailConfigurationType.php
@@ -29,6 +29,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('mails', CollectionType::class, [
+                'label' => 'coreshop_email_document',
                 'allow_add' => true,
                 'allow_delete' => true,
                 'entry_type' => CollectionType::class,
@@ -38,7 +39,9 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                     'entry_type' => IntegerType::class,
                 ],
             ])
-            ->add('doNotSendToDesignatedRecipient', CheckboxType::class)
+            ->add('doNotSendToDesignatedRecipient', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_do_not_send_to_designated_recipient',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreOrderMailConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreOrderMailConfigurationType.php
index f7ba3b013c..3653daf01f 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreOrderMailConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Action/StoreOrderMailConfigurationType.php
@@ -29,6 +29,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('mails', CollectionType::class, [
+                'label' => 'coreshop_email_document',
                 'allow_add' => true,
                 'allow_delete' => true,
                 'entry_type' => CollectionType::class,
@@ -38,9 +39,15 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                     'entry_type' => IntegerType::class,
                 ],
             ])
-            ->add('sendInvoices', CheckboxType::class)
-            ->add('sendShipments', CheckboxType::class)
-            ->add('doNotSendToDesignatedRecipient', CheckboxType::class)
+            ->add('sendInvoices', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_send_invoices',
+            ])
+            ->add('sendShipments', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_send_shipments',
+            ])
+            ->add('doNotSendToDesignatedRecipient', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_do_not_send_to_designated_recipient',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/BackendCreatedConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/BackendCreatedConfigurationType.php
index 98a5857daf..a392c25242 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/BackendCreatedConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/BackendCreatedConfigurationType.php
@@ -26,7 +26,9 @@ final class BackendCreatedConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('backendCreated', CheckboxType::class)
+            ->add('backendCreated', CheckboxType::class, [
+                'label' => 'coreshop_condition_backendCreated',
+            ])
         ;
     }
 }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/InvoiceStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/InvoiceStateConfigurationType.php
index f0b85db0a3..dc10ab9f31 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/InvoiceStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/InvoiceStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('invoiceState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderInvoiceStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderInvoiceStateConfigurationType.php
index 3b7b047712..a94f4b65ec 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderInvoiceStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderInvoiceStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('orderInvoiceState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderPaymentStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderPaymentStateConfigurationType.php
index 36425adb28..de9989cd5a 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderPaymentStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderPaymentStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('orderPaymentState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderSaleStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderSaleStateConfigurationType.php
index 2be823e22a..8ed2e0e8b6 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderSaleStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderSaleStateConfigurationType.php
@@ -26,7 +26,9 @@ final class OrderSaleStateConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('saleState', TextType::class, [])
+            ->add('saleState', TextType::class, [
+                'label' => 'coreshop_select_state',
+            ])
         ;
     }
 }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderShippingStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderShippingStateConfigurationType.php
index 68f4755058..4d5f04e9fa 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderShippingStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderShippingStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('orderShippingState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderStateConfigurationType.php
index 1c4d4559a5..f012b4107b 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/OrderStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('orderState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/PaymentStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/PaymentStateConfigurationType.php
index 481faeed2d..5a4afc8b22 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/PaymentStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/PaymentStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('paymentState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/QuoteStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/QuoteStateConfigurationType.php
index 361d3c1d53..c0cf8f0c0e 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/QuoteStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/QuoteStateConfigurationType.php
@@ -25,6 +25,8 @@ final class QuoteStateConfigurationType extends AbstractType
 {
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
-        $builder->add('quoteState', TextType::class);
+        $builder->add('quoteState', TextType::class, [
+            'label' => 'coreshop_select_state',
+        ]);
     }
 }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/ShipmentStateConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/ShipmentStateConfigurationType.php
index b108f7ba3b..02f2027390 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/ShipmentStateConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/ShipmentStateConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('shipmentState', TextType::class, [
+                'label' => 'coreshop_select_state',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StateTransitionConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StateTransitionConfigurationType.php
index c068220b94..342e710416 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StateTransitionConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StateTransitionConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('transition', TextType::class, [
+                'label' => 'coreshop_select_transition',
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StoresConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StoresConfigurationType.php
index 33db13b7d2..3d74bfd44c 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StoresConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/StoresConfigurationType.php
@@ -27,6 +27,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('stores', CollectionType::class, [
+                'label' => 'coreshop_condition_stores',
                 'allow_add' => true,
                 'allow_delete' => true,
             ])
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/UserTypeConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/UserTypeConfigurationType.php
index 3c85e86e4f..7aed38ccb3 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/UserTypeConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Notification/Condition/UserTypeConfigurationType.php
@@ -28,6 +28,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('userType', ChoiceType::class, [
+                'label' => 'coreshop_condition_userType',
                 'choices' => [
                     UserTypeChecker::TYPE_PASSWORD_RESET,
                     UserTypeChecker::TYPE_REGISTER,
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Action/GiftProductConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Action/GiftProductConfigurationType.php
index 5dd127bb1a..bc95aaf259 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Action/GiftProductConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Action/GiftProductConfigurationType.php
@@ -17,15 +17,18 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Action;
 
+use CoreShop\Bundle\StudioFormBundle\Form\Type\PimcoreRelationType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\IntegerType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class GiftProductConfigurationType extends AbstractType
 {
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
-        $builder->add('product', IntegerType::class);
+        $builder->add('product', PimcoreRelationType::class, [
+            'label' => 'coreshop_action_giftProduct',
+            'relation_class' => 'CoreShopProduct',
+        ]);
     }
 
     public function getBlockPrefix(): string
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CarriersConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CarriersConfigurationType.php
index a450c1f762..f7d95572d9 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CarriersConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CarriersConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\ShippingBundle\Form\Type\CarrierChoiceType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class CarriersConfigurationType extends AbstractType
@@ -26,9 +26,9 @@ final class CarriersConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('carriers', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('carriers', CarrierChoiceType::class, [
+                'label' => 'coreshop_condition_carriers',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CategoriesConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CategoriesConfigurationType.php
index 375c284bd8..7a7f024fa3 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CategoriesConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CategoriesConfigurationType.php
@@ -17,9 +17,9 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\StudioFormBundle\Form\Type\PimcoreRelationType;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class CategoriesConfigurationType extends AbstractType
@@ -27,11 +27,14 @@ final class CategoriesConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('categories', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('categories', PimcoreRelationType::class, [
+                'label' => 'coreshop_condition_categories',
+                'relation_class' => 'CoreShopCategory',
+                'multiple' => true,
+            ])
+            ->add('recursive', CheckboxType::class, [
+                'label' => 'coreshop_condition_recursive',
             ])
-            ->add('recursive', CheckboxType::class)
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CommentConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CommentConfigurationType.php
index a4dfac1225..ef9d03c244 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CommentConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CommentConfigurationType.php
@@ -26,7 +26,9 @@ final class CommentConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('commentAction', TextType::class)
+            ->add('commentAction', TextType::class, [
+                'label' => 'coreshop_condition_comment_action',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CountriesConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CountriesConfigurationType.php
index 3c5870ecec..2ece57d05b 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CountriesConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CountriesConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\AddressBundle\Form\Type\CountryChoiceType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class CountriesConfigurationType extends AbstractType
@@ -26,9 +26,9 @@ final class CountriesConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('countries', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('countries', CountryChoiceType::class, [
+                'label' => 'coreshop_condition_countries',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CurrenciesConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CurrenciesConfigurationType.php
index 36e0bd0ee5..6b220a97c5 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CurrenciesConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CurrenciesConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\CurrencyBundle\Form\Type\CurrencyChoiceType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class CurrenciesConfigurationType extends AbstractType
@@ -26,9 +26,9 @@ final class CurrenciesConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('currencies', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('currencies', CurrencyChoiceType::class, [
+                'label' => 'coreshop_condition_currencies',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomerGroupsConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomerGroupsConfigurationType.php
index 37ddc544e2..850eb7943d 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomerGroupsConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomerGroupsConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\StudioFormBundle\Form\Type\PimcoreRelationType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class CustomerGroupsConfigurationType extends AbstractType
@@ -26,9 +26,10 @@ final class CustomerGroupsConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('customerGroups', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('customerGroups', PimcoreRelationType::class, [
+                'label' => 'coreshop_condition_customerGroups',
+                'relation_class' => 'CoreShopCustomerGroup',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomersConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomersConfigurationType.php
index 072d7b1fa9..1ec4ed0134 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomersConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/CustomersConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\StudioFormBundle\Form\Type\PimcoreRelationType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class CustomersConfigurationType extends AbstractType
@@ -26,9 +26,10 @@ final class CustomersConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('customers', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('customers', PimcoreRelationType::class, [
+                'label' => 'coreshop_condition_customers',
+                'relation_class' => 'CoreShopCustomer',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ProductsConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ProductsConfigurationType.php
index a4aa664af1..5d964622d4 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ProductsConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ProductsConfigurationType.php
@@ -17,9 +17,9 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\StudioFormBundle\Form\Type\PimcoreRelationType;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class ProductsConfigurationType extends AbstractType
@@ -27,11 +27,14 @@ final class ProductsConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('products', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('products', PimcoreRelationType::class, [
+                'label' => 'coreshop_condition_products',
+                'relation_class' => 'CoreShopProduct',
+                'multiple' => true,
+            ])
+            ->add('include_variants', CheckboxType::class, [
+                'label' => 'coreshop_condition_include_variants',
             ])
-            ->add('include_variants', CheckboxType::class)
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/StoresConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/StoresConfigurationType.php
index 639c182a09..871360ba80 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/StoresConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/StoresConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\StoreBundle\Form\Type\StoreChoiceType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class StoresConfigurationType extends AbstractType
@@ -26,9 +26,9 @@ final class StoresConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('stores', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('stores', StoreChoiceType::class, [
+                'label' => 'coreshop_condition_stores',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ZonesConfigurationType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ZonesConfigurationType.php
index 6d745f445f..2b25e29ad8 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ZonesConfigurationType.php
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/ZonesConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\AddressBundle\Form\Type\ZoneChoiceType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class ZonesConfigurationType extends AbstractType
@@ -26,9 +26,9 @@ final class ZonesConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('zones', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('zones', ZoneChoiceType::class, [
+                'label' => 'coreshop_condition_zones',
+                'multiple' => true,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/StoreSettingsType.php b/src/CoreShop/Bundle/CoreBundle/Form/Type/StoreSettingsType.php
new file mode 100644
index 0000000000..812945519c
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Form/Type/StoreSettingsType.php
@@ -0,0 +1,144 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class StoreSettingsType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            // Base
+            ->add('guest_checkout', CheckboxType::class, [
+                'label' => 'coreshop_guestcheckout',
+                'required' => false,
+                'priority' => 1000,
+            ])
+            // Category
+            ->add('category_list_mode', ChoiceType::class, [
+                'label' => 'coreshop_category_list_mode',
+                'choices' => [
+                    'List' => 'list',
+                    'Grid' => 'grid',
+                ],
+                'required' => false,
+                'priority' => 900,
+            ])
+            ->add('category_list_per_page', TextType::class, [
+                'label' => 'coreshop_category_list_per_page',
+                'required' => false,
+                'priority' => 890,
+            ])
+            ->add('category_list_per_page_default', IntegerType::class, [
+                'label' => 'coreshop_category_list_per_page_default',
+                'required' => false,
+                'priority' => 880,
+            ])
+            ->add('category_list_include_subcategories', CheckboxType::class, [
+                'label' => 'coreshop_category_list_include_subcategories',
+                'required' => false,
+                'priority' => 870,
+            ])
+            ->add('category_grid_per_page', TextType::class, [
+                'label' => 'coreshop_category_grid_per_page',
+                'required' => false,
+                'priority' => 860,
+            ])
+            ->add('category_grid_per_page_default', IntegerType::class, [
+                'label' => 'coreshop_category_grid_per_page_default',
+                'required' => false,
+                'priority' => 850,
+            ])
+            ->add('category_variant_mode', ChoiceType::class, [
+                'label' => 'coreshop_category_variant_mode',
+                'choices' => [
+                    'Hide' => 'hide',
+                    'Include' => 'include',
+                    'Include Parent Object' => 'include_parent_object',
+                ],
+                'required' => false,
+                'priority' => 840,
+            ])
+            // Quote
+            ->add('quote_prefix', TextType::class, [
+                'label' => 'coreshop_prefix',
+                'required' => false,
+                'priority' => 700,
+            ])
+            ->add('quote_suffix', TextType::class, [
+                'label' => 'coreshop_suffix',
+                'required' => false,
+                'priority' => 690,
+            ])
+            // Order
+            ->add('order_prefix', TextType::class, [
+                'label' => 'coreshop_prefix',
+                'required' => false,
+                'priority' => 600,
+            ])
+            ->add('order_suffix', TextType::class, [
+                'label' => 'coreshop_suffix',
+                'required' => false,
+                'priority' => 590,
+            ])
+            // Invoice
+            ->add('invoice_prefix', TextType::class, [
+                'label' => 'coreshop_prefix',
+                'required' => false,
+                'priority' => 500,
+            ])
+            ->add('invoice_suffix', TextType::class, [
+                'label' => 'coreshop_suffix',
+                'required' => false,
+                'priority' => 490,
+            ])
+            ->add('invoice_wkhtml', TextType::class, [
+                'label' => 'coreshop_wkhtmltopdf_params',
+                'required' => false,
+                'priority' => 480,
+            ])
+            // Shipment
+            ->add('shipment_prefix', TextType::class, [
+                'label' => 'coreshop_prefix',
+                'required' => false,
+                'priority' => 400,
+            ])
+            ->add('shipment_suffix', TextType::class, [
+                'label' => 'coreshop_suffix',
+                'required' => false,
+                'priority' => 390,
+            ])
+            ->add('shipment_wkhtml', TextType::class, [
+                'label' => 'coreshop_wkhtmltopdf_params',
+                'required' => false,
+                'priority' => 380,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_store_settings';
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Menu/MainMenuBuilder.php b/src/CoreShop/Bundle/CoreBundle/Menu/MainMenuBuilder.php
index 5f42f83f7c..257ddbc7f8 100644
--- a/src/CoreShop/Bundle/CoreBundle/Menu/MainMenuBuilder.php
+++ b/src/CoreShop/Bundle/CoreBundle/Menu/MainMenuBuilder.php
@@ -23,6 +23,11 @@
 
 class MainMenuBuilder implements MenuBuilderInterface
 {
+    public function __construct(
+        private readonly bool $debug,
+    ) {
+    }
+
     public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, string $type): void
     {
         $menuItem->setLabel('coreshop');
@@ -44,17 +49,19 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_order')
             ->setAttribute('resource', 'coreshop.order')
             ->setAttribute('function', 'open_order_by_number')
+            ->setAttribute('widgetEvent', 'coreshop.order-by-number.open')
             ->setExtra('order', 10)
         ;
 
-        $menuItem->addChild('coreshop_quote_by_number')
-            ->setLabel('coreshop_quote_by_number')
-            ->setAttribute('permission', 'coreshop_permission_quote_detail')
-            ->setAttribute('iconCls', 'coreshop_nav_icon_quote')
-            ->setAttribute('resource', 'coreshop.order')
-            ->setAttribute('function', 'coreshop_quote_by_number')
-            ->setExtra('order', 20)
-        ;
+//        $menuItem->addChild('coreshop_quote_by_number')
+//            ->setLabel('coreshop_quote_by_number')
+//            ->setAttribute('permission', 'coreshop_permission_quote_detail')
+//            ->setAttribute('iconCls', 'coreshop_nav_icon_quote')
+//            ->setAttribute('resource', 'coreshop.order')
+//            ->setAttribute('function', 'open_quote_by_number')
+//            ->setAttribute('widgetButton', 'coreShopOpenQuoteByNumberModal')
+//            ->setExtra('order', 20)
+//        ;
 
         $menuItem->addChild('coreshop_settings')
             ->setLabel('coreshop_settings')
@@ -62,6 +69,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_settings')
             ->setAttribute('resource', 'coreshop.core')
             ->setAttribute('function', 'settings')
+            ->setAttribute('widgetId', 'coreshop-settings-widget')
             ->setExtra('order', 30)
         ;
 
@@ -80,6 +88,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_price_rule')
             ->setAttribute('resource', 'coreshop.order')
             ->setAttribute('function', 'cart_price_rule')
+            ->setAttribute('widgetId', 'coreshop-order-cart-price-rules')
             ->setExtra('order', 10)
         ;
 
@@ -90,6 +99,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_price_rule')
             ->setAttribute('resource', 'coreshop.product')
             ->setAttribute('function', 'product_price_rule')
+            ->setAttribute('widgetId', 'coreshop-product-product-price-rules')
             ->setExtra('order', 20)
         ;
 
@@ -108,6 +118,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_country')
             ->setAttribute('resource', 'coreshop.address')
             ->setAttribute('function', 'country')
+            ->setAttribute('widgetId', 'coreshop-address-countries')
             ->setExtra('order', 10)
         ;
 
@@ -118,6 +129,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_state')
             ->setAttribute('resource', 'coreshop.address')
             ->setAttribute('function', 'state')
+            ->setAttribute('widgetId', 'coreshop-address-states')
             ->setExtra('order', 20)
         ;
 
@@ -128,6 +140,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_currency')
             ->setAttribute('resource', 'coreshop.currency')
             ->setAttribute('function', 'currency')
+            ->setAttribute('widgetId', 'coreshop-currency-currencies')
             ->setExtra('order', 30)
         ;
 
@@ -138,6 +151,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_exchange_rate')
             ->setAttribute('resource', 'coreshop.currency')
             ->setAttribute('function', 'exchange_rate')
+            ->setAttribute('widgetId', 'coreshop-currency-exchange-rates')
             ->setExtra('order', 40)
         ;
 
@@ -148,6 +162,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_zone')
             ->setAttribute('resource', 'coreshop.address')
             ->setAttribute('function', 'zone')
+            ->setAttribute('widgetId', 'coreshop-address-zones')
             ->setExtra('order', 50)
         ;
 
@@ -158,6 +173,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_taxes')
             ->setAttribute('resource', 'coreshop.taxation')
             ->setAttribute('function', 'tax_item')
+            ->setAttribute('widgetId', 'coreshop-taxation-tax-rates')
             ->setExtra('order', 60)
         ;
 
@@ -168,6 +184,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_tax_rule_groups')
             ->setAttribute('resource', 'coreshop.taxation')
             ->setAttribute('function', 'tax_rule_group')
+            ->setAttribute('widgetId', 'coreshop-taxation-tax-rule-groups')
             ->setExtra('order', 70)
         ;
 
@@ -186,6 +203,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_orders')
             ->setAttribute('resource', 'coreshop.order')
             ->setAttribute('function', 'orders')
+            ->setAttribute('widgetId', 'coreshop-order-manager')
             ->setExtra('order', 10)
         ;
 
@@ -196,6 +214,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_order_create')
             ->setAttribute('resource', 'coreshop.order')
             ->setAttribute('function', 'create_order')
+            ->setAttribute('widgetButton', 'coreshopCreateOrder')
             ->setExtra('order', 20)
         ;
 
@@ -206,6 +225,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_quotes')
             ->setAttribute('resource', 'coreshop.order')
             ->setAttribute('function', 'quotes')
+            ->setAttribute('widgetId', 'coreshop-quote-manager')
             ->setExtra('order', 30)
         ;
 
@@ -226,6 +246,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_carts')
             ->setAttribute('resource', 'coreshop.order')
             ->setAttribute('function', 'carts')
+            ->setAttribute('widgetId', 'coreshop-cart-manager')
             ->setExtra('order', 50)
         ;
 
@@ -254,6 +275,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_carriers')
             ->setAttribute('resource', 'coreshop.shipping')
             ->setAttribute('function', 'carrier')
+            ->setAttribute('widgetId', 'coreshop-shipping-carriers')
             ->setExtra('order', 10)
         ;
 
@@ -264,6 +286,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_carrier_shipping_rule')
             ->setAttribute('resource', 'coreshop.shipping')
             ->setAttribute('function', 'shipping_rules')
+            ->setAttribute('widgetId', 'coreshop-shipping-shipping-rules')
             ->setExtra('order', 20)
         ;
 
@@ -282,6 +305,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_indexes')
             ->setAttribute('resource', 'coreshop.index')
             ->setAttribute('function', 'index')
+            ->setAttribute('widgetId', 'coreshop-index-index')
             ->setExtra('order', 10)
         ;
 
@@ -292,6 +316,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_product_units')
             ->setAttribute('resource', 'coreshop.product')
             ->setAttribute('function', 'product_unit')
+            ->setAttribute('widgetId', 'coreshop-product-product-units')
             ->setExtra('order', 30)
         ;
 
@@ -302,6 +327,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_filters')
             ->setAttribute('resource', 'coreshop.index')
             ->setAttribute('function', 'filter')
+            ->setAttribute('widgetId', 'coreshop-index-filter')
             ->setExtra('order', 20)
         ;
 
@@ -320,6 +346,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_customers')
             ->setAttribute('resource', 'coreshop.customer')
             ->setAttribute('function', 'customers')
+            ->setAttribute('widgetId', 'coreshop-customer-customers')
             ->setExtra('order', 10)
         ;
 
@@ -330,6 +357,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_customer_groups')
             ->setAttribute('resource', 'coreshop.customer')
             ->setAttribute('function', 'customer_groups')
+            ->setAttribute('widgetId', 'coreshop-customer-customer-groups')
             ->setExtra('order', 20)
         ;
 
@@ -340,6 +368,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_customer_to_company_assign_to_new')
             ->setAttribute('resource', 'coreshop.core')
             ->setAttribute('function', 'customer_to_company_assign_to_new')
+            ->setAttribute('widgetButton', 'coreshopAssignCustomerToNewCompany')
             ->setExtra('order', 30)
         ;
 
@@ -350,6 +379,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_customer_to_company_assign_to_existing')
             ->setAttribute('resource', 'coreshop.core')
             ->setAttribute('function', 'customer_to_company_assign_to_existing')
+            ->setAttribute('widgetButton', 'coreshopAssignCustomerToExistingCompany')
             ->setExtra('order', 40)
         ;
 
@@ -359,6 +389,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_notification_rule')
             ->setAttribute('resource', 'coreshop.notification')
             ->setAttribute('function', 'notification_rule')
+            ->setAttribute('widgetId', 'coreshop_notification_rules')
             ->setExtra('order', 80)
         ;
 
@@ -377,6 +408,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_payment_provider')
             ->setAttribute('resource', 'coreshop.payment')
             ->setAttribute('function', 'payment_provider')
+            ->setAttribute('widgetId', 'coreshop_payment_providers')
             ->setExtra('order', 10)
         ;
 
@@ -387,6 +419,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_payment_provider_rule')
             ->setAttribute('resource', 'coreshop.payment')
             ->setAttribute('function', 'payment_provider_rule')
+            ->setAttribute('widgetId', 'coreshop_payment_provider_rules')
             ->setExtra('order', 20)
         ;
 
@@ -396,9 +429,10 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_store')
             ->setAttribute('resource', 'coreshop.store')
             ->setAttribute('function', 'store')
+            ->setAttribute('widgetId', 'coreshop-store-store')
             ->setExtra('order', 100)
         ;
-
+        
         $menuItem
             ->addChild('coreshop_messenger')
             ->setLabel('coreshop_messenger')
@@ -406,15 +440,24 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_messenger')
             ->setAttribute('resource', 'coreshop.messenger')
             ->setAttribute('function', 'list')
+            ->setAttribute('widgetId', 'coreshop-messenger-widget')
             ->setExtra('order', 110)
         ;
 
         $menuItem->addChild('coreshop_about')
             ->setLabel('coreshop_about')
             ->setAttribute('iconCls', 'coreshop_nav_icon_logo')
-            ->setAttribute('resource', 'coreshop.core')
-            ->setAttribute('function', 'about')
+            ->setAttribute('widgetEvent', 'coreshop.about.open')
             ->setExtra('order', 1000)
         ;
+
+        if ($this->debug) {
+            $menuItem->addChild('coreshop_studio_form_demos')
+                ->setLabel('coreshop_studio_form_demos')
+                ->setAttribute('iconCls', 'coreshop_nav_icon_settings')
+                ->setAttribute('widgetId', 'coreshop-studio-form-demos')
+                ->setExtra('order', 999)
+            ;
+        }
     }
 }
diff --git a/src/CoreShop/Bundle/CoreBundle/README.md b/src/CoreShop/Bundle/CoreBundle/README.md
index bed8a416aa..4e986aa704 100644
--- a/src/CoreShop/Bundle/CoreBundle/README.md
+++ b/src/CoreShop/Bundle/CoreBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..ff034eb327
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "@coreshop/core",
+  "version": "1.0.0",
+  "description": "CoreShop CoreBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/address": "file:../../../../AddressBundle/Resources/assets/pimcore-studio",
+    "@coreshop/currency": "file:../../../../CurrencyBundle/Resources/assets/pimcore-studio",
+    "@coreshop/menu": "file:../../../../MenuBundle/Resources/assets/pimcore-studio",
+    "@coreshop/order": "file:../../../../OrderBundle/Resources/assets/pimcore-studio",
+    "@coreshop/payment": "file:../../../../PaymentBundle/Resources/assets/pimcore-studio",
+    "@coreshop/pimcore": "file:../../../../PimcoreBundle/Resources/assets/pimcore-studio",
+    "@coreshop/product": "file:../../../../ProductBundle/Resources/assets/pimcore-studio",
+    "@coreshop/productquantitypricerules": "file:../../../../ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/shipping": "file:../../../../ShippingBundle/Resources/assets/pimcore-studio",
+    "@coreshop/store": "file:../../../../StoreBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*",
+    "@coreshop/taxation": "file:../../../../TaxationBundle/Resources/assets/pimcore-studio"
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/cart-abandoned.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/cart-abandoned.svg
new file mode 100644
index 0000000000..ec8da95f7b
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/cart-abandoned.svg
@@ -0,0 +1,3 @@
+
+
+<svg x="0" y="0" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" style="fill: rgb(184, 5, 5);"><g fill="none" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="sans-serif" font-weight="normal" font-size="12" text-anchor="start" mix-blend-mode="normal"><g><g><path d="M0,48l0,-48l48,0l0,48z" fill="none"/><g><path d="M25.4,5.6c-0.8,-0.8 -2,-0.8 -2.8,0l-12,12c-0.8,0.8 -0.8,2 0,2.8c0.4,0.4 0.9,0.6 1.4,0.6c0.5,0 1,-0.2 1.4,-0.6l12,-12c0.8,-0.8 0.8,-2 0,-2.8z" fill="#607d8b"/><path d="M37.4,17.6l-12,-12c-0.8,-0.8 -2,-0.8 -2.8,0c-0.8,0.8 -0.8,2 0,2.8l12,12c0.4,0.4 0.9,0.6 1.4,0.6c0.5,0 1,-0.2 1.4,-0.6c0.8,-0.8 0.8,-2 0,-2.8z" fill="#455a64"/><path d="M37.4,41l-26.8,0c-1,0 -1.8,-0.7 -2,-1.6l-3.6,-18.4l38,0l-3.7,18.4c-0.2,0.9 -1,1.6 -1.9,1.6z" fill="#d32f2f"/><path d="M43,23l-38,0c-1.1,0 -2,-0.9 -2,-2l0,-2c0,-1.1 0.9,-2 2,-2l38,0c1.1,0 2,0.9 2,2l0,2c0,1.1 -0.9,2 -2,2z" fill="#f44336"/><path d="M25,25l-2,0c0,0 0,10.8 0,11c0,0.6 0.4,1 1,1c0.6,0 1,-0.4 1,-1c0,-0.2 0,-11 0,-11z" fill="#7d1313"/><path d="M29,25l-2,0c0,0 0,10.8 0,11c0,0.6 0.4,1 1,1c0.6,0 1,-0.4 1,-1c0,-0.2 0,-11 0,-11z" fill="#7d1313"/><path d="M33,25l-2,0c0,0 0,10.8 0,11c0,0.6 0.4,1 1,1c0.6,0 1,-0.4 1,-1c0,-0.2 0,-11 0,-11z" fill="#7d1313"/><path d="M17,25l-2,0c0,0 0,10.8 0,11c0,0.6 0.4,1 1,1c0.6,0 1,-0.4 1,-1c0,-0.2 0,-11 0,-11z" fill="#7d1313"/><path d="M21,25l-2,0c0,0 0,10.8 0,11c0,0.6 0.4,1 1,1c0.6,0 1,-0.4 1,-1c0,-0.2 0,-11 0,-11z" fill="#7d1313"/></g><g><g id="IOS_copy"><path d="M46.12,34.61143c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10" fill="#ff3d00"/><g fill="#ffffff"><rect x="34.62" y="27.61143" transform="scale(1,1)" width="3" height="9"/><rect x="34.62" y="38.61143" transform="scale(1,1)" width="3" height="3"/></g></g><path d="M25.28571,34.61143c0,-5.98361 4.85067,-10.83429 10.83429,-10.83429c5.98361,0 10.83429,4.85067 10.83429,10.83429c0,5.98361 -4.85067,10.83429 -10.83429,10.83429c-5.98361,0 -10.83429,-4.85067 -10.83429,-10.83429z" fill="#ff0000" opacity="0"/></g></g></g></g></svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/cart.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/cart.svg
new file mode 100644
index 0000000000..b466fc75e4
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/cart.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#607D8B" d="M25.4,5.6c-0.8-0.8-2-0.8-2.8,0l-12,12c-0.8,0.8-0.8,2,0,2.8C11,20.8,11.5,21,12,21s1-0.2,1.4-0.6l12-12  C26.2,7.6,26.2,6.4,25.4,5.6z"/>
+<path fill="#455A64" d="M37.4,17.6l-12-12c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l12,12C35,20.8,35.5,21,36,21s1-0.2,1.4-0.6  C38.2,19.6,38.2,18.4,37.4,17.6z"/>
+<path fill="#D32F2F" d="M37.4,41H10.6c-1,0-1.8-0.7-2-1.6L5,21h38l-3.7,18.4C39.1,40.3,38.3,41,37.4,41z"/>
+<path fill="#F44336" d="M43,23H5c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h38c1.1,0,2,0.9,2,2v2C45,22.1,44.1,23,43,23z"/>
+<path fill="#7D1313" d="M25,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C25,35.8,25,25,25,25z"/>
+<path fill="#7D1313" d="M29,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C29,35.8,29,25,29,25z"/>
+<path fill="#7D1313" d="M33,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C33,35.8,33,25,33,25z"/>
+<path fill="#7D1313" d="M17,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C17,35.8,17,25,17,25z"/>
+<path fill="#7D1313" d="M21,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C21,35.8,21,25,21,25z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/category.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/category.svg
new file mode 100644
index 0000000000..a0fa2910a0
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/category.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#90CAF9" d="M47,31V17c-3.3,0-6-2.7-6-6H7c0,3.3-2.7,6-6,6v14c3.3,0,6,2.7,6,6h34C41,33.7,43.7,31,47,31z"/>
+<path fill="#1976D2" d="M39,21H9v-2h30V21z M39,23H9v2h30V23z M33,27H15v2h18V27z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/charts.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/charts.svg
new file mode 100644
index 0000000000..9c2455bf32
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/charts.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#FF8F00" d="M39.465,17.124c1.836-0.175,2.346-1.604,2.482-2.557c-0.057-1.895-0.661-3.85-4.032-4.604L6,6v9.905   l19.716,2.403L39.465,17.124z"/>
+	<path fill="#FF8F00" d="M42,42l-31.951-3.763C6.837,37.597,6,35.432,6,33.686v-9.174v-0.22c0,0.11,0.03,2.711,2.646,3.234   L42,31.241V42z"/>
+</g>
+<path fill="#FFCA28" d="M8.646,27.526l12.616,1.405l16.343-1.476c3.209-0.315,4.349-2.605,4.349-4.471L42,13.91  c0,0.697-0.184,2.99-2.535,3.214l-29.384,2.531c-0.046,0.005-0.091,0.011-0.136,0.021C6.83,20.376,6,22.36,6,24.057v0.235  C6,24.402,6.03,27.003,8.646,27.526z"/>
+<g>
+	<polygon fill="#ED8F29" points="35,17.513 33,17.685 33,24 35,24  "/>
+	<polygon fill="#ED8F29" points="14.988,19.232 13,19.404 13,23.798 14.988,23.798  "/>
+	<polygon fill="#ED8F29" points="30.967,17.856 29,18.028 29,21.935 30.967,21.935  "/>
+	<path fill="#ED8F29" d="M10.081,19.655c-0.046,0.005-0.091,0.011-0.136,0.021C9.602,19.753,9.296,19.853,9,19.961V26h1.994v-6.423   L10.081,19.655z"/>
+	<polygon fill="#ED8F29" points="18.983,18.89 17,19.061 17,22.962 18.983,22.962  "/>
+	<polygon fill="#ED8F29" points="27,18.2 25,18.372 25,23 27,23  "/>
+	<polygon fill="#ED8F29" points="38.997,17.168 37,17.341 37.04,21 38.997,21  "/>
+	<polygon fill="#ED8F29" points="23,18.545 21,18.717 21,25 23,25  "/>
+</g>
+<g>
+	<polygon fill="#B75F00" points="31,30.018 29.004,29.795 29.004,33.549 31,33.549  "/>
+	<polygon fill="#B75F00" points="35,30.452 33.002,30.229 33.002,36 35,36  "/>
+	<polygon fill="#B75F00" points="11,27.793 9.002,27.57 9.002,33.549 11,33.549  "/>
+	<polygon fill="#B75F00" points="26.997,29.552 25,29.329 25,33 26.997,33  "/>
+	<polygon fill="#B75F00" points="23,29.127 21.002,28.905 21.002,34.538 23,34.538  "/>
+	<polygon fill="#B75F00" points="15,28.237 13.003,28.016 13.003,31.572 15,31.572  "/>
+	<polygon fill="#B75F00" points="37,30.6 37,34 38.997,34 38.997,30.822  "/>
+	<polygon fill="#B75F00" points="19,28.683 17.002,28.46 17.002,32.1 19,32.1  "/>
+	<polygon fill="#B75F00" points="26.998,8.604 25.001,8.356 25.001,12.393 26.998,12.393  "/>
+	<polygon fill="#B75F00" points="22.998,8.108 21,7.86 21,13.91 22.998,13.91  "/>
+	<polygon fill="#B75F00" points="30.998,9.1 29.002,8.852 29.002,12.921 30.998,12.921  "/>
+	<polygon fill="#B75F00" points="10.998,6.62 9,6.372 9,12.921 10.998,12.921  "/>
+	<polygon fill="#B75F00" points="18.998,7.612 17,7.364 17,11.472 18.998,11.472  "/>
+	<polygon fill="#B75F00" points="14.998,7.116 13.001,6.868 13.001,10.944 14.998,10.944  "/>
+	<path fill="#B75F00" d="M38.957,10.27c-0.316-0.116-0.658-0.221-1.042-0.306L37,9.845v3.612h1.957V10.27z"/>
+	<polygon fill="#B75F00" points="34.998,9.597 33,9.348 33,15.382 34.998,15.382  "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/collaboration.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/collaboration.svg
new file mode 100644
index 0000000000..653c08c08f
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/collaboration.svg
@@ -0,0 +1,12 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
+    <path fill="#1565C0" d="M25,22h13l6,6V11c0-2.2-1.8-4-4-4H25c-2.2,0-4,1.8-4,4v7C21,20.2,22.8,22,25,22z"/>
+    <path fill="#2196F3" d="M23,19H10l-6,6V8c0-2.2,1.8-4,4-4h15c2.2,0,4,1.8,4,4v7C27,17.2,25.2,19,23,19z"/>
+    <g fill="#FFA726">
+        <circle cx="12" cy="31" r="5"/>
+        <circle cx="36" cy="31" r="5"/>
+    </g>
+    <g fill="#607D8B">
+        <path d="M20,42c0,0-2.2-4-8-4s-8,4-8,4v2h16V42z"/>
+        <path d="M44,42c0,0-2.2-4-8-4s-8,4-8,4v2h16V42z"/>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/collaboration_white.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/collaboration_white.svg
new file mode 100644
index 0000000000..0037f3d6c9
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/collaboration_white.svg
@@ -0,0 +1,12 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
+    <path fill="white" d="M25,22h13l6,6V11c0-2.2-1.8-4-4-4H25c-2.2,0-4,1.8-4,4v7C21,20.2,22.8,22,25,22z"/>
+    <path fill="white" d="M23,19H10l-6,6V8c0-2.2,1.8-4,4-4h15c2.2,0,4,1.8,4,4v7C27,17.2,25.2,19,23,19z"/>
+    <g fill="white">
+        <circle cx="12" cy="31" r="5"/>
+        <circle cx="36" cy="31" r="5"/>
+    </g>
+    <g fill="white">
+        <path d="M20,42c0,0-2.2-4-8-4s-8,4-8,4v2h16V42z"/>
+        <path d="M44,42c0,0-2.2-4-8-4s-8,4-8,4v2h16V42z"/>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/comment.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/comment.svg
new file mode 100644
index 0000000000..9acaf82244
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/comment.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" version="1.1">
+<g id="surface1">
+<path style=" fill:#673AB7;" d="M 39 6 L 9 6 C 7.34375 6 6 7.34375 6 9 L 6 42 L 14.554688 34 L 39 34 C 40.65625 34 42 32.65625 42 31 L 42 9 C 42 7.34375 40.65625 6 39 6 Z "/>
+<path style=" fill:#D1C4E9;" d="M 10 14 L 38 14 L 38 16 L 10 16 Z "/>
+<path style=" fill:#D1C4E9;" d="M 10 19 L 38 19 L 38 21 L 10 21 Z "/>
+<path style=" fill:#D1C4E9;" d="M 10 24 L 26 24 L 26 26 L 10 26 Z "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/countries.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/countries.svg
new file mode 100644
index 0000000000..f33ec13ecc
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/countries.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#FF4081" d="M5,22c2,0,2-10,15-10s12.466,9.29,15.466,10.29V27H5V22z"/>
+	<path fill="#FF4081" d="M46,31.25c0,0,0,1.75-2,1.75c-3,0-39,0-39,0c-1.657,0-3-1.344-3-3v-5c0,0,0-3,3-3c4,0,26,0,26,0   c10,0,15,4,15,6V31.25z"/>
+</g>
+<g>
+	<path fill="#455A64" d="M41,30c0,2.761-2.238,5-5,5s-5-2.239-5-5s2.238-5,5-5S41,27.239,41,30"/>
+	<path fill="#455A64" d="M17,30c0,2.761-2.239,5-5,5s-5-2.239-5-5s2.239-5,5-5S17,27.239,17,30"/>
+</g>
+<g>
+	<path fill="#B0BEC5" d="M38,30c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S38,28.895,38,30"/>
+	<path fill="#B0BEC5" d="M14,30c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S14,28.895,14,30"/>
+</g>
+<g>
+	<path fill="#FFC107" d="M3.5,25H2v4h1.5C4.329,29,5,28.328,5,27.5v-1C5,25.672,4.329,25,3.5,25z"/>
+	<path fill="#FFC107" d="M43,24.658V27.5c0,0.828,0.672,1.5,1.5,1.5H46v-1C46,27.106,44.995,25.815,43,24.658z"/>
+</g>
+<g>
+	<path fill="#660636" d="M32.328,22c-0.293-0.456-0.565-0.945-0.841-1.445c-1.535-2.791-3.442-6.226-10.487-6.525V22H32.328z"/>
+	<path fill="#660636" d="M19,22v-7.967c-7.281,0.336-9.313,4.284-10.668,6.942C8.155,21.321,7.975,21.668,7.783,22H19z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
new file mode 100644
index 0000000000..d4db119155
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#43A047" d="M42,35c0,8.008-8.059,8-18,8c-9.941,0-18,0.008-18-8s8.059-18,18-18C33.941,17,42,26.992,42,35z"/>
+	<path fill="#43A047" d="M30,8.571c-1.896,2.098-1-4.423-5,0c-1.897,2.098-1-4.423-5,0c-1.691,1.87-1.165-3.103-3.864-1.071L19,18   h10l2.994-10.977C31.514,7.154,30.877,7.602,30,8.571z"/>
+</g>
+<path fill="#FFFFFF" d="M25.46,33.744c0-0.48-0.134-0.862-0.399-1.147c-0.267-0.283-0.72-0.546-1.358-0.786  s-1.189-0.479-1.652-0.716c-0.463-0.238-0.86-0.51-1.191-0.818c-0.331-0.307-0.589-0.669-0.773-1.085s-0.277-0.911-0.277-1.485  c0-0.99,0.316-1.802,0.949-2.435s1.474-1.002,2.522-1.107v-1.881h1.406v1.907c1.037,0.146,1.849,0.579,2.435,1.297  S28,27.135,28,28.277h-2.54c0-0.703-0.146-1.229-0.435-1.577c-0.291-0.349-0.679-0.523-1.165-0.523c-0.48,0-0.853,0.137-1.116,0.408  c-0.264,0.273-0.396,0.649-0.396,1.13c0,0.445,0.129,0.803,0.387,1.072s0.737,0.545,1.437,0.826s1.276,0.547,1.727,0.796  s0.832,0.53,1.143,0.844s0.548,0.671,0.712,1.072S28,33.193,28,33.727c0,0.996-0.311,1.805-0.932,2.426s-1.477,0.987-2.566,1.099V39  h-1.397v-1.74c-1.201-0.129-2.131-0.555-2.791-1.278s-0.989-1.687-0.989-2.888h2.54c0,0.697,0.166,1.232,0.497,1.604  s0.807,0.558,1.428,0.558c0.516,0,0.923-0.136,1.222-0.409C25.311,34.575,25.46,34.207,25.46,33.744z"/>
+<g>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M14,38.996c-0.439-2.221-0.505-4.505-0.224-6.749   c0.545-4.359,1.983-8.853,4.43-12.473c0.264-0.391,0.607-1.138,0.997-1.403c0.339-0.23,0.42-0.145,0.83-0.041   c0.754,0.19,1.511,0.351,2.284,0.444c2.248,0.272,4.57,0.07,6.683-0.774"/>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M11,29c0-3,3.818-10.163,8-11"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg
new file mode 100644
index 0000000000..6a91b350c4
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"  >
+<rect x="27" y="13.25" style="fill:#3E2723;" width="12" height="13.731"/>
+<path style="fill:#2196F3;" d="M36.75,26L36.75,26c0,0-2.219-0.313-3.75-0.313S29.25,26,29.25,26S21,27.527,21,36h24  C45,27.559,36.75,26,36.75,26"/>
+<path style="fill:#EF8D3C;" d="M33,29.75c-1.439,0-3.5-3.75-3.5-3.75v-5h7v5C36.5,26,34.439,29.75,33,29.75"/>
+<path style="fill:#FFAA45;" d="M40,18c0,3.728-3.272,7-7,7c-3.729,0-7-3.272-7-7v-6c0-3.728,14-5.726,14,0V18z M33,31  c2.901,0,3.5-5,3.5-5s-1.864,3-3.5,3s-3.5-3-3.5-3S30.099,31,33,31"/>
+<path style="fill:#0D47A1;" d="M33,33c3.552,0,5.066-3.932,5.443-6.467C37.456,26.14,36.75,26,36.75,26s-0.103-0.014-0.25-0.033V26  c0,0-0.599,5-3.5,5s-3.5-5-3.5-5v-0.033C29.353,25.986,29.25,26,29.25,26s-0.706,0.137-1.694,0.528C27.932,29.063,29.446,33,33,33z"/>
+<path style="fill:#784719;" d="M35,17c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S35,17.551,35,17 M29,17c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S29,16.449,29,17"/>
+<path style="fill:#4E342E;" d="M33,6c-4.556,0-11,2.089-11,17l5,3.98V16l9-5l3,4v12l5-5c0-3.019-0.255-14.5-8-14.5L35,6H33z"/>
+<path style="fill:#FFA726;" d="M23,23.5c0,0.828-0.672,1.5-1.5,1.5c-0.829,0-1.5-0.672-1.5-1.5s0.671-1.5,1.5-1.5  C22.328,22,23,22.672,23,23.5 M10,23.5c0-0.828-0.672-1.5-1.5-1.5S7,22.672,7,23.5S7.672,25,8.5,25S10,24.328,10,23.5"/>
+<path style="fill:#FF9800;" d="M19,32c0,0,0,4-4,4s-4-4-4-4"/>
+<path style="fill:#4FC3F7;" d="M18.75,32L18.75,32L15,32.77L11.25,32c0,0-8.25,1.527-8.25,10h24C27,33.559,18.75,32,18.75,32"/>
+<path style="fill:#FF9800;" d="M15,36c-4,0-4-4-4-4v-4h8v4C19,32,19,36,15,36z"/>
+<path style="fill:#FFB74D;" d="M22,19.68c0-5.879-14-3.828-14,0v4.391C8,27.895,11.133,31,15,31c3.866,0,7-3.105,7-6.93V19.68z"/>
+<path style="fill:#01579B;" d="M15,38c3.059,0,5.578-2.292,5.948-5.25c-0.884-0.398-1.603-0.607-1.954-0.693  C18.963,34.238,17.19,36,15,36c-2.19,0-3.964-1.762-3.994-3.945c-0.353,0.086-1.071,0.293-1.955,0.688C9.417,35.705,11.939,38,15,38  z"/>
+<path style="fill:#795548;" d="M15,12c-4.86,0-8,4.313-8,8.172V22l2,2v-4l9.2-3l2.8,3v4l2-2v-0.809c0-3.218-0.831-6.803-4.8-7.592  L17.399,12H15z"/>
+<path style="fill:#784719;" d="M17,23c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S17,23.551,17,23 M11,23c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S11,22.449,11,23"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer.svg
new file mode 100644
index 0000000000..8dbce08bdb
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#4FC3F7" d="M29,31L29,31c0,0-1,4-5,4s-5-4-5-4S8,32.986,8,44h32C40,33.025,29,31,29,31"/>
+<path fill="#FF9800" d="M24,37c-5,0-5-6-5-6v-6h10v6C29,31,29,37,24,37z"/>
+<g>
+	<path fill="#FFA726" d="M35,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S35,17.895,35,19"/>
+	<path fill="#FFA726" d="M17,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S17,17.895,17,19"/>
+</g>
+<path fill="#FFB74D" d="M33,13c0-7.635-18-4.971-18,0v7c0,4.971,4.029,9,9,9c4.971,0,9-4.029,9-9V13z"/>
+<path fill="#424242" d="M24,4c-6.075,0-10,4.925-10,11v2.284L16,19v-5l12-4l4,4v5l2-1.741V15c0-4.025-1.038-8.015-6-9l-1-2H24z"/>
+<g>
+	<path fill="#784719" d="M27,19c0,0.552,0.448,1,1,1s1-0.448,1-1s-0.448-1-1-1S27,18.448,27,19"/>
+	<path fill="#784719" d="M19,19c0,0.552,0.448,1,1,1s1-0.448,1-1s-0.448-1-1-1S19,18.448,19,19"/>
+</g>
+<path fill="#01579B" d="M24,37c5,0,6.745-3.93,6.951-5.428C29.794,31.148,29,31,29,31s-1,4-5,4s-5-4-5-4s-0.794,0.146-1.952,0.566  C17.252,33.061,19,37,24,37z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_to_company_assign_to_existing.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_to_company_assign_to_existing.svg
new file mode 100644
index 0000000000..4b104f82f7
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_to_company_assign_to_existing.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"  >
+<rect x="27" y="13.25" style="fill:#3E2723;" width="12" height="13.731"/>
+    <path style="fill:#2196F3;" d="M36.75,26L36.75,26c0,0-2.219-0.313-3.75-0.313S29.25,26,29.25,26S21,27.527,21,36h24  C45,27.559,36.75,26,36.75,26"/>
+    <path style="fill:#EF8D3C;" d="M33,29.75c-1.439,0-3.5-3.75-3.5-3.75v-5h7v5C36.5,26,34.439,29.75,33,29.75"/>
+    <path style="fill:#FFAA45;" d="M40,18c0,3.728-3.272,7-7,7c-3.729,0-7-3.272-7-7v-6c0-3.728,14-5.726,14,0V18z M33,31  c2.901,0,3.5-5,3.5-5s-1.864,3-3.5,3s-3.5-3-3.5-3S30.099,31,33,31"/>
+    <path style="fill:#0D47A1;" d="M33,33c3.552,0,5.066-3.932,5.443-6.467C37.456,26.14,36.75,26,36.75,26s-0.103-0.014-0.25-0.033V26  c0,0-0.599,5-3.5,5s-3.5-5-3.5-5v-0.033C29.353,25.986,29.25,26,29.25,26s-0.706,0.137-1.694,0.528C27.932,29.063,29.446,33,33,33z"/>
+    <path style="fill:#784719;" d="M35,17c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S35,17.551,35,17 M29,17c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S29,16.449,29,17"/>
+    <path style="fill:#4E342E;" d="M33,6c-4.556,0-11,2.089-11,17l5,3.98V16l9-5l3,4v12l5-5c0-3.019-0.255-14.5-8-14.5L35,6H33z"/>
+    <path style="fill:#FFA726;" d="M23,23.5c0,0.828-0.672,1.5-1.5,1.5c-0.829,0-1.5-0.672-1.5-1.5s0.671-1.5,1.5-1.5  C22.328,22,23,22.672,23,23.5 M10,23.5c0-0.828-0.672-1.5-1.5-1.5S7,22.672,7,23.5S7.672,25,8.5,25S10,24.328,10,23.5"/>
+    <path style="fill:#FF9800;" d="M19,32c0,0,0,4-4,4s-4-4-4-4"/>
+    <path style="fill:#4FC3F7;" d="M18.75,32L18.75,32L15,32.77L11.25,32c0,0-8.25,1.527-8.25,10h24C27,33.559,18.75,32,18.75,32"/>
+    <path style="fill:#FF9800;" d="M15,36c-4,0-4-4-4-4v-4h8v4C19,32,19,36,15,36z"/>
+    <path style="fill:#FFB74D;" d="M22,19.68c0-5.879-14-3.828-14,0v4.391C8,27.895,11.133,31,15,31c3.866,0,7-3.105,7-6.93V19.68z"/>
+    <path style="fill:#01579B;" d="M15,38c3.059,0,5.578-2.292,5.948-5.25c-0.884-0.398-1.603-0.607-1.954-0.693  C18.963,34.238,17.19,36,15,36c-2.19,0-3.964-1.762-3.994-3.945c-0.353,0.086-1.071,0.293-1.955,0.688C9.417,35.705,11.939,38,15,38  z"/>
+    <path style="fill:#795548;" d="M15,12c-4.86,0-8,4.313-8,8.172V22l2,2v-4l9.2-3l2.8,3v4l2-2v-0.809c0-3.218-0.831-6.803-4.8-7.592  L17.399,12H15z"/>
+    <path style="fill:#784719;" d="M17,23c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S17,23.551,17,23 M11,23c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S11,22.449,11,23"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_to_company_assign_to_new.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_to_company_assign_to_new.svg
new file mode 100644
index 0000000000..4b104f82f7
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_to_company_assign_to_new.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"  >
+<rect x="27" y="13.25" style="fill:#3E2723;" width="12" height="13.731"/>
+    <path style="fill:#2196F3;" d="M36.75,26L36.75,26c0,0-2.219-0.313-3.75-0.313S29.25,26,29.25,26S21,27.527,21,36h24  C45,27.559,36.75,26,36.75,26"/>
+    <path style="fill:#EF8D3C;" d="M33,29.75c-1.439,0-3.5-3.75-3.5-3.75v-5h7v5C36.5,26,34.439,29.75,33,29.75"/>
+    <path style="fill:#FFAA45;" d="M40,18c0,3.728-3.272,7-7,7c-3.729,0-7-3.272-7-7v-6c0-3.728,14-5.726,14,0V18z M33,31  c2.901,0,3.5-5,3.5-5s-1.864,3-3.5,3s-3.5-3-3.5-3S30.099,31,33,31"/>
+    <path style="fill:#0D47A1;" d="M33,33c3.552,0,5.066-3.932,5.443-6.467C37.456,26.14,36.75,26,36.75,26s-0.103-0.014-0.25-0.033V26  c0,0-0.599,5-3.5,5s-3.5-5-3.5-5v-0.033C29.353,25.986,29.25,26,29.25,26s-0.706,0.137-1.694,0.528C27.932,29.063,29.446,33,33,33z"/>
+    <path style="fill:#784719;" d="M35,17c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S35,17.551,35,17 M29,17c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S29,16.449,29,17"/>
+    <path style="fill:#4E342E;" d="M33,6c-4.556,0-11,2.089-11,17l5,3.98V16l9-5l3,4v12l5-5c0-3.019-0.255-14.5-8-14.5L35,6H33z"/>
+    <path style="fill:#FFA726;" d="M23,23.5c0,0.828-0.672,1.5-1.5,1.5c-0.829,0-1.5-0.672-1.5-1.5s0.671-1.5,1.5-1.5  C22.328,22,23,22.672,23,23.5 M10,23.5c0-0.828-0.672-1.5-1.5-1.5S7,22.672,7,23.5S7.672,25,8.5,25S10,24.328,10,23.5"/>
+    <path style="fill:#FF9800;" d="M19,32c0,0,0,4-4,4s-4-4-4-4"/>
+    <path style="fill:#4FC3F7;" d="M18.75,32L18.75,32L15,32.77L11.25,32c0,0-8.25,1.527-8.25,10h24C27,33.559,18.75,32,18.75,32"/>
+    <path style="fill:#FF9800;" d="M15,36c-4,0-4-4-4-4v-4h8v4C19,32,19,36,15,36z"/>
+    <path style="fill:#FFB74D;" d="M22,19.68c0-5.879-14-3.828-14,0v4.391C8,27.895,11.133,31,15,31c3.866,0,7-3.105,7-6.93V19.68z"/>
+    <path style="fill:#01579B;" d="M15,38c3.059,0,5.578-2.292,5.948-5.25c-0.884-0.398-1.603-0.607-1.954-0.693  C18.963,34.238,17.19,36,15,36c-2.19,0-3.964-1.762-3.994-3.945c-0.353,0.086-1.071,0.293-1.955,0.688C9.417,35.705,11.939,38,15,38  z"/>
+    <path style="fill:#795548;" d="M15,12c-4.86,0-8,4.313-8,8.172V22l2,2v-4l9.2-3l2.8,3v4l2-2v-0.809c0-3.218-0.831-6.803-4.8-7.592  L17.399,12H15z"/>
+    <path style="fill:#784719;" d="M17,23c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S17,23.551,17,23 M11,23c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S11,22.449,11,23"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_white.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_white.svg
new file mode 100644
index 0000000000..e407950cc1
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/customer_white.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" version="1.1">
+    <g>
+        <path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 12 2 C 12 2 8 3 8 7 C 8 9.210938 9.789062 11 12 11 C 14.210938 11 16 9.210938 16 7 C 16 4.355469 13.816406 3.5 13 3.5 Z M 12 14 C 8.996094 14 3 15.507812 3 18.5 L 3 21 L 21 21 L 21 18.5 C 21 15.507812 15.003906 14 12 14 Z M 12 14 "/>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/free-shipping.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/free-shipping.svg
new file mode 100644
index 0000000000..deae0919fb
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/free-shipping.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#FFC107" d="M42,36H28V16c0-1.1,0.9-2,2-2h8c0.6,0,1.2,0.3,1.6,0.8l6,7.7c0.3,0.4,0.4,0.8,0.4,1.2V32  C46,34.2,44.2,36,42,36z"/>
+<g>
+	<path fill="#9575CD" d="M6,36h22V12c0-2.2-1.8-4-4-4H7c-2.8,0-5,2.2-5,5v19C2,34.2,3.8,36,6,36z"/>
+</g>
+<g>
+	<circle fill="#37474F" cx="37" cy="36" r="5"/>
+	<circle fill="#37474F" cx="14" cy="36" r="5"/>
+</g>
+<g>
+	<circle fill="#78909C" cx="37" cy="36" r="2.5"/>
+	<circle fill="#78909C" cx="14" cy="36" r="2.5"/>
+</g>
+<path fill="#455A64" d="M42,26h-3.6c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.2-0.2-0.4-0.3-0.7-0.3H32c-0.6,0-1-0.4-1-1v-6  c0-0.6,0.4-1,1-1h5.5c0.3,0,0.6,0.1,0.8,0.4l4.5,5.4c0.1,0.2,0.2,0.4,0.2,0.6V25C43,25.6,42.6,26,42,26z"/>
+<g>
+	<path fill="#FFFFFF" d="M8.6,22.1H6.4V25H5v-7h3.9v1.2H6.4V21h2.2V22.1z"/>
+	<path fill="#FFFFFF" d="M12.3,22.4h-0.7V25h-1.4v-7h2.3c1.2,0,2.2,0.6,2.2,2.1c0,1.5-0.9,1.9-1,2l1.2,2.9V25h-1.5L12.3,22.4z    M11.6,21.3h0.8c0.8,0,0.8-0.7,0.8-1c0-0.2,0-1.1-0.8-1.1h-0.8V21.3z"/>
+	<path fill="#FFFFFF" d="M19.7,22h-2.2v1.9h2.6V25h-4v-7h4v1.2h-2.6v1.7h2.2V22z"/>
+	<path fill="#FFFFFF" d="M25.1,22h-2.2v1.9h2.6V25h-4v-7h4v1.2h-2.6v1.7h2.2V22z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/gift.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/gift.svg
new file mode 100644
index 0000000000..37314f34d3
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/gift.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#D32F2F" d="M38,42H10c-1.1,0-2-0.9-2-2V20h32v20C40,41.1,39.1,42,38,42z"/>
+<path fill="#F44336" d="M42,20H6v-6c0-1.1,0.9-2,2-2h32c1.1,0,2,0.9,2,2V20z"/>
+<g>
+	<g>
+		<rect x="22" y="20" fill="#FF8F00" width="4" height="22"/>
+	</g>
+	<polygon fill="#FF8F00" points="32,6 28,6 22,12 26,12  "/>
+</g>
+<polygon fill="#FFC107" points="20,6 16,6 22,12 22,20 26,20 26,12 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/guest.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/guest.svg
new file mode 100644
index 0000000000..3783f7c6e6
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/guest.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#ADADAD" d="M29,31L29,31c0,0-1,4-5,4s-5-4-5-4S8,32.986,8,44h32C40,33.025,29,31,29,31"/>
+    <path fill="#999999" d="M24,37c-5,0-5-6-5-6v-6h10v6C29,31,29,37,24,37z"/>
+    <g>
+	<path fill="#9E9E9E" d="M35,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S35,17.895,35,19"/>
+        <path fill="#9E9E9E" d="M17,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S17,17.895,17,19"/>
+</g>
+    <path fill="#ADADAD" d="M33,13c0-7.635-18-4.971-18,0v7c0,4.971,4.029,9,9,9s9-4.029,9-9V13z"/>
+    <ellipse display="none" fill="#ADADAD" cx="24" cy="12.779" rx="9" ry="7.079"/>
+    <path fill="#424242" d="M24,4c-6.075,0-10,4.925-10,11v2.284L16,19v-5l12-4l4,4v5l2-1.741V15c0-4.025-1.038-8.015-6-9l-1-2H24z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/invoice.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/invoice.svg
new file mode 100644
index 0000000000..ae0c2244ed
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/invoice.svg
@@ -0,0 +1,21 @@
+
+
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" style="enable-background:new 0 0 40 40;" xml:space="preserve" viewBox="0 0 40 40" >
+<g>
+	<rect x="5.5" y="1.5" style="fill:#FFFFFF;" width="29" height="37"/>
+	<g>
+		<path style="fill:#788B9C;" d="M34,2v36H6V2H34 M35,1H5v38h30V1L35,1z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path style="fill:#C5D4DE;" d="M28,15v11H12V15H28 M29,14H11v13h18V14L29,14z"/>
+	</g>
+</g>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="16.5" y1="14" x2="16.5" y2="27"/>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="23.5" y1="14" x2="23.5" y2="27"/>
+<line style="fill:#FFFFFF;stroke:#788B9C;stroke-miterlimit:10;" x1="11" y1="8.5" x2="29" y2="8.5"/>
+<line style="fill:#FFFFFF;stroke:#788B9C;stroke-miterlimit:10;" x1="20" y1="31.5" x2="29" y2="31.5"/>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="11" y1="18.5" x2="29" y2="18.5"/>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="11" y1="22.5" x2="29" y2="22.5"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-fill.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-fill.svg
new file mode 100644
index 0000000000..144810bb21
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-fill.svg
@@ -0,0 +1,8 @@
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 87">
+    <defs>
+        <style>.cls-1{fill:#cd1017;fill-rule:evenodd;}</style>
+    </defs>
+    <title>coreshopWon rgb</title>
+    <path class="cls-1"
+          d="M48.57,50.58,38,56.69,14.31,43V29.82L38,16.15l31.87,18.4V25.1L38,6.7,6.13,25.1V47.73L38,66.13,56.75,55.3V45.86l-8.18-4.72v9.44ZM27.43,36.42,38,30.31,61.69,44V57.18L38,70.85,6.13,52.45V61.9L38,80.3,69.87,61.9V39.27L38,20.87,19.25,31.7v9.44l8.18,4.72V36.42Z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-fill_white.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-fill_white.svg
new file mode 100644
index 0000000000..69e3d5e061
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-fill_white.svg
@@ -0,0 +1,8 @@
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 87">
+    <defs>
+        <style>.cls-1{fill:white;fill-rule:evenodd;}</style>
+    </defs>
+    <title>coreshopWon rgb</title>
+    <path class="cls-1"
+          d="M48.57,50.58,38,56.69,14.31,43V29.82L38,16.15l31.87,18.4V25.1L38,6.7,6.13,25.1V47.73L38,66.13,56.75,55.3V45.86l-8.18-4.72v9.44ZM27.43,36.42,38,30.31,61.69,44V57.18L38,70.85,6.13,52.45V61.9L38,80.3,69.87,61.9V39.27L38,20.87,19.25,31.7v9.44l8.18,4.72V36.42Z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-full.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-full.svg
new file mode 100644
index 0000000000..02ec7e339d
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo-full.svg
@@ -0,0 +1,10 @@
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 333.77 87">
+    <defs>
+        <style>.cls-1{fill:#cd1017;}.cls-1,.cls-2{fill-rule:evenodd;}.cls-2{fill:#333;}</style>
+    </defs>
+    <title>coreshopWon rgb</title>
+    <path class="cls-1"
+          d="M47.94,50.58,37.37,56.69,13.68,43V29.82L37.37,16.15l31.86,18.4V25.1L37.37,6.7,5.5,25.1V47.73l31.87,18.4L56.12,55.3V45.86l-8.18-4.72v9.44ZM26.79,36.42l10.58-6.11L61.05,44V57.18L37.37,70.85,5.5,52.45V61.9L37.37,80.3,69.23,61.9V39.27L37.37,20.87,18.62,31.7v9.44l8.17,4.72V36.42Z"/>
+    <path class="cls-2"
+          d="M101.94,58.13a14.6,14.6,0,0,0,11.48-5l-3.19-3.24c-2.43,2.27-4.65,3.68-8.12,3.68-5.42,0-9.34-4.53-9.34-10.06v-.08c0-5.54,3.92-10,9.34-10,3.23,0,5.65,1.41,7.91,3.51l3.2-3.67a14.74,14.74,0,0,0-11.07-4.41A14.32,14.32,0,0,0,87.56,43.5v.08a14.23,14.23,0,0,0,14.38,14.55Zm30.43,0A14.49,14.49,0,0,0,147.2,43.5v-.08a14.79,14.79,0,0,0-29.58.08v.08a14.36,14.36,0,0,0,14.75,14.55Zm.08-4.57c-5.61,0-9.61-4.57-9.61-10.06v-.08c0-5.5,3.92-10,9.53-10S142,38,142,43.5v.08c0,5.5-3.92,10-9.54,10Zm21.82,4.08h5V47.78h6.22l6.95,9.86h5.86l-7.63-10.71c4-1.13,6.74-3.91,6.74-8.56v-.08a8.55,8.55,0,0,0-2.34-6.1c-1.82-1.78-4.61-2.83-8.16-2.83H154.27V57.64Zm5-14.26v-9.5h7.23c3.68,0,5.86,1.66,5.86,4.69v.08c0,2.87-2.26,4.73-5.82,4.73Zm25.3,14.26h21.17V53.2h-16.2V45.6h14.18V41.16H189.51V33.8h16V29.36h-21V57.64Zm38.18.4c5.62,0,9.66-3.15,9.66-8V50c0-4.32-2.91-6.62-9.21-8s-7.68-2.82-7.68-5.49v-.08c0-2.55,2.34-4.57,6-4.57a12.41,12.41,0,0,1,8.16,3.07l1.86-2.46A14.77,14.77,0,0,0,221.59,29c-5.37,0-9.29,3.27-9.29,7.71v.08c0,4.65,3,6.75,9.49,8.16,5.94,1.26,7.36,2.75,7.36,5.38v.08c0,2.79-2.51,4.81-6.31,4.81s-6.74-1.34-9.69-4l-2,2.34A16.53,16.53,0,0,0,222.72,58Zm17.22-.4h3.19V44.91h16.32V57.64h3.19V29.36h-3.19V41.92H243.13V29.36h-3.19V57.64Zm44.89.49A14.33,14.33,0,0,0,299.29,43.5v-.08c0-7.8-5.77-14.55-14.38-14.55A14.33,14.33,0,0,0,270.45,43.5v.08c0,7.8,5.77,14.55,14.38,14.55Zm.08-3c-6.46,0-11.15-5.26-11.15-11.68v-.08c0-6.42,4.61-11.6,11.07-11.6S296,37.08,296,43.5v.08c0,6.42-4.6,11.6-11.07,11.6Zm22.19,2.46h3.19v-10h6.87c6,0,11.11-3.15,11.11-9.25v-.08c0-5.58-4.21-9-10.59-9H307.1V57.64Zm3.19-12.89V32.31h7.15c4.56,0,7.59,2.1,7.59,6.14v.08c0,3.72-3.07,6.22-7.75,6.22Z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo.svg
new file mode 100644
index 0000000000..41221e60b9
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/logo.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 87">
+    <defs>
+        <style>.cls-1{fill:#cd1017;fill-rule:evenodd;}</style>
+    </defs>
+    <path class="cls-1"
+          d="M48.57,50.58,38,56.69,14.31,43V29.82L38,16.15l31.87,18.4V25.1L38,6.7,6.13,25.1V47.73L38,66.13,56.75,55.3V45.86l-8.18-4.72v9.44ZM27.43,36.42,38,30.31,61.69,44V57.18L38,70.85,6.13,52.45V61.9L38,80.3,69.87,61.9V39.27L38,20.87,19.25,31.7v9.44l8.18,4.72V36.42Z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/mail.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/mail.svg
new file mode 100644
index 0000000000..8141608a17
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/mail.svg
@@ -0,0 +1,6 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#CFD8DC" d="M40,10H8c-2.209,0-4,1.791-4,4v20c0,2.209,1.791,4,4,4h32c2.209,0,4-1.791,4-4V14C44,11.791,42.209,10,40,10&#10;&#9;z"/>
+<path fill="#78909C" d="M44,14.025c0-0.465-0.095-0.904-0.24-1.32L24,27.025L4.241,12.705C4.095,13.121,4,13.561,4,14.025V15&#10;&#9;l20,14.495L44,15V14.025z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/manufacturer.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/manufacturer.svg
new file mode 100644
index 0000000000..3d2ee4486a
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/manufacturer.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" version="1.1">
+<g id="surface1">
+<path style=" fill:#BF360C;" d="M 41.199219 5 L 33.898438 5 L 32 43 L 43 43 Z "/>
+<path style=" fill:#E64A19;" d="M 33 23 L 29 23 L 29 17 L 17 23 L 17 17 L 5 23 L 5 43 L 33 43 Z "/>
+<path style=" fill:#FFC107;" d="M 9 27 L 13 27 L 13 31 L 9 31 Z "/>
+<path style=" fill:#FFC107;" d="M 17 27 L 21 27 L 21 31 L 17 31 Z "/>
+<path style=" fill:#FFC107;" d="M 25 27 L 29 27 L 29 31 L 25 31 Z "/>
+<path style=" fill:#FFC107;" d="M 9 35 L 13 35 L 13 39 L 9 39 Z "/>
+<path style=" fill:#FFC107;" d="M 17 35 L 21 35 L 21 39 L 17 39 Z "/>
+<path style=" fill:#FFC107;" d="M 25 35 L 29 35 L 29 39 L 25 39 Z "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/money.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/money.svg
new file mode 100644
index 0000000000..aff60a3ee6
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/money.svg
@@ -0,0 +1,32 @@
+<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<g>
+	<path style="fill:#BAE0BD;" d="M36.5,37.249c-12.647-5.172-29.861-5.691-33-5.743V10.5h33V37.249z"/>
+	<path style="fill:#5E9C76;" d="M36,11v25.51c-12.231-4.794-27.886-5.417-32-5.498V11H36 M37,10H3v22c0,0,20,0,34,6V10L37,10z"/>
+</g>
+<g>
+	<path style="fill:#BAE0BD;" d="M37.5,32.384c-12.728-2.607-31.69-2.858-35-2.882V8.5h35V32.384z"/>
+	<path style="fill:#5E9C76;" d="M37,9v22.774c-12.217-2.398-29.668-2.723-34-2.767V9H37 M38,8H2v22c0,0,22,0,36,3V8L38,8z"/>
+</g>
+<g>
+	<rect x="1.5" y="6.5" style="fill:#BAE0BD;" width="37" height="21"/>
+	<path style="fill:#5E9C76;" d="M38,7v20H2V7H38 M39,6H1v22h38V6L39,6z"/>
+</g>
+<g>
+	<circle style="fill:#FFFFFF;" cx="20" cy="17" r="7.5"/>
+	<g>
+		<path style="fill:#5E9C76;" d="M20,10c3.86,0,7,3.14,7,7s-3.14,7-7,7s-7-3.14-7-7S16.14,10,20,10 M20,9c-4.418,0-8,3.582-8,8&#10;&#9;&#9;&#9;s3.582,8,8,8s8-3.582,8-8S24.418,9,20,9L20,9z"/>
+	</g>
+</g>
+<g>
+	<circle style="fill:#FFFFFF;" cx="33" cy="17" r="2.5"/>
+	<g>
+		<path style="fill:#5E9C76;" d="M33,15c1.103,0,2,0.897,2,2s-0.897,2-2,2c-1.103,0-2-0.897-2-2S31.897,15,33,15 M33,14&#10;&#9;&#9;&#9;c-1.657,0-3,1.343-3,3s1.343,3,3,3s3-1.343,3-3S34.657,14,33,14L33,14z"/>
+	</g>
+</g>
+<g>
+	<circle style="fill:#FFFFFF;" cx="7" cy="17" r="2.5"/>
+	<g>
+		<path style="fill:#5E9C76;" d="M7,15c1.103,0,2,0.897,2,2s-0.897,2-2,2s-2-0.897-2-2S5.897,15,7,15 M7,14c-1.657,0-3,1.343-3,3&#10;&#9;&#9;&#9;s1.343,3,3,3s3-1.343,3-3S8.657,14,7,14L7,14z"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/monitor.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/monitor.svg
new file mode 100644
index 0000000000..c912882c38
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/monitor.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#455A64" d="M6,10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28c0,2.209-1.791,4-4,4H10c-2.209,0-4-1.791-4-4V10z"/>
+<path fill="none" stroke="#AEEA00" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M7,24h8l1-3l2,9l4-16l4,22  l4-15l2,7l2-4h7"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/not_combinable.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/not_combinable.svg
new file mode 100644
index 0000000000..d5a45eceaa
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/not_combinable.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0,0,256,256" fill-rule="nonzero">
+    <defs>
+        <clipPath id="clip-1">
+            <path d="M0,256v-256h256v256zM181.33333,101.33333c-41.06667,0 -74.66667,33.6 -74.66667,74.66667c0,41.06667 33.6,74.66667 74.66667,74.66667c41.06667,0 74.66667,-33.6 74.66667,-74.66667z"
+                  id="overlayBgMask" fill="none" opacity="0.5"></path>
+        </clipPath>
+    </defs>
+    <g clip-path="url(#clip-1)" fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
+       stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none"
+       font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <g transform="scale(5.33333,5.33333)" fill="#ffa726">
+            <path d="M44,20v-7c0,-2.2 -1.8,-4 -4,-4h-5.5c0,0.8 -0.7,1.5 -1.5,1.5c-0.8,0 -1.5,-0.7 -1.5,-1.5h-23.5c-2.2,0 -4,1.8 -4,4v7c2.2,0 4,1.8 4,4c0,2.2 -1.8,4 -4,4v7c0,2.2 1.8,4 4,4h23.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5h5.5c2.2,0 4,-1.8 4,-4v-7c-2.2,0 -4,-1.8 -4,-4c0,-2.2 1.8,-4 4,-4zM33,35.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,30.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,25.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,20.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,15.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5z"></path>
+        </g>
+    </g>
+    <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
+       stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
+       font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <g transform="translate(117.33333,112) scale(6.4,6.4)" id="overlay">
+            <g>
+                <path d="M20,10c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10"
+                      fill="#ff3d00"></path>
+                <path d="M15.3,6.8l-2.1,-2.1l-3.2,3.2l-3.2,-3.2l-2.1,2.1l3.2,3.2l-3.2,3.2l2.1,2.1l3.2,-3.2l3.2,3.2l2.1,-2.1l-3.2,-3.2z"
+                      fill="#ffffff"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/orders-backend.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/orders-backend.svg
new file mode 100644
index 0000000000..921ce52cd4
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/orders-backend.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 252 252" width="48px" height="48px"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,252v-252h252v252z" fill="none"/><g><g id="surface1"><path d="M215.25,199.5c0,26.25 -21,26.25 -21,26.25h-141.75v-199.5h162.75c0,0 0,147 0,173.25z" fill="#c5cae9"/><path d="M73.5,63h15.75v15.75h-15.75z" fill="#7986cb"/><path d="M105,63h89.25v15.75h-89.25z" fill="#7986cb"/><path d="M73.5,94.5h15.75v15.75h-15.75z" fill="#7986cb"/><path d="M105,94.5h89.25v15.75h-89.25z" fill="#7986cb"/><path d="M73.5,126h15.75v15.75h-15.75z" fill="#7986cb"/><path d="M105,126h89.25v15.75h-89.25z" fill="#7986cb"/><path d="M173.25,199.5c0,-3.75293 0,-19.91309 0,-26.25h-136.5c0,6.33691 0,22.49707 0,26.25c0,14.49902 6.50098,26.25 21,26.25h136.5c-14.49902,0 -21,-11.75098 -21,-26.25z" fill="#3f51b5"/></g></g><g><g><rect x="31.43333" y="45.53333" transform="scale(5.19231,5.19231)" width="16" height="3" fill="#b39ddb"/><path d="M215.13462,212.53846v-12.46154h-20.76923v11.94231l-30.63462,8.82692l-0.51923,5.19231h83.07692v-5.19231z" fill="#37474f"/><path d="M251.48077,241.61538h-93.98077l0.51923,-15.05769c0,-3.11538 2.59615,-5.71154 5.71154,-5.71154h82.55769c3.11538,0 5.71154,2.59615 5.71154,5.71154z" fill="#546e7a"/><path d="M194.36538,205.26923c0,0 -10.38462,-27.51923 -10.38462,-40.5c0,-12.98077 6.75,-16.61538 18.17308,-16.61538h5.19231c11.42308,0 18.17308,4.15385 18.17308,16.61538c0,12.46154 -10.38462,40.5 -10.38462,40.5z" fill="#f4511e"/></g></g></g></svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/orders.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/orders.svg
new file mode 100644
index 0000000000..84aa9a08f1
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/orders.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#C5CAE9" d="M41,38c0,5-4,5-4,5H10V5h31C41,5,41,33,41,38z"/>
+<g>
+	<rect x="14" y="12" fill="#7986CB" width="3" height="3"/>
+	<rect x="20" y="12" fill="#7986CB" width="17" height="3"/>
+	<rect x="14" y="18" fill="#7986CB" width="3" height="3"/>
+	<rect x="20" y="18" fill="#7986CB" width="17" height="3"/>
+	<rect x="14" y="24" fill="#7986CB" width="3" height="3"/>
+	<rect x="20" y="24" fill="#7986CB" width="17" height="3"/>
+</g>
+<path fill="#3F51B5" d="M33,38c0-0.713,0-3.793,0-5H17h-6H7c0,1.207,0,4.287,0,5c0,2.762,1.238,5,4,5h26C34.238,43,33,40.762,33,38z  "/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/payments.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/payments.svg
new file mode 100644
index 0000000000..906cf8d6db
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/payments.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#78909C" d="M40,41H8c-2.2,0-4-1.8-4-4l0-20.9c0-1.3,0.6-2.5,1.7-3.3L24,0l18.3,12.8c1.1,0.7,1.7,2,1.7,3.3V37  C44,39.2,42.2,41,40,41z"/>
+<rect x="14" y="1" fill="#AED581" width="20" height="31"/>
+<g>
+	<path fill="#558B2F" d="M13,0v33h22V0H13z M33,31H15V2h18V31z"/>
+	<path fill="#558B2F" d="M34,3c0,1.7-0.3,3-2,3c-1.7,0-3-1.3-3-3s1.3-2,3-2C33.7,1,34,1.3,34,3z"/>
+	<path fill="#558B2F" d="M16,1c1.7,0,3,0.3,3,2s-1.3,3-3,3s-2-1.3-2-3S14.3,1,16,1z"/>
+	<circle fill="#558B2F" cx="24" cy="8" r="2"/>
+	<circle fill="#558B2F" cx="24" cy="20" r="6"/>
+</g>
+<path fill="#CFD8DC" d="M40,41H8c-2.2,0-4-1.8-4-4l0-20l20,13l20-13v20C44,39.2,42.2,41,40,41z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/product.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/product.svg
new file mode 100644
index 0000000000..8a4dffb1b3
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/product.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#FF9800" d="M39,42H9c-1.1,0-2-0.9-2-2V14h34v26C41,41.1,40.1,42,39,42z"/>
+<g>
+	<rect x="28" y="37" fill="#754600" width="9" height="1"/>
+	<rect x="34" y="32" fill="#754600" width="2" height="4"/>
+	<polygon fill="#754600" points="35,30 33,33 37,33  "/>
+	<rect x="29" y="32" fill="#754600" width="2" height="4"/>
+	<polygon fill="#754600" points="30,30 28,33 32,33  "/>
+</g>
+<path fill="#FFAA2E" d="M43,14H5V8c0-1.1,0.9-2,2-2h34c1.1,0,2,0.9,2,2V14z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/quotes.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/quotes.svg
new file mode 100644
index 0000000000..dc86122e0e
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/quotes.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#e8c5c5" d="M41,38c0,5-4,5-4,5H10V5h31C41,5,41,33,41,38z"/>
+<g>
+	<rect x="14" y="12" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="12" fill="#c97878" width="17" height="3"/>
+	<rect x="14" y="18" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="18" fill="#c97878" width="17" height="3"/>
+	<rect x="14" y="24" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="24" fill="#c97878" width="17" height="3"/>
+</g>
+<path fill="#b23e3e" d="M33,38c0-0.713,0-3.793,0-5H17h-6H7c0,1.207,0,4.287,0,5c0,2.762,1.238,5,4,5h26C34.238,43,33,40.762,33,38z  "/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/sales.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/sales.svg
new file mode 100644
index 0000000000..a0685b616b
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/sales.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<g>
+	<path fill="#FFA000" d="M38,13c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,12.1,41.3,13,38,13   z"/>
+	<path fill="#FFA000" d="M38,10c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,9.1,41.3,10,38,10z   "/>
+	<path fill="#FFA000" d="M38,16c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,15.1,41.3,16,38,16   z"/>
+	<path fill="#FFA000" d="M38,19c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,18.1,41.3,19,38,19   z"/>
+	<path fill="#FFA000" d="M38,22c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,21.1,41.3,22,38,22   z"/>
+	<path fill="#FFA000" d="M38,25c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,24.1,41.3,25,38,25   z"/>
+	<path fill="#FFA000" d="M38,28c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,27.1,41.3,28,38,28   z"/>
+	<path fill="#FFA000" d="M38,31c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,30.1,41.3,31,38,31   z"/>
+	<path fill="#FFA000" d="M38,34c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,33.1,41.3,34,38,34   z"/>
+	<path fill="#FFA000" d="M38,37c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,36.1,41.3,37,38,37   z"/>
+	<path fill="#FFA000" d="M38,40c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C44,39.1,41.3,40,38,40   z"/>
+</g>
+<g>
+	<ellipse fill="#FFC107" cx="38" cy="8" rx="6" ry="2"/>
+	<path fill="#FFC107" d="M38,12c-2.8,0-5.1-0.6-5.8-1.5C32.1,10.7,32,10.8,32,11c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,11.4,40.8,12,38,12z"/>
+	<path fill="#FFC107" d="M38,15c-2.8,0-5.1-0.6-5.8-1.5C32.1,13.7,32,13.8,32,14c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,14.4,40.8,15,38,15z"/>
+	<path fill="#FFC107" d="M38,18c-2.8,0-5.1-0.6-5.8-1.5C32.1,16.7,32,16.8,32,17c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,17.4,40.8,18,38,18z"/>
+	<path fill="#FFC107" d="M38,21c-2.8,0-5.1-0.6-5.8-1.5C32.1,19.7,32,19.8,32,20c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,20.4,40.8,21,38,21z"/>
+	<path fill="#FFC107" d="M38,24c-2.8,0-5.1-0.6-5.8-1.5C32.1,22.7,32,22.8,32,23c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,23.4,40.8,24,38,24z"/>
+	<path fill="#FFC107" d="M38,27c-2.8,0-5.1-0.6-5.8-1.5C32.1,25.7,32,25.8,32,26c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,26.4,40.8,27,38,27z"/>
+	<path fill="#FFC107" d="M38,30c-2.8,0-5.1-0.6-5.8-1.5C32.1,28.7,32,28.8,32,29c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,29.4,40.8,30,38,30z"/>
+	<path fill="#FFC107" d="M38,33c-2.8,0-5.1-0.6-5.8-1.5C32.1,31.7,32,31.8,32,32c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,32.4,40.8,33,38,33z"/>
+	<path fill="#FFC107" d="M38,36c-2.8,0-5.1-0.6-5.8-1.5C32.1,34.7,32,34.8,32,35c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,35.4,40.8,36,38,36z"/>
+	<path fill="#FFC107" d="M38,39c-2.8,0-5.1-0.6-5.8-1.5C32.1,37.7,32,37.8,32,38c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C43.1,38.4,40.8,39,38,39z"/>
+</g>
+<g>
+	<path fill="#FFA000" d="M10,19c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,18.1,13.3,19,10,19   z"/>
+	<path fill="#FFA000" d="M10,16c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,15.1,13.3,16,10,16   z"/>
+	<path fill="#FFA000" d="M10,22c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,21.1,13.3,22,10,22   z"/>
+	<path fill="#FFA000" d="M10,25c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,24.1,13.3,25,10,25   z"/>
+	<path fill="#FFA000" d="M10,28c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,27.1,13.3,28,10,28   z"/>
+	<path fill="#FFA000" d="M10,31c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,30.1,13.3,31,10,31   z"/>
+	<path fill="#FFA000" d="M10,34c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,33.1,13.3,34,10,34   z"/>
+	<path fill="#FFA000" d="M10,37c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,36.1,13.3,37,10,37   z"/>
+	<path fill="#FFA000" d="M10,40c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C16,39.1,13.3,40,10,40   z"/>
+</g>
+<g>
+	<ellipse fill="#FFC107" cx="10" cy="14" rx="6" ry="2"/>
+	<path fill="#FFC107" d="M10,18c-2.8,0-5.1-0.6-5.8-1.5C4.1,16.7,4,16.8,4,17c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,17.4,12.8,18,10,18z"/>
+	<path fill="#FFC107" d="M10,21c-2.8,0-5.1-0.6-5.8-1.5C4.1,19.7,4,19.8,4,20c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,20.4,12.8,21,10,21z"/>
+	<path fill="#FFC107" d="M10,24c-2.8,0-5.1-0.6-5.8-1.5C4.1,22.7,4,22.8,4,23c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,23.4,12.8,24,10,24z"/>
+	<path fill="#FFC107" d="M10,27c-2.8,0-5.1-0.6-5.8-1.5C4.1,25.7,4,25.8,4,26c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,26.4,12.8,27,10,27z"/>
+	<path fill="#FFC107" d="M10,30c-2.8,0-5.1-0.6-5.8-1.5C4.1,28.7,4,28.8,4,29c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,29.4,12.8,30,10,30z"/>
+	<path fill="#FFC107" d="M10,33c-2.8,0-5.1-0.6-5.8-1.5C4.1,31.7,4,31.8,4,32c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,32.4,12.8,33,10,33z"/>
+	<path fill="#FFC107" d="M10,36c-2.8,0-5.1-0.6-5.8-1.5C4.1,34.7,4,34.8,4,35c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,35.4,12.8,36,10,36z"/>
+	<path fill="#FFC107" d="M10,39c-2.8,0-5.1-0.6-5.8-1.5C4.1,37.7,4,37.8,4,38c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C15.1,38.4,12.8,39,10,39z"/>
+</g>
+<g>
+	<path fill="#FFA000" d="M24,28c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C30,27.1,27.3,28,24,28   z"/>
+	<path fill="#FFA000" d="M24,25c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C30,24.1,27.3,25,24,25   z"/>
+	<path fill="#FFA000" d="M24,31c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C30,30.1,27.3,31,24,31   z"/>
+	<path fill="#FFA000" d="M24,34c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C30,33.1,27.3,34,24,34   z"/>
+	<path fill="#FFA000" d="M24,37c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C30,36.1,27.3,37,24,37   z"/>
+	<path fill="#FFA000" d="M24,40c-3.3,0-6-0.9-6-2c0,0.4,0,1.6,0,2c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.4,0-1.6,0-2C30,39.1,27.3,40,24,40   z"/>
+</g>
+<g>
+	<ellipse fill="#FFC107" cx="24" cy="23" rx="6" ry="2"/>
+	<path fill="#FFC107" d="M24,27c-2.8,0-5.1-0.6-5.8-1.5C18.1,25.7,18,25.8,18,26c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C29.1,26.4,26.8,27,24,27z"/>
+	<path fill="#FFC107" d="M24,30c-2.8,0-5.1-0.6-5.8-1.5C18.1,28.7,18,28.8,18,29c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C29.1,29.4,26.8,30,24,30z"/>
+	<path fill="#FFC107" d="M24,33c-2.8,0-5.1-0.6-5.8-1.5C18.1,31.7,18,31.8,18,32c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C29.1,32.4,26.8,33,24,33z"/>
+	<path fill="#FFC107" d="M24,36c-2.8,0-5.1-0.6-5.8-1.5C18.1,34.7,18,34.8,18,35c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C29.1,35.4,26.8,36,24,36z"/>
+	<path fill="#FFC107" d="M24,39c-2.8,0-5.1-0.6-5.8-1.5C18.1,37.7,18,37.8,18,38c0,1.1,2.7,2,6,2s6-0.9,6-2c0-0.2-0.1-0.3-0.2-0.5   C29.1,38.4,26.8,39,24,39z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/shipment.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/shipment.svg
new file mode 100644
index 0000000000..973ba10530
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/shipment.svg
@@ -0,0 +1,21 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<path style="fill:#B71C1C;" d="M38,29V8c0-0.553-0.448-1-1-1H11c-0.552,0-1,0.447-1,1v21H38z"/>
+<path style="fill:#37474F;" d="M40,20v3h-5v2h5c0.97,0,2-0.701,2-2v-3H40z"/>
+<path style="fill:#FF5722;" d="M43,21c0,0.553-0.448,1-1,1h-2c-0.552,0-1-0.447-1-1v-6c0-0.553,0.448-1,1-1h2c0.552,0,1,0.447,1,1&#10;&#9;V21z"/>
+<path style="fill:#37474F;" d="M13,23H8v-3H6v3c0,1.299,1.03,2,2,2h5V23z"/>
+<path style="fill:#FF5722;" d="M5,21c0,0.553,0.448,1,1,1h2c0.552,0,1-0.447,1-1v-6c0-0.553-0.448-1-1-1H6c-0.552,0-1,0.447-1,1V21z&#10;&#9;"/>
+<path style="fill:#FF5722;" d="M35,29H13V14c0-1.104,0.895-2,2-2h18c1.104,0,2,0.896,2,2V29z"/>
+<path style="fill:#7A1A04;" d="M33,15c0-0.553-0.448-1-1-1H16c-0.552,0-1,0.447-1,1v8c0,0.553,0.448,1,1,1h16c0.552,0,1-0.447,1-1&#10;&#9;V15z"/>
+<path style="fill:#37474F;" d="M15,37c0-0.553-0.447-1-1-1h-3c-0.553,0-1,0.447-1,1v5c0,0.553,0.447,1,1,1h3c0.553,0,1-0.447,1-1V37&#10;&#9;z"/>
+<path style="fill:#37474F;" d="M38,37c0-0.553-0.447-1-1-1h-3c-0.553,0-1,0.447-1,1v5c0,0.553,0.447,1,1,1h3c0.553,0,1-0.447,1-1V37&#10;&#9;z"/>
+<path style="fill:#FF5722;" d="M39,29c0-1.104-0.896-2-2-2H11c-1.105,0-2,0.896-2,2v8c0,1.104,0.895,2,2,2h26c1.104,0,2-0.896,2-2&#10;&#9;V29z"/>
+<rect x="16" y="27" style="fill:#37474F;" width="16" height="10"/>
+<rect x="16" y="29" style="fill:#546E7A;" width="16" height="2"/>
+<rect x="16" y="33" style="fill:#546E7A;" width="16" height="2"/>
+<circle style="fill:#FFFFFF;" cx="12" cy="32" r="2"/>
+<circle style="fill:#FFFFFF;" cx="36" cy="32" r="2"/>
+<circle style="fill:#4CAF50;" cx="38" cy="38" r="10"/>
+<polygon style="fill:#FFFFFF;" points="43.04,33.517 36.578,39.987 33.911,37.326 32.565,38.674 36.58,42.68 44.388,34.864 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/stock.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/stock.svg
new file mode 100644
index 0000000000..2e95ee9503
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/stock.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#37474F" d="M36,36c1.657,0,3,1.343,3,3s-1.343,3-3,3s-3-1.343-3-3S34.343,36,36,36"/>
+	<path fill="#37474F" d="M21,36c1.657,0,3,1.343,3,3s-1.343,3-3,3s-3-1.343-3-3S19.343,36,21,36"/>
+</g>
+<g>
+	<path fill="#607D8B" d="M36,38c0.552,0,1,0.448,1,1s-0.448,1-1,1s-1-0.448-1-1S35.448,38,36,38"/>
+	<path fill="#607D8B" d="M21,38c0.552,0,1,0.448,1,1s-0.448,1-1,1s-1-0.448-1-1S20.448,38,21,38"/>
+</g>
+<g>
+	<path fill="#009688" d="M20.008,32c-1.102,0-1.999-0.896-2-1.999L18,19.998l-4,0.004l0.008,10.003c0.003,3.306,2.694,5.995,6,5.995   H39v-4H20.008z"/>
+	<path fill="#009688" d="M36.968,24H20.173H20v-0.027c-0.355-0.063-0.658-0.305-0.775-0.656l-4.86-14.582   C13.818,7.1,12.293,6,10.569,6H7.011v4h3.559l5.544,16.632c0.068,0.203,0.166,0.391,0.289,0.556C16.772,27.689,17.364,28,18.011,28   h20.896c0.787,0,1.501-0.462,1.823-1.179L42,24H36.968z"/>
+</g>
+<path fill="#00695C" d="M9,8c0,1.105-0.895,2-2,2S5,9.105,5,8s0.895-2,2-2S9,6.895,9,8"/>
+<path fill="#FF9800" d="M40,24H20c-1.105,0-2-0.895-2-2V8c0-1.105,0.895-2,2-2h20c1.105,0,2,0.895,2,2v14C42,23.105,41.105,24,40,24  "/>
+<path fill="#8A5100" d="M34,10c0,0.553-0.447,1-1,1h-6c-0.553,0-1-0.447-1-1l0,0c0-0.553,0.447-1,1-1h6C33.553,9,34,9.447,34,10  L34,10z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/store-mail.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/store-mail.svg
new file mode 100644
index 0000000000..b7c7146a0b
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/store-mail.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#CFD8DC;}
+	.st1{fill:#B0BEC5;}
+	.st2{fill:#455A64;}
+	.st3{fill:#E3F2FD;}
+	.st4{fill:#1E88E5;}
+	.st5{fill:#90A4AE;}
+	.st6{fill:#558B2F;}
+	.st7{fill:#7CB342;}
+	.st8{fill:#FFA000;}
+	.st9{fill:#FFC107;}
+	.st10{fill:#CFD8DC;stroke:#000000;stroke-width:0.5;stroke-miterlimit:10;}
+	.st11{fill:#78909C;}
+</style>
+<rect x="5" y="19" class="st0" width="38" height="19"/>
+<g>
+	<rect x="5" y="38" class="st1" width="38" height="4"/>
+</g>
+<rect x="27" y="24" class="st2" width="12" height="18"/>
+<rect x="9" y="24" class="st3" width="14" height="11"/>
+<rect x="10" y="25" class="st4" width="12" height="9"/>
+<path class="st5" d="M36.5,33.5c-0.3,0-0.5,0.2-0.5,0.5v2c0,0.3,0.2,0.5,0.5,0.5S37,36.3,37,36v-2C37,33.7,36.8,33.5,36.5,33.5z"/>
+<g>
+	<circle class="st6" cx="24" cy="19" r="3"/>
+	<circle class="st6" cx="36" cy="19" r="3"/>
+	<circle class="st6" cx="12" cy="19" r="3"/>
+</g>
+<g>
+	<g>
+		<path class="st7" d="M40,6H8C6.9,6,6,6.9,6,8v3h36V8C42,6.9,41.1,6,40,6z"/>
+	</g>
+	<rect x="21" y="11" class="st7" width="6" height="8"/>
+	<polygon class="st7" points="37,11 32,11 33,19 39,19 	"/>
+	<polygon class="st7" points="11,11 16,11 15,19 9,19 	"/>
+</g>
+<g>
+	<circle class="st8" cx="30" cy="19" r="3"/>
+	<path class="st8" d="M45,19c0,1.7-1.3,3-3,3s-3-1.3-3-3s1.3-3,3-3L45,19z"/>
+	<circle class="st8" cx="18" cy="19" r="3"/>
+	<path class="st8" d="M3,19c0,1.7,1.3,3,3,3s3-1.3,3-3s-1.3-3-3-3L3,19z"/>
+</g>
+<g>
+	<polygon class="st9" points="32,11 27,11 27,19 33,19 	"/>
+	<polygon class="st9" points="42,11 37,11 39,19 45,19 	"/>
+	<polygon class="st9" points="16,11 21,11 21,19 15,19 	"/>
+	<polygon class="st9" points="6,11 11,11 9,19 3,19 	"/>
+</g>
+<path class="st10" d="M43.1,32.6H28.8c-1,0-1.8,0.8-1.8,1.8v9c0,1,0.8,1.8,1.8,1.8h14.3c1,0,1.8-0.8,1.8-1.8v-9
+	C44.9,33.4,44.1,32.6,43.1,32.6z"/>
+<path class="st11" d="M44.9,34.4c0-0.2,0-0.4-0.1-0.6L36,40.2l-8.8-6.4C27,34,27,34.2,27,34.4v0.4l9,6.5l9-6.5V34.4z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/store-values.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/store-values.svg
new file mode 100644
index 0000000000..51f8f09c85
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/store-values.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 252 252"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,252v-252h252v252z" fill="none"/><g id="Layer_1"><path d="M220.5,31.5c0,-3.15 -2.1,-5.25 -5.25,-5.25h-178.5c-3.15,0 -5.25,2.1 -5.25,5.25v194.25h189z" fill="#cccccc"/><rect x="6" y="41" transform="scale(5.25,5.25)" width="36" height="2" fill="#b0bec5"/><rect x="40" y="20" transform="scale(5.25,5.25)" width="2" height="21" fill="#b0bec5"/><rect x="6" y="20" transform="scale(5.25,5.25)" width="2" height="21" fill="#b0bec5"/><g fill="#90a4ae"><circle cx="13.5" cy="8.5" transform="scale(5.25,5.25)" r="1.5"/><circle cx="17.5" cy="8.5" transform="scale(5.25,5.25)" r="1.5"/><circle cx="9.5" cy="8.5" transform="scale(5.25,5.25)" r="1.5"/></g><rect x="25" y="25" transform="scale(5.25,5.25)" width="13" height="11" fill="#e3f2fd"/><rect x="26" y="26" transform="scale(5.25,5.25)" width="11" height="9" fill="#e74c3c"/><g fill="#ffffff"><circle cx="24" cy="20" transform="scale(5.25,5.25)" r="3"/><circle cx="12" cy="20" transform="scale(5.25,5.25)" r="3"/><circle cx="36" cy="20" transform="scale(5.25,5.25)" r="3"/></g><g fill="#ffffff"><rect x="21" y="12" transform="scale(5.25,5.25)" width="6" height="8"/><path d="M47.25,105h31.5l5.25,-42h-26.25z"/><path d="M204.75,105h-31.5l-5.25,-42h26.25z"/></g><g fill="#e74c3c"><circle cx="18" cy="20" transform="scale(5.25,5.25)" r="3"/><path d="M31.5,89.25c8.925,0 15.75,6.825 15.75,15.75c0,8.925 -6.825,15.75 -15.75,15.75c-8.925,0 -15.75,-6.825 -15.75,-15.75z"/><circle cx="30" cy="20" transform="scale(5.25,5.25)" r="3"/><path d="M220.5,89.25c-8.925,0 -15.75,6.825 -15.75,15.75c0,8.925 6.825,15.75 15.75,15.75c8.925,0 15.75,-6.825 15.75,-15.75z"/></g><g fill="#c0392b"><path d="M78.75,105h31.5v-42h-26.25z"/><path d="M15.75,105h31.5l10.5,-42h-26.25z"/><path d="M173.25,105h-31.5v-42h26.25z"/><path d="M236.25,105h-31.5l-10.5,-42h26.25z"/></g><rect x="10" y="25" transform="scale(5.25,5.25)" width="11" height="16" fill="#455a64"/><path d="M63,178.5v10.5c0,1.575 1.05,2.625 2.625,2.625c1.575,0 2.625,-1.05 2.625,-2.625v-10.5c0,-1.575 -1.05,-2.625 -2.625,-2.625c-1.575,0 -2.625,1.05 -2.625,2.625z" fill="#90a4ae"/></g></g></svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/voucher.svg b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/voucher.svg
new file mode 100644
index 0000000000..2fd8fd6c4f
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/assets/voucher.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="fill: rgb(241, 196, 15);">
+<path fill="#FFA726" d="M44,20v-7c0-2.2-1.8-4-4-4h-5.5c0,0.8-0.7,1.5-1.5,1.5S31.5,9.8,31.5,9H8c-2.2,0-4,1.8-4,4v7  c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4v7c0,2.2,1.8,4,4,4h23.5c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5H40c2.2,0,4-1.8,4-4v-7  c-2.2,0-4-1.8-4-4C40,21.8,41.8,20,44,20z M33,35.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,35.5,33,35.5z   M33,30.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,30.5,33,30.5z M33,25.5c-0.8,0-1.5-0.7-1.5-1.5  s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,25.5,33,25.5z M33,20.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5  S33.8,20.5,33,20.5z M33,15.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,15.5,33,15.5z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/AssignToExistingCompanyButton.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/AssignToExistingCompanyButton.tsx
new file mode 100644
index 0000000000..ad264c4fd8
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/AssignToExistingCompanyButton.tsx
@@ -0,0 +1,159 @@
+/**
+ * CoreShop Assign to Existing Company Button Component
+ *
+ * Menu button that opens the Element Selector for customer selection,
+ * then for company selection, then opens a detail widget tab with the assignment form.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Icon } from '@pimcore/studio-ui-bundle/components'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { store } from '@pimcore/studio-ui-bundle/app'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { type MenuButtonProps } from '@coreshop/menu/src'
+import { customerCompanyApi } from '../modules/customer-company-assignment'
+
+let pendingAssignmentCustomer: { id: number, name: string } | null = null
+
+export const AssignToExistingCompanyButton = ({ icon, label }: MenuButtonProps): React.JSX.Element => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [allowedCustomerClasses, setAllowedCustomerClasses] = React.useState<string[]>([])
+  const [allowedCompanyClasses, setAllowedCompanyClasses] = React.useState<string[]>([])
+  const [classesLoaded, setClassesLoaded] = React.useState(false)
+  const selectedCustomerIdRef = React.useRef<number | null>(null)
+  const selectedCustomerNameRef = React.useRef<string>('')
+
+  React.useEffect(() => {
+    const loadClasses = async () => {
+      try {
+        const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+        const [customerClasses, companyClasses] = await Promise.all([
+          configProvider.getAllowedClasses('coreshop.customer'),
+          configProvider.getAllowedClasses('coreshop.company'),
+        ])
+        setAllowedCustomerClasses(customerClasses)
+        setAllowedCompanyClasses(companyClasses)
+      } catch (err) {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load allowed classes')))
+        setAllowedCustomerClasses(['CoreShopCustomer'])
+        setAllowedCompanyClasses(['CoreShopCompany'])
+      } finally {
+        setClassesLoaded(true)
+      }
+    }
+    void loadClasses()
+  }, [messageApi])
+
+  const { open: openCompanySelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedCompanyClasses.length > 0 ? allowedCompanyClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      const selectedCustomerId = selectedCustomerIdRef.current ?? pendingAssignmentCustomer?.id ?? null
+      const selectedCustomerName = selectedCustomerNameRef.current || pendingAssignmentCustomer?.name || ''
+
+      if (event.items.length > 0 && selectedCustomerId) {
+        const selected = event.items[0]
+        const companyId = selected.data.id
+        const customerId = selectedCustomerId
+        const customerName = selectedCustomerName
+
+        // Open detail widget immediately; company details request is only for nice tab naming.
+        store.dispatch({
+          type: 'widget-manager/openMainWidget',
+          payload: {
+            name: 'Assign ' + customerName + ' \u2192 #' + companyId,
+            id: 'coreshop-assign-existing-company-' + customerId + '-' + companyId,
+            component: 'coreshop-customer-to-company-assign-to-existing-detail',
+            config: { customerId, companyId },
+          },
+        })
+        pendingAssignmentCustomer = null
+
+        void customerCompanyApi.getEntityDetails('company', companyId).then((response) => {
+          const companyName = response.success && response.data ? response.data.name : `#${companyId}`
+          store.dispatch({
+            type: 'widget-manager/openMainWidget',
+            payload: {
+              name: 'Assign ' + customerName + ' \u2192 ' + companyName,
+              id: 'coreshop-assign-existing-company-' + customerId + '-' + companyId,
+              component: 'coreshop-customer-to-company-assign-to-existing-detail',
+              config: { customerId, companyId },
+            },
+          })
+        }).catch(() => {})
+      } else if (event.items.length > 0) {
+        void messageApi.error(renderApiError('No customer selected before company selection'))
+      }
+    }
+  })
+
+  const { open: openCustomerSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedCustomerClasses.length > 0 ? allowedCustomerClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        const customerId = selected.data.id
+
+        void customerCompanyApi.getEntityDetails('customer', customerId).then((response) => {
+          const customerName = response.success && response.data ? response.data.name : `#${customerId}`
+          selectedCustomerIdRef.current = customerId
+          selectedCustomerNameRef.current = customerName
+          pendingAssignmentCustomer = { id: customerId, name: customerName }
+          window.setTimeout(() => {
+            openCompanySelector()
+          }, 0)
+        }).catch((err) => {
+          void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load customer')))
+        })
+      }
+    }
+  })
+
+  const handleClick = (e: React.MouseEvent): void => {
+    e.preventDefault()
+    e.stopPropagation()
+    if (classesLoaded) {
+      openCustomerSelector()
+    }
+  }
+
+  return (
+    <button
+      className="main-nav__list-btn"
+      onClick={handleClick}
+    >
+      <Icon value={icon ?? ''} />
+      {label || t('coreshop_customer_to_company_assign_to_existing', { defaultValue: 'Assign to Existing Company' })}
+    </button>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/AssignToNewCompanyButton.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/AssignToNewCompanyButton.tsx
new file mode 100644
index 0000000000..12ac23b316
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/AssignToNewCompanyButton.tsx
@@ -0,0 +1,99 @@
+/**
+ * CoreShop Assign to New Company Button Component
+ *
+ * Menu button that opens the Element Selector for customer selection,
+ * then opens a detail widget tab with the assignment form.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Icon } from '@pimcore/studio-ui-bundle/components'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { store } from '@pimcore/studio-ui-bundle/app'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { type MenuButtonProps } from '@coreshop/menu/src'
+import { customerCompanyApi } from '../modules/customer-company-assignment'
+
+export const AssignToNewCompanyButton = ({ icon, label, closeMainNav }: MenuButtonProps): React.JSX.Element => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [allowedClasses, setAllowedClasses] = React.useState<string[]>([])
+  const [classesLoaded, setClassesLoaded] = React.useState(false)
+
+  React.useEffect(() => {
+    const loadClasses = async () => {
+      try {
+        const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+        const classes = await configProvider.getAllowedClasses('coreshop.customer')
+        setAllowedClasses(classes)
+      } catch (err) {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load allowed customer classes')))
+        setAllowedClasses(['CoreShopCustomer'])
+      } finally {
+        setClassesLoaded(true)
+      }
+    }
+    void loadClasses()
+  }, [])
+
+  const { open: openCustomerSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        const customerId = selected.data.id
+
+        void customerCompanyApi.getEntityDetails('customer', customerId).then((response) => {
+          const customerName = response.success && response.data ? response.data.name : `#${customerId}`
+
+          store.dispatch({
+            type: 'widget-manager/openMainWidget',
+            payload: {
+              name: 'Assign to New Company - ' + customerName,
+              id: 'coreshop-assign-new-company-' + customerId,
+              component: 'coreshop-customer-to-company-assign-to-new-detail',
+              config: { customerId },
+            },
+          })
+        })
+      }
+    }
+  })
+
+  const handleClick = (e: React.MouseEvent): void => {
+    e.preventDefault()
+    e.stopPropagation()
+    if (classesLoaded) {
+      closeMainNav?.()
+      openCustomerSelector()
+    }
+  }
+
+  return (
+    <button
+      className="main-nav__list-btn"
+      onClick={handleClick}
+    >
+      <Icon value={icon ?? ''} />
+      {label || t('coreshop_customer_to_company_assign_to_new', { defaultValue: 'Assign to New Company' })}
+    </button>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/OrderByNumberButton.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/OrderByNumberButton.tsx
new file mode 100644
index 0000000000..22b0d8b2f6
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/components/OrderByNumberButton.tsx
@@ -0,0 +1,132 @@
+/**
+ * CoreShop Order By Number Modal
+ *
+ * Opens a modal to search for an order by number, then opens the order detail widget.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import { ConfigProvider, Form, Input, message } from 'antd'
+import { Modal } from '@pimcore/studio-ui-bundle/components'
+import i18next from 'i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { store } from '@pimcore/studio-ui-bundle/app'
+import { orderService } from '../services/OrderService'
+import { getErrorMessage } from '@coreshop/resource/src/entities'
+
+let modalContainer: HTMLDivElement | null = null
+let modalRoot: ReturnType<typeof createRoot> | null = null
+
+const getThemeConfig = (): Record<string, unknown> | undefined => {
+  try {
+    const themeInstance = container.get<any>(serviceIds['DynamicTypes/Theme/StudioDefaultLight'])
+    return themeInstance?.getThemeConfig?.()
+  } catch {
+    return undefined
+  }
+}
+
+const openOrderWidget = (id: number, saleNumber: string): void => {
+  store.dispatch({
+    type: 'widget-manager/openMainWidget',
+    payload: {
+      name: 'Order #' + saleNumber,
+      id: 'coreshop-order-detail' + id,
+      component: 'coreshop-order-detail',
+      config: {
+        orderId: id,
+      }
+    }
+  })
+}
+
+const OrderByNumberModal: React.FC<{ onClose: () => void }> = ({ onClose }) => {
+  const [open, setOpen] = React.useState(true)
+  const [value, setValue] = React.useState('')
+  const [loading, setLoading] = React.useState(false)
+  const inputRef = React.useRef<any>(null)
+
+  const handleOk = async (): Promise<void> => {
+    const trimmed = value.trim()
+    if (!trimmed) return
+
+    setLoading(true)
+    try {
+      const result = await orderService.findOrder(trimmed)
+
+      if (result.success && result.id) {
+        openOrderWidget(result.id, result.saleNumber ?? trimmed)
+        setOpen(false)
+        onClose()
+      } else {
+        void message.error(i18next.t('element_not_found'))
+      }
+    } catch (error) {
+      void message.error(getErrorMessage(error, i18next.t('error') as string))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleCancel = (): void => {
+    setOpen(false)
+    onClose()
+  }
+
+  return (
+    <Modal
+      open={open}
+      title={i18next.t('coreshop_order_by_number')}
+      okText={i18next.t('search')}
+      cancelText={i18next.t('cancel')}
+      onOk={() => { void handleOk() }}
+      onCancel={handleCancel}
+      confirmLoading={loading}
+      destroyOnClose
+      afterOpenChange={(visible) => { if (visible) inputRef.current?.focus() }}
+    >
+      <Form.Item
+        label={i18next.t('coreshop_please_enter_the_number_of_the_order')}
+        required
+        layout="vertical"
+        style={{ marginBottom: 0, marginTop: 16 }}
+      >
+        <Input
+          ref={inputRef}
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+          onPressEnter={() => { void handleOk() }}
+        />
+      </Form.Item>
+    </Modal>
+  )
+}
+
+export const openOrderByNumberModal = (): void => {
+  if (!modalContainer) {
+    modalContainer = document.createElement('div')
+    modalContainer.id = 'coreshop-order-by-number-container'
+    document.body.appendChild(modalContainer)
+    modalRoot = createRoot(modalContainer)
+  }
+
+  const cleanup = (): void => {
+    if (modalRoot) {
+      modalRoot.render(null)
+    }
+  }
+
+  const themeConfig = getThemeConfig()
+
+  if (modalRoot) {
+    modalRoot.render(
+      <ConfigProvider theme={themeConfig as any}>
+        <OrderByNumberModal onClose={cleanup} />
+      </ConfigProvider>
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStoreValues.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStoreValues.tsx
new file mode 100644
index 0000000000..fa608b92dd
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStoreValues.tsx
@@ -0,0 +1,372 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, InputNumber, Form, Space, Button, Typography, Card, Tooltip, Spin, Table, Divider } from 'antd'
+import { UndoOutlined } from '@ant-design/icons'
+import {
+  DynamicTypeObjectDataAbstract
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { useGlobalDataObjectContext } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { storeApi, type StoreDetail } from '@coreshop/store/src/modules/stores/api'
+import { coreshopBroker, CORESHOP_EVENTS } from '@coreshop/pimcore/src/modules/broker'
+import { useCurrencyConfig } from '@coreshop/currency/src/modules/currency-config'
+
+const { Text } = Typography
+
+// Type for unit definition info from ProductUnitDefinitions
+interface UnitDefinitionInfo {
+  id?: number
+  unitId: number
+  unitName: string
+  conversionRate: number
+  precision: number
+  isDefault: boolean
+}
+
+// Type for unit definition price
+interface ProductUnitDefinitionPrice {
+  id?: number
+  price?: number
+  unitDefinition?: number | { id?: number }
+}
+
+interface StoreValue {
+  id?: number
+  price?: number
+  inherited?: boolean
+  inheritable?: boolean
+  name?: string
+  currencySymbol?: string
+  values?: {
+    id?: number
+    price?: number
+    productUnitDefinitionPrices?: ProductUnitDefinitionPrice[]
+  }
+}
+
+interface StoreValuesData {
+  [storeId: string]: StoreValue
+}
+
+interface StoreValuesInnerProps {
+  value?: StoreValuesData
+  onChange?: (value: StoreValuesData) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+}
+
+// Module-level cache for stores
+let cachedStores: StoreDetail[] | null = null
+let loadPromise: Promise<StoreDetail[]> | null = null
+
+const loadStores = async (): Promise<StoreDetail[]> => {
+  if (cachedStores) return cachedStores
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const stores = await storeApi.list()
+      cachedStores = stores
+      return stores
+    } catch (err) {
+      console.error('Failed to load stores:', err)
+      return []
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+const StoreValuesInner: React.FC<StoreValuesInnerProps> = ({
+  value,
+  onChange,
+  disabled,
+  style
+}) => {
+  // Get objectId from Pimcore Studio context
+  const { context } = useGlobalDataObjectContext()
+  const objectId = context?.config?.id
+
+  // Get currency config for InputNumber precision
+  const { decimalPrecision } = useCurrencyConfig()
+
+  // Ensure value is always an object, even if null/undefined is passed
+  const safeValue = value ?? {}
+  const [stores, setStores] = React.useState<StoreDetail[]>([])
+  const [loading, setLoading] = React.useState(true)
+  const [availableUnitDefinitions, setAvailableUnitDefinitions] = React.useState<UnitDefinitionInfo[]>([])
+
+  React.useEffect(() => {
+    void (async () => {
+      try {
+        const loadedStores = await loadStores()
+        setStores(loadedStores)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  // Subscribe to unit definition changes from ProductUnitDefinitions
+  React.useEffect(() => {
+    const onUnitDefinitionsChange = (data: { objectId: number; availableUnitDefinitions: UnitDefinitionInfo[] }) => {
+      // Only react if same object
+      if (data.objectId === objectId) {
+        setAvailableUnitDefinitions(data.availableUnitDefinitions)
+      }
+    }
+
+    coreshopBroker.addListener(CORESHOP_EVENTS.UNIT_DEFINITIONS_CHANGE, onUnitDefinitionsChange)
+
+    return () => {
+      coreshopBroker.removeListener(CORESHOP_EVENTS.UNIT_DEFINITIONS_CHANGE, onUnitDefinitionsChange)
+    }
+  }, [objectId])
+
+  // Helper to get unit definition ID from price entry
+  const getUnitDefinitionId = (unitDef?: number | { id?: number }): number | undefined => {
+    if (unitDef === undefined || unitDef === null) return undefined
+    if (typeof unitDef === 'number') return unitDef
+    return unitDef.id
+  }
+
+  // Get unit price for a specific unit definition (backend returns display values)
+  const getUnitPrice = (storeId: number, unitDefinitionId: number): number | undefined => {
+    const storeValue = safeValue[storeId]
+    const prices = storeValue?.values?.productUnitDefinitionPrices || []
+    const priceEntry = prices.find(p => getUnitDefinitionId(p.unitDefinition) === unitDefinitionId)
+    if (priceEntry?.price === undefined || priceEntry?.price === null) return undefined
+    return priceEntry.price
+  }
+
+  // Handle unit price change (send display value - backend handles conversion)
+  const handleUnitPriceChange = (storeId: number, unitDefinitionId: number, price: number | null) => {
+    const currentStoreValue = safeValue[storeId] || {}
+    const currentPrices = currentStoreValue.values?.productUnitDefinitionPrices || []
+
+    // Find existing price entry or create new one
+    const existingIndex = currentPrices.findIndex(p => getUnitDefinitionId(p.unitDefinition) === unitDefinitionId)
+    let newPrices: ProductUnitDefinitionPrice[]
+
+    if (existingIndex >= 0) {
+      // Update existing
+      newPrices = [...currentPrices]
+      newPrices[existingIndex] = {
+        ...newPrices[existingIndex],
+        price: price ?? undefined
+      }
+    } else {
+      // Add new
+      newPrices = [
+        ...currentPrices,
+        {
+          price: price ?? undefined,
+          unitDefinition: unitDefinitionId
+        }
+      ]
+    }
+
+    onChange?.({
+      ...safeValue,
+      [storeId]: {
+        ...currentStoreValue,
+        inherited: false,
+        values: {
+          ...currentStoreValue.values,
+          productUnitDefinitionPrices: newPrices
+        }
+      }
+    })
+  }
+
+  // Handle main price change (send display value - backend handles conversion)
+  const handlePriceChange = (storeId: number, price: number | null) => {
+    const currentValue = safeValue[storeId] || {}
+    onChange?.({
+      ...value,
+      [storeId]: {
+        ...currentValue,
+        price: price ?? undefined,
+        inherited: false,
+        values: {
+          ...currentValue.values,
+          price: price ?? undefined
+        }
+      }
+    })
+  }
+
+  const handleRestoreInheritance = (storeId: number) => {
+    const currentValue = safeValue[storeId]
+    if (!currentValue) return
+
+    onChange?.({
+      ...safeValue,
+      [storeId]: {
+        ...currentValue,
+        inherited: true,
+        price: undefined,
+        values: undefined
+      }
+    })
+  }
+
+  if (loading) {
+    return (
+      <div style={{ padding: 20, textAlign: 'center' }}>
+        <Spin tip="Loading stores..." />
+      </div>
+    )
+  }
+
+  if (stores.length === 0) {
+    return (
+      <Card style={style}>
+        <Text type="secondary">No stores configured</Text>
+      </Card>
+    )
+  }
+
+  const items = stores.map(store => {
+    const storeValue = safeValue[store.id!] || {}
+    const isInherited = storeValue.inherited === true
+    const canRestoreInheritance = !isInherited && storeValue.inheritable
+
+    return {
+      key: String(store.id),
+      label: (
+        <Space>
+          <span className="coreshop-icon coreshop-icon-store" style={{ marginRight: 4 }} />
+          {store.name}
+          {isInherited && <Text type="secondary">(inherited)</Text>}
+        </Space>
+      ),
+      children: (
+        <div style={{ padding: 16 }}>
+          {canRestoreInheritance && (
+            <div style={{ marginBottom: 16 }}>
+              <Tooltip title="Restore inheritance from parent object">
+                <Button
+                  icon={<UndoOutlined />}
+                  onClick={() => handleRestoreInheritance(store.id!)}
+                  disabled={disabled}
+                  size="small"
+                >
+                  Restore Inheritance
+                </Button>
+              </Tooltip>
+            </div>
+          )}
+
+          <Form layout="vertical">
+            <Form.Item label="Price (net)">
+              <InputNumber
+                value={storeValue.price ?? storeValue.values?.price}
+                onChange={(val) => handlePriceChange(store.id!, val)}
+                disabled={disabled || isInherited}
+                precision={decimalPrecision}
+                style={{ width: '100%' }}
+                addonAfter={storeValue.currencySymbol || '€'}
+              />
+            </Form.Item>
+          </Form>
+
+          {/* Unit Prices Table - only show when additional (non-default) unit definitions exist */}
+          {availableUnitDefinitions.filter(u => !u.isDefault).length > 0 && (
+            <>
+              <Divider />
+              <div>
+                <Text strong style={{ display: 'block', marginBottom: 8 }}>Unit Prices</Text>
+                <Table
+                  dataSource={availableUnitDefinitions.filter(u => !u.isDefault)}
+                  columns={[
+                    {
+                      title: 'Unit',
+                      dataIndex: 'unitName',
+                      key: 'unit',
+                      width: 150
+                    },
+                    {
+                      title: 'Conversion Rate',
+                      dataIndex: 'conversionRate',
+                      key: 'conversionRate',
+                      width: 120
+                    },
+                    {
+                      title: 'Price',
+                      key: 'price',
+                      render: (_: any, unitDef: UnitDefinitionInfo) => {
+                        // Only show price field for units with id (saved)
+                        if (!unitDef.id) {
+                          return <Text type="secondary">Save unit first</Text>
+                        }
+                        return (
+                          <InputNumber
+                            value={getUnitPrice(store.id!, unitDef.id)}
+                            onChange={(v) => handleUnitPriceChange(store.id!, unitDef.id!, v)}
+                            disabled={disabled || isInherited}
+                            precision={decimalPrecision}
+                            style={{ width: 150 }}
+                            addonAfter={storeValue.currencySymbol || '€'}
+                          />
+                        )
+                      }
+                    }
+                  ]}
+                  rowKey="unitId"
+                  pagination={false}
+                  size="small"
+                />
+              </div>
+            </>
+          )}
+
+          {isInherited && (
+            <Text type="secondary" italic>
+              Value is inherited from parent object
+            </Text>
+          )}
+        </div>
+      )
+    }
+  })
+
+  return (
+    <Card style={style} styles={{ body: { padding: 0 } }}>
+      <Tabs
+        items={items}
+        defaultActiveKey={stores[0]?.id?.toString()}
+        tabPosition="top"
+        style={{ minHeight: 200 }}
+      />
+    </Card>
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopStoreValues extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopStoreValues'
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <StoreValuesInner
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+      />
+    )
+  }
+
+  getVersionObjectDataComponent(props: any): React.ReactElement {
+    return this.getObjectDataComponent({ ...props, noteditable: true })
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..3020c12964
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,8 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopStoreValues } from './DynamicTypeObjectDataCoreShopStoreValues'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..e52c8b2164
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// NestedCondition has been moved to RuleBundle where it belongs.
+// Re-export for backwards compatibility.
+export { NestedCondition } from '@coreshop/rule'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..3047577073
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,99 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// @ts-ignore
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { registerMenuButton } from '@coreshop/menu/src'
+import { CoreBundleIconModule } from './modules/icon-library'
+import { DynamicTypeObjectDataCoreShopStoreValues } from './dynamic-types'
+import { CoreBundleMenuModule } from './modules/menu'
+import { RuleRegistryExtensionModule } from './modules/extension/rule-registry'
+import { OrderCreationExtensionModule } from './modules/extension/order-creation'
+import { ReportsModule } from './modules/reports'
+import { SettingsModule } from './modules/settings'
+import { PimcoreRelationWidgetModule } from './modules/pimcore-relation-widget'
+import { CustomerAddressSelectWidget } from './modules/extension/order-creation/widgets/CustomerAddressSelectWidget'
+import { AssignToNewCompanyButton } from './components/AssignToNewCompanyButton'
+import { AssignToExistingCompanyButton } from './components/AssignToExistingCompanyButton'
+import {
+  AssignToNewCompanyPanel,
+  AssignToExistingCompanyPanel,
+  customerCompanyAssignmentWidgetRestorer,
+} from './modules/customer-company-assignment'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-core',
+
+    onInit() {
+        // Register DynamicTypes
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopStoreValues())
+
+        // Register custom widgets for order creation schema forms
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+        formWidgetRegistry.register('coreshop_customer_address_choice', () => ({
+            component: CustomerAddressSelectWidget,
+        }))
+
+        registerMenuButton({
+          name: 'coreshopAssignCustomerToNewCompany',
+          button: AssignToNewCompanyButton,
+        })
+
+        registerMenuButton({
+          name: 'coreshopAssignCustomerToExistingCompany',
+          button: AssignToExistingCompanyButton,
+        })
+    },
+
+    onStartup({ moduleSystem }) {
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        // Persistent detail widgets (one per customer/company selection)
+        widgets.registerWidget({
+            name: 'coreshop-customer-to-company-assign-to-new-detail',
+            component: AssignToNewCompanyPanel,
+        })
+        widgets.registerWidget({
+            name: 'coreshop-customer-to-company-assign-to-existing-detail',
+            component: AssignToExistingCompanyPanel,
+        })
+
+        // Register widget restorer for browser reload persistence
+        const widgetRestorerRegistry = container.get<any>((serviceIds as any).widgetRestorerRegistry)
+        if (widgetRestorerRegistry) {
+          widgetRestorerRegistry.register(customerCompanyAssignmentWidgetRestorer)
+        }
+
+        // ============================================
+        // Module Registration
+        // ============================================
+        moduleSystem.registerModule(RuleRegistryExtensionModule)
+        moduleSystem.registerModule(OrderCreationExtensionModule)
+        moduleSystem.registerModule(CoreBundleIconModule)
+        moduleSystem.registerModule(CoreBundleMenuModule)
+        moduleSystem.registerModule(PimcoreRelationWidgetModule)
+        moduleSystem.registerModule(ReportsModule)
+        moduleSystem.registerModule(SettingsModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/AboutButton.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/AboutButton.tsx
new file mode 100644
index 0000000000..9d17e299ea
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/AboutButton.tsx
@@ -0,0 +1,49 @@
+/**
+ * CoreShop About Modal Opener
+ *
+ * Opens the About CoreShop modal via a custom event listener.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+import { AboutModal } from './AboutModal'
+
+// Container for the modal
+let modalContainer: HTMLDivElement | null = null
+let modalRoot: ReturnType<typeof createRoot> | null = null
+
+export const openAboutModal = (): void => {
+  // Create container if it doesn't exist
+  if (!modalContainer) {
+    modalContainer = document.createElement('div')
+    modalContainer.id = 'coreshop-about-modal-container'
+    document.body.appendChild(modalContainer)
+    modalRoot = createRoot(modalContainer)
+  }
+
+  const closeModal = (): void => {
+    if (modalRoot) {
+      modalRoot.render(
+        <AboutModal
+          onCancel={closeModal}
+          onClose={closeModal}
+          open={false}
+        />
+      )
+    }
+  }
+
+  // Render modal
+  if (modalRoot) {
+    modalRoot.render(
+      <AboutModal
+        onCancel={closeModal}
+        onClose={closeModal}
+        open={true}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/AboutModal.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/AboutModal.tsx
new file mode 100644
index 0000000000..57d63d330a
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/AboutModal.tsx
@@ -0,0 +1,544 @@
+/**
+ * CoreShop About Modal
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin } from 'antd'
+import { Button, Flex, type IWindowModalProps, Modal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface InlineLogoProps {
+  className?: string
+}
+
+const ICON_PATH = 'M47.94,50.58,37.37,56.69,13.68,43V29.82L37.37,16.15l31.86,18.4V25.1L37.37,6.7,5.5,25.1V47.73l31.87,18.4L56.12,55.3V45.86l-8.18-4.72v9.44ZM26.79,36.42l10.58-6.11L61.05,44V57.18L37.37,70.85,5.5,52.45V61.9L37.37,80.3,69.23,61.9V39.27L37.37,20.87,18.62,31.7v9.44l8.17,4.72V36.42Z'
+const TEXT_PATH = 'M101.94,58.13a14.6,14.6,0,0,0,11.48-5l-3.19-3.24c-2.43,2.27-4.65,3.68-8.12,3.68-5.42,0-9.34-4.53-9.34-10.06v-.08c0-5.54,3.92-10,9.34-10,3.23,0,5.65,1.41,7.91,3.51l3.2-3.67a14.74,14.74,0,0,0-11.07-4.41A14.32,14.32,0,0,0,87.56,43.5v.08a14.23,14.23,0,0,0,14.38,14.55Zm30.43,0A14.49,14.49,0,0,0,147.2,43.5v-.08a14.79,14.79,0,0,0-29.58.08v.08a14.36,14.36,0,0,0,14.75,14.55Zm.08-4.57c-5.61,0-9.61-4.57-9.61-10.06v-.08c0-5.5,3.92-10,9.53-10S142,38,142,43.5v.08c0,5.5-3.92,10-9.54,10Zm21.82,4.08h5V47.78h6.22l6.95,9.86h5.86l-7.63-10.71c4-1.13,6.74-3.91,6.74-8.56v-.08a8.55,8.55,0,0,0-2.34-6.1c-1.82-1.78-4.61-2.83-8.16-2.83H154.27V57.64Zm5-14.26v-9.5h7.23c3.68,0,5.86,1.66,5.86,4.69v.08c0,2.87-2.26,4.73-5.82,4.73Zm25.3,14.26h21.17V53.2h-16.2V45.6h14.18V41.16H189.51V33.8h16V29.36h-21V57.64Zm38.18.4c5.62,0,9.66-3.15,9.66-8V50c0-4.32-2.91-6.62-9.21-8s-7.68-2.82-7.68-5.49v-.08c0-2.55,2.34-4.57,6-4.57a12.41,12.41,0,0,1,8.16,3.07l1.86-2.46A14.77,14.77,0,0,0,221.59,29c-5.37,0-9.29,3.27-9.29,7.71v.08c0,4.65,3,6.75,9.49,8.16,5.94,1.26,7.36,2.75,7.36,5.38v.08c0,2.79-2.51,4.81-6.31,4.81s-6.74-1.34-9.69-4l-2,2.34A16.53,16.53,0,0,0,222.72,58Zm17.22-.4h3.19V44.91h16.32V57.64h3.19V29.36h-3.19V41.92H243.13V29.36h-3.19V57.64Zm44.89.49A14.33,14.33,0,0,0,299.29,43.5v-.08c0-7.8-5.77-14.55-14.38-14.55A14.33,14.33,0,0,0,270.45,43.5v.08c0,7.8,5.77,14.55,14.38,14.55Zm.08-3c-6.46,0-11.15-5.26-11.15-11.68v-.08c0-6.42,4.61-11.6,11.07-11.6S296,37.08,296,43.5v.08c0,6.42-4.6,11.6-11.07,11.6Zm22.19,2.46h3.19v-10h6.87c6,0,11.11-3.15,11.11-9.25v-.08c0-5.58-4.21-9-10.59-9H307.1V57.64Zm3.19-12.89V32.31h7.15c4.56,0,7.59,2.1,7.59,6.14v.08c0,3.72-3.07,6.22-7.75,6.22Z'
+
+const CoreShopInlineLogo: React.FC<InlineLogoProps> = ({ className }) => {
+  const svgRef = React.useRef<SVGSVGElement>(null)
+  const gradientRef = React.useRef<SVGLinearGradientElement>(null)
+  const isHoveringRef = React.useRef(false)
+
+  // Auto-shimmer loop when not hovering
+  React.useEffect(() => {
+    let rafId: number
+    const startTime = performance.now()
+    const DELAY_MS = 2000
+    const CYCLE_MS = 3000
+
+    const tick = (): void => {
+      if (!isHoveringRef.current && gradientRef.current != null) {
+        const elapsed = performance.now() - startTime
+        if (elapsed > DELAY_MS) {
+          const t = ((elapsed - DELAY_MS) % CYCLE_MS) / CYCLE_MS
+          const offset = t * 2 - 1 // -1 → +1
+          gradientRef.current.setAttribute('gradientTransform', `translate(${offset} 0)`)
+        }
+      }
+      rafId = requestAnimationFrame(tick)
+    }
+
+    rafId = requestAnimationFrame(tick)
+    return () => { cancelAnimationFrame(rafId) }
+  }, [])
+
+  const handleMouseMove = React.useCallback((e: React.MouseEvent<SVGSVGElement>) => {
+    const svg = svgRef.current
+    const gradient = gradientRef.current
+    if (svg == null || gradient == null || !isHoveringRef.current) return
+    const rect = svg.getBoundingClientRect()
+    const svgX = (e.clientX - rect.left) / rect.width
+    // Text spans roughly x=85..330 in viewBox (333.77 wide)
+    const textRelX = Math.max(0, Math.min(1, (svgX - 0.255) / 0.734))
+    gradient.setAttribute('gradientTransform', `translate(${(textRelX - 0.5) * 1.4} 0)`)
+  }, [])
+
+  const handleMouseEnter = React.useCallback(() => {
+    isHoveringRef.current = true
+  }, [])
+
+  const handleMouseLeave = React.useCallback(() => {
+    isHoveringRef.current = false
+  }, [])
+
+  return (
+    <svg
+      ref={svgRef}
+      aria-label="CoreShop"
+      className={className}
+      height="87"
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onMouseMove={handleMouseMove}
+      preserveAspectRatio="xMidYMid meet"
+      role="img"
+      viewBox="0 0 333.77 87"
+      width="333.77"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <defs>
+        <linearGradient id="iconGlow" x1="0%" y1="0%" x2="100%" y2="100%">
+          <stop offset="0%" stopColor="#ff2d2d">
+            <animate attributeName="stop-color" dur="3s" repeatCount="indefinite" values="#ff2d2d;#ff6b6b;#cd1017;#ff2d2d" />
+          </stop>
+          <stop offset="100%" stopColor="#cd1017">
+            <animate attributeName="stop-color" dur="3s" repeatCount="indefinite" values="#cd1017;#ff2d2d;#ff6b6b;#cd1017" />
+          </stop>
+        </linearGradient>
+        <filter id="iconBloom">
+          <feGaussianBlur in="SourceGraphic" stdDeviation="0">
+            <animate attributeName="stdDeviation" dur="3s" repeatCount="indefinite" values="0;2;0" />
+          </feGaussianBlur>
+        </filter>
+        <linearGradient ref={gradientRef} id="textShimmer" gradientUnits="objectBoundingBox" x1="0" x2="1" y1="0" y2="0">
+          <stop offset="0%" stopColor="#333333" />
+          <stop offset="35%" stopColor="#333333" />
+          <stop offset="50%" stopColor="#cd1017" />
+          <stop offset="65%" stopColor="#333333" />
+          <stop offset="100%" stopColor="#333333" />
+        </linearGradient>
+      </defs>
+      <g>
+        <path
+          className="logo-icon-glow"
+          d={ICON_PATH}
+          fill="url(#iconGlow)"
+          fillRule="evenodd"
+          filter="url(#iconBloom)"
+          opacity="0.5"
+        />
+        <path
+          className="logo-icon"
+          d={ICON_PATH}
+          fill="url(#iconGlow)"
+          fillRule="evenodd"
+          stroke="#cd1017"
+          strokeDasharray="600"
+          strokeDashoffset="600"
+          strokeWidth="1"
+        />
+        <path
+          className="logo-text"
+          d={TEXT_PATH}
+          fill="url(#textShimmer)"
+          fillRule="evenodd"
+        />
+      </g>
+    </svg>
+  )
+}
+
+const useStyles = createStyles(({ css, token }) => ({
+  modal: css`
+    .ant-modal {
+      max-width: min(92vw, 560px);
+    }
+
+    .ant-modal-content {
+      position: relative;
+      overflow: hidden;
+      border-radius: 24px;
+      border: 1px solid ${token.colorBorderSecondary};
+      background:
+        radial-gradient(110% 90% at 0% 0%, rgba(220, 38, 38, 0.16) 0%, rgba(220, 38, 38, 0) 62%),
+        radial-gradient(110% 90% at 100% 100%, rgba(17, 24, 39, 0.1) 0%, rgba(17, 24, 39, 0) 58%),
+        linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+      box-shadow: 0 28px 70px rgba(15, 23, 42, 0.24);
+
+      &::before {
+        content: '';
+        position: absolute;
+        inset: -90px -140px auto auto;
+        width: 240px;
+        height: 240px;
+        border-radius: 999px;
+        background: radial-gradient(circle, rgba(220, 38, 38, 0.24) 0%, rgba(220, 38, 38, 0) 70%);
+        animation: aboutOrb 8s ease-in-out infinite;
+        pointer-events: none;
+      }
+
+      &::after {
+        content: '';
+        position: absolute;
+        inset: auto auto -110px -110px;
+        width: 220px;
+        height: 220px;
+        border-radius: 999px;
+        background: radial-gradient(circle, rgba(30, 41, 59, 0.14) 0%, rgba(30, 41, 59, 0) 68%);
+        animation: aboutOrb 10s ease-in-out infinite reverse;
+        pointer-events: none;
+      }
+    }
+
+    .ant-modal-header {
+      position: relative;
+      z-index: 1;
+      margin-bottom: 0;
+      padding: 20px 24px 6px;
+      background: transparent;
+      border-bottom: 0;
+    }
+
+    .ant-modal-title {
+      font-size: 1.75rem;
+      font-weight: 700;
+      letter-spacing: -0.03em;
+    }
+
+    .ant-modal-close {
+      top: 16px;
+      right: 16px;
+      width: 36px;
+      height: 36px;
+      border-radius: 999px;
+      color: ${token.colorTextTertiary};
+      background: rgba(255, 255, 255, 0.75);
+      backdrop-filter: blur(8px);
+      transition: all 160ms ease;
+
+      &:hover {
+        color: ${token.colorText};
+        background: rgba(255, 255, 255, 0.95);
+        transform: rotate(90deg);
+      }
+    }
+
+    .ant-modal-body {
+      position: relative;
+      z-index: 1;
+      padding: 8px 24px 28px;
+    }
+
+    @keyframes aboutReveal {
+      to {
+        opacity: 1;
+        transform: translateY(0) scale(1);
+      }
+    }
+
+    @keyframes aboutSweep {
+      0%,
+      100% {
+        transform: translateX(-100%) rotate(8deg);
+        opacity: 0;
+      }
+      34% {
+        opacity: 1;
+      }
+      60% {
+        transform: translateX(82%) rotate(8deg);
+        opacity: 0;
+      }
+    }
+
+    @keyframes aboutFloat {
+      0%,
+      100% {
+        transform: translateY(0px);
+      }
+      50% {
+        transform: translateY(-4px);
+      }
+    }
+
+    @keyframes aboutOrb {
+      0%,
+      100% {
+        transform: translate(0, 0) scale(1);
+      }
+      50% {
+        transform: translate(8px, -10px) scale(1.08);
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      * {
+        animation: none !important;
+        transition: none !important;
+        transform: none !important;
+      }
+    }
+  `,
+  content: css`
+    position: relative;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    gap: 14px;
+  `,
+  revealTwo: css`
+    opacity: 0;
+    transform: translateY(14px) scale(0.98);
+    animation: aboutReveal 460ms cubic-bezier(0.19, 1, 0.22, 1) 120ms forwards;
+  `,
+  revealThree: css`
+    opacity: 0;
+    transform: translateY(14px) scale(0.98);
+    animation: aboutReveal 460ms cubic-bezier(0.19, 1, 0.22, 1) 180ms forwards;
+  `,
+  revealFour: css`
+    opacity: 0;
+    transform: translateY(14px) scale(0.98);
+    animation: aboutReveal 460ms cubic-bezier(0.19, 1, 0.22, 1) 240ms forwards;
+  `,
+  logoShell: css`
+    position: relative;
+    display: flex;
+    justify-content: center;
+    opacity: 1;
+    width: min(100%, 420px);
+    margin-top: 4px;
+    padding: 18px 20px;
+    border-radius: 20px;
+    border: 1px solid rgba(148, 163, 184, 0.26);
+    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.7) 100%);
+    box-shadow:
+      inset 0 1px 0 rgba(255, 255, 255, 0.75),
+      0 14px 36px rgba(15, 23, 42, 0.12);
+    animation: aboutFloat 6s ease-in-out infinite;
+    isolation: isolate;
+
+    &::after {
+      content: '';
+      position: absolute;
+      inset: -30% -60%;
+      background: linear-gradient(105deg, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 64%);
+      transform: translateX(-100%) rotate(8deg);
+      animation: aboutSweep 4.8s ease-in-out infinite;
+      pointer-events: none;
+      z-index: 1;
+    }
+  `,
+  logo: css`
+    position: relative;
+    z-index: 2;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 110px;
+    width: 100%;
+
+  `,
+  logoSvg: css`
+    display: block;
+    width: min(100%, 360px);
+    height: auto !important;
+    max-height: 92px;
+    flex: 0 0 auto;
+    filter: drop-shadow(0 10px 28px rgba(15, 23, 42, 0.2));
+    overflow: visible;
+
+    .logo-icon {
+      fill-opacity: 0;
+      animation:
+        logoIconDraw 1.4s cubic-bezier(0.65, 0, 0.35, 1) 0.2s forwards,
+        logoIconFill 0.6s ease 1.2s forwards;
+      transform-origin: 37px 43px;
+    }
+
+    .logo-icon-glow {
+      opacity: 0;
+      animation: logoGlowIn 0.8s ease 1.6s forwards;
+      transform-origin: 37px 43px;
+    }
+
+    .logo-text {
+      clip-path: inset(0 100% 0 0);
+      animation: logoTextWipe 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) 0.9s forwards;
+    }
+
+    @keyframes logoIconDraw {
+      to {
+        stroke-dashoffset: 0;
+      }
+    }
+
+    @keyframes logoIconFill {
+      0% {
+        fill-opacity: 0;
+      }
+      100% {
+        fill-opacity: 1;
+      }
+    }
+
+    @keyframes logoGlowIn {
+      0% {
+        opacity: 0;
+      }
+      100% {
+        opacity: 0.5;
+      }
+    }
+
+    @keyframes logoTextWipe {
+      to {
+        clip-path: inset(0 0 0 0);
+      }
+    }
+  `,
+  versionPill: css`
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 7px 14px;
+    border-radius: 999px;
+    border: 1px solid rgba(15, 23, 42, 0.08);
+    background: linear-gradient(135deg, #111827 0%, #374151 100%);
+    color: #f8fafc;
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.24);
+  `,
+  copyrightRow: css`
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 6px;
+    font-size: 13px;
+    color: ${token.colorTextSecondary};
+  `,
+  linkBtn: css`
+    padding: 0 !important;
+    height: auto !important;
+    font-weight: 600;
+  `,
+  actionRow: css`
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 10px;
+  `,
+  actionBtn: css`
+    height: auto !important;
+    padding: 7px 14px !important;
+    border-radius: 999px !important;
+    border: 1px solid rgba(148, 163, 184, 0.4) !important;
+    background: rgba(255, 255, 255, 0.65) !important;
+    color: ${token.colorText} !important;
+    font-weight: 600 !important;
+    text-decoration: none !important;
+    transition: all 160ms ease !important;
+
+    &:hover {
+      border-color: rgba(220, 38, 38, 0.45) !important;
+      color: #991b1b !important;
+      background: rgba(255, 255, 255, 0.95) !important;
+      transform: translateY(-1px);
+    }
+  `,
+  loading: css`
+    display: flex;
+    justify-content: center;
+    padding: 44px 24px;
+  `
+}))
+
+export interface AboutModalProps extends Omit<IWindowModalProps, 'children'> {}
+
+interface SettingsResponse {
+  bundle: {
+    version: string
+  }
+}
+
+export const AboutModal: React.FC<AboutModalProps> = (props) => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const messageApi = useMessage()
+  const [version, setVersion] = React.useState<string | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const licenseLabel = t('coreshop_license')
+  const contactLabel = t('coreshop_contact')
+
+  React.useEffect(() => {
+    if (props.open && !version) {
+      const fetchVersion = async (): Promise<void> => {
+        try {
+          const response = await fetch('/pimcore-studio/api/coreshop/settings/get-settings')
+          const data: SettingsResponse = await response.json()
+          setVersion(data.bundle.version)
+        } catch (error) {
+          void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch CoreShop version')))
+          setVersion('Unknown')
+        } finally {
+          setLoading(false)
+        }
+      }
+      void fetchVersion()
+    }
+  }, [props.open, version])
+
+  return (
+    <Modal
+      {...props}
+      className={styles.modal}
+      footer={<></>}
+      width={540}
+    >
+      {loading ? (
+        <div className={styles.loading}>
+          <Spin size="large" />
+        </div>
+      ) : (
+        <div className={styles.content}>
+          <div className={styles.logoShell}>
+            <div className={styles.logo}>
+              <CoreShopInlineLogo className={styles.logoSvg} />
+            </div>
+          </div>
+
+          <span className={`${styles.versionPill} ${styles.revealTwo}`}>
+            Version {version}
+          </span>
+
+          <Flex className={`${styles.copyrightRow} ${styles.revealThree}`}>
+            <span>
+              © by CoreShop GmbH, Wels, Austria
+            </span>
+            <span>(</span>
+            <Button
+              className={styles.linkBtn}
+              href="https://www.coreshop.com"
+              target="_blank"
+              type="link"
+            >
+              coreshop.com
+            </Button>
+            <span>)</span>
+          </Flex>
+
+          <Flex className={`${styles.actionRow} ${styles.revealFour}`}>
+            <Button
+              className={styles.actionBtn}
+              href="https://github.com/coreshop/CoreShop/blob/master/LICENSE.md"
+              target="_blank"
+              type="link"
+            >
+              {licenseLabel === 'coreshop_license' ? 'License' : licenseLabel}
+            </Button>
+
+            <Button
+              className={styles.actionBtn}
+              href="https://www.coreshop.com/contact"
+              target="_blank"
+              type="link"
+            >
+              {contactLabel === 'coreshop_contact' ? 'Contact' : contactLabel}
+            </Button>
+          </Flex>
+        </div>
+      )}
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/index.ts
new file mode 100644
index 0000000000..d5e02c207a
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/about/index.ts
@@ -0,0 +1,9 @@
+/**
+ * CoreShop About Module
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { AboutModal } from './AboutModal'
+export { openAboutModal } from './AboutButton'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/index.ts
new file mode 100644
index 0000000000..5f38858b0e
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All actions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/conditions/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/conditions/index.ts
new file mode 100644
index 0000000000..4f491be849
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/conditions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Intentionally empty: cart-price-rule conditions are schema-driven.
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignToExistingCompanyPanel.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignToExistingCompanyPanel.tsx
new file mode 100644
index 0000000000..1ff89886f6
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignToExistingCompanyPanel.tsx
@@ -0,0 +1,227 @@
+/**
+ * CoreShop Customer to Existing Company Assignment Panel
+ *
+ * Detail widget that receives customerId + companyId from widget config.
+ * Loads details and validation on mount, then shows the form.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Spin, Result } from 'antd'
+import { CheckOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import { AssignmentForm, type AssignmentFormValues } from './AssignmentForm'
+import { customerCompanyApi, type EntityDetails, type ValidationData } from './api'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding: 24px;
+  `,
+  header: css`
+    margin-bottom: 24px;
+  `,
+  content: css`
+    flex: 1;
+    overflow: auto;
+  `,
+  centered: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+type Step = 'loading' | 'form' | 'success' | 'error'
+
+const defaultFormData: AssignmentFormValues = {
+  addressAssignmentType: '',
+  addressAccessType: 'own_only',
+}
+
+interface AssignToExistingCompanyPanelProps {
+  customerId?: number
+  companyId?: number
+}
+
+export const AssignToExistingCompanyPanel: React.FC<AssignToExistingCompanyPanelProps> = ({ customerId, companyId }) => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const messageApi = useMessage()
+
+  const [step, setStep] = React.useState<Step>('loading')
+  const [submitting, setSubmitting] = React.useState(false)
+
+  const [customerData, setCustomerData] = React.useState<EntityDetails | null>(null)
+  const [companyData, setCompanyData] = React.useState<EntityDetails | null>(null)
+  const [validationData, setValidationData] = React.useState<ValidationData | null>(null)
+
+  const [formData, setFormData] = React.useState<AssignmentFormValues>({ ...defaultFormData })
+
+  React.useEffect(() => {
+    if (!customerId || !companyId) {
+      setStep('error')
+      return
+    }
+
+    const loadData = async () => {
+      try {
+        const [customerResponse, companyResponse, validationResponse] = await Promise.all([
+          customerCompanyApi.getEntityDetails('customer', customerId),
+          customerCompanyApi.getEntityDetails('company', companyId),
+          customerCompanyApi.validateAssignment(customerId, companyId),
+        ])
+
+        if (customerResponse.success && customerResponse.data) {
+          setCustomerData(customerResponse.data)
+        }
+
+        if (companyResponse.success && companyResponse.data) {
+          setCompanyData(companyResponse.data)
+        }
+
+        if (validationResponse.success && validationResponse.data) {
+          setValidationData(validationResponse.data)
+          const hasAddresses = validationResponse.data.addresses.length > 0
+          setFormData({
+            ...defaultFormData,
+            addressAssignmentType: hasAddresses ? '' : 'keep',
+          })
+          setStep('form')
+        } else {
+          void messageApi.error(renderApiError(validationResponse.message ?? 'Customer cannot be assigned to this company'))
+          setStep('error')
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load details')))
+        setStep('error')
+      }
+    }
+
+    void loadData()
+  }, [customerId, companyId])
+
+  const handleSubmit = async (): Promise<void> => {
+    if (!customerId || !companyId) return
+    if (!formData.addressAssignmentType) {
+      void messageApi.error(renderApiError(t('field_required', { defaultValue: 'This field is required' })))
+      return
+    }
+
+    setSubmitting(true)
+    try {
+      const response = await customerCompanyApi.dispatchExistingAssignment(customerId, companyId, {
+        addressAssignmentType: formData.addressAssignmentType,
+        addressAccessType: formData.addressAccessType,
+      })
+
+      if (response.success) {
+        void messageApi.success(
+          t('coreshop_customer_transformer_assignment_form_success', {
+            defaultValue: 'Customer successfully assigned to company',
+          })
+        )
+        setStep('success')
+
+        const pimcore = (window as any).pimcore
+        if (pimcore) {
+          pimcore.elementservice?.refreshRootNodeAllTrees?.('object')
+          if (response.customerId) {
+            pimcore.helpers?.openObject?.(response.customerId, 'object')
+          }
+          if (response.companyId) {
+            pimcore.helpers?.openObject?.(response.companyId, 'object')
+          }
+        }
+      } else {
+        void messageApi.error(renderApiError(response.message ?? 'Failed to assign customer to company'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to submit assignment')))
+    } finally {
+      setSubmitting(false)
+    }
+  }
+
+  if (step === 'loading') {
+    return (
+      <div className={styles.centered}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (step === 'success') {
+    return (
+      <div className={styles.container}>
+        <Result
+          status="success"
+          title={t('coreshop_customer_transformer_assignment_form_success', {
+            defaultValue: 'Customer successfully assigned to company',
+          })}
+        />
+      </div>
+    )
+  }
+
+  if (step === 'error') {
+    return (
+      <div className={styles.container}>
+        <Result
+          status="error"
+          title={t('coreshop_customer_transformer_error', {
+            defaultValue: 'Error',
+          })}
+          subTitle={t('coreshop_customer_transformer_error_description', {
+            defaultValue: 'Could not load data. Please close this tab and try again.',
+          })}
+        />
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.header}>
+        <h2>
+          {t('coreshop_customer_transformer_assignment_form_title', {
+            defaultValue: 'Assignment Overview',
+          })}
+        </h2>
+      </div>
+
+      <div className={styles.content}>
+        <AssignmentForm
+          customerId={customerId!}
+          customerName={customerData?.name ?? ''}
+          companyId={companyId!}
+          companyName={companyData?.name ?? ''}
+          addresses={validationData?.addresses ?? []}
+          isNewCompany={false}
+          formData={formData}
+          onFormChange={setFormData}
+        />
+
+        <Button
+          type="primary"
+          icon={<CheckOutlined />}
+          onClick={handleSubmit}
+          loading={submitting}
+          style={{ marginTop: 16 }}
+        >
+          {t('coreshop_customer_transformer_assignment_form_button', {
+            defaultValue: 'Assign Customer to Company',
+          })}
+        </Button>
+      </div>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignToNewCompanyPanel.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignToNewCompanyPanel.tsx
new file mode 100644
index 0000000000..a68a7c1e7a
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignToNewCompanyPanel.tsx
@@ -0,0 +1,262 @@
+/**
+ * CoreShop Customer to New Company Assignment Panel
+ *
+ * Detail widget that receives customerId from widget config.
+ * Loads customer details and validation on mount, then shows the form.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Spin, Result } from 'antd'
+import { CheckOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import { AssignmentForm, type AssignmentFormValues } from './AssignmentForm'
+import { customerCompanyApi, type EntityDetails, type ValidationData, type DuplicateCompany } from './api'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding: 24px;
+  `,
+  header: css`
+    margin-bottom: 24px;
+  `,
+  content: css`
+    flex: 1;
+    overflow: auto;
+  `,
+  centered: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+type Step = 'loading' | 'form' | 'success' | 'error'
+
+const defaultFormData: AssignmentFormValues = {
+  addressAssignmentType: '',
+  addressAccessType: 'own_only',
+  newCompanyName: '',
+}
+
+interface AssignToNewCompanyPanelProps {
+  customerId?: number
+}
+
+export const AssignToNewCompanyPanel: React.FC<AssignToNewCompanyPanelProps> = ({ customerId }) => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const messageApi = useMessage()
+
+  const [step, setStep] = React.useState<Step>('loading')
+  const [submitting, setSubmitting] = React.useState(false)
+
+  const [customerData, setCustomerData] = React.useState<EntityDetails | null>(null)
+  const [validationData, setValidationData] = React.useState<ValidationData | null>(null)
+
+  const [formData, setFormData] = React.useState<AssignmentFormValues>({ ...defaultFormData })
+  const [duplicates, setDuplicates] = React.useState<DuplicateCompany[]>([])
+  const [showDuplicates, setShowDuplicates] = React.useState(false)
+  const [checkingDuplicates, setCheckingDuplicates] = React.useState(false)
+
+  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)
+
+  React.useEffect(() => {
+    if (!customerId) {
+      setStep('error')
+      return
+    }
+
+    const loadData = async () => {
+      try {
+        const [customerResponse, validationResponse] = await Promise.all([
+          customerCompanyApi.getEntityDetails('customer', customerId),
+          customerCompanyApi.validateAssignment(customerId),
+        ])
+
+        if (customerResponse.success && customerResponse.data) {
+          setCustomerData(customerResponse.data)
+        }
+
+        if (validationResponse.success && validationResponse.data) {
+          setValidationData(validationResponse.data)
+          const hasAddresses = validationResponse.data.addresses.length > 0
+          setFormData({
+            ...defaultFormData,
+            addressAssignmentType: hasAddresses ? '' : 'keep',
+          })
+          setStep('form')
+        } else {
+          void messageApi.error(renderApiError(validationResponse.message ?? 'Customer cannot be assigned to a company'))
+          setStep('error')
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load customer details')))
+        setStep('error')
+      }
+    }
+
+    void loadData()
+  }, [customerId])
+
+  const handleCompanyNameChange = (name: string): void => {
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current)
+    }
+
+    if (name.length < 3) {
+      setShowDuplicates(false)
+      setDuplicates([])
+      return
+    }
+
+    debounceRef.current = setTimeout(async () => {
+      setCheckingDuplicates(true)
+      try {
+        const response = await customerCompanyApi.checkDuplicateNames(name)
+        if (response.list && response.list.length > 0) {
+          setDuplicates(response.list)
+          setShowDuplicates(true)
+        } else {
+          setDuplicates([])
+          setShowDuplicates(false)
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to check duplicates')))
+      } finally {
+        setCheckingDuplicates(false)
+      }
+    }, 500)
+  }
+
+  const handleSubmit = async (): Promise<void> => {
+    if (!customerId) return
+    if (!formData.newCompanyName) {
+      void messageApi.error(renderApiError(t('field_required', { defaultValue: 'This field is required' })))
+      return
+    }
+    if (!formData.addressAssignmentType) {
+      void messageApi.error(renderApiError(t('field_required', { defaultValue: 'This field is required' })))
+      return
+    }
+
+    setSubmitting(true)
+    try {
+      const response = await customerCompanyApi.dispatchNewAssignment(customerId, {
+        addressAssignmentType: formData.addressAssignmentType,
+        addressAccessType: formData.addressAccessType,
+        newCompanyName: formData.newCompanyName,
+      })
+
+      if (response.success) {
+        void messageApi.success(
+          t('coreshop_customer_transformer_assignment_form_success', {
+            defaultValue: 'Customer successfully assigned to company',
+          })
+        )
+        setStep('success')
+
+        const pimcore = (window as any).pimcore
+        if (pimcore) {
+          pimcore.elementservice?.refreshRootNodeAllTrees?.('object')
+          if (response.customerId) {
+            pimcore.helpers?.openObject?.(response.customerId, 'object')
+          }
+          if (response.companyId) {
+            pimcore.helpers?.openObject?.(response.companyId, 'object')
+          }
+        }
+      } else {
+        void messageApi.error(renderApiError(response.message ?? 'Failed to assign customer to company'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to submit assignment')))
+    } finally {
+      setSubmitting(false)
+    }
+  }
+
+  if (step === 'loading') {
+    return (
+      <div className={styles.centered}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (step === 'success') {
+    return (
+      <div className={styles.container}>
+        <Result
+          status="success"
+          title={t('coreshop_customer_transformer_assignment_form_success', {
+            defaultValue: 'Customer successfully assigned to company',
+          })}
+        />
+      </div>
+    )
+  }
+
+  if (step === 'error') {
+    return (
+      <div className={styles.container}>
+        <Result
+          status="error"
+          title={t('coreshop_customer_transformer_error', {
+            defaultValue: 'Error',
+          })}
+          subTitle={t('coreshop_customer_transformer_error_description', {
+            defaultValue: 'Could not load customer data. Please close this tab and try again.',
+          })}
+        />
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.header}>
+        <h2>
+          {t('coreshop_customer_transformer_assignment_form_title', {
+            defaultValue: 'Assignment Overview',
+          })}
+        </h2>
+      </div>
+
+      <div className={styles.content}>
+        <AssignmentForm
+          customerId={customerId!}
+          customerName={customerData?.name ?? ''}
+          addresses={validationData?.addresses ?? []}
+          isNewCompany={true}
+          formData={formData}
+          onFormChange={setFormData}
+          onCompanyNameChange={handleCompanyNameChange}
+          duplicates={duplicates}
+          showDuplicates={showDuplicates}
+        />
+
+        <Button
+          type="primary"
+          icon={<CheckOutlined />}
+          onClick={handleSubmit}
+          loading={submitting || checkingDuplicates}
+          style={{ marginTop: 16 }}
+        >
+          {t('coreshop_customer_transformer_assignment_new_form_button', {
+            defaultValue: 'Create Company and assign Customer',
+          })}
+        </Button>
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignmentForm.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignmentForm.tsx
new file mode 100644
index 0000000000..624583f5b6
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/AssignmentForm.tsx
@@ -0,0 +1,211 @@
+/**
+ * CoreShop Customer Company Assignment Form
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Input, Table, Alert, Form } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import { removeFieldDecorator } from '@coreshop/studio-form/src/form-builder/decorators'
+
+const useStyles = createStyles(({ css }) => ({
+  form: css`
+    .ant-form-item {
+      margin-bottom: 16px;
+    }
+  `,
+  fieldset: css`
+    border: 1px solid #d9d9d9;
+    padding: 16px;
+    margin-bottom: 16px;
+    border-radius: 4px;
+  `,
+  fieldsetTitle: css`
+    font-weight: 600;
+    margin-bottom: 12px;
+  `,
+  addressTable: css`
+    margin-top: 16px;
+  `
+}))
+
+export interface AssignmentFormValues {
+  addressAssignmentType: string
+  addressAccessType: string
+  newCompanyName?: string
+}
+
+export interface AssignmentFormProps {
+  customerId: number
+  customerName: string
+  companyId?: number
+  companyName?: string
+  addresses: Array<{ id: number; path: string }>
+  isNewCompany: boolean
+  formData: AssignmentFormValues
+  onFormChange: (data: AssignmentFormValues) => void
+  onCompanyNameChange?: (name: string) => void
+  duplicates?: Array<{ id: number; name: string; path: string }>
+  showDuplicates?: boolean
+}
+
+export const AssignmentForm: React.FC<AssignmentFormProps> = ({
+  customerId,
+  customerName,
+  companyId,
+  companyName,
+  addresses,
+  isNewCompany,
+  formData,
+  onFormChange,
+  onCompanyNameChange,
+  duplicates = [],
+  showDuplicates = false,
+}) => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+
+  const addressColumns = [
+    {
+      title: t('id', { defaultValue: 'ID' }),
+      dataIndex: 'id',
+      key: 'id',
+      width: 100,
+    },
+    {
+      title: t('path', { defaultValue: 'Path' }),
+      dataIndex: 'path',
+      key: 'path',
+    },
+  ]
+
+  const duplicateColumns = [
+    {
+      title: t('id', { defaultValue: 'ID' }),
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+    },
+    {
+      title: t('name', { defaultValue: 'Name' }),
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: t('path', { defaultValue: 'Path' }),
+      dataIndex: 'path',
+      key: 'path',
+    },
+  ]
+
+  const decorators = isNewCompany
+    ? undefined
+    : [{ name: 'hide-company-name', decorator: removeFieldDecorator('newCompanyName') }]
+
+  const handleChange = (draft: Partial<AssignmentFormValues>): void => {
+    const updated = { ...formData, ...draft }
+    onFormChange(updated)
+
+    if (isNewCompany && 'newCompanyName' in draft) {
+      onCompanyNameChange?.(draft.newCompanyName ?? '')
+    }
+  }
+
+  return (
+    <div className={styles.form}>
+      <Alert
+        type="info"
+        message={
+          isNewCompany
+            ? t('coreshop_customer_transformer_assignment_new_form_description', {
+                defaultValue: 'Once this form is submitted, a new company will be created. Please check the data carefully. In addition, you must define whether the customer addresses are to be retained by the customer or transferred to the new company.',
+              })
+            : t('coreshop_customer_transformer_assignment_form_description', {
+                defaultValue: 'Please check the data carefully. You must define whether the customer addresses are to be retained by the customer or transferred to the company.',
+              })
+        }
+        style={{ marginBottom: 16 }}
+      />
+
+      <Form layout="vertical">
+        <Form.Item
+          label={t('coreshop_customer_transformer_assignment_form_customer_id', { defaultValue: 'Customer Id' })}
+        >
+          <Input value={customerId} disabled />
+        </Form.Item>
+
+        <Form.Item
+          label={t('coreshop_customer_transformer_assignment_form_customer_name', { defaultValue: 'Customer Name' })}
+        >
+          <Input value={customerName} disabled />
+        </Form.Item>
+      </Form>
+
+      {isNewCompany && showDuplicates && duplicates.length > 0 && (
+        <Alert
+          type="warning"
+          message={t('coreshop_customer_transformer_assignment_new_form_maybe_duplicates_title', {
+            defaultValue: 'Possible Duplicates Found',
+          })}
+          description={
+            <Table
+              dataSource={duplicates}
+              columns={duplicateColumns}
+              rowKey="id"
+              size="small"
+              pagination={false}
+              style={{ marginTop: 8 }}
+            />
+          }
+          style={{ marginBottom: 16 }}
+        />
+      )}
+
+      {!isNewCompany && (
+        <Form layout="vertical">
+          <Form.Item
+            label={t('coreshop_customer_transformer_assignment_form_company_id', { defaultValue: 'Company Id' })}
+          >
+            <Input value={companyId} disabled />
+          </Form.Item>
+
+          <Form.Item
+            label={t('coreshop_customer_transformer_assignment_form_company_name', { defaultValue: 'Company Name' })}
+          >
+            <Input value={companyName} disabled />
+          </Form.Item>
+        </Form>
+      )}
+
+      <SchemaForm<AssignmentFormValues>
+        blockPrefix="coreshop_customer_company_assignment"
+        data={formData}
+        onChange={handleChange}
+        decorators={decorators}
+        embedded
+      />
+
+      <div className={styles.addressTable}>
+        <Table
+          title={() =>
+            t('coreshop_customer_transformer_assignment_form_available_customer_addresses', {
+              defaultValue: 'Available Addresses (Customer)',
+            })
+          }
+          dataSource={addresses}
+          columns={addressColumns}
+          rowKey="id"
+          size="small"
+          pagination={false}
+          locale={{
+            emptyText: t('no_addresses', { defaultValue: 'No addresses available' }),
+          }}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/CustomerCompanyAssignmentWidgetRestorer.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/CustomerCompanyAssignmentWidgetRestorer.ts
new file mode 100644
index 0000000000..3668f7a80a
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/CustomerCompanyAssignmentWidgetRestorer.ts
@@ -0,0 +1,66 @@
+/**
+ * CoreShop Customer Company Assignment Widget Restorer
+ *
+ * Handles persistence and restoration of assignment detail widgets
+ * across browser refreshes.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { WidgetManagerTabConfig } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import type { AppDispatch } from '@pimcore/studio-ui-bundle/app'
+
+interface WidgetRestorer {
+  supports(config: WidgetManagerTabConfig): boolean
+  cleanConfig(config: WidgetManagerTabConfig): WidgetManagerTabConfig
+  restore(config: WidgetManagerTabConfig, dispatch: AppDispatch): boolean
+}
+
+const SUPPORTED_COMPONENTS = [
+  'coreshop-customer-to-company-assign-to-new-detail',
+  'coreshop-customer-to-company-assign-to-existing-detail',
+]
+
+export class CustomerCompanyAssignmentWidgetRestorer implements WidgetRestorer {
+  supports(config: WidgetManagerTabConfig): boolean {
+    return (
+      SUPPORTED_COMPONENTS.includes(config.component) &&
+      typeof config.config?.customerId === 'number'
+    )
+  }
+
+  cleanConfig(config: WidgetManagerTabConfig): WidgetManagerTabConfig {
+    if (config.component === 'coreshop-customer-to-company-assign-to-existing-detail') {
+      return {
+        ...config,
+        config: {
+          customerId: config.config?.customerId,
+          companyId: config.config?.companyId,
+        },
+      }
+    }
+
+    return {
+      ...config,
+      config: {
+        customerId: config.config?.customerId,
+      },
+    }
+  }
+
+  restore(config: WidgetManagerTabConfig, _dispatch: AppDispatch): boolean {
+    if (config.component === 'coreshop-customer-to-company-assign-to-existing-detail') {
+      return (
+        typeof config.config?.customerId === 'number' &&
+        config.config.customerId > 0 &&
+        typeof config.config?.companyId === 'number' &&
+        config.config.companyId > 0
+      )
+    }
+
+    return typeof config.config?.customerId === 'number' && config.config.customerId > 0
+  }
+}
+
+export const customerCompanyAssignmentWidgetRestorer = new CustomerCompanyAssignmentWidgetRestorer()
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/api.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/api.ts
new file mode 100644
index 0000000000..f74aaef101
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/api.ts
@@ -0,0 +1,103 @@
+/**
+ * CoreShop Customer Company Assignment API
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface EntityDetails {
+  type: 'customer' | 'company'
+  name: string
+  id: number
+}
+
+export interface ValidationData {
+  addresses: Array<{ id: number; path: string }>
+}
+
+export interface DuplicateCompany {
+  id: number
+  name: string
+  path: string
+}
+
+export interface ApiResponse<T> {
+  success: boolean
+  message?: string
+  data?: T
+}
+
+export interface AssignmentResponse {
+  success: boolean
+  message?: string
+  formError?: boolean
+  customerId: number
+  companyId: number
+}
+
+const BASE_URL = '/pimcore-studio/api/coreshop/customer-company-modifier'
+
+export const customerCompanyApi = {
+  async getEntityDetails(type: 'customer' | 'company', objectId: number): Promise<ApiResponse<EntityDetails>> {
+    const response = await fetch(`${BASE_URL}/get-entity-details/${type}/${objectId}`)
+    return response.json()
+  },
+
+  async validateAssignment(customerId: number, companyId?: number): Promise<ApiResponse<ValidationData>> {
+    const url = companyId
+      ? `${BASE_URL}/validate-assignment/${customerId}/${companyId}`
+      : `${BASE_URL}/validate-assignment/${customerId}`
+    const response = await fetch(url)
+    return response.json()
+  },
+
+  async checkDuplicateNames(value: string): Promise<{ success: boolean; list: DuplicateCompany[] }> {
+    const response = await fetch(`${BASE_URL}/duplication-name-check?value=${encodeURIComponent(value)}`)
+    return response.json()
+  },
+
+  async dispatchNewAssignment(
+    customerId: number,
+    data: {
+      addressAssignmentType: string
+      addressAccessType: string
+      newCompanyName: string
+    }
+  ): Promise<AssignmentResponse> {
+    const formData = new URLSearchParams()
+    formData.append('addressAssignmentType', data.addressAssignmentType)
+    formData.append('addressAccessType', data.addressAccessType)
+    formData.append('newCompanyName', data.newCompanyName)
+
+    const response = await fetch(`${BASE_URL}/dispatch-new-assignment/${customerId}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: formData.toString(),
+    })
+    return response.json()
+  },
+
+  async dispatchExistingAssignment(
+    customerId: number,
+    companyId: number,
+    data: {
+      addressAssignmentType: string
+      addressAccessType: string
+    }
+  ): Promise<AssignmentResponse> {
+    const formData = new URLSearchParams()
+    formData.append('addressAssignmentType', data.addressAssignmentType)
+    formData.append('addressAccessType', data.addressAccessType)
+
+    const response = await fetch(`${BASE_URL}/dispatch-existing-assignment/${customerId}/${companyId}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: formData.toString(),
+    })
+    return response.json()
+  },
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/index.ts
new file mode 100644
index 0000000000..0ce4babfc6
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/customer-company-assignment/index.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop Customer Company Assignment Module
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Persistent detail panel widgets (receive IDs from widget config)
+export { AssignToNewCompanyPanel } from './AssignToNewCompanyPanel'
+export { AssignToExistingCompanyPanel } from './AssignToExistingCompanyPanel'
+
+// Widget restorer for browser reload persistence
+export { customerCompanyAssignmentWidgetRestorer } from './CustomerCompanyAssignmentWidgetRestorer'
+
+// Shared components
+export { AssignmentForm } from './AssignmentForm'
+export { customerCompanyApi } from './api'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/index.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/index.tsx
new file mode 100644
index 0000000000..54b35a136c
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/index.tsx
@@ -0,0 +1,63 @@
+/**
+ * CoreShop CoreBundle - Order Creation Extension Module
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import type { OrderCreationStepRegistry } from '@coreshop/order/src/modules/order-creation/registry'
+import { orderCreationServiceIds } from '@coreshop/order/src/modules/order-creation/service-ids'
+import { AddressStepConfig, ShippingStepConfig, PaymentStepConfig } from './steps'
+
+/**
+ * Wait for OrderCreationStepRegistry to be available
+ * This is needed because OrderBundle may initialize after CoreBundle
+ */
+async function waitForOrderCreationRegistry(
+  maxAttempts = 50,
+  interval = 100
+): Promise<boolean> {
+  let attempts = 0
+  return new Promise((resolve) => {
+    const check = (): void => {
+      attempts++
+      if (container.isBound(orderCreationServiceIds.stepRegistry)) {
+        resolve(true)
+        return
+      }
+      if (attempts >= maxAttempts) {
+        console.warn('[CoreShop Core] Timeout waiting for OrderCreationStepRegistry')
+        resolve(false)
+        return
+      }
+      setTimeout(check, interval)
+    }
+    check()
+  })
+}
+
+export const OrderCreationExtensionModule: AbstractModule = {
+  async onInit(): Promise<void> {
+    const registryAvailable = await waitForOrderCreationRegistry()
+
+    if (!registryAvailable) {
+      console.warn('[CoreShop Core] OrderCreationStepRegistry not available, skipping registration')
+      return
+    }
+
+    const registry = container.get<OrderCreationStepRegistry>(
+      orderCreationServiceIds.stepRegistry
+    )
+
+    // Register CoreBundle steps (extensions)
+    registry.register('address', AddressStepConfig)
+    registry.register('shipping', ShippingStepConfig)
+    registry.register('payment', PaymentStepConfig)
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/AddressCreationModal.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/AddressCreationModal.tsx
new file mode 100644
index 0000000000..3b0def0b2e
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/AddressCreationModal.tsx
@@ -0,0 +1,142 @@
+/**
+ * CoreShop CoreBundle - Address Creation Modal
+ *
+ * Schema-driven modal for creating a new address inline during order creation.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState } from 'react'
+import { Modal, Alert, Form } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { SchemaForm } from '@coreshop/studio-form'
+
+interface AddressCreationModalProps {
+  open: boolean
+  customerId: number
+  onClose: () => void
+  onCreated: (addressId: number) => void
+}
+
+export const AddressCreationModal: React.FC<AddressCreationModalProps> = ({
+  open,
+  customerId,
+  onClose,
+  onCreated,
+}) => {
+  const { t } = useTranslation()
+  const [form] = Form.useForm()
+  const [formData, setFormData] = useState<Record<string, unknown>>({})
+  const [submitting, setSubmitting] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const handleSubmit = async (): Promise<void> => {
+    try {
+      await form.validateFields()
+      setSubmitting(true)
+      setError(null)
+
+      const address = (formData.address ?? {}) as Record<string, unknown>
+      const params = new URLSearchParams()
+      params.append('customer', String(customerId))
+
+      const fieldMap: Record<string, string> = {
+        firstname: 'address[firstname]',
+        lastname: 'address[lastname]',
+        street: 'address[street]',
+        number: 'address[number]',
+        postcode: 'address[postcode]',
+        city: 'address[city]',
+        country: 'address[country]',
+        company: 'address[company]',
+        salutation: 'address[salutation]',
+        state: 'address[state]',
+        phoneNumber: 'address[phoneNumber]',
+      }
+
+      for (const [field, paramName] of Object.entries(fieldMap)) {
+        const value = address[field]
+        if (value !== undefined && value !== null && value !== '') {
+          params.append(paramName, String(value))
+        }
+      }
+
+      const res = await fetch('/pimcore-studio/api/coreshop/order/address/create', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        credentials: 'same-origin',
+        body: params,
+      })
+
+      const data = await res.json()
+
+      if (data.success && data.id) {
+        form.resetFields()
+        setFormData({})
+        onCreated(data.id)
+      } else {
+        const message =
+          typeof data.message === 'string'
+            ? data.message
+            : data.message
+              ? JSON.stringify(data.message)
+              : 'Failed to create address'
+        setError(message)
+      }
+    } catch (err) {
+      if (err && typeof err === 'object' && 'errorFields' in err) {
+        return
+      }
+      setError(err instanceof Error ? err.message : 'Failed to create address')
+    } finally {
+      setSubmitting(false)
+    }
+  }
+
+  const handleCancel = (): void => {
+    form.resetFields()
+    setFormData({})
+    setError(null)
+    onClose()
+  }
+
+  return (
+    <Modal
+      title={t('coreshop_address_create', { defaultValue: 'Create Address' })}
+      open={open}
+      onOk={() => void handleSubmit()}
+      onCancel={handleCancel}
+      confirmLoading={submitting}
+      okText={t('coreshop_create', { defaultValue: 'Create' })}
+      cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      width={600}
+      destroyOnClose
+    >
+      {error && (
+        <Alert
+          type="error"
+          message={error}
+          showIcon
+          closable
+          onClose={() => setError(null)}
+          style={{ marginBottom: 16 }}
+        />
+      )}
+
+      <SchemaForm
+        blockPrefix="coreshop_admin_address_creation"
+        data={formData}
+        onChange={(draft) => setFormData((prev) => ({ ...prev, ...draft }))}
+        form={form}
+      />
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/AddressStep.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/AddressStep.tsx
new file mode 100644
index 0000000000..9c441c252e
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/AddressStep.tsx
@@ -0,0 +1,172 @@
+/**
+ * CoreShop CoreBundle - Address Step Component
+ *
+ * Schema-driven address selection step.
+ * Uses coreshop_customer_address_choice widget to read from OrderCreation context.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState, useCallback } from 'react'
+import { Card, Button, Spin, Space, Typography } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { useFormSchema, DynamicForm, sectionFilterDecorator } from '@coreshop/studio-form'
+import type { FormDecorator } from '@coreshop/studio-form'
+import { orderCreationApi } from '@coreshop/order/src/modules/order-creation/api'
+import type {
+  OrderCreationStepConfig,
+  OrderCreationState,
+  OrderCreationStepProps,
+} from '@coreshop/order/src/modules/order-creation/types'
+import { AddressCreationModal } from './AddressCreationModal'
+
+const hideSectionTitleDecorator: FormDecorator = (config) => ({
+  ...config,
+  sections: config.sections?.map((s) => ({ ...s, title: '', description: undefined })),
+})
+
+const twoColumnDecorator: FormDecorator = (config) => ({
+  ...config,
+  columns: 2,
+  fields: config.fields.map((f) => ({ ...f, span: 12 })),
+})
+
+const AddressStepComponent: React.FC<OrderCreationStepProps> = ({ state, dispatch, triggerPreview }) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [createModalOpen, setCreateModalOpen] = useState(false)
+
+  const { builder, loading } = useFormSchema('coreshop_cart_creation', [
+    { name: 'section-filter', decorator: sectionFilterDecorator('address') },
+    { name: 'hide-section-title', decorator: hideSectionTitleDecorator },
+    { name: 'two-columns', decorator: twoColumnDecorator },
+  ])
+
+  const handleAddressCreated = useCallback(async (addressId: number) => {
+    setCreateModalOpen(false)
+
+    if (state.customerId) {
+      try {
+        const details = await orderCreationApi.getCustomerDetails(state.customerId)
+        dispatch({ type: 'SET_CUSTOMER', payload: { id: state.customerId, details } })
+      } catch (err) {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to reload customer')))
+      }
+    }
+
+    void messageApi.success(
+      t('coreshop_address_created_success', { defaultValue: 'Address created successfully' })
+    )
+  }, [state.customerId, dispatch, messageApi, t])
+
+  const handleCopyShippingToInvoice = (): void => {
+    if (state.formData.shippingAddress) {
+      dispatch({
+        type: 'UPDATE_FORM_DATA',
+        payload: { invoiceAddress: state.formData.shippingAddress },
+      })
+      triggerPreview()
+    }
+  }
+
+  if (loading || !builder) {
+    return (
+      <Card title={t('coreshop_order_creation_address', { defaultValue: 'Addresses' })}>
+        <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
+          <Spin />
+        </div>
+      </Card>
+    )
+  }
+
+  const addresses = state.customerDetails?.addresses ?? []
+  const config = builder.build()
+
+  // Inject addresses into widget componentProps (widgets can't use React Context
+  // across module federation boundaries, so we pass data via props instead)
+  config.fields = config.fields.map(f => ({
+    ...f,
+    componentProps: { ...f.componentProps, addresses },
+  }))
+
+  return (
+    <Card
+      title={t('coreshop_order_creation_address', { defaultValue: 'Addresses' })}
+      extra={
+        <Space>
+          {state.formData.shippingAddress && (
+            <Button
+              type="link"
+              size="small"
+              onClick={handleCopyShippingToInvoice}
+            >
+              {t('coreshop_copy_from_shipping', { defaultValue: 'Copy shipping to invoice' })}
+            </Button>
+          )}
+          {state.customerId && (
+            <Button
+              type="primary"
+              icon={<PlusOutlined />}
+              size="small"
+              onClick={() => setCreateModalOpen(true)}
+            >
+              {t('coreshop_address_create', { defaultValue: 'Create Address' })}
+            </Button>
+          )}
+        </Space>
+      }
+    >
+      <DynamicForm
+        config={config}
+        data={state.formData}
+        onChange={(changedValues) => {
+          dispatch({ type: 'UPDATE_FORM_DATA', payload: changedValues })
+          triggerPreview()
+        }}
+      />
+
+      {addresses.length === 0 && (
+        <Typography.Text type="secondary">
+          {t('coreshop_no_addresses_available', {
+            defaultValue: 'No addresses available for this customer.',
+          })}
+        </Typography.Text>
+      )}
+
+      {state.customerId && (
+        <AddressCreationModal
+          open={createModalOpen}
+          customerId={state.customerId}
+          onClose={() => setCreateModalOpen(false)}
+          onCreated={(addressId) => void handleAddressCreated(addressId)}
+        />
+      )}
+    </Card>
+  )
+}
+
+export const AddressStepConfig: OrderCreationStepConfig = {
+  key: 'address',
+  label: 'coreshop_order_creation_address',
+  icon: 'coreshop_icon_address',
+  priority: 40,
+  component: AddressStepComponent,
+
+  isValid: () => true,
+
+  getValues: (state: OrderCreationState) => ({
+    shippingAddress: state.formData.shippingAddress,
+    invoiceAddress: state.formData.invoiceAddress,
+  }),
+
+  isVisible: (state: OrderCreationState) => state.formData.items.length > 0,
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/PaymentStep.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/PaymentStep.tsx
new file mode 100644
index 0000000000..338a9d016f
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/PaymentStep.tsx
@@ -0,0 +1,83 @@
+/**
+ * CoreShop CoreBundle - Payment Step Component
+ *
+ * Schema-driven payment provider selection step.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Spin } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { useFormSchema, DynamicForm, sectionFilterDecorator } from '@coreshop/studio-form'
+import type { FormDecorator } from '@coreshop/studio-form'
+
+const hideSectionTitleDecorator: FormDecorator = (config) => ({
+  ...config,
+  sections: config.sections?.map((s) => ({ ...s, title: '', description: undefined })),
+})
+import type {
+  OrderCreationStepConfig,
+  OrderCreationState,
+  OrderCreationStepProps
+} from '@coreshop/order/src/modules/order-creation/types'
+
+const PaymentStepComponent: React.FC<OrderCreationStepProps> = ({ state, dispatch, triggerPreview }) => {
+  const { t } = useTranslation()
+
+  const { builder, loading } = useFormSchema('coreshop_cart_creation', [
+    { name: 'section-filter', decorator: sectionFilterDecorator('payment') },
+    { name: 'hide-section-title', decorator: hideSectionTitleDecorator },
+  ])
+
+  if (loading || !builder) {
+    return (
+      <Card title={t('coreshop_order_creation_payment', { defaultValue: 'Payment' })}>
+        <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
+          <Spin />
+        </div>
+      </Card>
+    )
+  }
+
+  const config = builder.build()
+
+  return (
+    <Card
+      title={t('coreshop_order_creation_payment', { defaultValue: 'Payment' })}
+    >
+      <DynamicForm
+        config={config}
+        data={state.formData}
+        onChange={(changedValues) => {
+          dispatch({ type: 'UPDATE_FORM_DATA', payload: changedValues })
+          triggerPreview()
+        }}
+      />
+    </Card>
+  )
+}
+
+export const PaymentStepConfig: OrderCreationStepConfig = {
+  key: 'payment',
+  label: 'coreshop_order_creation_payment',
+  icon: 'coreshop_icon_payment_provider',
+  priority: 60,
+  component: PaymentStepComponent,
+
+  isValid: (state: OrderCreationState) => {
+    return Boolean((state.formData as Record<string, unknown>).paymentProvider)
+  },
+
+  getValues: (state: OrderCreationState) => ({
+    paymentProvider: (state.formData as Record<string, unknown>).paymentProvider
+  }),
+
+  isVisible: (state: OrderCreationState) => state.formData.items.length > 0
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/ShippingStep.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/ShippingStep.tsx
new file mode 100644
index 0000000000..0c7788d631
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/ShippingStep.tsx
@@ -0,0 +1,126 @@
+/**
+ * CoreShop CoreBundle - Shipping Step Component
+ *
+ * Schema-driven carrier selection step.
+ * Uses coreshop_carrier_choice widget (CarrierSelect from ShippingBundle).
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Typography, Spin } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { useFormSchema, DynamicForm, sectionFilterDecorator } from '@coreshop/studio-form'
+import type { FormDecorator } from '@coreshop/studio-form'
+
+const hideSectionTitleDecorator: FormDecorator = (config) => ({
+  ...config,
+  sections: config.sections?.map((s) => ({ ...s, title: '', description: undefined })),
+})
+import type {
+  OrderCreationStepConfig,
+  OrderCreationState,
+  OrderCreationStepProps,
+  CarrierInfo,
+} from '@coreshop/order/src/modules/order-creation/types'
+
+const formatCurrency = (value: number | undefined | null, isoCode?: string): string => {
+  if (value === undefined || value === null) return '-'
+  const amount = value / 100
+  if (isoCode) {
+    try {
+      return new Intl.NumberFormat(undefined, {
+        style: 'currency',
+        currency: isoCode,
+      }).format(amount)
+    } catch {
+      // Fallback
+    }
+  }
+  return amount.toFixed(2)
+}
+
+const ShippingStepComponent: React.FC<OrderCreationStepProps> = ({ state, dispatch, triggerPreview }) => {
+  const { t } = useTranslation()
+
+  const { builder, loading } = useFormSchema('coreshop_cart_creation', [
+    { name: 'section-filter', decorator: sectionFilterDecorator('shipping') },
+    { name: 'hide-section-title', decorator: hideSectionTitleDecorator },
+  ])
+
+  const carriers = state.preview?.carriers ?? []
+  const currencyCode = state.preview?.baseCurrency?.isoCode
+  const selectedCarrier = carriers.find((c: CarrierInfo) => c.id === state.formData.carrier)
+
+  if (loading || !builder) {
+    return (
+      <Card title={t('coreshop_order_creation_shipping', { defaultValue: 'Shipping' })}>
+        <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
+          <Spin />
+        </div>
+      </Card>
+    )
+  }
+
+  const config = builder.build()
+
+  return (
+    <Card
+      title={t('coreshop_order_creation_shipping', { defaultValue: 'Shipping' })}
+    >
+      <DynamicForm
+        config={config}
+        data={state.formData}
+        onChange={(changedValues) => {
+          dispatch({ type: 'UPDATE_FORM_DATA', payload: changedValues })
+          triggerPreview()
+        }}
+      />
+
+      {carriers.length === 0 && (
+        <Typography.Text type="secondary">
+          {t('coreshop_no_carriers_available', {
+            defaultValue: 'No carriers available. Please select shipping and invoice addresses first.',
+          })}
+        </Typography.Text>
+      )}
+
+      {selectedCarrier && (
+        <Typography.Text type="secondary">
+          {t('coreshop_shipping_price', { defaultValue: 'Shipping Price' })}:{' '}
+          <Typography.Text strong>
+            {formatCurrency(selectedCarrier.price, currencyCode)}
+          </Typography.Text>
+        </Typography.Text>
+      )}
+    </Card>
+  )
+}
+
+export const ShippingStepConfig: OrderCreationStepConfig = {
+  key: 'shipping',
+  label: 'coreshop_order_creation_shipping',
+  icon: 'coreshop_icon_shipping',
+  priority: 50,
+  component: ShippingStepComponent,
+
+  isValid: () => true,
+
+  getValues: (state: OrderCreationState) => ({
+    carrier: state.formData.carrier,
+  }),
+
+  isVisible: (state: OrderCreationState) => {
+    return Boolean(
+      state.formData.items.length > 0 &&
+        state.formData.shippingAddress &&
+        state.formData.invoiceAddress
+    )
+  },
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/index.ts
new file mode 100644
index 0000000000..0ea1ac5265
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/steps/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop CoreBundle - Order Creation Steps Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { AddressStepConfig } from './AddressStep'
+export { ShippingStepConfig } from './ShippingStep'
+export { PaymentStepConfig } from './PaymentStep'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/widgets/CustomerAddressSelectWidget.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/widgets/CustomerAddressSelectWidget.tsx
new file mode 100644
index 0000000000..2b7d3200de
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/order-creation/widgets/CustomerAddressSelectWidget.tsx
@@ -0,0 +1,74 @@
+/**
+ * CoreShop CoreBundle - Customer Address Select Widget
+ *
+ * Schema-driven widget for address selection in order creation.
+ * Reads address options from OrderCreation context instead of schema choices
+ * (since no customer is available at schema generation time).
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import type { AddressInfo } from '@coreshop/order/src/modules/order-creation/types'
+
+const formatAddress = (addr: AddressInfo): string => {
+  const parts: string[] = []
+
+  if (addr.firstname || addr.lastname) {
+    parts.push([addr.firstname, addr.lastname].filter(Boolean).join(' '))
+  }
+  if (addr.company) {
+    parts.push(addr.company)
+  }
+  if (addr.street) {
+    parts.push([addr.street, addr.number].filter(Boolean).join(' '))
+  }
+  if (addr.postcode || addr.city) {
+    parts.push([addr.postcode, addr.city].filter(Boolean).join(' '))
+  }
+  if (addr.countryName) {
+    parts.push(addr.countryName)
+  }
+
+  return parts.join(', ') || `Address #${addr.id}`
+}
+
+interface CustomerAddressSelectWidgetProps {
+  value?: number | null
+  onChange?: (value: number | null) => void
+  disabled?: boolean
+  addresses?: AddressInfo[]
+}
+
+export const CustomerAddressSelectWidget: React.FC<CustomerAddressSelectWidgetProps> = ({
+  value,
+  onChange,
+  disabled,
+  addresses = [],
+}) => {
+  const options = addresses.map((addr) => ({
+    value: addr.id,
+    label: formatAddress(addr),
+  }))
+
+  return (
+    <Select
+      value={value ?? undefined}
+      onChange={(v) => onChange?.(v ?? null)}
+      options={options}
+      allowClear
+      showSearch
+      filterOption={(input, option) =>
+        (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+      disabled={disabled || addresses.length === 0}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/rule-registry/index.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/rule-registry/index.tsx
new file mode 100644
index 0000000000..e993a6e877
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/extension/rule-registry/index.tsx
@@ -0,0 +1,69 @@
+/**
+ * Rule Registry Extension Module
+ *
+ * Keeps custom non-schema rule components (like nested conditions) registered
+ * across registries. Schema-based components are auto-registered from backend
+ * type->blockPrefix mappings at runtime.
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import type { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopOrderServiceIds } from '@coreshop/order/src/modules/cart-price-rules/service-ids'
+import { coreshopProductServiceIds } from '@coreshop/product/src/modules/product-price-rules/service-ids'
+import { coreshopPaymentServiceIds } from '@coreshop/payment/src/modules/payment-provider-rules/service-ids'
+import { coreshopQuantityPriceRulesServiceIds } from '@coreshop/productquantitypricerules/src/modules/quantity-price-rules/service-ids'
+import { NestedCondition } from '@coreshop/rule/src/rules/conditions'
+
+const NESTED_CONDITION_REGISTRIES: Array<symbol | string> = [
+  coreshopOrderServiceIds.cartPriceRuleConditionRegistry,
+  coreshopProductServiceIds.productPriceRuleConditionRegistry,
+  coreshopProductServiceIds.productSpecificPriceRuleConditionRegistry,
+  coreshopPaymentServiceIds.paymentProviderRuleConditionRegistry,
+  coreshopQuantityPriceRulesServiceIds.conditionRegistry,
+  coreshopOrderServiceIds.cartItemConditionRegistry,
+]
+
+function registerNestedCondition(registryId: symbol | string): void {
+  if (!container.isBound(registryId)) {
+    return
+  }
+
+  try {
+    const registry = container.get<ConditionRegistry>(registryId)
+    if (!registry.has('nested')) {
+      registry.register('nested', NestedCondition)
+    }
+  } catch (error) {
+    console.error(`[CoreShop Core] Failed to register nested condition for ${registryId.toString()}:`, error)
+  }
+}
+
+async function waitForRegistries(maxAttempts: number = 50, interval: number = 100): Promise<void> {
+  let attempts = 0
+
+  return new Promise((resolve) => {
+    const checkRegistries = () => {
+      attempts++
+
+      const allBound = NESTED_CONDITION_REGISTRIES.every(registryId => container.isBound(registryId))
+      if (allBound || attempts >= maxAttempts) {
+        resolve()
+        return
+      }
+
+      setTimeout(checkRegistries, interval)
+    }
+
+    checkRegistries()
+  })
+}
+
+export const RuleRegistryExtensionModule: AbstractModule = {
+  async onInit(): Promise<void> {
+    await waitForRegistries()
+
+    for (const registryId of NESTED_CONDITION_REGISTRIES) {
+      registerNestedCondition(registryId)
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..040c0e8e42
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,450 @@
+/**
+ * CoreShop CoreBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import cartIcon from '../../assets/cart.svg?react'
+// @ts-ignore
+import cartAbandonedIcon from '../../assets/cart-abandoned.svg?react'
+// @ts-ignore
+import categoryIcon from '../../assets/category.svg?react'
+// @ts-ignore
+import chartsIcon from '../../assets/charts.svg?react'
+// @ts-ignore
+import collaborationIcon from '../../assets/collaboration.svg?react'
+// @ts-ignore
+import commentIcon from '../../assets/comment.svg?react'
+// @ts-ignore
+import countriesIcon from '../../assets/countries.svg?react'
+// @ts-ignore
+import currenciesIcon from '../../assets/currencies.svg?react'
+// @ts-ignore
+import customerIcon from '../../assets/customer.svg?react'
+// @ts-ignore
+import customerGroupIcon from '../../assets/customer-group.svg?react'
+// @ts-ignore
+import freeShippingIcon from '../../assets/free-shipping.svg?react'
+// @ts-ignore
+import giftIcon from '../../assets/gift.svg?react'
+// @ts-ignore
+import guestIcon from '../../assets/guest.svg?react'
+// @ts-ignore
+import invoiceIcon from '../../assets/invoice.svg?react'
+// @ts-ignore
+import logoFillIcon from '../../assets/logo-fill.svg?react'
+// @ts-ignore
+import mailIcon from '../../assets/mail.svg?react'
+// @ts-ignore
+import manufacturerIcon from '../../assets/manufacturer.svg?react'
+// @ts-ignore
+import moneyIcon from '../../assets/money.svg?react'
+// @ts-ignore
+import monitorIcon from '../../assets/monitor.svg?react'
+// @ts-ignore
+import notCombinableIcon from '../../assets/not_combinable.svg?react'
+// @ts-ignore
+import ordersIcon from '../../assets/orders.svg?react'
+// @ts-ignore
+import ordersBackendIcon from '../../assets/orders-backend.svg?react'
+// @ts-ignore
+import paymentsIcon from '../../assets/payments.svg?react'
+// @ts-ignore
+import productIcon from '../../assets/product.svg?react'
+// @ts-ignore
+import quotesIcon from '../../assets/quotes.svg?react'
+// @ts-ignore
+import salesIcon from '../../assets/sales.svg?react'
+// @ts-ignore
+import shipmentIcon from '../../assets/shipment.svg?react'
+// @ts-ignore
+import stockIcon from '../../assets/stock.svg?react'
+// @ts-ignore
+import storeMailIcon from '../../assets/store-mail.svg?react'
+// @ts-ignore
+import storeValuesIcon from '../../assets/store-values.svg?react'
+// @ts-ignore
+import voucherIcon from '../../assets/voucher.svg?react'
+// @ts-ignore
+import customerToCompanyAssignToExisting from '../../assets/customer_to_company_assign_to_existing.svg?react'
+// @ts-ignore
+import customerToCompanyAssignToNew from '../../assets/customer_to_company_assign_to_new.svg?react'
+
+export const CoreBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    // Main logo icons
+    iconLibrary.register({
+      name: 'coreshop_logo',
+      component: logoFillIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_logo',
+      component: logoFillIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_logo',
+      component: logoFillIcon
+    })
+
+    // Localization/collaboration
+    iconLibrary.register({
+      name: 'coreshop_localization',
+      component: collaborationIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_localization',
+      component: collaborationIcon
+    })
+
+    // Customer related
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_customer',
+      component: customerIcon
+    })
+
+    // Reports
+    iconLibrary.register({
+      name: 'coreshop_report',
+      component: chartsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_report_carts',
+      component: cartIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_report_carts_abandoned',
+      component: cartAbandonedIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_report_manufacturer',
+      component: manufacturerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_report_vouchers',
+      component: cartIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_report_sales',
+      component: salesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_report_quantity',
+      component: stockIcon
+    })
+
+    // Monitoring
+    iconLibrary.register({
+      name: 'coreshop_monitoring',
+      component: monitorIcon
+    })
+
+    // Pimcore specific
+    iconLibrary.register({
+      name: 'pimcore_coreShopStorePrice',
+      component: moneyIcon
+    })
+    
+    iconLibrary.register({
+      name: 'pimcore_coreShopStoreValues',
+      component: storeValuesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_store_values',
+      component: storeValuesIcon
+    })
+
+    // Store price operator
+    iconLibrary.register({
+      name: 'coreshop_operator_store_price',
+      component: currenciesIcon
+    })
+
+    // Rule conditions
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_categories',
+      component: categoryIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_customers',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_userType',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_not_combinable_with_cart_price_voucher_rule',
+      component: notCombinableIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_countries',
+      component: countriesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_products',
+      component: productIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_currencies',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_customerGroup',
+      component: customerGroupIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_customerGroups',
+      component: customerGroupIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_guest',
+      component: guestIcon
+    })
+
+    // Cart Price Rule specific condition icons
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_categories',
+      component: categoryIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_products',
+      component: productIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_customers',
+      component: customerIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_customerGroups',
+      component: customerGroupIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_guest',
+      component: guestIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_countries',
+      component: countriesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_currencies',
+      component: currenciesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_zones',
+      component: countriesIcon  // Zones can use countries icon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_stores',
+      component: storeValuesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_carriers',
+      component: shipmentIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_saleState',
+      component: salesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderState',
+      component: ordersIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderTransition',
+      component: ordersIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_quoteState',
+      component: quotesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_quoteTransition',
+      component: quotesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_comment',
+      component: commentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderInvoiceState',
+      component: invoiceIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_invoiceState',
+      component: invoiceIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderInvoiceTransition',
+      component: invoiceIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_invoiceTransition',
+      component: invoiceIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderShippingState',
+      component: shipmentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_shippingState',
+      component: shipmentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderShippingTransition',
+      component: shipmentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_shipmentTransition',
+      component: shipmentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_payment',
+      component: paymentsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_paymentState',
+      component: paymentsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderPaymentState',
+      component: paymentsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_paymentTransition',
+      component: paymentsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_orderPaymentTransition',
+      component: paymentsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_backendCreated',
+      component: ordersBackendIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_backendUpdated',
+      component: ordersBackendIcon
+    })
+
+    // Rule actions (generic)
+    iconLibrary.register({
+      name: 'coreshop_rule_action_freeShipping',
+      component: freeShippingIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_action_voucherCredit',
+      component: voucherIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_action_giftProduct',
+      component: giftIcon
+    })
+
+    // Cart Price Rule specific action icons
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_freeShipping',
+      component: freeShippingIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_voucherCredit',
+      component: voucherIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_giftProduct',
+      component: giftIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_action_orderMail',
+      component: mailIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_action_storeMail',
+      component: storeMailIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_action_storeOrderMail',
+      component: storeMailIcon
+    })
+
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_customer_to_company_assign_to_existing',
+      component: customerToCompanyAssignToExisting
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_customer_to_company_assign_to_new',
+      component: customerToCompanyAssignToNew
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/menu/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/menu/index.ts
new file mode 100644
index 0000000000..b90ba24aba
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/menu/index.ts
@@ -0,0 +1,29 @@
+/**
+ * CoreShop CoreBundle Menu Module
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import {AbstractModule} from '@pimcore/studio-ui-bundle'
+import {openOrderByNumberModal} from "../../components/OrderByNumberButton";
+import {openAboutModal} from "../about/AboutButton";
+
+export {orderService} from '../../services/OrderService'
+
+export const CoreBundleMenuModule: AbstractModule = {
+    onInit(): void {
+        window.addEventListener('coreshop.order-by-number.open', () => {
+            openOrderByNumberModal()
+        })
+
+        window.addEventListener('coreshop.about.open', () => {
+            openAboutModal()
+        })
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/pimcore-relation-widget/PimcoreRelationWidget.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/pimcore-relation-widget/PimcoreRelationWidget.tsx
new file mode 100644
index 0000000000..9954987a88
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/pimcore-relation-widget/PimcoreRelationWidget.tsx
@@ -0,0 +1,179 @@
+/**
+ * CoreShop CoreBundle - Pimcore Relation Widget
+ *
+ * Wraps Pimcore's ManyToManyRelation / ManyToOneRelation components
+ * for use in schema-based forms. Converts between form data (numeric IDs)
+ * and ManyToManyRelationValue format.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin } from 'antd'
+import {
+  ManyToManyRelation,
+  ManyToOneRelation
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { container } from '@pimcore/studio-ui-bundle'
+import { useRelationIds } from '@coreshop/resource'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import type { ManyToManyRelationValue } from '@coreshop/resource/src/entities/types/relation'
+
+interface PimcoreRelationWidgetProps {
+  value?: string | number | Array<string | number>
+  onChange?: (value: string | number | Array<string | number> | undefined) => void
+  relationClass?: string
+  multiple?: boolean
+}
+
+export const PimcoreRelationWidget: React.FC<PimcoreRelationWidgetProps> = ({
+  value,
+  onChange,
+  relationClass,
+  multiple = false,
+}) => {
+  const [allowedClasses, setAllowedClasses] = React.useState<string[] | undefined>(undefined)
+
+  React.useEffect(() => {
+    let cancelled = false
+
+    if (!relationClass) {
+      setAllowedClasses(undefined)
+      return () => {
+        cancelled = true
+      }
+    }
+
+    const resourceType = inferResourceType(relationClass)
+    if (!resourceType) {
+      setAllowedClasses(undefined)
+      return () => {
+        cancelled = true
+      }
+    }
+
+    const loadAllowedClasses = async () => {
+      try {
+        const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+        const resolvedClasses = await configProvider.getAllowedClasses(resourceType)
+
+        if (!cancelled) {
+          setAllowedClasses(resolvedClasses.length > 0 ? resolvedClasses : undefined)
+        }
+      } catch {
+        if (!cancelled) {
+          setAllowedClasses(undefined)
+        }
+      }
+    }
+
+    void loadAllowedClasses()
+
+    return () => {
+      cancelled = true
+    }
+  }, [relationClass])
+
+  const stringIds = React.useMemo(() => {
+    if (value == null) return undefined
+    const ids = Array.isArray(value) ? value : [value]
+    if (ids.length === 0) return undefined
+    return ids.map(String)
+  }, [value])
+
+  const [relationValue, handleChange, loading] = useRelationIds(
+    stringIds,
+    relationClass ?? 'Entity',
+    'object'
+  )
+
+  const handleMultiChange = React.useCallback((newValue?: ManyToManyRelationValue | null) => {
+    // Pimcore SDK may call onChange with undefined in intermediate states.
+    // Ignore those to avoid clearing values right after selection.
+    if (typeof newValue === 'undefined') {
+      return
+    }
+
+    // Ensure SDK always receives a valid element type.
+    const sanitizedValue = newValue?.map(item => ({
+      ...item,
+      type: (typeof item.type === 'string' && item.type.length > 0) ? item.type : 'object',
+    })) ?? null
+
+    const ids = handleChange(sanitizedValue)
+    onChange?.(ids)
+  }, [handleChange, onChange])
+
+  if (multiple) {
+    return (
+      <Spin spinning={loading}>
+        <ManyToManyRelation
+          value={relationValue}
+          onChange={handleMultiChange}
+          allowedClasses={allowedClasses}
+          dataObjectsAllowed
+          allowedDataObjectTypes={['object', 'variant']}
+          assetsAllowed={false}
+          documentsAllowed={false}
+          allowToClearRelation={false}
+          maxItems={null}
+          width="100%"
+          height={200}
+          pathFormatterClass={null}
+        />
+      </Spin>
+    )
+  }
+
+  const singleValue = relationValue?.[0]
+    ? {
+      ...relationValue[0],
+      subtype: relationValue[0].subtype ?? undefined,
+    }
+    : undefined
+
+  const handleSingleChange = React.useCallback((newValue: any) => {
+    if (!newValue) {
+      handleChange(null)
+      onChange?.(undefined)
+      return
+    }
+    handleChange([newValue])
+    onChange?.(newValue.id)
+  }, [handleChange, onChange])
+
+  return (
+    <Spin spinning={loading}>
+      <ManyToOneRelation
+        value={singleValue}
+        onChange={handleSingleChange}
+        allowedClasses={allowedClasses}
+        dataObjectsAllowed
+        allowedDataObjectTypes={['object', 'variant']}
+        assetsAllowed={false}
+        documentsAllowed={false}
+        allowToClearRelation
+        width="100%"
+        pathFormatterClass={undefined}
+      />
+    </Spin>
+  )
+}
+
+const inferResourceType = (relationClass: string): string | undefined => {
+  if (!relationClass.startsWith('CoreShop') || relationClass.length <= 'CoreShop'.length) {
+    return undefined
+  }
+
+  const name = relationClass.slice('CoreShop'.length)
+  const snakeCase = name.replace(/([a-z0-9])([A-Z])/g, '$1_$2').toLowerCase()
+
+  return `coreshop.${snakeCase}`
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/pimcore-relation-widget/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/pimcore-relation-widget/index.ts
new file mode 100644
index 0000000000..1b821d0c17
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/pimcore-relation-widget/index.ts
@@ -0,0 +1,34 @@
+/**
+ * CoreShop CoreBundle - Pimcore Relation Widget Module
+ *
+ * Registers the 'coreshop_pimcore_relation' block prefix to render Pimcore's
+ * ManyToManyRelation / ManyToOneRelation components in schema-based forms.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { AbstractModule } from '@pimcore/studio-ui-bundle'
+import { container } from '@pimcore/studio-ui-bundle'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry } from '@coreshop/studio-form'
+import { PimcoreRelationWidget } from './PimcoreRelationWidget'
+
+export const PimcoreRelationWidgetModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+    widgetRegistry.register('coreshop_pimcore_relation', (field) => ({
+      component: PimcoreRelationWidget,
+      props: {
+        relationClass: field.extra?.relation_class,
+        multiple: field.extra?.multiple ?? false,
+      },
+    }))
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/index.ts
new file mode 100644
index 0000000000..5f38858b0e
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All actions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/api.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/api.ts
new file mode 100644
index 0000000000..eb0a2a4b7b
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/api.ts
@@ -0,0 +1,25 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface ProductPriceRule {
+  id: number
+  name: string
+  active?: boolean
+  priority?: number
+}
+
+export const productPriceRuleApi = new EntityApi<ProductPriceRule>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/product-price-rules'
+})
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/index.ts
new file mode 100644
index 0000000000..b762e4e163
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All conditions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/types.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/types.ts
new file mode 100644
index 0000000000..3f3bd57166
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/types.ts
@@ -0,0 +1,18 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface ProductPriceRule {
+  id: number
+  name: string
+  active?: boolean
+  priority?: number
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/api.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/api.ts
new file mode 100644
index 0000000000..57363ff973
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/api.ts
@@ -0,0 +1,67 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { ReportType, ReportFilterParams, ReportResponse } from './types'
+
+/**
+ * Build URL params from filter object
+ */
+const buildParams = (params: ReportFilterParams): string => {
+  const searchParams = new URLSearchParams()
+
+  for (const [key, value] of Object.entries(params)) {
+    if (value !== undefined && value !== null) {
+      if (Array.isArray(value)) {
+        searchParams.set(key, JSON.stringify(value))
+      } else {
+        searchParams.set(key, String(value))
+      }
+    }
+  }
+
+  return searchParams.toString()
+}
+
+/**
+ * Reports API
+ */
+export const reportsApi = {
+  /**
+   * Fetch report data
+   */
+  async getData(reportType: ReportType, params: ReportFilterParams): Promise<ReportResponse> {
+    const queryString = buildParams({ ...params, report: reportType })
+    const response = await fetch(`/pimcore-studio/api/coreshop/report/get-data?${queryString}`)
+
+    if (!response.ok) {
+      throw new Error(`Failed to fetch report data: ${response.statusText}`)
+    }
+
+    return response.json()
+  },
+
+  /**
+   * Get export URL for downloading report
+   */
+  getExportUrl(reportType: ReportType, params: ReportFilterParams): string {
+    const queryString = buildParams({ ...params, report: reportType })
+    return `/pimcore-studio/api/coreshop/report/export?${queryString}`
+  },
+
+  /**
+   * Download report as file
+   */
+  downloadReport(reportType: ReportType, params: ReportFilterParams): void {
+    const url = reportsApi.getExportUrl(reportType, params)
+    window.open(url, '_blank')
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/AbandonedCartsReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/AbandonedCartsReport.tsx
new file mode 100644
index 0000000000..d58f926c9e
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/AbandonedCartsReport.tsx
@@ -0,0 +1,75 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import dayjs from 'dayjs'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig } from '../types'
+
+const abandonedCartsConfig: ReportConfig = {
+  type: 'carts_abandoned',
+  name: 'coreshop_report_carts_abandoned',
+  icon: 'StopOutlined',
+  hasStoreFilter: true,
+  hasPagination: true
+}
+
+/**
+ * AbandonedCartsReport - Table showing abandoned carts
+ */
+export const AbandonedCartsReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const columns = [
+    {
+      title: t('coreshop_report_user_name', { defaultValue: 'User' }),
+      dataIndex: 'userName',
+      key: 'userName'
+    },
+    {
+      title: t('coreshop_report_user_email', { defaultValue: 'Email' }),
+      dataIndex: 'email',
+      key: 'email'
+    },
+    {
+      title: t('coreshop_report_selected_payment', { defaultValue: 'Payment' }),
+      dataIndex: 'selectedPayment',
+      key: 'selectedPayment'
+    },
+    {
+      title: t('coreshop_report_creation_date', { defaultValue: 'Created' }),
+      dataIndex: 'creationDate',
+      key: 'creationDate',
+      render: (val: number) => val ? dayjs.unix(val).format('YYYY-MM-DD HH:mm') : ''
+    },
+    {
+      title: t('coreshop_report_modifiction_date', { defaultValue: 'Modified' }),
+      dataIndex: 'modificationDate',
+      key: 'modificationDate',
+      render: (val: number) => val ? dayjs.unix(val).format('YYYY-MM-DD HH:mm') : ''
+    },
+    {
+      title: t('coreshop_report_items_in_cart', { defaultValue: 'Items' }),
+      dataIndex: 'itemsInCart',
+      key: 'itemsInCart',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={abandonedCartsConfig}
+      columns={columns}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CarriersReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CarriersReport.tsx
new file mode 100644
index 0000000000..c0c9e5805f
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CarriersReport.tsx
@@ -0,0 +1,92 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Pie } from '@ant-design/plots'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig, CarriersReportItem, ReportDataItem } from '../types'
+
+const carriersConfig: ReportConfig = {
+  type: 'carriers',
+  name: 'coreshop_report_carriers',
+  icon: 'CarOutlined',
+  hasStoreFilter: true
+}
+
+/**
+ * CarriersReport - Pie chart showing carrier distribution
+ */
+export const CarriersReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const renderChart = (data: ReportDataItem[]) => {
+    const items = data as CarriersReportItem[]
+
+    if (items.length === 0) {
+      return null
+    }
+
+    const config = {
+      data: items,
+      angleField: 'count',
+      colorField: 'carrier',
+      radius: 0.8,
+      innerRadius: 0.5,
+      label: {
+        text: 'carrier',
+        position: 'outside' as const
+      },
+      tooltip: {
+        title: 'carrier'
+      },
+      legend: {
+        position: 'bottom' as const
+      }
+    }
+
+    return (
+      <div style={{ height: 400 }}>
+        <Pie {...config} />
+      </div>
+    )
+  }
+
+  // Table columns (fallback)
+  const columns = [
+    {
+      title: t('coreshop_carrier', { defaultValue: 'Carrier' }),
+      dataIndex: 'carrier',
+      key: 'carrier'
+    },
+    {
+      title: t('coreshop_report_carriers_count', { defaultValue: 'Orders' }),
+      dataIndex: 'count',
+      key: 'count',
+      align: 'right' as const
+    },
+    {
+      title: t('coreshop_sales', { defaultValue: 'Sales' }),
+      dataIndex: 'salesFormatted',
+      key: 'salesFormatted',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={carriersConfig}
+      columns={columns}
+      renderChart={renderChart}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CartsReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CartsReport.tsx
new file mode 100644
index 0000000000..1c4f45568a
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CartsReport.tsx
@@ -0,0 +1,101 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Line } from '@ant-design/plots'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig, CartsReportItem, ReportDataItem } from '../types'
+
+const cartsConfig: ReportConfig = {
+  type: 'carts',
+  name: 'coreshop_report_carts',
+  icon: 'ShoppingCartOutlined',
+  hasStoreFilter: true,
+  hasGroupBy: true
+}
+
+/**
+ * CartsReport - Dual line chart showing carts vs orders over time
+ */
+export const CartsReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const renderChart = (data: ReportDataItem[]) => {
+    const items = data as CartsReportItem[]
+
+    if (items.length === 0) {
+      return null
+    }
+
+    // Transform data for dual-line chart
+    const chartData = items.flatMap(item => [
+      { date: item.datetext, value: item.carts, type: t('coreshop_cart', { defaultValue: 'Carts' }) },
+      { date: item.datetext, value: item.orders, type: t('coreshop_order', { defaultValue: 'Orders' }) }
+    ])
+
+    const config = {
+      data: chartData,
+      xField: 'date',
+      yField: 'value',
+      seriesField: 'type',
+      smooth: true,
+      point: {
+        size: 4,
+        shape: 'circle'
+      },
+      color: ['#01841c', '#15428B'],
+      xAxis: {
+        title: { text: t('coreshop_report_date', { defaultValue: 'Date' }) }
+      },
+      yAxis: {
+        title: { text: t('coreshop_report_count', { defaultValue: 'Count' }) },
+        min: 0
+      }
+    }
+
+    return (
+      <div style={{ height: 300 }}>
+        <Line {...config} />
+      </div>
+    )
+  }
+
+  // Table columns (fallback if chart fails)
+  const columns = [
+    {
+      title: t('coreshop_report_date', { defaultValue: 'Date' }),
+      dataIndex: 'datetext',
+      key: 'datetext'
+    },
+    {
+      title: t('coreshop_cart', { defaultValue: 'Carts' }),
+      dataIndex: 'carts',
+      key: 'carts',
+      align: 'right' as const
+    },
+    {
+      title: t('coreshop_order', { defaultValue: 'Orders' }),
+      dataIndex: 'orders',
+      key: 'orders',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={cartsConfig}
+      columns={columns}
+      renderChart={renderChart}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CategoriesReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CategoriesReport.tsx
new file mode 100644
index 0000000000..dccbdaca6c
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CategoriesReport.tsx
@@ -0,0 +1,73 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig } from '../types'
+
+const categoriesConfig: ReportConfig = {
+  type: 'categories',
+  name: 'coreshop_report_categories',
+  icon: 'AppstoreOutlined',
+  hasStoreFilter: true,
+  hasPagination: true
+}
+
+/**
+ * CategoriesReport - Table showing category performance
+ */
+export const CategoriesReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const columns = [
+    {
+      title: t('name', { defaultValue: 'Name' }),
+      dataIndex: 'name',
+      key: 'name',
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_products_order_count', { defaultValue: 'Orders' }),
+      dataIndex: 'orderCount',
+      key: 'orderCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_products_quantity_count', { defaultValue: 'Quantity' }),
+      dataIndex: 'quantityCount',
+      key: 'quantityCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_categories_sales', { defaultValue: 'Sales' }),
+      dataIndex: 'salesFormatted',
+      key: 'salesFormatted',
+      align: 'right' as const
+    },
+    {
+      title: t('coreshop_report_categories_profit', { defaultValue: 'Profit' }),
+      dataIndex: 'profitFormatted',
+      key: 'profitFormatted',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={categoriesConfig}
+      columns={columns}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CustomersReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CustomersReport.tsx
new file mode 100644
index 0000000000..87a008ebcc
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/CustomersReport.tsx
@@ -0,0 +1,65 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig } from '../types'
+
+const customersConfig: ReportConfig = {
+  type: 'customers',
+  name: 'coreshop_report_customers',
+  icon: 'TeamOutlined',
+  hasStoreFilter: true,
+  hasPagination: true
+}
+
+/**
+ * CustomersReport - Table showing customer performance
+ */
+export const CustomersReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const columns = [
+    {
+      title: t('coreshop_report_customers_name', { defaultValue: 'Name' }),
+      dataIndex: 'name',
+      key: 'name',
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_customers_email', { defaultValue: 'Email' }),
+      dataIndex: 'email',
+      key: 'email'
+    },
+    {
+      title: t('coreshop_report_customers_order_count', { defaultValue: 'Orders' }),
+      dataIndex: 'orderCount',
+      key: 'orderCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_sales', { defaultValue: 'Total Sales' }),
+      dataIndex: 'salesFormatted',
+      key: 'salesFormatted',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={customersConfig}
+      columns={columns}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ManufacturerReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ManufacturerReport.tsx
new file mode 100644
index 0000000000..756a25805b
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ManufacturerReport.tsx
@@ -0,0 +1,73 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig } from '../types'
+
+const manufacturerConfig: ReportConfig = {
+  type: 'manufacturer',
+  name: 'coreshop_report_manufacturer',
+  icon: 'BankOutlined',
+  hasStoreFilter: true,
+  hasPagination: true
+}
+
+/**
+ * ManufacturerReport - Table showing manufacturer performance
+ */
+export const ManufacturerReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const columns = [
+    {
+      title: t('name', { defaultValue: 'Name' }),
+      dataIndex: 'name',
+      key: 'name',
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_products_order_count', { defaultValue: 'Orders' }),
+      dataIndex: 'orderCount',
+      key: 'orderCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_products_quantity_count', { defaultValue: 'Quantity' }),
+      dataIndex: 'quantityCount',
+      key: 'quantityCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_manufacturer_sales', { defaultValue: 'Sales' }),
+      dataIndex: 'salesFormatted',
+      key: 'salesFormatted',
+      align: 'right' as const
+    },
+    {
+      title: t('coreshop_report_manufacturer_profit', { defaultValue: 'Profit' }),
+      dataIndex: 'profitFormatted',
+      key: 'profitFormatted',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={manufacturerConfig}
+      columns={columns}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/PaymentProvidersReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/PaymentProvidersReport.tsx
new file mode 100644
index 0000000000..e1fa9f62cc
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/PaymentProvidersReport.tsx
@@ -0,0 +1,92 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Pie } from '@ant-design/plots'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig, PaymentProvidersReportItem, ReportDataItem } from '../types'
+
+const paymentProvidersConfig: ReportConfig = {
+  type: 'payment_providers',
+  name: 'coreshop_report_payment_providers',
+  icon: 'CreditCardOutlined',
+  hasStoreFilter: true
+}
+
+/**
+ * PaymentProvidersReport - Pie chart showing payment provider distribution
+ */
+export const PaymentProvidersReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const renderChart = (data: ReportDataItem[]) => {
+    const items = data as PaymentProvidersReportItem[]
+
+    if (items.length === 0) {
+      return null
+    }
+
+    const config = {
+      data: items,
+      angleField: 'count',
+      colorField: 'provider',
+      radius: 0.8,
+      innerRadius: 0.5,
+      label: {
+        text: 'provider',
+        position: 'outside' as const
+      },
+      tooltip: {
+        title: 'provider'
+      },
+      legend: {
+        position: 'bottom' as const
+      }
+    }
+
+    return (
+      <div style={{ height: 400 }}>
+        <Pie {...config} />
+      </div>
+    )
+  }
+
+  // Table columns (fallback)
+  const columns = [
+    {
+      title: t('coreshop_payment_provider', { defaultValue: 'Payment Provider' }),
+      dataIndex: 'provider',
+      key: 'provider'
+    },
+    {
+      title: t('coreshop_report_payment_providers_count', { defaultValue: 'Orders' }),
+      dataIndex: 'count',
+      key: 'count',
+      align: 'right' as const
+    },
+    {
+      title: t('coreshop_sales', { defaultValue: 'Sales' }),
+      dataIndex: 'salesFormatted',
+      key: 'salesFormatted',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={paymentProvidersConfig}
+      columns={columns}
+      renderChart={renderChart}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ProductsReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ProductsReport.tsx
new file mode 100644
index 0000000000..0d0d01eccb
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ProductsReport.tsx
@@ -0,0 +1,77 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig, ProductsReportItem } from '../types'
+
+const productsConfig: ReportConfig = {
+  type: 'products',
+  name: 'coreshop_report_products',
+  icon: 'ShoppingOutlined',
+  hasStoreFilter: true,
+  hasPagination: true
+}
+
+/**
+ * ProductsReport - Table showing product performance
+ */
+export const ProductsReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const columns = [
+    {
+      title: t('coreshop_report_products_name', { defaultValue: 'Product Name' }),
+      dataIndex: 'productName',
+      key: 'productName',
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_products_order_count', { defaultValue: 'Orders' }),
+      dataIndex: 'orderCount',
+      key: 'orderCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_report_products_quantity', { defaultValue: 'Quantity Sold' }),
+      dataIndex: 'quantityCount',
+      key: 'quantityCount',
+      align: 'right' as const,
+      sorter: true
+    },
+    {
+      title: t('coreshop_sales', { defaultValue: 'Sales' }),
+      dataIndex: 'sales',
+      key: 'sales',
+      align: 'right' as const,
+      sorter: true,
+      render: (value: number) => (value / 100).toFixed(2)
+    },
+    {
+      title: t('coreshop_report_products_profit', { defaultValue: 'Profit' }),
+      dataIndex: 'profit',
+      key: 'profit',
+      align: 'right' as const,
+      sorter: true,
+      render: (value: number) => (value / 100).toFixed(2)
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={productsConfig}
+      columns={columns}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportFilters.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportFilters.tsx
new file mode 100644
index 0000000000..3b3c540a1d
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportFilters.tsx
@@ -0,0 +1,191 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Space, Button, DatePicker, Select, Divider, Tooltip } from 'antd'
+import { SearchOutlined, DownloadOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import dayjs, { Dayjs } from 'dayjs'
+import { StoreSelect } from '@coreshop/store/src/components/StoreSelect'
+import type { GroupBy, ReportConfig } from '../types'
+
+interface ReportFiltersProps {
+  config: ReportConfig
+  from: Dayjs
+  to: Dayjs
+  store?: number
+  groupBy?: GroupBy
+  onFromChange: (date: Dayjs) => void
+  onToChange: (date: Dayjs) => void
+  onStoreChange?: (store: number | undefined) => void
+  onGroupByChange?: (groupBy: GroupBy) => void
+  onFilter: () => void
+  onExport: () => void
+  loading?: boolean
+}
+
+/**
+ * Quick date range presets
+ */
+interface DatePreset {
+  key: string
+  label: string
+  getRange: () => [Dayjs, Dayjs]
+}
+
+/**
+ * ReportFilters - Filter toolbar for reports
+ */
+export const ReportFilters: React.FC<ReportFiltersProps> = ({
+  config,
+  from,
+  to,
+  store,
+  groupBy,
+  onFromChange,
+  onToChange,
+  onStoreChange,
+  onGroupByChange,
+  onFilter,
+  onExport,
+  loading = false
+}) => {
+  const { t } = useTranslation()
+
+  // Quick date presets
+  const datePresets: DatePreset[] = [
+    {
+      key: 'day',
+      label: t('coreshop_report_day', { defaultValue: 'Today' }),
+      getRange: () => [dayjs().subtract(1, 'day'), dayjs()]
+    },
+    {
+      key: 'month',
+      label: t('coreshop_report_month', { defaultValue: 'This Month' }),
+      getRange: () => [dayjs().startOf('month'), dayjs().endOf('month')]
+    },
+    {
+      key: 'year',
+      label: t('coreshop_report_year', { defaultValue: 'This Year' }),
+      getRange: () => [dayjs().startOf('year'), dayjs().endOf('year')]
+    },
+    {
+      key: 'day_minus',
+      label: t('coreshop_report_day_minus', { defaultValue: 'Yesterday' }),
+      getRange: () => [dayjs().subtract(2, 'day'), dayjs().subtract(1, 'day')]
+    },
+    {
+      key: 'month_minus',
+      label: t('coreshop_report_month_minus', { defaultValue: 'Last Month' }),
+      getRange: () => {
+        const lastMonth = dayjs().subtract(1, 'month')
+        return [lastMonth.startOf('month'), lastMonth.endOf('month')]
+      }
+    },
+    {
+      key: 'year_minus',
+      label: t('coreshop_report_year_minus', { defaultValue: 'Last Year' }),
+      getRange: () => {
+        const lastYear = dayjs().subtract(1, 'year')
+        return [lastYear.startOf('year'), lastYear.endOf('year')]
+      }
+    }
+  ]
+
+  // Group by options
+  const groupByOptions = [
+    { value: 'day', label: t('coreshop_report_groups_day', { defaultValue: 'Day' }) },
+    { value: 'month', label: t('coreshop_report_groups_month', { defaultValue: 'Month' }) },
+    { value: 'year', label: t('coreshop_report_groups_year', { defaultValue: 'Year' }) }
+  ]
+
+  // Handle quick date selection
+  const handleQuickDate = (preset: DatePreset) => {
+    const [newFrom, newTo] = preset.getRange()
+    onFromChange(newFrom)
+    onToChange(newTo)
+  }
+
+  return (
+    <div style={{ padding: '12px 0' }}>
+      {/* Quick date buttons */}
+      <Space wrap style={{ marginBottom: 12 }}>
+        {datePresets.map(preset => (
+          <Button
+            key={preset.key}
+            size="small"
+            onClick={() => handleQuickDate(preset)}
+          >
+            {preset.label}
+          </Button>
+        ))}
+      </Space>
+
+      <Divider style={{ margin: '12px 0' }} />
+
+      {/* Main filters */}
+      <Space wrap>
+        <DatePicker
+          value={from}
+          onChange={(date) => date && onFromChange(date)}
+          placeholder={t('coreshop_report_year_from', { defaultValue: 'From' })}
+          format="YYYY-MM-DD"
+        />
+
+        <DatePicker
+          value={to}
+          onChange={(date) => date && onToChange(date)}
+          placeholder={t('coreshop_report_year_to', { defaultValue: 'To' })}
+          format="YYYY-MM-DD"
+        />
+
+        {config.hasStoreFilter && onStoreChange && (
+          <StoreSelect
+            value={store}
+            onChange={(value) => onStoreChange(value as number | undefined)}
+            placeholder={t('coreshop_all_stores', { defaultValue: 'All Stores' })}
+            allowClear
+            style={{ width: 180 }}
+          />
+        )}
+
+        {config.hasGroupBy && onGroupByChange && (
+          <Select
+            value={groupBy}
+            onChange={onGroupByChange}
+            options={groupByOptions}
+            placeholder={t('coreshop_report_groups', { defaultValue: 'Group By' })}
+            style={{ width: 120 }}
+          />
+        )}
+
+        <Button
+          type="primary"
+          icon={<SearchOutlined />}
+          onClick={onFilter}
+          loading={loading}
+        >
+          {t('coreshop_report_filter', { defaultValue: 'Filter' })}
+        </Button>
+
+        <Tooltip title={t('coreshop_report_export', { defaultValue: 'Export' })}>
+          <Button
+            icon={<DownloadOutlined />}
+            onClick={onExport}
+          >
+            {t('coreshop_report_export', { defaultValue: 'Export' })}
+          </Button>
+        </Tooltip>
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportPanel.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportPanel.tsx
new file mode 100644
index 0000000000..9304efbffc
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportPanel.tsx
@@ -0,0 +1,174 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Table, Spin, Empty, Pagination } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import dayjs, { Dayjs } from 'dayjs'
+import type { ColumnsType } from 'antd/es/table'
+import { ReportFilters } from './ReportFilters'
+import { reportsApi } from '../api'
+import type { ReportConfig, ReportType, GroupBy, ReportDataItem, ReportFilterParams } from '../types'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface ReportPanelProps {
+  config: ReportConfig
+  columns: ColumnsType<any>
+  renderChart?: (data: ReportDataItem[]) => React.ReactNode
+  additionalFilters?: Record<string, any>
+}
+
+/**
+ * ReportPanel - Generic report panel with filters, table/chart, and export
+ */
+export const ReportPanel: React.FC<ReportPanelProps> = ({
+  config,
+  columns,
+  renderChart,
+  additionalFilters = {}
+}) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+
+  // Filter state
+  const [from, setFrom] = React.useState<Dayjs>(dayjs().startOf('year'))
+  const [to, setTo] = React.useState<Dayjs>(dayjs().endOf('year'))
+  const [store, setStore] = React.useState<number | undefined>()
+  const [groupBy, setGroupBy] = React.useState<GroupBy>('day')
+
+  // Data state
+  const [data, setData] = React.useState<ReportDataItem[]>([])
+  const [total, setTotal] = React.useState(0)
+  const [loading, setLoading] = React.useState(false)
+  const [page, setPage] = React.useState(1)
+  const [pageSize, setPageSize] = React.useState(50)
+
+  // Build filter params
+  const getFilterParams = (): ReportFilterParams => {
+    const params: ReportFilterParams = {
+      from: from.unix(),
+      to: to.unix(),
+      ...additionalFilters
+    }
+
+    if (config.hasStoreFilter && store) {
+      params.store = store
+    }
+
+    if (config.hasGroupBy) {
+      params.groupBy = groupBy
+    }
+
+    if (config.hasPagination) {
+      params.page = page
+      params.limit = pageSize
+    }
+
+    return params
+  }
+
+  // Fetch data
+  const fetchData = async () => {
+    setLoading(true)
+    try {
+      const response = await reportsApi.getData(config.type, getFilterParams())
+      if (response.success) {
+        setData(response.data)
+        setTotal(response.total ?? response.data.length)
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch report data')))
+      setData([])
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  // Fetch on mount and when pagination changes
+  React.useEffect(() => {
+    fetchData()
+  }, [page, pageSize])
+
+  // Handle filter
+  const handleFilter = () => {
+    setPage(1)
+    fetchData()
+  }
+
+  // Handle export
+  const handleExport = () => {
+    reportsApi.downloadReport(config.type, getFilterParams())
+  }
+
+  // Handle pagination change
+  const handlePaginationChange = (newPage: number, newPageSize: number) => {
+    setPage(newPage)
+    if (newPageSize !== pageSize) {
+      setPageSize(newPageSize)
+    }
+  }
+
+  return (
+    <Card
+      title={t(config.name, { defaultValue: config.name })}
+      style={{ height: '100%' }}
+    >
+      <ReportFilters
+        config={config}
+        from={from}
+        to={to}
+        store={store}
+        groupBy={groupBy}
+        onFromChange={setFrom}
+        onToChange={setTo}
+        onStoreChange={setStore}
+        onGroupByChange={setGroupBy}
+        onFilter={handleFilter}
+        onExport={handleExport}
+        loading={loading}
+      />
+
+      <Spin spinning={loading}>
+        {data.length === 0 && !loading ? (
+          <Empty description={t('coreshop_report_no_data', { defaultValue: 'No data available' })} />
+        ) : renderChart ? (
+          // Render chart if provided
+          renderChart(data)
+        ) : (
+          // Render table
+          <Table
+            columns={columns}
+            dataSource={data}
+            rowKey={(record, index) => `${config.type}_${index}`}
+            pagination={false}
+            size="small"
+            scroll={{ x: 'max-content' }}
+          />
+        )}
+
+        {config.hasPagination && total > pageSize && (
+          <div style={{ marginTop: 16, textAlign: 'right' }}>
+            <Pagination
+              current={page}
+              pageSize={pageSize}
+              total={total}
+              onChange={handlePaginationChange}
+              showSizeChanger
+              showTotal={(total) => `${total} ${t('items', { defaultValue: 'items' })}`}
+            />
+          </div>
+        )}
+      </Spin>
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportsManager.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportsManager.tsx
new file mode 100644
index 0000000000..caf3401d84
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/ReportsManager.tsx
@@ -0,0 +1,158 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Card } from 'antd'
+import {
+  LineChartOutlined,
+  ShoppingOutlined,
+  AppstoreOutlined,
+  TeamOutlined,
+  CarOutlined,
+  CreditCardOutlined,
+  ShoppingCartOutlined,
+  StopOutlined,
+  TagOutlined,
+  BankOutlined
+} from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { SalesReport } from './SalesReport'
+import { ProductsReport } from './ProductsReport'
+import { CustomersReport } from './CustomersReport'
+import { CartsReport } from './CartsReport'
+import { CarriersReport } from './CarriersReport'
+import { PaymentProvidersReport } from './PaymentProvidersReport'
+import { CategoriesReport } from './CategoriesReport'
+import { ManufacturerReport } from './ManufacturerReport'
+import { VouchersReport } from './VouchersReport'
+import { AbandonedCartsReport } from './AbandonedCartsReport'
+
+/**
+ * ReportsManager - Main reports dashboard with tabs for each report type
+ */
+export const ReportsManager: React.FC = () => {
+  const { t } = useTranslation()
+
+  const tabItems = [
+    {
+      key: 'sales',
+      label: (
+        <span>
+          <LineChartOutlined />
+          {t('coreshop_report_sales', { defaultValue: 'Sales' })}
+        </span>
+      ),
+      children: <SalesReport />
+    },
+    {
+      key: 'products',
+      label: (
+        <span>
+          <ShoppingOutlined />
+          {t('coreshop_report_products', { defaultValue: 'Products' })}
+        </span>
+      ),
+      children: <ProductsReport />
+    },
+    {
+      key: 'categories',
+      label: (
+        <span>
+          <AppstoreOutlined />
+          {t('coreshop_report_categories', { defaultValue: 'Categories' })}
+        </span>
+      ),
+      children: <CategoriesReport />
+    },
+    {
+      key: 'customers',
+      label: (
+        <span>
+          <TeamOutlined />
+          {t('coreshop_report_customers', { defaultValue: 'Customers' })}
+        </span>
+      ),
+      children: <CustomersReport />
+    },
+    {
+      key: 'carriers',
+      label: (
+        <span>
+          <CarOutlined />
+          {t('coreshop_report_carriers', { defaultValue: 'Carriers' })}
+        </span>
+      ),
+      children: <CarriersReport />
+    },
+    {
+      key: 'payment_providers',
+      label: (
+        <span>
+          <CreditCardOutlined />
+          {t('coreshop_report_payment_providers', { defaultValue: 'Payment Providers' })}
+        </span>
+      ),
+      children: <PaymentProvidersReport />
+    },
+    {
+      key: 'carts',
+      label: (
+        <span>
+          <ShoppingCartOutlined />
+          {t('coreshop_report_carts', { defaultValue: 'Carts' })}
+        </span>
+      ),
+      children: <CartsReport />
+    },
+    {
+      key: 'carts_abandoned',
+      label: (
+        <span>
+          <StopOutlined />
+          {t('coreshop_report_carts_abandoned', { defaultValue: 'Abandoned Carts' })}
+        </span>
+      ),
+      children: <AbandonedCartsReport />
+    },
+    {
+      key: 'vouchers',
+      label: (
+        <span>
+          <TagOutlined />
+          {t('coreshop_report_vouchers', { defaultValue: 'Vouchers' })}
+        </span>
+      ),
+      children: <VouchersReport />
+    },
+    {
+      key: 'manufacturer',
+      label: (
+        <span>
+          <BankOutlined />
+          {t('coreshop_report_manufacturer', { defaultValue: 'Manufacturer' })}
+        </span>
+      ),
+      children: <ManufacturerReport />
+    }
+  ]
+
+  return (
+    <Card title={t('coreshop_reports', { defaultValue: 'Reports' })} style={{ height: '100%' }}>
+      <Tabs
+        defaultActiveKey="sales"
+        items={tabItems}
+        tabPosition="left"
+        style={{ minHeight: 500 }}
+      />
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/SalesReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/SalesReport.tsx
new file mode 100644
index 0000000000..04f70cb7d8
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/SalesReport.tsx
@@ -0,0 +1,99 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Typography } from 'antd'
+import { Line } from '@ant-design/plots'
+import { useTranslation } from 'react-i18next'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig, SalesReportItem, ReportDataItem } from '../types'
+
+const salesConfig: ReportConfig = {
+  type: 'sales',
+  name: 'coreshop_report_sales',
+  icon: 'LineChartOutlined',
+  hasStoreFilter: true,
+  hasGroupBy: true
+}
+
+/**
+ * SalesReport - Line chart showing sales over time
+ */
+export const SalesReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  // Render chart
+  const renderChart = (data: ReportDataItem[]) => {
+    const chartData = (data as SalesReportItem[]).map(item => ({
+      date: item.datetext,
+      sales: item.sales / 100, // Convert from cents
+      salesFormatted: item.salesFormatted
+    }))
+
+    if (chartData.length === 0) {
+      return null
+    }
+
+    const config = {
+      data: chartData,
+      xField: 'date',
+      yField: 'sales',
+      smooth: true,
+      point: {
+        size: 4,
+        shape: 'circle'
+      },
+      tooltip: {
+        formatter: (datum: any) => ({
+          name: t('coreshop_sales', { defaultValue: 'Sales' }),
+          value: datum.salesFormatted ?? `${datum.sales.toFixed(2)}`
+        })
+      },
+      color: '#01841c',
+      xAxis: {
+        title: { text: t('coreshop_report_date', { defaultValue: 'Date' }) }
+      },
+      yAxis: {
+        title: { text: t('coreshop_sales', { defaultValue: 'Sales' }) }
+      }
+    }
+
+    return (
+      <div style={{ height: 300 }}>
+        <Line {...config} />
+      </div>
+    )
+  }
+
+  // Table columns (fallback if chart fails)
+  const columns = [
+    {
+      title: t('coreshop_report_date', { defaultValue: 'Date' }),
+      dataIndex: 'datetext',
+      key: 'datetext'
+    },
+    {
+      title: t('coreshop_sales', { defaultValue: 'Sales' }),
+      dataIndex: 'salesFormatted',
+      key: 'salesFormatted',
+      align: 'right' as const
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={salesConfig}
+      columns={columns}
+      renderChart={renderChart}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/VouchersReport.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/VouchersReport.tsx
new file mode 100644
index 0000000000..dbf37c6207
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/VouchersReport.tsx
@@ -0,0 +1,63 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import dayjs from 'dayjs'
+import { ReportPanel } from './ReportPanel'
+import type { ReportConfig } from '../types'
+
+const vouchersConfig: ReportConfig = {
+  type: 'vouchers',
+  name: 'coreshop_report_vouchers',
+  icon: 'TagOutlined',
+  hasStoreFilter: true,
+  hasPagination: true
+}
+
+/**
+ * VouchersReport - Table showing voucher usage
+ */
+export const VouchersReport: React.FC = () => {
+  const { t } = useTranslation()
+
+  const columns = [
+    {
+      title: t('coreshop_report_voucher_code', { defaultValue: 'Code' }),
+      dataIndex: 'code',
+      key: 'code'
+    },
+    {
+      title: t('coreshop_report_voucher_discount', { defaultValue: 'Discount' }),
+      dataIndex: 'discount',
+      key: 'discount'
+    },
+    {
+      title: t('coreshop_report_voucher_pricerule', { defaultValue: 'Price Rule' }),
+      dataIndex: 'rule',
+      key: 'rule'
+    },
+    {
+      title: t('coreshop_report_voucher_applied_date', { defaultValue: 'Applied Date' }),
+      dataIndex: 'usedDate',
+      key: 'usedDate',
+      render: (val: number) => val ? dayjs.unix(val).format('YYYY-MM-DD HH:mm') : ''
+    }
+  ]
+
+  return (
+    <ReportPanel
+      config={vouchersConfig}
+      columns={columns}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/index.ts
new file mode 100644
index 0000000000..c2a235df95
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/components/index.ts
@@ -0,0 +1,25 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { ReportsManager } from './ReportsManager'
+export { ReportPanel } from './ReportPanel'
+export { ReportFilters } from './ReportFilters'
+export { SalesReport } from './SalesReport'
+export { ProductsReport } from './ProductsReport'
+export { CustomersReport } from './CustomersReport'
+export { CartsReport } from './CartsReport'
+export { CarriersReport } from './CarriersReport'
+export { PaymentProvidersReport } from './PaymentProvidersReport'
+export { CategoriesReport } from './CategoriesReport'
+export { ManufacturerReport } from './ManufacturerReport'
+export { VouchersReport } from './VouchersReport'
+export { AbandonedCartsReport } from './AbandonedCartsReport'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/index.ts
new file mode 100644
index 0000000000..3fc9745ffd
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/index.ts
@@ -0,0 +1,42 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { type WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { ReportsManager } from './components/ReportsManager'
+
+export { ReportsManager } from './components/ReportsManager'
+export { ReportPanel } from './components/ReportPanel'
+export { ReportFilters } from './components/ReportFilters'
+export { SalesReport } from './components/SalesReport'
+export { ProductsReport } from './components/ProductsReport'
+export { CustomersReport } from './components/CustomersReport'
+export { CartsReport } from './components/CartsReport'
+export { CarriersReport } from './components/CarriersReport'
+export { PaymentProvidersReport } from './components/PaymentProvidersReport'
+export { CategoriesReport } from './components/CategoriesReport'
+export { ManufacturerReport } from './components/ManufacturerReport'
+export { VouchersReport } from './components/VouchersReport'
+export { AbandonedCartsReport } from './components/AbandonedCartsReport'
+export { reportsApi } from './api'
+export type * from './types'
+
+export const ReportsModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistryService = container.get<WidgetRegistry>(serviceIds.widgetManager)
+    widgetRegistryService.registerWidget({
+      name: 'coreshop-reports-widget',
+      component: ReportsManager
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/types.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/types.ts
new file mode 100644
index 0000000000..eb3a024619
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/reports/types.ts
@@ -0,0 +1,201 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Available report types
+ */
+export type ReportType =
+  | 'sales'
+  | 'products'
+  | 'categories'
+  | 'customers'
+  | 'carriers'
+  | 'payment_providers'
+  | 'carts'
+  | 'carts_abandoned'
+  | 'vouchers'
+  | 'manufacturer'
+
+/**
+ * Group by options for time-based reports
+ */
+export type GroupBy = 'day' | 'month' | 'year'
+
+/**
+ * Report filter parameters
+ */
+export interface ReportFilterParams {
+  from: number  // Unix timestamp
+  to: number    // Unix timestamp
+  store?: number | number[]
+  groupBy?: GroupBy
+  [key: string]: any
+}
+
+/**
+ * Report data item - generic structure
+ */
+export interface ReportDataItem {
+  [key: string]: any
+}
+
+/**
+ * Report API response
+ */
+export interface ReportResponse {
+  success: boolean
+  data: ReportDataItem[]
+  total?: number
+}
+
+/**
+ * Sales report data item
+ */
+export interface SalesReportItem {
+  timestamp: number
+  datetext: string
+  sales: number
+  salesFormatted: string
+}
+
+/**
+ * Products report data item
+ */
+export interface ProductsReportItem {
+  name: string
+  productName: string
+  orderCount: number
+  quantityCount: number
+  sales: number
+  salesPrice: number
+  profit: number
+}
+
+/**
+ * Customers report data item
+ */
+export interface CustomersReportItem {
+  name: string
+  email: string
+  orderCount: number
+  sales: number
+  salesFormatted: string
+}
+
+/**
+ * Carriers report data item
+ */
+export interface CarriersReportItem {
+  carrier: string
+  count: number
+  sales: number
+  salesFormatted: string
+}
+
+/**
+ * Payment providers report data item
+ */
+export interface PaymentProvidersReportItem {
+  provider: string
+  count: number
+  sales: number
+  salesFormatted: string
+}
+
+/**
+ * Categories report data item
+ */
+export interface CategoriesReportItem {
+  name: string
+  categoryName: string
+  orderCount: number
+  quantityCount: number
+  sales: number
+  salesFormatted: string
+  profit: number
+  profitFormatted: string
+}
+
+/**
+ * Vouchers report data item
+ */
+export interface VouchersReportItem {
+  code: string
+  discount: string
+  rule: string
+  usedDate: number
+}
+
+/**
+ * Carts report data item
+ */
+export interface CartsReportItem {
+  timestamp: number
+  datetext: string
+  carts: number
+  orders: number
+}
+
+/**
+ * Abandoned carts report data item
+ */
+export interface AbandonedCartsReportItem {
+  cartId: number
+  userName: string
+  email: string
+  selectedPayment: string
+  creationDate: number
+  modificationDate: number
+  itemsInCart: number
+}
+
+/**
+ * Manufacturer report data item
+ */
+export interface ManufacturerReportItem {
+  name: string
+  manufacturerName: string
+  orderCount: number
+  quantityCount: number
+  sales: number
+  salesFormatted: string
+  profit: number
+  profitFormatted: string
+}
+
+/**
+ * Report configuration
+ */
+export interface ReportConfig {
+  type: ReportType
+  name: string
+  icon: string
+  hasStoreFilter?: boolean
+  hasGroupBy?: boolean
+  hasPagination?: boolean
+}
+
+/**
+ * All available reports
+ */
+export const REPORT_CONFIGS: ReportConfig[] = [
+  { type: 'sales', name: 'coreshop_report_sales', icon: 'LineChartOutlined', hasStoreFilter: true, hasGroupBy: true },
+  { type: 'products', name: 'coreshop_report_products', icon: 'ShoppingOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'categories', name: 'coreshop_report_categories', icon: 'AppstoreOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'customers', name: 'coreshop_report_customers', icon: 'TeamOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'carriers', name: 'coreshop_report_carriers', icon: 'CarOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'payment_providers', name: 'coreshop_report_payment_providers', icon: 'CreditCardOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'carts', name: 'coreshop_report_carts', icon: 'ShoppingCartOutlined', hasStoreFilter: true, hasGroupBy: true },
+  { type: 'carts_abandoned', name: 'coreshop_report_carts_abandoned', icon: 'StopOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'vouchers', name: 'coreshop_report_vouchers', icon: 'TagOutlined', hasStoreFilter: true, hasPagination: true },
+  { type: 'manufacturer', name: 'coreshop_report_manufacturer', icon: 'BankOutlined', hasStoreFilter: true, hasPagination: true }
+]
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/SettingsManager.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/SettingsManager.tsx
new file mode 100644
index 0000000000..3aa68d4bd0
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/SettingsManager.tsx
@@ -0,0 +1,137 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Card, Spin, Empty, Button } from 'antd'
+import { SaveOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { storeApi } from '@coreshop/store/src/modules/stores/api'
+import { settingsApi, type ConfigurationData } from './api'
+import { StoreSettingsForm } from './StoreSettingsForm'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface StoreInfo {
+  id: number
+  name: string
+}
+
+/**
+ * SettingsManager - Per-store configuration panel
+ */
+export const SettingsManager: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+
+  const [stores, setStores] = React.useState<StoreInfo[]>([])
+  const [configData, setConfigData] = React.useState<ConfigurationData>({})
+  const [loading, setLoading] = React.useState(true)
+  const [saving, setSaving] = React.useState(false)
+
+  // Load stores and configuration data
+  React.useEffect(() => {
+    const load = async () => {
+      setLoading(true)
+      try {
+        const [storeList, config] = await Promise.all([
+          storeApi.list(),
+          settingsApi.getAll()
+        ])
+
+        setStores(storeList.map(s => ({ id: s.id!, name: s.name ?? `Store #${s.id}` })))
+        setConfigData(config)
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load settings')))
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void load()
+  }, [])
+
+  // Update a specific store's config value
+  const handleStoreValueChange = (storeId: string, key: string, value: any) => {
+    setConfigData(prev => ({
+      ...prev,
+      [storeId]: {
+        ...(prev[storeId] ?? {}),
+        [key]: value
+      }
+    }))
+  }
+
+  // Save all configuration
+  const handleSave = async () => {
+    setSaving(true)
+    try {
+      await settingsApi.saveAll(configData)
+      void messageApi.success(t('coreshop_settings_save_success', { defaultValue: 'Settings saved successfully' }))
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to save settings')))
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  if (loading) {
+    return (
+      <Card title={t('coreshop_settings', { defaultValue: 'Settings' })} style={{ height: '100%' }}>
+        <div style={{ display: 'flex', justifyContent: 'center', padding: 40 }}>
+          <Spin size="large" />
+        </div>
+      </Card>
+    )
+  }
+
+  if (stores.length === 0) {
+    return (
+      <Card title={t('coreshop_settings', { defaultValue: 'Settings' })} style={{ height: '100%' }}>
+        <Empty description={t('coreshop_no_stores', { defaultValue: 'No stores configured' })} />
+      </Card>
+    )
+  }
+
+  const tabItems = stores.map(store => ({
+    key: String(store.id),
+    label: store.name,
+    children: (
+      <StoreSettingsForm
+        storeId={String(store.id)}
+        values={configData[String(store.id)] ?? {}}
+        onChange={(key, value) => handleStoreValueChange(String(store.id), key, value)}
+      />
+    )
+  }))
+
+  return (
+    <Card
+      title={t('coreshop_settings', { defaultValue: 'Settings' })}
+      style={{ height: '100%' }}
+      extra={
+        <Button
+          type="primary"
+          icon={<SaveOutlined />}
+          onClick={handleSave}
+          loading={saving}
+        >
+          {t('save', { defaultValue: 'Save' })}
+        </Button>
+      }
+    >
+      <Tabs
+        defaultActiveKey={String(stores[0].id)}
+        items={tabItems}
+      />
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/StoreSettingsForm.tsx b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/StoreSettingsForm.tsx
new file mode 100644
index 0000000000..d912eb6ccd
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/StoreSettingsForm.tsx
@@ -0,0 +1,108 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+
+interface StoreSettingsFormProps {
+  storeId: string
+  values: Record<string, any>
+  onChange: (key: string, value: any) => void
+}
+
+/**
+ * Mapping between flat field names (used by the FormType schema)
+ * and dot-notation keys (used by the configuration store).
+ */
+const FIELD_TO_KEY: Record<string, string> = {
+  guest_checkout: 'system.guest.checkout',
+  category_list_mode: 'system.category.list.mode',
+  category_list_per_page: 'system.category.list.per_page',
+  category_list_per_page_default: 'system.category.list.per_page.default',
+  category_list_include_subcategories: 'system.category.list.include_subcategories',
+  category_grid_per_page: 'system.category.grid.per_page',
+  category_grid_per_page_default: 'system.category.grid.per_page.default',
+  category_variant_mode: 'system.category.variant_mode',
+  quote_prefix: 'system.quote.prefix',
+  quote_suffix: 'system.quote.suffix',
+  order_prefix: 'system.order.prefix',
+  order_suffix: 'system.order.suffix',
+  invoice_prefix: 'system.invoice.prefix',
+  invoice_suffix: 'system.invoice.suffix',
+  invoice_wkhtml: 'system.invoice.wkhtml',
+  shipment_prefix: 'system.shipment.prefix',
+  shipment_suffix: 'system.shipment.suffix',
+  shipment_wkhtml: 'system.shipment.wkhtml',
+}
+
+const KEY_TO_FIELD: Record<string, string> = Object.fromEntries(
+  Object.entries(FIELD_TO_KEY).map(([field, key]) => [key, field])
+)
+
+/**
+ * Convert dot-notation config values to flat field names for the schema form.
+ */
+const toFormData = (values: Record<string, any>): Record<string, any> => {
+  const result: Record<string, any> = {}
+  for (const [key, value] of Object.entries(values)) {
+    const field = KEY_TO_FIELD[key]
+    if (field) {
+      // Convert per_page arrays to comma-separated strings for text fields
+      if ((field === 'category_list_per_page' || field === 'category_grid_per_page') && Array.isArray(value)) {
+        result[field] = value.join(', ')
+      } else {
+        result[field] = value
+      }
+    }
+  }
+  return result
+}
+
+/**
+ * StoreSettingsForm - Form for a single store's configuration
+ */
+export const StoreSettingsForm: React.FC<StoreSettingsFormProps> = ({
+  storeId,
+  values,
+  onChange
+}) => {
+  const formData = React.useMemo(() => toFormData(values), [values])
+
+  const handleChange = (draft: Record<string, any>) => {
+    for (const [field, value] of Object.entries(draft)) {
+      const key = FIELD_TO_KEY[field]
+      if (key) {
+        // Convert comma-separated per_page strings back to arrays
+        if ((field === 'category_list_per_page' || field === 'category_grid_per_page') && typeof value === 'string') {
+          const parsed = value
+            .split(',')
+            .map(s => parseInt(s.trim(), 10))
+            .filter(n => !isNaN(n) && n > 0)
+            .sort((a, b) => a - b)
+          onChange(key, parsed)
+        } else {
+          onChange(key, value)
+        }
+      }
+    }
+  }
+
+  return (
+    <div style={{ padding: '0 8px' }}>
+      <SchemaForm
+        blockPrefix="coreshop_store_settings"
+        data={formData}
+        onChange={handleChange}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/api.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/api.ts
new file mode 100644
index 0000000000..3e13fda362
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/api.ts
@@ -0,0 +1,67 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Configuration data keyed by store ID, each containing key-value pairs
+ */
+export type ConfigurationData = Record<string, Record<string, any>>
+
+interface GetAllResponse {
+  success: boolean
+  data: ConfigurationData
+}
+
+interface SaveAllResponse {
+  success: boolean
+  message?: string
+}
+
+/**
+ * Settings API for per-store configuration
+ */
+export const settingsApi = {
+  async getAll(): Promise<ConfigurationData> {
+    const response = await fetch('/pimcore-studio/api/coreshop/configurations/get-all')
+
+    if (!response.ok) {
+      throw new Error(`Failed to fetch configuration: ${response.statusText}`)
+    }
+
+    const result: GetAllResponse = await response.json()
+
+    if (!result.success) {
+      throw new Error('Failed to fetch configuration')
+    }
+
+    return result.data
+  },
+
+  async saveAll(values: ConfigurationData): Promise<void> {
+    const formData = new FormData()
+    formData.append('values', JSON.stringify(values))
+
+    const response = await fetch('/pimcore-studio/api/coreshop/configurations/save-all', {
+      method: 'POST',
+      body: formData
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to save configuration: ${response.statusText}`)
+    }
+
+    const result: SaveAllResponse = await response.json()
+
+    if (!result.success) {
+      throw new Error(result.message ?? 'Failed to save configuration')
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/index.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/index.ts
new file mode 100644
index 0000000000..4906cb6761
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/modules/settings/index.ts
@@ -0,0 +1,29 @@
+/**
+ * CoreShop CoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { type WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { SettingsManager } from './SettingsManager'
+
+export { SettingsManager } from './SettingsManager'
+export { settingsApi } from './api'
+
+export const SettingsModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistryService = container.get<WidgetRegistry>(serviceIds.widgetManager)
+    widgetRegistryService.registerWidget({
+      name: 'coreshop-settings-widget',
+      component: SettingsManager
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/services/OrderService.ts b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/services/OrderService.ts
new file mode 100644
index 0000000000..080334f2de
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/services/OrderService.ts
@@ -0,0 +1,45 @@
+/**
+ * CoreShop Order Service
+ * 
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+interface OrderFindResponse {
+  success: boolean
+  id?: number
+  message?: string,
+  saleNumber: string
+}
+
+export class OrderService {
+  private baseUrl = '/pimcore-studio/api/coreshop'
+
+  /**
+   * Find order by number or Pimcore object ID
+   */
+  async findOrder(searchValue: string): Promise<OrderFindResponse> {
+    const response = await fetch(`${this.baseUrl}/order/find`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-Requested-With': 'XMLHttpRequest'
+      },
+      body: JSON.stringify({ number: searchValue })
+    })
+    
+    if (!response.ok) {
+      throw new Error(`Failed to search for order: ${response.statusText}`)
+    }
+
+    return await response.json()
+  }
+
+}
+
+export const orderService = new OrderService()
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/pimcore/routing.yml
index 202e3fcb63..26925ad384 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/pimcore/routing.yml
@@ -3,89 +3,141 @@ payum_all:
 
 coreshop_admin_payment_provider_config:
     path: /%coreshop.admin.route.base%/payment_providers/get-config
-    defaults: { _controller: 'coreshop.admin_controller.payment_provider::getConfigAction'}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: 'coreshop.admin_controller.payment_provider::getConfigAction'
     options:
         expose: true
 
 coreshop_admin_configuration_save_all:
     path: /%coreshop.admin.route.base%/configurations/save-all
-    defaults: { _controller: 'coreshop.admin_controller.configuration::saveAllAction'}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: 'coreshop.admin_controller.configuration::saveAllAction'
     options:
         expose: true
 
 coreshop_admin_configuration_get_all:
     path: /%coreshop.admin.route.base%/configurations/get-all
-    defaults: { _controller: 'coreshop.admin_controller.configuration::getAllAction'}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: 'coreshop.admin_controller.configuration::getAllAction'
     options:
         expose: true
 
 coreshop_admin_settings_get_settings:
     path: /%coreshop.admin.route.base%/settings/get-settings
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\SettingsController::getSettingsAction }
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\SettingsController::getSettingsAction
     options:
         expose: true
 
 coreshop_admin_report_get_data:
     path: /%coreshop.admin.route.base%/report/get-data
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\ReportsController::getReportDataAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\ReportsController::getReportDataAction
     options:
         expose: true
 
 coreshop_admin_report_export:
     path: /%coreshop.admin.route.base%/report/export
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\ReportsController::exportReportCsvAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\ReportsController::exportReportCsvAction
     options:
         expose: true
 
 coreshop_admin_portlet_get_data:
     path: /%coreshop.admin.route.base%/portlet/get-data
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\PortletsController::getPortletDataAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\PortletsController::getPortletDataAction
     options:
         expose: true
 
 coreshop_admin_report_portlet:
     path: /%coreshop.admin.route.base%/portlet/export
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\PortletsController::exportPortletCsvAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\PortletsController::exportPortletCsvAction
     options:
         expose: true
 
 coreshop_admin_settings_get:
     path: /%coreshop.admin.route.base%/settings/get
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: coreshop.admin_controller.settings::getAction }
+    defaults:
+        backend: admin
+        _controller: coreshop.admin_controller.settings::getAction
     options:
         expose: true
 
 coreshop_admin_settings_set:
     path: /%coreshop.admin.route.base%/settings/set
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [POST]
-    defaults:  { _controller: coreshop.admin_controller.settings::setAction }
+    defaults:
+        backend: admin
+        _controller: coreshop.admin_controller.settings::setAction
     options:
         expose: true
 
 coreshop_admin_purchasable_validate_unit_definitions:
     path: /%coreshop.admin.route.base%/product/validation/unit-definitions-deletion
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\ProductValidationController::validateUnitDefinitionDeletionAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\ProductValidationController::validateUnitDefinitionDeletionAction
     options:
         expose: true
 
 coreshop_admin_purchsable_variant_unit_solidifier_check:
     path: /%coreshop.admin.route.base%/product-variant-solidifier/check/{objectId}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\ProductVariantUnitSolidifierController::checkStatusAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\ProductVariantUnitSolidifierController::checkStatusAction
     options:
         expose: true
 
 coreshop_admin_purchsable_variant_unit_solidifier_apply:
     path: /%coreshop.admin.route.base%/product-variant-solidifier/apply/{objectId}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [PUT]
-    defaults:  { _controller: CoreShop\Bundle\CoreBundle\Controller\ProductVariantUnitSolidifierController::applyAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\ProductVariantUnitSolidifierController::applyAction
     options:
         expose: true
 
@@ -104,36 +156,56 @@ coreshop_admin_product:
 ##### CUSTOMER TRANSFORMER
 coreshop_admin_customer_company_modifier_get_entity_details:
     path: /%coreshop.admin.route.base%/customer-company-modifier/get-entity-details/{type}/{objectId}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults: { _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::getEntityDetailsAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::getEntityDetailsAction
     options:
         expose: true
 
 coreshop_admin_customer_company_modifier_validate_assignment:
     path: /%coreshop.admin.route.base%/customer-company-modifier/validate-assignment/{customerId}/{companyId}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults: { _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::validateAssignmentAction, companyId: null}
+    defaults:
+        backend: admin
+        companyId: null
+        _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::validateAssignmentAction
     options:
         expose: true
 
 coreshop_admin_customer_company_modifier_dispatch_existing_assignment:
     path: /%coreshop.admin.route.base%/customer-company-modifier/dispatch-existing-assignment/{customerId}/{companyId}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [POST]
-    defaults: { _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::dispatchExistingAssignmentAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::dispatchExistingAssignmentAction
     options:
         expose: true
 
 coreshop_admin_customer_company_modifier_dispatch_new_assignment:
     path: /%coreshop.admin.route.base%/customer-company-modifier/dispatch-new-assignment/{customerId}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [POST]
-    defaults: { _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::dispatchNewAssignmentAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::dispatchNewAssignmentAction
     options:
         expose: true
 
 coreshop_admin_customer_company_name_duplication_check:
     path: /%coreshop.admin.route.base%/customer-company-modifier/duplication-name-check
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults: { _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::checkForNameDuplicatesAction}
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\CoreBundle\Controller\CustomerTransformerController::checkForNameDuplicatesAction
     options:
-        expose: true
-
+        expose: true
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.Carrier.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.Carrier.yml
index 4957a45b2d..b96763e3f3 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.Carrier.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.Carrier.yml
@@ -9,4 +9,10 @@ CoreShop\Component\Core\Model\Carrier:
         stores:
             expose: true
             type: relation
-            groups: [Detailed]
\ No newline at end of file
+            groups: [Detailed]
+    virtual_properties:
+      name:
+        serialized_name: name
+        exp: object.getIdentifier()
+        type: string
+        groups: [List]
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.PaymentProvider.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.PaymentProvider.yml
index e84edaf58a..60554a2ae9 100755
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.PaymentProvider.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/serializer/Model.PaymentProvider.yml
@@ -2,9 +2,43 @@ CoreShop\Component\Core\Model\PaymentProvider:
     exclusion_policy: ALL
     xml_root_name: payment_provider
     properties:
+        id:
+            expose: true
+            type: integer
+            xml_attribute: true
+            groups: [List, Detailed]
+        active:
+            expose: true
+            type: string
+            groups: [List, Detailed]
+        identifier:
+            expose: true
+            type: string
+            groups: [List, Detailed]
+        position:
+            expose: true
+            type: integer
+            groups: [Detailed]
+        logo:
+            expose: true
+            type: pimcoreAsset
+            groups: [Detailed]
+        translations:
+            expose: true
+            type: ArrayCollection
+            groups: [Detailed]
+        paymentProviderRules:
+            expose: true
+            type: ArrayCollection
+            groups: [Detailed]
         stores:
             expose: true
             type: relation
             groups: [Detailed]
         gatewayConfig:
             groups: [Detailed]
+    virtual_properties:
+        name:
+            serialized_name: name
+            exp: 'object.getIdentifier()'
+            groups: [List]
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services.yml
index c9c30ac336..0736f08e07 100755
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services.yml
@@ -23,7 +23,6 @@ imports:
     - { resource: services/commands.yml }
     - { resource: services/locale.yml }
     - { resource: services/payment.yml }
-    - { resource: services/grid_config.yml }
     - { resource: services/routing.yml }
     - { resource: services/product-quantity-price-rules.yml }
     - { resource: services/validators.yml }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/classic_admin.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/classic_admin.yml
new file mode 100644
index 0000000000..081c8583c2
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/classic_admin.yml
@@ -0,0 +1,27 @@
+services:
+    _defaults:
+        public: true
+
+    CoreShop\Bundle\CoreBundle\AdminClass\Pimcore\GridColumnConfig\Operator\Factory\StorePriceFactory:
+        arguments:
+            - '@coreshop.repository.store'
+            - '@CoreShop\Component\Currency\Formatter\MoneyFormatterInterface'
+        tags:
+            - { name: pimcore.data_object.grid_column_config.operator_factory, id: StorePrice }
+
+    CoreShop\Bundle\CoreBundle\AdminClass\EventListener\ProductStoreValuesAdminGetListener:
+        tags:
+            - { name: kernel.event_subscriber }
+
+    CoreShop\Bundle\CoreBundle\AdminClass\EventListener\AdminJavascriptListener:
+        arguments:
+            - '@router'
+        tags:
+            - { name: kernel.event_subscriber }
+
+    CoreShop\Bundle\CoreBundle\AdminClass\EventListener\CustomerOrderDeletionListener:
+        arguments:
+            - '@coreshop.repository.order'
+        tags:
+            - { name: kernel.event_listener, event: pimcore.dataobject.preDelete, method: checkCustomerOrdersBeforeDeletion }
+            - { name: kernel.event_listener, event: pimcore.dataobject.deleteInfo, method: checkCustomerDeletionAllowed }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/form.yml
index dd5b2c1e5b..28fdf5c8e5 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/form.yml
@@ -101,3 +101,29 @@ services:
             - '%coreshop.form.type.shipping_rule.action.price.validation_groups%'
         tags:
             - { name: form.type }
+
+    CoreShop\Bundle\CoreBundle\Form\Type\CustomerCompanyAssignmentType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\CoreBundle\Form\Type\StoreSettingsType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\CoreBundle\Form\Schema\StoreSettingsSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\CoreBundle\Form\Schema\CartCreationSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\CoreBundle\Form\Extension\OrderInvoiceCreationTypeExtension:
+        tags:
+            - { name: form.type_extension, extended_type: CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderInvoiceCreationType }
+
+    CoreShop\Bundle\CoreBundle\Form\Extension\StudioOrderShipmentCreationTypeExtension:
+        tags:
+            - { name: form.type_extension, extended_type: CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderShipmentCreationType }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/grid_config.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/grid_config.yml
deleted file mode 100644
index 58e6460032..0000000000
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/grid_config.yml
+++ /dev/null
@@ -1,10 +0,0 @@
-services:
-    _defaults:
-        public: true
-
-    CoreShop\Bundle\CoreBundle\Pimcore\GridColumnConfig\Operator\Factory\StorePriceFactory:
-        arguments:
-            - '@coreshop.repository.store'
-            - '@CoreShop\Component\Currency\Formatter\MoneyFormatterInterface'
-        tags:
-            - { name: pimcore.data_object.grid_column_config.operator_factory, id: StorePrice }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/listeners.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/listeners.yml
index f12272dcc6..704add11db 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/listeners.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/listeners.yml
@@ -65,13 +65,6 @@ services:
         tags:
             - { name: kernel.event_listener, event: kernel.request, method: checkCartAvailability, priority: 7 }
 
-    CoreShop\Bundle\CoreBundle\EventListener\CustomerOrderDeletionListener:
-        arguments:
-            - '@coreshop.repository.order'
-        tags:
-            - { name: kernel.event_listener, event: pimcore.dataobject.preDelete, method: checkCustomerOrdersBeforeDeletion }
-            - { name: kernel.event_listener, event: pimcore.dataobject.deleteInfo, method: checkCustomerDeletionAllowed }
-
     CoreShop\Bundle\CoreBundle\EventListener\CustomerSecurityValidationListener:
         arguments:
             - '@Pimcore\Http\RequestHelper'
@@ -86,16 +79,6 @@ services:
         tags:
             - { name: kernel.event_listener, event: coreshop.product_quantity_price_rules.data_validation, method: validate }
 
-    CoreShop\Bundle\CoreBundle\EventListener\ProductStoreValuesAdminGetListener:
-        tags:
-            - { name: kernel.event_subscriber }
-
-    CoreShop\Bundle\CoreBundle\EventListener\AdminJavascriptListener:
-        arguments:
-            - '@router'
-        tags:
-            - { name: kernel.event_subscriber }
-
     CoreShop\Bundle\CoreBundle\EventListener\RecursiveVariantCacheInvalidationEventListener:
         tags:
-            - { name: kernel.event_subscriber }
\ No newline at end of file
+            - { name: kernel.event_subscriber }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/menu.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/menu.yml
index aac2b11520..bd9e75e531 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/menu.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/menu.yml
@@ -3,5 +3,7 @@ services:
         public: true
 
     CoreShop\Bundle\CoreBundle\Menu\MainMenuBuilder:
+        arguments:
+            $debug: '%kernel.debug%'
         tags:
             - { name: 'coreshop.menu', type: main, menu: main }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/notification.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/notification.yml
index 7a4cba4784..b742dec98f 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/notification.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/notification.yml
@@ -118,7 +118,7 @@ services:
 
     CoreShop\Component\Core\Notification\Rule\Condition\Order\BackendUpdateChecker:
         tags:
-            - { name: coreshop.notification_rule.condition, type: backendUpdated, notification-type: order }
+            - { name: coreshop.notification_rule.condition, type: backendUpdated, notification-type: order, form-type: CoreShop\Bundle\RuleBundle\Form\Type\Rule\EmptyConfigurationFormType }
 
     #### PAYMENT
     coreshop.notification_rule.condition.payment.payment_state:
@@ -235,6 +235,11 @@ services:
             - { name: coreshop.notification_rule.action, type: storeOrderMail, notification-type: shipment, form-type: CoreShop\Bundle\CoreBundle\Form\Type\Notification\Action\StoreOrderMailConfigurationType }
             - { name: coreshop.notification_rule.action, type: storeOrderMail, notification-type: invoice, form-type: CoreShop\Bundle\CoreBundle\Form\Type\Notification\Action\StoreOrderMailConfigurationType }
 
+    # Schema Enrichers
+    CoreShop\Bundle\CoreBundle\Form\Schema\NotificationMailActionSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
     # Listeners -> here the actual magic happens
     CoreShop\Bundle\CoreBundle\EventListener\NotificationRules\AbstractNotificationRuleListener:
         abstract: true
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/product-quantity-price-rules.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/product-quantity-price-rules.yml
index 3ecbf1e8ba..40e64069c6 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/product-quantity-price-rules.yml
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/product-quantity-price-rules.yml
@@ -37,7 +37,7 @@ services:
     coreshop.product_quantity_price_rules.condition.timespan:
         class: CoreShop\Component\Product\Rule\Condition\TimeSpanConditionChecker
         tags:
-            - { name: coreshop.product_quantity_price_rules.condition, type: timespan, form-type: CoreShop\Bundle\ProductQuantityPriceRulesBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
+            - { name: coreshop.product_quantity_price_rules.condition, type: timespan, form-type: CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
 
     CoreShop\Component\Core\ProductQuantityPriceRules\Rule\Action\AmountDecreaseAction:
         arguments:
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..8087f8332c
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/config/services/studio.yml
@@ -0,0 +1,52 @@
+services:
+  _defaults:
+    autowire: false
+    autoconfigure: false
+    public: false
+
+  CoreShop\Bundle\CoreBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
+
+  # StudioBackend Data Adapters
+  CoreShop\Bundle\CoreBundle\StudioBackend\DataAdapter\StoreValuesAdapter:
+    arguments:
+      - '@jms_serializer'
+      - '@coreshop.repository.store'
+      - '%coreshop.currency.decimal_factor%'
+    tags:
+      - { name: pimcore.studio_backend.data_adapter }
+
+  # Studio v2 Grid Filters
+  # Each filter registers with both:
+  # - pimcore.studio_backend.search_index.data_object.filter (for applying the filter)
+  # - coreshop.studio.grid.filter (for listing available filters in the API)
+  CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter\CreatedTodayFilter:
+    autowire: true
+    tags:
+      - { name: pimcore.studio_backend.search_index.data_object.filter }
+      - { name: coreshop.studio.grid.filter, type: coreshop_created_today }
+
+  CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter\CreatedThisWeekFilter:
+    autowire: true
+    tags:
+      - { name: pimcore.studio_backend.search_index.data_object.filter }
+      - { name: coreshop.studio.grid.filter, type: coreshop_created_this_week }
+
+  CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter\CreatedThisMonthFilter:
+    autowire: true
+    tags:
+      - { name: pimcore.studio_backend.search_index.data_object.filter }
+      - { name: coreshop.studio.grid.filter, type: coreshop_created_this_month }
+
+  CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter\CreatedThisYearFilter:
+    autowire: true
+    tags:
+      - { name: pimcore.studio_backend.search_index.data_object.filter }
+      - { name: coreshop.studio.grid.filter, type: coreshop_created_this_year }
+
+  CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter\CreatedLastYearFilter:
+    autowire: true
+    tags:
+      - { name: pimcore.studio_backend.search_index.data_object.filter }
+      - { name: coreshop.studio.grid.filter, type: coreshop_created_last_year }
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopCustomerBundle/CoreShopCustomer.json b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopCustomerBundle/CoreShopCustomer.json
index 1c98e1042b..a2b3d85655 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopCustomerBundle/CoreShopCustomer.json
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopCustomerBundle/CoreShopCustomer.json
@@ -162,7 +162,7 @@
                                 "locked": false,
                                 "style": "",
                                 "permissions": null,
-                                "fieldtype": "newsletterActive",
+                                "fieldtype": "checkbox",
                                 "relationType": false,
                                 "invisible": false,
                                 "visibleGridView": false,
@@ -172,7 +172,7 @@
                                 "datatype": "data"
                             },
                             {
-                                "fieldtype": "newsletterConfirmed",
+                                "fieldtype": "checkbox",
                                 "defaultValue": 0,
                                 "name": "newsletterConfirmed",
                                 "title": "coreshop.customer.newsletter_confirmed",
@@ -196,7 +196,7 @@
                                 "regex": "",
                                 "unique": false,
                                 "name": "newsletterToken",
-                                "title": "Newsletter Token",
+                                "title": "coreshop.customer.newsletter_token",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": true,
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopProductBundle/CoreShopProduct.json b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopProductBundle/CoreShopProduct.json
index 0a459b2977..0f995b032d 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopProductBundle/CoreShopProduct.json
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopProductBundle/CoreShopProduct.json
@@ -529,7 +529,7 @@
                         "children": [
                             {
                                 "name": "mainVariant",
-                                "title": "Main Variant",
+                                "title": "coreshop.product.main_variant",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": false,
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopUserBundle/CoreShopUser.json b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopUserBundle/CoreShopUser.json
index d3541ede8d..c960cfca73 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopUserBundle/CoreShopUser.json
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopUserBundle/CoreShopUser.json
@@ -45,7 +45,7 @@
                         "name": "information",
                         "type": null,
                         "region": null,
-                        "title": "Information",
+                        "title": "coreshop.user.information",
                         "width": null,
                         "height": null,
                         "collapsible": false,
@@ -65,7 +65,7 @@
                                 "unique": true,
                                 "showCharCount": null,
                                 "name": "loginIdentifier",
-                                "title": "Login Identifier",
+                                "title": "coreshop.user.login_identifier",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": false,
@@ -89,7 +89,7 @@
                                 "salt": "",
                                 "saltlocation": "back",
                                 "name": "password",
-                                "title": "Password",
+                                "title": "coreshop.user.password",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": false,
@@ -114,7 +114,7 @@
                                 "unique": null,
                                 "showCharCount": null,
                                 "name": "passwordResetHash",
-                                "title": "Reset Password Hash",
+                                "title": "coreshop.user.reset_password_hash",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": true,
@@ -142,7 +142,7 @@
                                 "classes": [],
                                 "pathFormatterClass": "",
                                 "name": "customer",
-                                "title": "Customer",
+                                "title": "coreshop.user.customer",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": false,
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopWishlistBundle/CoreShopWishlist.json b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopWishlistBundle/CoreShopWishlist.json
index 58198d5f5f..7d3e98c460 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopWishlistBundle/CoreShopWishlist.json
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/install/pimcore/classes/CoreShopWishlistBundle/CoreShopWishlist.json
@@ -63,7 +63,7 @@
                     },
                     {
                         "name": "token",
-                        "title": "Token",
+                        "title": "coreshop.wishlist.token",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
@@ -88,7 +88,7 @@
                     },
                     {
                         "name": "items",
-                        "title": "Items",
+                        "title": "coreshop.wishlist.items",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
@@ -118,7 +118,7 @@
                     },
                     {
                         "name": "customer",
-                        "title": "Customer",
+                        "title": "coreshop.wishlist.customer",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
@@ -150,7 +150,7 @@
                     },
                     {
                         "name": "store",
-                        "title": "Store",
+                        "title": "coreshop.wishlist.store",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/public/pimcore/js/helpers.js b/src/CoreShop/Bundle/CoreBundle/Resources/public/pimcore/js/helpers.js
index 39b1f4a6c2..1db28ab172 100644
--- a/src/CoreShop/Bundle/CoreBundle/Resources/public/pimcore/js/helpers.js
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/public/pimcore/js/helpers.js
@@ -34,7 +34,7 @@ coreshop.helpers.showAbout = function () {
     var html = '<div class="pimcore_about_window">';
     html += '<br><img src="/bundles/coreshopcore/pimcore/img/logo-full.svg" style="width: 400px;"><br>';
     html += '<br><b>Version: ' + coreshop.settings.bundle.version + '</b>';
-    html += '<br><br>&copy; by CoreShop GmbH, Wels, Austria (<a href="https://www.coreshop.com/" target="_blank">coreshop.org</a>)';
+    html += '<br><br>&copy; by CoreShop GmbH, Wels, Austria (<a href="https://www.coreshop.com/" target="_blank">coreshop.com</a>)';
     html += '<br><br><a href="https://github.com/coreshop/coreshop/blob/master/LICENSE.md" target="_blank">License</a> | ';
     html += '<a href="https://www.coreshop.com/contact.html" target="_blank">Contact</a>';
     html += '</div>';
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/CoreBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..48e9ef8ebb
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,328 @@
+---
+coreshop_loading: 'CoreShop lädt'
+coreshop_about: 'Über CoreShop'
+coreshop_studio_form_demos: 'StudioForm Demos'
+coreshop_loaded: 'CoreShop Version {0}'
+coreshop_settings: 'Einstellungen'
+coreshop_category: 'Kategorie'
+coreshop_default_image: 'Standard Bild'
+coreshop_converted: 'Standards'
+coreshop_base_currency: 'Standard Währung'
+coreshop_base_country: 'Standard Land'
+coreshop_use_gross_prices: 'Preise werden mit Mehrwertsteuer angegeben.'
+coreshop_settings_save_success: 'Erfolgreich gespeichert'
+coreshop_settings_save_error: 'Einstellungen konnten nicht gespeichert werden'
+coreshop_localization: 'Lokalisierung'
+coreshop_cart_create_order: 'Bestellung erstellen'
+coreshop_cart_pricerules: 'Warenkorb Preisregeln'
+coreshop_condition_quantity_minQuantity: 'Min Anzahl'
+coreshop_condition_quantity_maxQuantity: 'Max Anzahl'
+coreshop_condition_currencies: 'Währungen'
+coreshop_condition_countries: 'Länder'
+coreshop_condition_zones: 'Zonen'
+coreshop_condition_categories: 'Kategorien'
+coreshop_condition_recursive: 'Alle Unterkategorien miteinbeziehen'
+coreshop_condition_not_combinable_with_cart_price_rule: 'Nicht kombinierbar mit Warenkorb Gutschein Preisregeln'
+coreshop_action_giftProduct: 'Geschenkprodukt'
+coreshop_action_voucherCredit: 'Gutscheinwert'
+coreshop_zones: 'Zonen'
+coreshop_suffix: 'Suffix'
+coreshop_prefix: 'Prefix'
+coreshop_guestcheckout: 'Gast Checkout'
+coreshop_taxes: 'Steuern'
+coreshop_taxrulegroups: 'Steuerregeln'
+coreshop_portlet_orders_and_carts: 'Bestellung und Warenkörbe der letzten 31 Tage'
+coreshop_portlet_sales: 'Verkäufe der letzten 31 Tage'
+coreshop_sales: 'Verkäufe'
+coreshop_plugins: 'Erweiterungen'
+coreshop_stock_defaultoutofstock_behavior: 'Standard "Wenn nicht auf Lager" verhalten'
+coreshop_stock: 'Lager'
+coreshop_stock_deny_order: 'Bestellung ablehnen'
+coreshop_stock_allow_order: 'Bestellung erlauben'
+coreshop_orders: 'Bestellungen'
+coreshop_add_payment: 'Zahlung hinzufügen'
+coreshop_wkhtmltopdf_params: 'WKHTMLTOPDF Parameter'
+coreshop_more: 'CoreShop'
+coreshop_for: 'für'
+coreshop_reports: 'Berichte'
+coreshop_report_groups: 'Gruppierung'
+coreshop_report_groups_day: 'Tag'
+coreshop_report_groups_month: 'Monat'
+coreshop_report_groups_year: 'Jahr'
+coreshop_report_user_name: 'Kundenname'
+coreshop_report_user_email: 'E-Mail'
+coreshop_report_creation_date: 'Erstellungsdatum'
+coreshop_report_modifiction_date: 'Änderungsdatum'
+coreshop_report_items_in_cart: 'Artikel im Warenkorb'
+coreshop_report_selected_payment: 'Ausgewählter Bezahldienst'
+coreshop_report_carts: 'Warenkörbe/Bestellungen Vergleich'
+coreshop_report_carts_abandoned: 'Stehen gelassene Warenkörbe'
+coreshop_report_manufacturer: 'Hersteller'
+coreshop_report_vouchers: 'Gutscheine'
+coreshop_report_sales: 'Verkäufe'
+coreshop_report_store: 'Store'
+coreshop_report_day: 'Tag'
+coreshop_report_day_minus: 'Tag -1'
+coreshop_report_month: 'Monat'
+coreshop_report_month_minus: 'Monat -1'
+coreshop_report_year: 'Jahr'
+coreshop_report_year_minus: 'Jahr -1'
+coreshop_report_year_from: 'Von'
+coreshop_report_year_to: 'Bis'
+coreshop_report_filter: 'Filter'
+coreshop_report_export: 'CSV-Export'
+coreshop_report_products: 'Produkte'
+coreshop_report_products_order_count: 'Anzahl an Bestellungen'
+coreshop_report_products_quantity_count: 'Menge'
+coreshop_report_products_salesPrice: 'Verkaufspreis'
+coreshop_report_products_sales: 'Umsatz'
+coreshop_report_products_profit: 'Gewinn'
+coreshop_report_products_types: 'Produkt-Typen'
+coreshop_report_products_types_all: 'Alle'
+coreshop_report_products_types_objects: 'Hauptprodukte'
+coreshop_report_products_types_variants: 'Varianten'
+coreshop_report_products_types_container: 'Container Produkte'
+coreshop_report_products_types_container_description: 'Hinweis: Container Produkte sind immer mit den Original-Produkten verknüpft. Wurden die Produkte gelöscht, werden sie in diesem Report nicht dargestellt!'
+coreshop_report_categories: 'Kategorien'
+coreshop_report_categories_count: 'Anzahl'
+coreshop_report_categories_sales: 'Umsatz'
+coreshop_report_categories_profit: 'Gewinn'
+coreshop_report_customers: 'Kunden'
+coreshop_report_customers_count: 'Anzahl an Bestellungen'
+coreshop_report_customers_sales: 'Umsatz'
+coreshop_report_quantities: 'Vorhandene Liefermengen'
+coreshop_report_quantities_quantity: 'Menge'
+coreshop_report_quantities_price: 'Preis'
+coreshop_report_quantities_totalPrice: 'Wert'
+coreshop_report_carriers: 'Lieferanten Verteilung'
+coreshop_report_payments: 'Bezahldienst Verteilung'
+coreshop_report_voucher_code: 'Code'
+coreshop_report_voucher_discount: 'Nachlass'
+coreshop_report_voucher_pricerule: 'Preisregel'
+coreshop_report_voucher_applied_date: 'Angewendet am'
+coreshop_report_manufacturer_sales: 'Umsatz'
+coreshop_report_manufacturer_profit: 'Gewinn'
+coreshop_monitoring_emptyCategories: 'Leere Kategorien'
+coreshop_monitoring_disableProducts: 'Deaktivierte Produkte'
+coreshop_monitoring_disableProducts_enabled: 'Aktiviert'
+coreshop_monitoring_disableProducts_available_for_order: 'Für Verkauf verfügbar'
+coreshop_states: 'Staaten'
+coreshop_monitoring_outOfStockProducts: 'Ausverkaufte Produkte'
+coreshop_monitoring_outOfStockProducts_quantity: 'Lagerstand'
+coreshop_monitoring_outOfStockProducts_out_of_stock_behaviour: 'Verhalten'
+coreshop_taxation_address: 'Adresse für Besteuerung'
+coreshop_taxation_address_shipping: 'Lieferadresse'
+coreshop_taxation_address_invoice: 'Rechnungsadresse'
+coreshop_cart_activate_auto_cleanup: 'Automatisches Bereinigen der Warenkörbe aktivieren'
+coreshop_cart_activate_auto_cleanup_settings: 'Bereinigungs-Einstellungen'
+coreshop_cart_cleanup_older_than_days: 'Warenkörbe, die älter als (x) Tage sind, löschen'
+coreshop_cart_cleanup_delete_anonymous_carts: 'Lösche anonyme Warenkörbe'
+coreshop_cart_cleanup_delete_user_carts: 'Lösche Benutzer-Warenkörbe'
+coreshop_product_pricerules: 'Produkt Preisregel'
+coreshop_prices: 'Preise'
+coreshop_prices_are_gross: 'Preise sind Bruttopreise'
+coreshop_condition_stores: 'Stores'
+coreshop_condition_customers: 'Kunden'
+coreshop_condition_customerGroups: 'Kundengruppen'
+coreshop_condition_guest: 'Gast'
+coreshop_condition_carriers: 'Lieferdienste'
+coreshop_condition_quantity: 'Menge'
+coreshop_condition_comment: 'Kommentar'
+coreshop_condition_comment_action: 'Aktion'
+coreshop_condition_comment_action_create: 'Kommentar erstellen'
+coreshop_carriers_shipping_rules: 'Versandregeln'
+coreshop_category_list_mode: 'Produkt Anzeige Modus'
+coreshop_category_list_mode_list: 'Liste'
+coreshop_category_list_mode_grid: 'Tabelle'
+coreshop_category_list_per_page: 'Liste Erlaubte Werte für "Pro Seite"'
+coreshop_category_list_per_page_default: 'Liste: Standard Wert'
+coreshop_category_list_include_subcategories: 'Liste: Unterkategorien einbeziehen'
+coreshop_category_grid_per_page: 'Grid Erlaubte Werte für "Pro Seite"'
+coreshop_category_grid_per_page_default: 'Grid Standard Wert'
+coreshop_category_variant_mode: 'Varianten Modus'
+coreshop_category_variant_mode_hide: 'Nicht anzeigen'
+coreshop_category_variant_mode_include: 'Anzeigen'
+coreshop_category_variant_mode_include_parent_object: 'Für Suche verwenden, aber nicht anzeigen'
+coreshop_notification_rules: 'Notification Regeln'
+coreshop_payment_providers: 'Zahlungsanbieter'
+coreshop_action_freeShipping: 'Gratis Versand'
+coreshop_shipping_tax: 'Versand Steuer'
+coreshop_shipping_without_tax: 'Versand (exkl. Steuer)'
+coreshop_order_create_shipping: 'Versand'
+coreshop_store_price: 'Store Preis'
+coreshop_store_values: 'Store Werte'
+coreshop_store_values_store_price: 'Store Preis'
+coreshop_store_values_store_tax_rule: 'Steuerregel'
+coreshop_store_values_store_unit_prices: 'Store Einheitspreis'
+coreshop_transition_direction_state: 'Zustand'
+coreshop_transition_direction_mode: 'Modus'
+coreshop_transition_to: 'Status ändert zu'
+coreshop_transition_from: 'Status ändert von'
+coreshop_transition_all: 'Alle Änderungen'
+coreshop_invoice_partial: 'Teilrechnung existiert'
+coreshop_invoice_full: 'Alle Rechnungen wurden erstellt'
+coreshop_invoice_all: 'Beliebiger Status trifft zu'
+coreshop_shipment_partial: 'Lieferschein für Teil-Versand wurde erstellt'
+coreshop_shipment_full: 'Alle Lieferscheine wurden erstellt'
+coreshop_shipment_all: 'Beliebiger Status trifft zu'
+coreshop_condition_userType: 'Benutzer Typ'
+coreshop_user_type_new: 'Registrierung'
+coreshop_user_type_password: 'Passwort zurücksetzen'
+coreshop_user_type_newsletter_double_opt_in: 'Newsletter Double-Opt In'
+coreshop_user_type_newsletter_confirmed: 'Newsletter bestätigt'
+coreshop_condition_messageType: 'Nachrichten Typ'
+coreshop_message_type_customer: 'Kundennachricht'
+coreshop_message_type_customer_reply: 'Kundennachricht Antwort'
+coreshop_message_type_contact: 'Kontakt'
+coreshop_grid_reorder: 'Drag and drop um die Sortierung zu ändern'
+coreshop_payment_partial: 'Teilzahlung gemacht'
+coreshop_payment_full: 'Gesamtzahlung gemacht'
+coreshop_permission_notification: 'CoreShop: Benachrichtigung'
+coreshop_permission_settings: 'CoreShop: Einstellungen'
+coreshop_condition_saleState: 'Typ Status'
+coreshop_condition_orderState: 'Status'
+coreshop_condition_orderTransition: 'Status Änderung'
+coreshop_condition_quoteState: 'Status'
+coreshop_condition_quoteTransition: 'Status Änderung'
+coreshop_action_mail: 'E-Mail'
+coreshop_action_orderMail: 'Bestellung Mail'
+coreshop_action_storeMail: 'Store basierendes E-Mail'
+coreshop_action_storeOrderMail: 'Store basierendes Bestell E-Mail'
+coreshop_mail_rule_send_invoices: 'Rechnung senden'
+coreshop_mail_rule_send_shipments: 'Lieferschein senden'
+coreshop_condition_orderPaymentState: 'Bestellung Zahlungsstatus'
+coreshop_condition_orderPaymentTransition: 'Zahlungsstatus Änderung'
+coreshop_condition_orderInvoiceState: 'Rechnungsstatus'
+coreshop_condition_orderInvoiceTransition: 'Rechnungsstatus Änderung'
+coreshop_condition_orderShippingState: 'Versandstatus'
+coreshop_condition_orderShippingTransition: 'Versandstatus Änderung'
+coreshop_condition_invoiceState: 'Status'
+coreshop_condition_invoiceTransition: 'Status Änderung'
+coreshop_condition_shipmentState: 'Status'
+coreshop_condition_shipmentTransition: 'Status Änderung'
+coreshop_condition_paymentState: 'Status'
+coreshop_condition_paymentTransition: 'Status Änderung'
+coreshop_allowed_countries: 'Erlaubte Länder'
+coreshop_operator_store_price: 'Operator Store Preis'
+coreshop_operator_store_price_settings: 'Operator Store Preis Einstellungen'
+coreshop_condition_backendCreated: 'Erstellt in Administrationsoberfläche'
+coreshop_condition_include_variants: 'Varianten einbeziehen'
+coreshop_product_quantity_price_rules_behaviour_amount_decrease: 'Preisnachlass (Menge)'
+coreshop_product_quantity_price_rules_behaviour_amount_increase: 'Preis­auf­schlag (Menge)'
+coreshop_product_quantity_price_rules_unit_definition: 'Einheit'
+coreshop_product_unit_definition_price_not_available: 'Einheitenpreis Definition nach Objektspeichern & Neu laden verfügbar.'
+coreshop_product_unit_additional_unit_definition_deletion_disabled: 'Die Produkteinheiten Definitionen kann nicht gelöscht werden da es Abhängigkeiten zu den Stückmengen-Preisregeln gibt. Sie müssen zuerst die verbundenen Preisregeln bzw. Bereiche löschen. Nachdem Sie das Produkt gespeichert haben, können Sie diese Definition löschen.'
+coreshop_product_unit_unit_definition_change_disabled: 'Die Einheit dieser Produkteinheiten Definitionen kann nicht geändert werden da es Abhängigkeiten zu den Stückmengen-Preisregeln gibt. Sie müssen zuerst die verbundenen Preisregeln bzw. Bereiche löschen. Nachdem Sie das Produkt gespeichert haben, können Sie diese Definition ändern.'
+coreshop_product_unit_unit_definition_lock_button_message: 'Klicken, um eine Änderung der Einheit zu beantragen'
+coreshop_store_values_unit_price: 'Preis'
+coreshop_unit: 'Einheit'
+coreshop_store_preview: 'Store-Vorschau'
+coreshop_solidify_variant_unit_definition_data: 'Produkteinheiten Definitionen (und SPR) auf Varianten übertragen'
+coreshop_solidify_variant_unit_definition_data_error_no_variants: 'Produkt hat keine Varianten.'
+coreshop_solidify_variant_unit_definition_data_error_no_unit_definitions: 'Das Produkt hat keine zugewiesenen Einheiten-Definitionen.'
+coreshop_solidify_variant_unit_definition_data_strategy_only_unit_definitions: 'Sind Sie sicher, dass Sie die Einheiten-Definitionen auf jede Variante überragen wollen? Dieser Vorgang kann nicht rückgängig gemacht werden! Nachdem Sie diesen Befehl ausgeführt haben, muss jede Variante separat verwaltet werden. Zudem werden alle Varianten, welche dem Produkt angehören, geschlossen. Nicht gespeicherte Änderungen gehen dabei verloren. Varianten, welche bereits Einheiten-Definitionen besitzen, werden übersprungen.'
+coreshop_solidify_variant_unit_definition_data_strategy_only_unit_definitions_and_qpr: 'Sind Sie sicher, dass Sie die Einheiten-Definitionen UND Stückmengen-Preisregeln auf jede Variante überragen wollen? Dieser Vorgang kann nicht rückgängig gemacht werden! Nachdem Sie diesen Befehl ausgeführt haben, muss jede Variante separat verwaltet werden. Zudem werden alle Varianten, welche dem Produkt angehören, geschlossen. Nicht gespeicherte Änderungen gehen dabei verloren. Varianten, welche bereits Einheiten-Definitionen oder Stückmengen-Preisregeln besitzen, werden übersprungen.'
+coreshop_solidify_variant_unit_definition_data_succesfully_applied: 'Alle Daten wurden erfolgreich auf die Varianten übertragen. Verarbeitete Datensätze: {0}.'
+coreshop_restore_inheritance: 'Vererbung wiederherstellen'
+coreshop_restore_inheritance_message: 'Sind Sie sicher, dass Sie diese Store-Werte aus diesem Produkt löschen und es von seinem Elternteil wieder erben lassen möchten?'
+coreshop_permission_ctc_assign_to_new: 'CoreShop: Kunden einer neuen Firma zuweisen'
+coreshop_permission_ctc_assign_to_existing: 'CoreShop: Kunden einem bestehenden Unternehmen zuweisen'
+coreshop_customer_transformer_assignment_selected_customer: 'Ausgewählter Kunde: <strong>{{name}}</strong>. Id: {{id}}. Klicken Sie auf "OK", um eine Firma auszuwählen.'
+coreshop_customer_transformer_assignment_form_title: 'Aufgabenübersicht'
+coreshop_customer_transformer_assignment_form_button: 'Kunde dem Unternehmen zuweisen'
+coreshop_customer_transformer_assignment_form_description: 'Nach Absenden dieses Formulars wird der Kunde an das Unternehmen übergeben. Bitte überprüfen Sie die Daten sorgfältig. Darüber hinaus müssen Sie festlegen, ob die Kundenadressen vom Kunden gespeichert oder an das Unternehmen übertragen werden sollen.'
+coreshop_customer_transformer_assignment_form_customer_id: 'Kunden-Identifikationsnummer'
+coreshop_customer_transformer_assignment_form_customer_name: 'Kundenname'
+coreshop_customer_transformer_assignment_form_company_id: 'Unternehmens-ID'
+coreshop_customer_transformer_assignment_form_company_name: 'Unternehmensname'
+coreshop_customer_transformer_assignment_form_address_assignment_type: 'Adresszuordnung'
+coreshop_customer_transformer_assignment_form_assignment_type_keep: 'Adressen beim Kunden behalten'
+coreshop_customer_transformer_assignment_form_assignment_type_move: 'Adressen zum Firmenobjekt verschieben'
+coreshop_customer_transformer_assignment_form_assignment_address_access_type: 'Adress-Zugriffstyp'
+coreshop_customer_transformer_assignment_form_assignment_address_access_own_only: 'Nur Eigene'
+coreshop_customer_transformer_assignment_form_assignment_address_access_company_only: 'Nur Firma'
+coreshop_customer_transformer_assignment_form_assignment_address_access_own_and_company: 'Eigene & Firma'
+coreshop_customer_transformer_assignment_form_available_customer_addresses: 'Verfügbare Adressen (Kunde)'
+coreshop_customer_transformer_assignment_form_success: 'Der Kunde wurde erfolgreich der ausgewählten Firma zugewiesen.'
+coreshop_customer_transformer_assignment_form_new_company_title: 'Neue Unternehmensdaten'
+coreshop_customer_transformer_assignment_new_form_button: 'Firma erstellen und Kunden zuweisen'
+coreshop_customer_transformer_assignment_new_form_description: 'Nach Absenden dieses Formulars wird ein neues Unternehmen erstellt. Bitte überprüfen Sie die Daten sorgfältig. Darüber hinaus müssen Sie festlegen, ob die Kundenadressen vom Kunden gespeichert oder an das neue Unternehmen übertragen werden sollen.'
+coreshop_customer_transformer_assignment_new_form_maybe_duplicates_title: 'Ähnliche Unternehmen'
+coreshop.wishlist.name: 'Name'
+
+# Studio v2 - Reports
+coreshop_report_customers_name: 'Name'
+coreshop_report_customers_email: 'E-Mail'
+coreshop_report_customers_order_count: 'Bestellungen'
+coreshop_report_products_name: 'Produktname'
+coreshop_report_products_quantity: 'Verkaufte Menge'
+coreshop_report_date: 'Datum'
+coreshop_report_no_data: 'Keine Daten verfügbar'
+
+# Studio v2 - Notification Rules
+coreshop_invoice_state: 'Rechnungsstatus'
+coreshop_invoice_transition: 'Rechnungsübergang'
+coreshop_shipment_state: 'Versandstatus'
+coreshop_shipment_transition: 'Versandübergang'
+coreshop_payment_state: 'Zahlungsstatus'
+coreshop_payment_transition: 'Zahlungsübergang'
+coreshop_order_state: 'Bestellstatus'
+coreshop_order_transition: 'Bestellübergang'
+coreshop_quote_state: 'Angebotsstatus'
+coreshop_quote_transition: 'Angebotsübergang'
+coreshop_order_invoice_state: 'Bestellrechnungsstatus'
+coreshop_order_invoice_transition: 'Bestellrechnungsübergang'
+coreshop_order_payment_state: 'Bestellzahlungsstatus'
+coreshop_order_payment_transition: 'Bestellzahlungsübergang'
+coreshop_order_shipping_state: 'Bestellversandstatus'
+coreshop_order_shipping_transition: 'Bestellversandübergang'
+coreshop_sale_state: 'Verkaufsstatus'
+coreshop_message_type: 'Nachrichtentyp'
+coreshop_select_message_type: 'Nachrichtentyp auswählen'
+coreshop_user_type: 'Benutzertyp'
+coreshop_user_type_register: 'Registrierung'
+coreshop_user_type_password_reset: 'Passwort zurücksetzen'
+coreshop_user_type_newsletter_doi: 'Newsletter Double-Opt-In'
+coreshop_select_user_type: 'Benutzertyp auswählen'
+coreshop_select_state: 'Status auswählen'
+coreshop_select_transition: 'Übergang auswählen'
+coreshop_backend_created: 'Im Backend erstellt'
+coreshop_comment_action: 'Kommentar Aktion'
+coreshop_comment_action_add: 'Kommentar hinzufügen'
+coreshop_select_comment_action: 'Kommentar Aktion auswählen'
+coreshop_select_payment_provider: 'Zahlungsanbieter auswählen'
+coreshop_select: 'Auswählen'
+coreshop_custom_attributes: 'Benutzerdefinierte Attribute'
+coreshop_all_stores: 'Alle Stores'
+
+# Studio v2 - Order Creation
+coreshop_order_creation_address: 'Adressen'
+coreshop_address_shipping: 'Lieferadresse'
+coreshop_address_invoice: 'Rechnungsadresse'
+coreshop_select_address: 'Adresse auswählen'
+coreshop_copy_from_shipping: 'Von Lieferadresse kopieren'
+coreshop_no_addresses_available: 'Keine Adressen verfügbar'
+coreshop_order_creation_shipping: 'Versand'
+coreshop_carrier: 'Lieferdienst'
+coreshop_select_carrier: 'Lieferdienst auswählen'
+coreshop_no_carriers_available: 'Keine Lieferdienste verfügbar'
+coreshop_shipping_price: 'Versandkosten'
+coreshop_order_by_number: 'Bestellung nach Nummer'
+coreshop_please_enter_the_number_of_the_order: 'Bitte geben Sie die Bestellnummer ein'
+
+# Studio v2 - Kunde zu Firma Zuweisung
+coreshop_customer_to_company_assign_to_new: 'Kunde dem Unternehmen zuweisen'
+coreshop_customer_to_company_assign_to_existing: 'Kunde einer existierenden Firma zuweisen'
+coreshop_customer_transformer_select_customer: 'Kunde auswählen'
+coreshop_customer_transformer_select_customer_description: 'Bitte wählen Sie einen Kunden aus, der einer neuen Firma zugewiesen werden soll.'
+coreshop_customer_transformer_select_customer_existing_description: 'Bitte wählen Sie einen Kunden aus, der einer bestehenden Firma zugewiesen werden soll.'
+coreshop_customer_transformer_select_company: 'Firma auswählen'
+coreshop_customer_transformer_select_company_description: 'Bitte wählen Sie die Firma aus, der der Kunde zugewiesen werden soll.'
+coreshop_customer_transformer_assign_to_new_company: 'Kunde neuer Firma zuweisen'
+coreshop_customer_transformer_assign_to_existing_company: 'Kunde bestehender Firma zuweisen'
+select_customer: 'Kunde auswählen'
+select_company: 'Firma auswählen'
+customer_selected: 'Kunde ausgewählt'
+assign_another: 'Weiteren Kunden zuweisen'
+cancel: 'Abbrechen'
+close: 'Schließen'
diff --git a/src/CoreShop/Bundle/CoreBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/CoreBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..554e338088
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,329 @@
+---
+coreshop_loading: 'CoreShop is loading'
+coreshop_about: 'About CoreShop'
+coreshop_studio_form_demos: 'StudioForm Demos'
+coreshop_loaded: 'CoreShop Version {0}'
+coreshop_settings: 'Settings'
+coreshop_category: 'Category'
+coreshop_default_image: 'Default Image'
+coreshop_converted: 'converted'
+coreshop_base_currency: 'Base Currency'
+coreshop_base_country: 'Base Country'
+coreshop_use_gross_prices: 'Store Prices with VAT.'
+coreshop_settings_save_success: 'Successfully saved'
+coreshop_settings_save_error: 'Error saving settings'
+coreshop_localization: 'Localization'
+coreshop_cart_create_order: 'Create Order'
+coreshop_cart_pricerules: 'Cart Price Rules'
+coreshop_condition_quantity_minQuantity: 'Min Quantity'
+coreshop_condition_quantity_maxQuantity: 'Max Quantity'
+coreshop_condition_currencies: 'Currencies'
+coreshop_condition_countries: 'Countries'
+coreshop_condition_zones: 'Zones'
+coreshop_condition_categories: 'Categories'
+coreshop_condition_recursive: 'Include all Subcategories'
+coreshop_condition_not_combinable_with_cart_price_voucher_rule: 'Not combinable with Cart Price Voucher Rules'
+coreshop_action_giftProduct: 'Gift Product'
+coreshop_action_voucherCredit: 'Voucher Credit'
+coreshop_zones: 'Zones'
+coreshop_suffix: 'Suffix'
+coreshop_prefix: 'Prefix'
+coreshop_guestcheckout: 'Guest Checkout'
+coreshop_taxes: 'Taxes'
+coreshop_taxrulegroups: 'Tax Rules'
+coreshop_portlet_orders_and_carts: 'Orders and Carts from last 31 days'
+coreshop_portlet_sales: 'Sales from last 31 days'
+coreshop_sales: 'Sales'
+coreshop_plugins: 'Plugins'
+coreshop_stock_defaultoutofstock_behavior: 'Default out of stock behaviour'
+coreshop_stock: 'Stock'
+coreshop_stock_deny_order: 'Deny Order'
+coreshop_stock_allow_order: 'Allow Order'
+coreshop_orders: 'Orders'
+coreshop_add_payment: 'Add Payment'
+coreshop_wkhtmltopdf_params: 'WKHTMLTOPDF Parameters'
+coreshop_more: 'CoreShop'
+coreshop_for: 'for'
+coreshop_reports: 'Reports'
+coreshop_report_groups: 'Group by'
+coreshop_report_groups_day: 'Day'
+coreshop_report_groups_month: 'Month'
+coreshop_report_groups_year: 'Year'
+coreshop_report_user_name: 'Customer Name'
+coreshop_report_user_email: 'Email'
+coreshop_report_creation_date: 'Creation Date'
+coreshop_report_modifiction_date: 'Modification Date'
+coreshop_report_items_in_cart: 'Items in Cart'
+coreshop_report_selected_payment: 'Selected Payment'
+coreshop_report_carts: 'Cart/Orders Conversion Report'
+coreshop_report_carts_abandoned: 'Abandoned Cart Report'
+coreshop_report_manufacturer: 'Manufacturer'
+coreshop_report_vouchers: 'Vouchers Report'
+coreshop_report_sales: 'Sales Report'
+coreshop_report_store: 'Store'
+coreshop_report_day: 'Day'
+coreshop_report_day_minus: 'Day -1'
+coreshop_report_month: 'Month'
+coreshop_report_month_minus: 'Month -1'
+coreshop_report_year: 'Year'
+coreshop_report_year_minus: 'Year -1'
+coreshop_report_year_from: 'From'
+coreshop_report_year_to: 'To'
+coreshop_report_filter: 'Filter'
+coreshop_report_export: 'CSV Export'
+coreshop_report_products: 'Products'
+coreshop_report_products_order_count: 'Order Count'
+coreshop_report_products_quantity_count: 'Quantity'
+coreshop_report_products_salesPrice: 'Sales Price'
+coreshop_report_products_sales: 'Sales'
+coreshop_report_products_profit: 'Profit'
+coreshop_report_products_types: 'Product Types'
+coreshop_report_products_types_all: 'All Types'
+coreshop_report_products_types_objects: 'Main Products'
+coreshop_report_products_types_variants: 'Variants'
+coreshop_report_products_types_container: 'Container Products'
+coreshop_report_products_types_container_description: 'Note: Container Products are bounded to the original pimcore objects. The products will be ignored in this report, if those objects have been deleted!'
+coreshop_report_categories: 'Categories'
+coreshop_report_categories_count: 'Count'
+coreshop_report_categories_sales: 'Sales'
+coreshop_report_categories_profit: 'Profit'
+coreshop_report_customers: 'Customers'
+coreshop_report_customers_count: 'Order Count'
+coreshop_report_customers_sales: 'Sales'
+coreshop_report_quantities: 'Available Quantities'
+coreshop_report_quantities_quantity: 'Quantity'
+coreshop_report_quantities_price: 'Price'
+coreshop_report_quantities_totalPrice: 'Worth'
+coreshop_report_carriers: 'Carrier Distribution'
+coreshop_report_payments: 'Payment Distribution'
+coreshop_report_voucher_code: 'Code'
+coreshop_report_voucher_discount: 'Discount'
+coreshop_report_voucher_pricerule: 'Price Rule'
+coreshop_report_voucher_applied_date: 'Applied Date'
+coreshop_report_manufacturer_sales: 'Sales'
+coreshop_report_manufacturer_profit: 'Profit'
+coreshop_monitoring_emptyCategories: 'Empty Categories'
+coreshop_monitoring_disableProducts: 'Disabled Products'
+coreshop_monitoring_disableProducts_enabled: 'Enabled'
+coreshop_monitoring_disableProducts_available_for_order: 'Available for Order'
+coreshop_states: 'States'
+coreshop_monitoring_outOfStockProducts: 'Out of Stock Products'
+coreshop_monitoring_outOfStockProducts_quantity: 'Quantity'
+coreshop_monitoring_outOfStockProducts_out_of_stock_behaviour: 'Behaviour'
+coreshop_taxation_address: 'Taxation Address'
+coreshop_taxation_address_shipping: 'Shipping'
+coreshop_taxation_address_invoice: 'Invoice'
+coreshop_cart_activate_auto_cleanup: 'Activate automatic cart cleanup'
+coreshop_cart_activate_auto_cleanup_settings: 'Automatic cart cleanup settings'
+coreshop_cart_cleanup_older_than_days: 'Remove carts older than (in days)'
+coreshop_cart_cleanup_delete_anonymous_carts: 'Remove anonymous carts'
+coreshop_cart_cleanup_delete_user_carts: 'Remove user carts'
+coreshop_product_pricerules: 'Product Price Rules'
+coreshop_prices: 'Prices'
+coreshop_prices_are_gross: 'Prices are gross prices'
+coreshop_condition_stores: 'Stores'
+coreshop_condition_customers: 'Customers'
+coreshop_condition_customerGroups: 'Customer Groups'
+coreshop_condition_guest: 'Guest'
+coreshop_condition_carriers: 'Carriers'
+coreshop_condition_quantity: 'Quantity'
+coreshop_condition_comment: 'Comment'
+coreshop_condition_comment_action: 'Action'
+coreshop_condition_comment_action_create: 'Create Comment'
+coreshop_carriers_shipping_rules: 'Shipping Rules'
+coreshop_category_list_mode: 'List Mode'
+coreshop_category_list_mode_list: 'List'
+coreshop_category_list_mode_grid: 'Grid'
+coreshop_category_list_per_page: 'List Per-Page Allowed Values'
+coreshop_category_list_per_page_default: 'List Per-Page Default'
+coreshop_category_list_include_subcategories: 'List: Include Subcategories'
+coreshop_category_grid_per_page: 'Grid Per-Page Allowed Values'
+coreshop_category_grid_per_page_default: 'Grid Per-Page Default'
+coreshop_category_variant_mode: 'Variant Mode'
+coreshop_category_variant_mode_hide: 'Hide'
+coreshop_category_variant_mode_include: 'Show'
+coreshop_category_variant_mode_include_parent_object: 'Consider for results, but do not display'
+coreshop_notification_rules: 'Notification Rules'
+coreshop_payment_providers: 'Payment Providers'
+coreshop_action_freeShipping: 'Free Shipping'
+coreshop_shipping_tax: 'Shipping Tax'
+coreshop_shipping_without_tax: 'Shipping (excl. Tax)'
+coreshop_order_create_shipping: 'Shipping'
+coreshop_store_price: 'Store Price'
+coreshop_store_values: 'Store Values'
+coreshop_store_values_store_price: 'Store Price'
+coreshop_store_values_store_tax_rule: 'Tax Rule'
+coreshop_store_values_store_unit_prices: 'Store Unit Prices'
+coreshop_transition_direction_state: 'State'
+coreshop_transition_direction_mode: 'Mode'
+coreshop_transition_to: 'State changes to'
+coreshop_transition_from: 'State changes from'
+coreshop_transition_all: 'All Changes'
+coreshop_invoice_partial: 'Partial'
+coreshop_invoice_full: 'Full'
+coreshop_invoice_all: 'All'
+coreshop_shipment_partial: 'Partial'
+coreshop_shipment_full: 'Full'
+coreshop_shipment_all: 'All'
+coreshop_condition_userType: 'User Type'
+coreshop_user_type_new: 'New Account'
+coreshop_user_type_password: 'Password Reset'
+coreshop_user_type_newsletter_double_opt_in: 'Newsletter Double-Opt-In'
+coreshop_user_type_newsletter_confirmed: 'Newsletter confirmed'
+coreshop_condition_messageType: 'Message Type'
+coreshop_message_type_customer: 'Customer'
+coreshop_message_type_customer_reply: 'Customer Reply'
+coreshop_message_type_contact: 'Contact'
+coreshop_grid_reorder: 'Drag and drop to reorganize'
+coreshop_payment_partial: 'Partial Payment done'
+coreshop_payment_full: 'Full Payment done'
+coreshop_permission_notification: 'CoreShop: Notification'
+coreshop_permission_settings: 'CoreShop: Settings'
+coreshop_condition_saleState: 'Type State'
+coreshop_condition_orderState: 'Order State'
+coreshop_condition_orderTransition: 'Order Transition'
+coreshop_condition_quoteState: 'Quote State'
+coreshop_condition_quoteTransition: 'Quote Transition'
+coreshop_action_mail: 'Mail'
+coreshop_action_orderMail: 'Order Mail'
+coreshop_action_storeMail: 'Store Based Mail'
+coreshop_action_storeOrderMail: 'Store Based Order Mail'
+coreshop_mail_rule_send_invoices: 'Send Invoices'
+coreshop_mail_rule_send_shipments: 'Send Shipments'
+coreshop_condition_orderPaymentState: 'Payment State'
+coreshop_condition_orderPaymentTransition: 'Payment Transition'
+coreshop_condition_orderInvoiceState: 'Invoice State'
+coreshop_condition_orderInvoiceTransition: 'Invoice Transition'
+coreshop_condition_orderShippingState: 'Shipping State'
+coreshop_condition_orderShippingTransition: 'Shipping Transition'
+coreshop_condition_invoiceState: 'State'
+coreshop_condition_invoiceTransition: 'State Transition'
+coreshop_condition_shipmentState: 'State'
+coreshop_condition_shipmentTransition: 'State Transition'
+coreshop_condition_paymentState: 'State'
+coreshop_condition_paymentTransition: 'State Transition'
+coreshop_allowed_countries: 'Allowed Countries'
+coreshop_operator_store_price: 'Operator Store Price'
+coreshop_operator_store_price_settings: 'Operator Store Price Settings'
+coreshop_condition_backendCreated: 'Backend created'
+coreshop_condition_backendUpdated: 'Backend updated'
+coreshop_condition_include_variants: 'Include Variants'
+coreshop_product_quantity_price_rules_behaviour_amount_decrease: 'Amount Decrease'
+coreshop_product_quantity_price_rules_behaviour_amount_increase: 'Amount Increase'
+coreshop_product_quantity_price_rules_unit_definition: 'Unit'
+coreshop_product_unit_definition_price_not_available: 'Unit Price Definition available after object save & reload.'
+coreshop_product_unit_additional_unit_definition_deletion_disabled: 'This Unit Price Definition cannot be deleted because it is required by some quantity price rules. You need to delete or change all related rule ranges and save the product afterwards before removing this definition.'
+coreshop_product_unit_unit_definition_change_disabled: 'This Unit Price Definition cannot be changed because it is required by some quantity price rules. You need to delete or change all related rule ranges and save the product afterwards before changing this definition.'
+coreshop_product_unit_unit_definition_lock_button_message: 'Click to request a unit definition change'
+coreshop_store_values_unit_price: 'Price'
+coreshop_unit: 'Unit'
+coreshop_store_preview: 'Store Preview'
+coreshop_solidify_variant_unit_definition_data: 'Solidify Variant Unit Definitions (and QPR)'
+coreshop_solidify_variant_unit_definition_data_error_no_variants: 'Product does not have any variants.'
+coreshop_solidify_variant_unit_definition_data_error_no_unit_definitions: 'Product does not have any defined unit definitions.'
+coreshop_solidify_variant_unit_definition_data_strategy_only_unit_definitions: 'Are you sure to apply defined unit definitions to each variant? This operation cannot be undone! After you have executed this command, each variant must be managed separately. Also, all depending variants will be closed afterwards, unsaved changes will be lost. Variants with custom unit definitions will be skipped.'
+coreshop_solidify_variant_unit_definition_data_strategy_only_unit_definitions_and_qpr: 'Are you sure to apply defined unit definitions AND quantity price rules to each variant? This operation cannot be undone! After you have executed this command, each variant must be managed separately. Also, all depending variants will be closed afterwards, unsaved changes will be lost. Variants with custom unit definitions and quantity price rules will be skipped.'
+coreshop_solidify_variant_unit_definition_data_succesfully_applied: 'All variants has been successfully solidified. Affected Variants: {0}.'
+coreshop_restore_inheritance: 'Restore inheritance'
+coreshop_restore_inheritance_message: 'Are you sure to delete this Store Values form this Product and let it inherit from its parent again?'
+coreshop_permission_ctc_assign_to_new: 'CoreShop: Assign Customer to new Company'
+coreshop_permission_ctc_assign_to_existing: 'CoreShop: Assign Customer to existing Company'
+coreshop_customer_transformer_assignment_selected_customer: 'Selected Customer: <strong>{{name}}</strong>. Id: {{id}}. Click "OK" to now select a company.'
+coreshop_customer_transformer_assignment_form_title: 'Assignment Overview'
+coreshop_customer_transformer_assignment_form_button: 'Assign customer to company'
+coreshop_customer_transformer_assignment_form_description: 'Once this form is submitted, the customer is transferred to the company. Please check the data carefully. In addition, you must define whether the customer addresses are to be retained by the customer or transferred to the company.'
+coreshop_customer_transformer_assignment_form_customer_id: 'Customer Id'
+coreshop_customer_transformer_assignment_form_customer_name: 'Customer Name'
+coreshop_customer_transformer_assignment_form_company_id: 'Company Id'
+coreshop_customer_transformer_assignment_form_company_name: 'Company Name'
+coreshop_customer_transformer_assignment_form_address_assignment_type: 'Address Assignment'
+coreshop_customer_transformer_assignment_form_assignment_type_keep: 'Retain addresses at customer'
+coreshop_customer_transformer_assignment_form_assignment_type_move: 'Move Addresses to company object'
+coreshop_customer_transformer_assignment_form_assignment_address_access_type: 'Address Access Type'
+coreshop_customer_transformer_assignment_form_assignment_address_access_own_only: 'Own Only'
+coreshop_customer_transformer_assignment_form_assignment_address_access_company_only: 'Company Only'
+coreshop_customer_transformer_assignment_form_assignment_address_access_own_and_company: 'Own & Company'
+coreshop_customer_transformer_assignment_form_available_customer_addresses: 'Available Addresses (Customer)'
+coreshop_customer_transformer_assignment_form_success: 'Customer has been successfully assigned to selected company.'
+coreshop_customer_transformer_assignment_form_new_company_title: 'New Company Data'
+coreshop_customer_transformer_assignment_new_form_button: 'Create Company and assign Customer'
+coreshop_customer_transformer_assignment_new_form_description: 'Once this form is submitted, a new company will be created. Please check the data carefully. In addition, you must define whether the customer addresses are to be retained by the customer or transferred to the new company.'
+coreshop_customer_transformer_assignment_new_form_maybe_duplicates_title: 'Similar Companies'
+coreshop.wishlist.name: 'Name'
+
+# Studio v2 - Reports
+coreshop_report_customers_name: 'Name'
+coreshop_report_customers_email: 'Email'
+coreshop_report_customers_order_count: 'Orders'
+coreshop_report_products_name: 'Product Name'
+coreshop_report_products_quantity: 'Quantity Sold'
+coreshop_report_date: 'Date'
+coreshop_report_no_data: 'No data available'
+
+# Studio v2 - Notification Rules
+coreshop_invoice_state: 'Invoice State'
+coreshop_invoice_transition: 'Invoice Transition'
+coreshop_shipment_state: 'Shipment State'
+coreshop_shipment_transition: 'Shipment Transition'
+coreshop_payment_state: 'Payment State'
+coreshop_payment_transition: 'Payment Transition'
+coreshop_order_state: 'Order State'
+coreshop_order_transition: 'Order Transition'
+coreshop_quote_state: 'Quote State'
+coreshop_quote_transition: 'Quote Transition'
+coreshop_order_invoice_state: 'Order Invoice State'
+coreshop_order_invoice_transition: 'Order Invoice Transition'
+coreshop_order_payment_state: 'Order Payment State'
+coreshop_order_payment_transition: 'Order Payment Transition'
+coreshop_order_shipping_state: 'Order Shipping State'
+coreshop_order_shipping_transition: 'Order Shipping Transition'
+coreshop_sale_state: 'Sale State'
+coreshop_message_type: 'Message Type'
+coreshop_select_message_type: 'Select a message type'
+coreshop_user_type: 'User Type'
+coreshop_user_type_register: 'Registration'
+coreshop_user_type_password_reset: 'Password Reset'
+coreshop_user_type_newsletter_doi: 'Newsletter Double-Opt-In'
+coreshop_select_user_type: 'Select user type'
+coreshop_select_state: 'Select state'
+coreshop_select_transition: 'Select transition'
+coreshop_backend_created: 'Backend Created'
+coreshop_comment_action: 'Comment Action'
+coreshop_comment_action_add: 'Add Comment'
+coreshop_select_comment_action: 'Select comment action'
+coreshop_select_payment_provider: 'Select payment provider'
+coreshop_select: 'Select'
+coreshop_custom_attributes: 'Custom Attributes'
+coreshop_all_stores: 'All Stores'
+
+# Studio v2 - Order Creation
+coreshop_order_creation_address: 'Addresses'
+coreshop_address_shipping: 'Shipping Address'
+coreshop_address_invoice: 'Invoice Address'
+coreshop_select_address: 'Select Address'
+coreshop_copy_from_shipping: 'Copy from shipping'
+coreshop_no_addresses_available: 'No addresses available'
+coreshop_order_creation_shipping: 'Shipping'
+coreshop_carrier: 'Carrier'
+coreshop_select_carrier: 'Select Carrier'
+coreshop_no_carriers_available: 'No carriers available'
+coreshop_shipping_price: 'Shipping Price'
+coreshop_order_by_number: 'Order by Number'
+coreshop_please_enter_the_number_of_the_order: 'Please enter the order number'
+
+# Studio v2 - Customer to Company Assignment
+coreshop_customer_to_company_assign_to_new: 'Assign Customer to new Company'
+coreshop_customer_to_company_assign_to_existing: 'Assign Customer to existing Company'
+coreshop_customer_transformer_select_customer: 'Select a Customer'
+coreshop_customer_transformer_select_customer_description: 'Please select a customer to assign to a new company.'
+coreshop_customer_transformer_select_customer_existing_description: 'Please select a customer to assign to an existing company.'
+coreshop_customer_transformer_select_company: 'Select a Company'
+coreshop_customer_transformer_select_company_description: 'Please select the company to assign the customer to.'
+coreshop_customer_transformer_assign_to_new_company: 'Assign Customer to New Company'
+coreshop_customer_transformer_assign_to_existing_company: 'Assign Customer to Existing Company'
+select_customer: 'Select Customer'
+select_company: 'Select Company'
+customer_selected: 'Customer Selected'
+assign_another: 'Assign Another Customer'
+cancel: 'Cancel'
+close: 'Close'
diff --git a/src/CoreShop/Bundle/CoreBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/CoreBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..eb9a3e97af
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CoreBundle/StudioBackend/DataAdapter/StoreValuesAdapter.php b/src/CoreShop/Bundle/CoreBundle/StudioBackend/DataAdapter/StoreValuesAdapter.php
new file mode 100644
index 0000000000..3e28bfc0e9
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/StudioBackend/DataAdapter/StoreValuesAdapter.php
@@ -0,0 +1,243 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\StudioBackend\DataAdapter;
+
+use CoreShop\Bundle\CoreBundle\CoreExtension\StoreValues;
+use CoreShop\Component\Core\Model\ProductStoreValuesInterface;
+use CoreShop\Component\Store\Repository\StoreRepositoryInterface;
+use JMS\Serializer\SerializationContext;
+use JMS\Serializer\ArrayTransformerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\DataNormalizerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\Model\FieldContextData;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\SetterDataInterface;
+use Pimcore\Model\DataObject\ClassDefinition;
+use Pimcore\Model\DataObject\ClassDefinition\Data;
+use Pimcore\Model\DataObject\Concrete;
+use Pimcore\Model\UserInterface;
+
+final readonly class StoreValuesAdapter implements SetterDataInterface, DataNormalizerInterface
+{
+    public function __construct(
+        private ArrayTransformerInterface $serializer,
+        private StoreRepositoryInterface $storeRepository,
+        private int $decimalFactor,
+    ) {
+    }
+
+    /**
+     * Convert integer price to display value (e.g., 38200 -> 382.00)
+     */
+    private function toDisplayPrice(int|float|null $integerPrice): float
+    {
+        if ($integerPrice === null) {
+            return 0.0;
+        }
+
+        return (float) $integerPrice / $this->decimalFactor;
+    }
+
+    /**
+     * Convert all prices in the values array from integer to display format.
+     * This ensures the frontend always works with display values.
+     */
+    private function convertPricesToDisplayValues(array $values): array
+    {
+        // Convert main price
+        if (isset($values['price'])) {
+            $values['price'] = $this->toDisplayPrice($values['price']);
+        }
+
+        // Convert unit definition prices
+        if (isset($values['productUnitDefinitionPrices']) && is_array($values['productUnitDefinitionPrices'])) {
+            foreach ($values['productUnitDefinitionPrices'] as $key => $priceData) {
+                if (isset($priceData['price'])) {
+                    $values['productUnitDefinitionPrices'][$key]['price'] = $this->toDisplayPrice($priceData['price']);
+                }
+            }
+        }
+
+        return $values;
+    }
+
+    public function normalize(
+        mixed $value,
+        Data $fieldDefinition,
+    ): ?array {
+        $storeData = [];
+        $stores = $this->storeRepository->findAll();
+
+        if (!is_array($value)) {
+            // Return empty structure for all stores
+            foreach ($stores as $store) {
+                $currency = $store->getCurrency();
+                $storeData[$store->getId()] = [
+                    'name' => $store->getName(),
+                    'currencySymbol' => $currency?->getSymbol() ?? '',
+                    'values' => ['price' => 0],
+                    'inherited' => false,
+                    'inheritable' => false,
+                ];
+            }
+
+            return $storeData;
+        }
+
+        foreach ($value as $storeValuesEntity) {
+            if (!$storeValuesEntity instanceof ProductStoreValuesInterface) {
+                continue;
+            }
+
+            $context = SerializationContext::create();
+            $context->setSerializeNull(true);
+            $context->setGroups(['Default', 'Detailed']);
+            $values = $this->serializer->toArray($storeValuesEntity, $context);
+
+            // Convert integer prices to display values for frontend
+            $values = $this->convertPricesToDisplayValues($values);
+
+            $store = $storeValuesEntity->getStore();
+            $currency = $store->getCurrency();
+
+            $storeData[$store->getId()] = [
+                'name' => $store->getName(),
+                'currencySymbol' => $currency?->getSymbol(),
+                'values' => $values,
+                'inherited' => false,
+                'inheritable' => false,
+            ];
+        }
+
+        // Fill missing stores with empty values
+        foreach ($stores as $store) {
+            if (array_key_exists($store->getId(), $storeData)) {
+                continue;
+            }
+
+            $currency = $store->getCurrency();
+            $storeData[$store->getId()] = [
+                'name' => $store->getName(),
+                'currencySymbol' => $currency?->getSymbol() ?? '',
+                'values' => ['price' => 0],
+                'inherited' => false,
+                'inheritable' => false,
+            ];
+        }
+
+        return $storeData;
+    }
+
+    public function getDataForSetter(
+        Concrete $element,
+        Data $fieldDefinition,
+        string $key,
+        array $data,
+        UserInterface $user,
+        ?FieldContextData $contextData = null,
+        bool $isPatch = false,
+    ): mixed {
+        if (!$fieldDefinition instanceof StoreValues) {
+            return null;
+        }
+
+        if (!isset($data[$key]) || !is_array($data[$key])) {
+            return null;
+        }
+
+        $formData = $this->transformDataForForm($data[$key]);
+
+        return $fieldDefinition->getDataFromEditmode($formData, $element);
+    }
+
+    /**
+     * Transform data from frontend format to the format expected by the Symfony form.
+     *
+     * Frontend sends:
+     * - Nested 'values' object with price and productUnitDefinitionPrices
+     * - productUnitDefinitionPrices.unitDefinition as object with id
+     *
+     * Form expects:
+     * - Flat structure with price, productUnitDefinitionPrices at top level
+     * - productUnitDefinitionPrices.unitDefinition as integer ID
+     */
+    private function transformDataForForm(array $data): array
+    {
+        $result = [];
+
+        foreach ($data as $storeId => $storeData) {
+            if (!is_array($storeData)) {
+                continue;
+            }
+
+            $values = $storeData['values'] ?? [];
+            $transformedStoreData = [];
+
+            // Preserve the entity ID if it exists
+            if (isset($values['id'])) {
+                $transformedStoreData['id'] = $values['id'];
+            }
+
+            // Copy price
+            if (isset($values['price'])) {
+                $transformedStoreData['price'] = $values['price'];
+            }
+
+            // Copy taxRule if exists
+            if (isset($values['taxRule'])) {
+                $transformedStoreData['taxRule'] = is_array($values['taxRule'])
+                    ? ($values['taxRule']['id'] ?? null)
+                    : $values['taxRule'];
+            }
+
+            // Transform productUnitDefinitionPrices
+            if (isset($values['productUnitDefinitionPrices']) && is_array($values['productUnitDefinitionPrices'])) {
+                $transformedStoreData['productUnitDefinitionPrices'] = array_map(
+                    fn(array $priceData) => $this->transformUnitDefinitionPrice($priceData),
+                    $values['productUnitDefinitionPrices']
+                );
+            }
+
+            $result[$storeId] = $transformedStoreData;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Transform a single unit definition price entry.
+     */
+    private function transformUnitDefinitionPrice(array $priceData): array
+    {
+        $result = [];
+
+        if (isset($priceData['price'])) {
+            $result['price'] = $priceData['price'];
+        }
+
+        if (isset($priceData['unitDefinition'])) {
+            // Extract unitDefinition ID from object or use directly if already an ID
+            $unitDef = $priceData['unitDefinition'];
+            if (is_array($unitDef) && isset($unitDef['id'])) {
+                $result['unitDefinition'] = (int) $unitDef['id'];
+            } elseif (is_numeric($unitDef)) {
+                $result['unitDefinition'] = (int) $unitDef;
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedLastYearFilter.php b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedLastYearFilter.php
new file mode 100644
index 0000000000..a605ba89a0
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedLastYearFilter.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter;
+
+use Carbon\Carbon;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Filter\FilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Query\QueryInterface;
+use Pimcore\Bundle\StudioBackendBundle\MappedParameter\Filter\ColumnFiltersParameterInterface;
+
+final class CreatedLastYearFilter implements FilterInterface, StudioGridFilterInterface
+{
+    public const COLUMN_TYPE = 'coreshop_created_last_year';
+
+    public function getType(): string
+    {
+        return self::COLUMN_TYPE;
+    }
+
+    public function getLabel(): string
+    {
+        return 'coreshop_grid_filter_created_last_year';
+    }
+
+    public function apply(mixed $parameters, QueryInterface $query): QueryInterface
+    {
+        if (!$parameters instanceof ColumnFiltersParameterInterface) {
+            return $query;
+        }
+
+        $isRequested = false;
+        /** @psalm-suppress InternalMethod */
+        foreach ($parameters->getColumnFilters() as $filter) {
+            if (($filter['type'] ?? null) === self::COLUMN_TYPE) {
+                $isRequested = true;
+                break;
+            }
+        }
+
+        if (!$isRequested) {
+            return $query;
+        }
+
+        $startOfLastYear = Carbon::now()->subYear()->startOfYear();
+        $endOfLastYear = Carbon::now()->subYear()->endOfYear()->addDay();
+
+        return $query->filterDatetime(
+            'system_fields.creationDate',
+            $startOfLastYear,
+            $endOfLastYear,
+            null,
+            true,
+            false,
+        );
+    }
+
+    public function supports(string $listType): bool
+    {
+        return in_array($listType, [
+            'coreshop_order',
+            'coreshop_cart',
+            'coreshop_quote',
+        ], true);
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisMonthFilter.php b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisMonthFilter.php
new file mode 100644
index 0000000000..3d92556560
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisMonthFilter.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter;
+
+use Carbon\Carbon;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Filter\FilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Query\QueryInterface;
+use Pimcore\Bundle\StudioBackendBundle\MappedParameter\Filter\ColumnFiltersParameterInterface;
+
+final class CreatedThisMonthFilter implements FilterInterface, StudioGridFilterInterface
+{
+    public const COLUMN_TYPE = 'coreshop_created_this_month';
+
+    public function getType(): string
+    {
+        return self::COLUMN_TYPE;
+    }
+
+    public function getLabel(): string
+    {
+        return 'coreshop_grid_filter_created_this_month';
+    }
+
+    public function apply(mixed $parameters, QueryInterface $query): QueryInterface
+    {
+        if (!$parameters instanceof ColumnFiltersParameterInterface) {
+            return $query;
+        }
+
+        $isRequested = false;
+        /** @psalm-suppress InternalMethod */
+        foreach ($parameters->getColumnFilters() as $filter) {
+            if (($filter['type'] ?? null) === self::COLUMN_TYPE) {
+                $isRequested = true;
+                break;
+            }
+        }
+
+        if (!$isRequested) {
+            return $query;
+        }
+
+        $startOfMonth = Carbon::now()->startOfMonth();
+        $endOfMonth = Carbon::now()->endOfMonth()->addDay();
+
+        return $query->filterDatetime(
+            'system_fields.creationDate',
+            $startOfMonth,
+            $endOfMonth,
+            null,
+            true,
+            false,
+        );
+    }
+
+    public function supports(string $listType): bool
+    {
+        return in_array($listType, [
+            'coreshop_order',
+            'coreshop_cart',
+            'coreshop_quote',
+        ], true);
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisWeekFilter.php b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisWeekFilter.php
new file mode 100644
index 0000000000..08e96829e7
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisWeekFilter.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter;
+
+use Carbon\Carbon;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Filter\FilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Query\QueryInterface;
+use Pimcore\Bundle\StudioBackendBundle\MappedParameter\Filter\ColumnFiltersParameterInterface;
+
+final class CreatedThisWeekFilter implements FilterInterface, StudioGridFilterInterface
+{
+    public const COLUMN_TYPE = 'coreshop_created_this_week';
+
+    public function getType(): string
+    {
+        return self::COLUMN_TYPE;
+    }
+
+    public function getLabel(): string
+    {
+        return 'coreshop_grid_filter_created_this_week';
+    }
+
+    public function apply(mixed $parameters, QueryInterface $query): QueryInterface
+    {
+        if (!$parameters instanceof ColumnFiltersParameterInterface) {
+            return $query;
+        }
+
+        $isRequested = false;
+        /** @psalm-suppress InternalMethod */
+        foreach ($parameters->getColumnFilters() as $filter) {
+            if (($filter['type'] ?? null) === self::COLUMN_TYPE) {
+                $isRequested = true;
+                break;
+            }
+        }
+
+        if (!$isRequested) {
+            return $query;
+        }
+
+        $startOfWeek = Carbon::now()->startOfWeek();
+        $endOfWeek = Carbon::now()->endOfWeek()->addDay();
+
+        return $query->filterDatetime(
+            'system_fields.creationDate',
+            $startOfWeek,
+            $endOfWeek,
+            null,
+            true,
+            false,
+        );
+    }
+
+    public function supports(string $listType): bool
+    {
+        return in_array($listType, [
+            'coreshop_order',
+            'coreshop_cart',
+            'coreshop_quote',
+        ], true);
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisYearFilter.php b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisYearFilter.php
new file mode 100644
index 0000000000..5079a20c94
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedThisYearFilter.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter;
+
+use Carbon\Carbon;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Filter\FilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Query\QueryInterface;
+use Pimcore\Bundle\StudioBackendBundle\MappedParameter\Filter\ColumnFiltersParameterInterface;
+
+final class CreatedThisYearFilter implements FilterInterface, StudioGridFilterInterface
+{
+    public const COLUMN_TYPE = 'coreshop_created_this_year';
+
+    public function getType(): string
+    {
+        return self::COLUMN_TYPE;
+    }
+
+    public function getLabel(): string
+    {
+        return 'coreshop_grid_filter_created_this_year';
+    }
+
+    public function apply(mixed $parameters, QueryInterface $query): QueryInterface
+    {
+        if (!$parameters instanceof ColumnFiltersParameterInterface) {
+            return $query;
+        }
+
+        $isRequested = false;
+        /** @psalm-suppress InternalMethod */
+        foreach ($parameters->getColumnFilters() as $filter) {
+            if (($filter['type'] ?? null) === self::COLUMN_TYPE) {
+                $isRequested = true;
+                break;
+            }
+        }
+
+        if (!$isRequested) {
+            return $query;
+        }
+
+        $startOfYear = Carbon::now()->startOfYear();
+        $endOfYear = Carbon::now()->endOfYear()->addDay();
+
+        return $query->filterDatetime(
+            'system_fields.creationDate',
+            $startOfYear,
+            $endOfYear,
+            null,
+            true,
+            false,
+        );
+    }
+
+    public function supports(string $listType): bool
+    {
+        return in_array($listType, [
+            'coreshop_order',
+            'coreshop_cart',
+            'coreshop_quote',
+        ], true);
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedTodayFilter.php b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedTodayFilter.php
new file mode 100644
index 0000000000..de494b2469
--- /dev/null
+++ b/src/CoreShop/Bundle/CoreBundle/StudioBackend/Grid/Filter/CreatedTodayFilter.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CoreBundle\StudioBackend\Grid\Filter;
+
+use Carbon\Carbon;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Filter\FilterInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataIndex\Query\QueryInterface;
+use Pimcore\Bundle\StudioBackendBundle\MappedParameter\Filter\ColumnFiltersParameterInterface;
+
+final class CreatedTodayFilter implements FilterInterface, StudioGridFilterInterface
+{
+    public const COLUMN_TYPE = 'coreshop_created_today';
+
+    public function getType(): string
+    {
+        return self::COLUMN_TYPE;
+    }
+
+    public function getLabel(): string
+    {
+        return 'coreshop_grid_filter_created_today';
+    }
+
+    public function apply(mixed $parameters, QueryInterface $query): QueryInterface
+    {
+        if (!$parameters instanceof ColumnFiltersParameterInterface) {
+            return $query;
+        }
+
+        // Check if this filter is requested
+        $isRequested = false;
+        /** @psalm-suppress InternalMethod */
+        foreach ($parameters->getColumnFilters() as $filter) {
+            if (($filter['type'] ?? null) === self::COLUMN_TYPE) {
+                $isRequested = true;
+                break;
+            }
+        }
+
+        if (!$isRequested) {
+            return $query;
+        }
+
+        $startOfDay = Carbon::today();
+        $endOfDay = Carbon::tomorrow();
+
+        return $query->filterDatetime(
+            'system_fields.creationDate',
+            $startOfDay,
+            $endOfDay,
+            null,
+            true,
+            false,
+        );
+    }
+
+    public function supports(string $listType): bool
+    {
+        return in_array($listType, [
+            'coreshop_order',
+            'coreshop_cart',
+            'coreshop_quote',
+        ], true);
+    }
+}
diff --git a/src/CoreShop/Bundle/CoreBundle/composer.json b/src/CoreShop/Bundle/CoreBundle/composer.json
index 4e92d9cc17..5b023efc4a 100644
--- a/src/CoreShop/Bundle/CoreBundle/composer.json
+++ b/src/CoreShop/Bundle/CoreBundle/composer.json
@@ -1,92 +1,97 @@
 {
-  "name": "coreshop/core-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Core Bundle (Glue Bundle)",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/core-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Core Bundle (Glue Bundle)",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/order-bundle": "^5.0",
+        "coreshop/customer-bundle": "^5.0",
+        "coreshop/inventory-bundle": "^5.0",
+        "coreshop/product-bundle": "^5.0",
+        "coreshop/product-quantity-price-rules-bundle": "^5.0",
+        "coreshop/address-bundle": "^5.0",
+        "coreshop/currency-bundle": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "coreshop/taxation-bundle": "^5.0",
+        "coreshop/store-bundle": "^5.0",
+        "coreshop/index-bundle": "^5.0",
+        "coreshop/payment-bundle": "^5.0",
+        "coreshop/seo-bundle": "^5.0",
+        "coreshop/shipping-bundle": "^5.0",
+        "coreshop/tracking-bundle": "^5.0",
+        "coreshop/frontend-bundle": "^5.0",
+        "coreshop/sequence-bundle": "^5.0",
+        "coreshop/payum-bundle": "^5.0",
+        "coreshop/payum-payment-bundle": "^5.0",
+        "coreshop/configuration-bundle": "^5.0",
+        "coreshop/notification-bundle": "^5.0",
+        "coreshop/workflow-bundle": "^5.0",
+        "coreshop/menu-bundle": "^5.0",
+        "coreshop/user-bundle": "^5.0",
+        "coreshop/variant-bundle": "^5.0",
+        "coreshop/wishlist-bundle": "^5.0",
+        "coreshop/messenger-bundle": "^5.0",
+        "coreshop/class-definition-patch-bundle": "^5.0",
+        "coreshop/core": "^5.0",
+        "doctrine/data-fixtures": "^1.5",
+        "doctrine/doctrine-fixtures-bundle": "^3.4",
+        "fakerphp/faker": "^1.16",
+        "rinvex/countries": "^9.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/order-bundle": "^5.0",
-    "coreshop/customer-bundle": "^5.0",
-    "coreshop/inventory-bundle": "^5.0",
-    "coreshop/product-bundle": "^5.0",
-    "coreshop/product-quantity-price-rules-bundle": "^5.0",
-    "coreshop/address-bundle": "^5.0",
-    "coreshop/currency-bundle": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "coreshop/taxation-bundle": "^5.0",
-    "coreshop/store-bundle": "^5.0",
-    "coreshop/index-bundle": "^5.0",
-    "coreshop/payment-bundle": "^5.0",
-    "coreshop/seo-bundle": "^5.0",
-    "coreshop/shipping-bundle": "^5.0",
-    "coreshop/tracking-bundle": "^5.0",
-    "coreshop/sequence-bundle": "^5.0",
-    "coreshop/payum-bundle": "^5.0",
-    "coreshop/payum-payment-bundle": "^5.0",
-    "coreshop/configuration-bundle": "^5.0",
-    "coreshop/notification-bundle": "^5.0",
-    "coreshop/workflow-bundle": "^5.0",
-    "coreshop/menu-bundle": "^5.0",
-    "coreshop/user-bundle": "^5.0",
-    "coreshop/variant-bundle": "^5.0",
-    "coreshop/wishlist-bundle": "^5.0",
-    "coreshop/messenger-bundle": "^5.0",
-    "coreshop/class-definition-patch-bundle": "^5.0",
-    "coreshop/core": "^5.0",
-    "doctrine/data-fixtures": "^1.8",
-    "doctrine/doctrine-fixtures-bundle": "^3.4",
-    "fakerphp/faker": "^1.16",
-    "rinvex/countries": "^9.0",
-    "pimcore/pimcore": "^12.3",
-    "pimcore/newsletter-bundle": "^2.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\CoreBundle\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\CoreBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/newsletter-bundle": "^2.0 - Enables Pimcore Newsletter document type and field integrations",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Controller/ExchangeRateController.php b/src/CoreShop/Bundle/CurrencyBundle/Controller/ExchangeRateController.php
index b15981bb89..f68660d1ba 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/Controller/ExchangeRateController.php
+++ b/src/CoreShop/Bundle/CurrencyBundle/Controller/ExchangeRateController.php
@@ -26,7 +26,12 @@ class ExchangeRateController extends ResourceController
 {
     public function saveAction(Request $request): JsonResponse
     {
-        $resource = $this->repository->find($this->getParameterFromRequest($request, 'id'));
+        $id = $this->getParameterFromRequest($request, 'id');
+        $resource = null;
+        
+        if ($id) {
+            $resource = $this->repository->find($this->getParameterFromRequest($request, 'id'));
+        }
 
         if (!$resource instanceof ResourceInterface) {
             $resource = $this->factory->createNew();
diff --git a/src/CoreShop/Bundle/CurrencyBundle/DependencyInjection/CoreShopCurrencyExtension.php b/src/CoreShop/Bundle/CurrencyBundle/DependencyInjection/CoreShopCurrencyExtension.php
index 850cc6fc40..aa676df588 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/DependencyInjection/CoreShopCurrencyExtension.php
+++ b/src/CoreShop/Bundle/CurrencyBundle/DependencyInjection/CoreShopCurrencyExtension.php
@@ -25,10 +25,29 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopCurrencyExtension extends AbstractModelExtension
+final class CoreShopCurrencyExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopCurrency',
+                    ],
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopMultiSelectAdapter' => [
+                        'coreShopCurrencyMultiselect',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -46,6 +65,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         $container->setParameter('coreshop.currency.decimal_factor', $configs['money_decimal_factor']);
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Form/Type/CurrencyType.php b/src/CoreShop/Bundle/CurrencyBundle/Form/Type/CurrencyType.php
index 274af1ffb4..d03031b747 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/Form/Type/CurrencyType.php
+++ b/src/CoreShop/Bundle/CurrencyBundle/Form/Type/CurrencyType.php
@@ -27,10 +27,18 @@ final class CurrencyType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextType::class)
-            ->add('isoCode', TextType::class)
-            ->add('numericIsoCode', IntegerType::class)
-            ->add('symbol', TextType::class)
+            ->add('name', TextType::class, [
+                'label' => 'coreshop_name',
+            ])
+            ->add('isoCode', TextType::class, [
+                'label' => 'coreshop_currency_isoCode',
+            ])
+            ->add('numericIsoCode', IntegerType::class, [
+                'label' => 'coreshop_currency_numericIsoCode',
+            ])
+            ->add('symbol', TextType::class, [
+                'label' => 'coreshop_currency_symbol',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Form/Type/ExchangeRateType.php b/src/CoreShop/Bundle/CurrencyBundle/Form/Type/ExchangeRateType.php
index d77a0446c8..b71985966c 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/Form/Type/ExchangeRateType.php
+++ b/src/CoreShop/Bundle/CurrencyBundle/Form/Type/ExchangeRateType.php
@@ -28,15 +28,18 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('exchangeRate', NumberType::class, [
+                'label' => 'coreshop_exchange_rate',
                 'required' => true,
                 'scale' => 10,
                 'rounding_mode' => $options['rounding_mode'],
             ])
             ->add('fromCurrency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_from_currency',
                 'required' => true,
                 'empty_data' => false,
             ])
             ->add('toCurrency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_to_currency',
                 'required' => true,
                 'empty_data' => false,
             ])
diff --git a/src/CoreShop/Bundle/CurrencyBundle/README.md b/src/CoreShop/Bundle/CurrencyBundle/README.md
index 861f2760cb..405c1ddbdc 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/README.md
+++ b/src/CoreShop/Bundle/CurrencyBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..8260179489
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@coreshop/currency",
+  "version": "1.0.0",
+  "description": "CoreShop CurrencyBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
new file mode 100644
index 0000000000..d4db119155
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#43A047" d="M42,35c0,8.008-8.059,8-18,8c-9.941,0-18,0.008-18-8s8.059-18,18-18C33.941,17,42,26.992,42,35z"/>
+	<path fill="#43A047" d="M30,8.571c-1.896,2.098-1-4.423-5,0c-1.897,2.098-1-4.423-5,0c-1.691,1.87-1.165-3.103-3.864-1.071L19,18   h10l2.994-10.977C31.514,7.154,30.877,7.602,30,8.571z"/>
+</g>
+<path fill="#FFFFFF" d="M25.46,33.744c0-0.48-0.134-0.862-0.399-1.147c-0.267-0.283-0.72-0.546-1.358-0.786  s-1.189-0.479-1.652-0.716c-0.463-0.238-0.86-0.51-1.191-0.818c-0.331-0.307-0.589-0.669-0.773-1.085s-0.277-0.911-0.277-1.485  c0-0.99,0.316-1.802,0.949-2.435s1.474-1.002,2.522-1.107v-1.881h1.406v1.907c1.037,0.146,1.849,0.579,2.435,1.297  S28,27.135,28,28.277h-2.54c0-0.703-0.146-1.229-0.435-1.577c-0.291-0.349-0.679-0.523-1.165-0.523c-0.48,0-0.853,0.137-1.116,0.408  c-0.264,0.273-0.396,0.649-0.396,1.13c0,0.445,0.129,0.803,0.387,1.072s0.737,0.545,1.437,0.826s1.276,0.547,1.727,0.796  s0.832,0.53,1.143,0.844s0.548,0.671,0.712,1.072S28,33.193,28,33.727c0,0.996-0.311,1.805-0.932,2.426s-1.477,0.987-2.566,1.099V39  h-1.397v-1.74c-1.201-0.129-2.131-0.555-2.791-1.278s-0.989-1.687-0.989-2.888h2.54c0,0.697,0.166,1.232,0.497,1.604  s0.807,0.558,1.428,0.558c0.516,0,0.923-0.136,1.222-0.409C25.311,34.575,25.46,34.207,25.46,33.744z"/>
+<g>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M14,38.996c-0.439-2.221-0.505-4.505-0.224-6.749   c0.545-4.359,1.983-8.853,4.43-12.473c0.264-0.391,0.607-1.138,0.997-1.403c0.339-0.23,0.42-0.145,0.83-0.041   c0.754,0.19,1.511,0.351,2.284,0.444c2.248,0.272,4.57,0.07,6.683-0.774"/>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M11,29c0-3,3.818-10.163,8-11"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/assets/exchange_rate.svg b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/assets/exchange_rate.svg
new file mode 100644
index 0000000000..ad553ccd81
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/assets/exchange_rate.svg
@@ -0,0 +1,6 @@
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<circle fill="#3F51B5" cx="18" cy="18" r="15"/>
+<path fill="#FFF59D" d="M20.3,16v1.7h-3.8v1.4h3.8v1.7h-3.8c0,0.6,0.1,1.2,0.3,1.6c0.2,0.4,0.4,0.8,0.7,1c0.3,0.3,0.7,0.4,1.1,0.6&#10;&#9;c0.4,0.1,0.9,0.2,1.4,0.2c0.4,0,0.7,0,1.1-0.1c0.4-0.1,0.7-0.1,1-0.3l0.4,2.7c-0.4,0.1-0.9,0.2-1.4,0.2c-0.5,0.1-1,0.1-1.5,0.1&#10;&#9;c-0.9,0-1.8-0.1-2.6-0.4c-0.8-0.2-1.5-0.6-2-1.1c-0.6-0.5-1-1.1-1.4-1.9c-0.3-0.7-0.5-1.6-0.5-2.6h-1.9v-1.7h1.9v-1.4h-1.9V16h1.9&#10;&#9;c0.1-1,0.3-1.8,0.6-2.6c0.4-0.7,0.8-1.4,1.4-1.9c0.6-0.5,1.3-0.9,2.1-1.1c0.8-0.3,1.7-0.4,2.6-0.4c0.4,0,0.9,0,1.3,0.1&#10;&#9;c0.4,0.1,0.9,0.1,1.3,0.3l-0.4,2.7c-0.3-0.1-0.6-0.2-1-0.3c-0.4-0.1-0.7-0.1-1.1-0.1c-0.5,0-1,0.1-1.4,0.2c-0.4,0.1-0.8,0.3-1,0.6&#10;&#9;c-0.3,0.3-0.5,0.6-0.7,1s-0.3,0.9-0.3,1.5H20.3z"/>
+<circle fill="#4CAF50" cx="30" cy="30" r="15"/>
+<path fill="#FFFFFF" d="M28.4,27c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.4,0.7,0.5c0.3,0.2,0.7,0.3,1.1,0.5c0.7,0.3,1.4,0.6,2,0.9&#10;&#9;c0.6,0.3,1.1,0.7,1.5,1.1c0.4,0.4,0.8,0.9,1,1.4c0.2,0.5,0.4,1.2,0.4,1.9c0,0.7-0.1,1.3-0.3,1.8c-0.2,0.5-0.5,1-0.9,1.4&#10;&#9;s-0.9,0.7-1.4,0.9c-0.6,0.2-1.2,0.4-1.8,0.5v2.2h-1.8v-2.2c-0.6-0.1-1.2-0.2-1.8-0.4s-1.1-0.5-1.5-1c-0.5-0.4-0.8-1-1.1-1.6&#10;&#9;c-0.3-0.6-0.4-1.4-0.4-2.3h3.3c0,0.5,0.1,1,0.2,1.3c0.1,0.4,0.3,0.6,0.6,0.9c0.2,0.2,0.5,0.4,0.8,0.5c0.3,0.1,0.6,0.1,0.9,0.1&#10;&#9;c0.4,0,0.7,0,0.9-0.1c0.3-0.1,0.5-0.2,0.7-0.4c0.2-0.2,0.3-0.4,0.4-0.6c0.1-0.2,0.1-0.5,0.1-0.8c0-0.3,0-0.6-0.1-0.8&#10;&#9;c-0.1-0.2-0.2-0.5-0.4-0.7s-0.4-0.4-0.7-0.5c-0.3-0.2-0.7-0.3-1.1-0.5c-0.7-0.3-1.4-0.6-2-0.9c-0.6-0.3-1.1-0.7-1.5-1.1&#10;&#9;c-0.4-0.4-0.8-0.9-1-1.4c-0.2-0.5-0.4-1.2-0.4-1.9c0-0.6,0.1-1.2,0.3-1.7c0.2-0.5,0.5-1,0.9-1.4c0.4-0.4,0.9-0.7,1.4-1&#10;&#9;c0.5-0.2,1.2-0.4,1.8-0.5v-2.4h1.8v2.4c0.6,0.1,1.2,0.3,1.8,0.6c0.5,0.3,1,0.6,1.3,1.1c0.4,0.4,0.7,1,0.9,1.6c0.2,0.6,0.3,1.3,0.3,2&#10;&#9;h-3.3c0-0.9-0.2-1.6-0.6-2c-0.4-0.4-0.9-0.7-1.5-0.7c-0.3,0-0.6,0.1-0.9,0.2c-0.2,0.1-0.4,0.2-0.6,0.4c-0.2,0.2-0.3,0.4-0.3,0.6&#10;&#9;c-0.1,0.2-0.1,0.5-0.1,0.8C28.3,26.5,28.4,26.8,28.4,27z"/>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/components/CurrencySelect.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/components/CurrencySelect.tsx
new file mode 100644
index 0000000000..a6ba55cea6
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/components/CurrencySelect.tsx
@@ -0,0 +1,11 @@
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { currencyApi } from '../modules/currencies/api'
+
+const { load: loadCurrencies, getCache: getCurrencyCache, clearCache: clearCurrencyCache } = createOptionsLoader(async () => {
+  const rows = await currencyApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({ value: r.id, label: r.name ?? r.isoCode ?? r.code ?? String(r.id) }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export { loadCurrencies, getCurrencyCache, clearCurrencyCache }
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..7ae9ad0010
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { loadCurrencies, getCurrencyCache, clearCurrencyCache } from './CurrencySelect'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCurrency.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCurrency.tsx
new file mode 100644
index 0000000000..9e253bf168
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCurrency.tsx
@@ -0,0 +1,12 @@
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import type { SelectOption } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { loadCurrencies, getCurrencyCache, clearCurrencyCache } from '../components/CurrencySelect'
+
+export { loadCurrencies, clearCurrencyCache }
+export type { SelectOption as Option }
+
+export class DynamicTypeObjectDataCoreShopCurrency extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopCurrency'
+  loadOptions = loadCurrencies
+  getCachedOptions = getCurrencyCache
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCurrencyMultiselect.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCurrencyMultiselect.tsx
new file mode 100644
index 0000000000..bafd8b781e
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCurrencyMultiselect.tsx
@@ -0,0 +1,8 @@
+import { DynamicTypeObjectDataCoreShopMultiSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect'
+import { loadCurrencies, getCurrencyCache } from '../components/CurrencySelect'
+
+export class DynamicTypeObjectDataCoreShopCurrencyMultiselect extends DynamicTypeObjectDataCoreShopMultiSelect {
+  readonly id = 'coreShopCurrencyMultiselect'
+  loadOptions = loadCurrencies
+  getCachedOptions = getCurrencyCache
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMoneyCurrency.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMoneyCurrency.tsx
new file mode 100644
index 0000000000..65ae3123dd
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMoneyCurrency.tsx
@@ -0,0 +1,118 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { InputNumber, Select, Space } from 'antd'
+import {
+  DynamicTypeObjectDataAbstract,
+  DynamicTypeFieldFilterNumber
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { loadCurrencies, type Option } from './DynamicTypeObjectDataCoreShopCurrency'
+
+interface MoneyCurrencyValue {
+  value?: number | null
+  currency?: number | null
+}
+
+interface MoneyCurrencyInnerProps {
+  value?: MoneyCurrencyValue
+  onChange?: (value: MoneyCurrencyValue) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+  minValue?: number | null
+  maxValue?: number | null
+  decimalPrecision?: number
+}
+
+const MoneyCurrencyInner: React.FC<MoneyCurrencyInnerProps> = ({
+  value,
+  onChange,
+  disabled,
+  style,
+  minValue,
+  maxValue,
+  decimalPrecision = 2
+}) => {
+  const [options, setOptions] = React.useState<Option[]>([])
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    void (async () => {
+      try {
+        const opts = await loadCurrencies()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  const handleValueChange = (newValue: number | null) => {
+    onChange?.({
+      ...value,
+      value: newValue
+    })
+  }
+
+  const handleCurrencyChange = (newCurrency: number) => {
+    onChange?.({
+      ...value,
+      currency: newCurrency
+    })
+  }
+
+  return (
+    <Space.Compact style={style}>
+      <InputNumber
+        value={value?.value}
+        onChange={handleValueChange}
+        disabled={disabled}
+        min={minValue ?? undefined}
+        max={maxValue ?? undefined}
+        precision={decimalPrecision}
+        style={{ flex: 1, minWidth: 120 }}
+      />
+      <Select
+        value={value?.currency}
+        onChange={handleCurrencyChange}
+        options={options}
+        loading={loading}
+        disabled={disabled}
+        showSearch
+        optionFilterProp="label"
+        allowClear
+        style={{ minWidth: 100 }}
+        placeholder="Currency"
+      />
+    </Space.Compact>
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopMoneyCurrency extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopMoneyCurrency'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterNumber()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, minValue, maxValue, decimalPrecision, ...rest } = props
+
+    return (
+      <MoneyCurrencyInner
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+        minValue={minValue}
+        maxValue={maxValue}
+        decimalPrecision={decimalPrecision ?? 2}
+      />
+    )
+  }
+
+  getVersionObjectDataComponent(props: any): React.ReactElement {
+    return this.getObjectDataComponent({ ...props, noteditable: true })
+  }
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..6836384ccc
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,10 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopCurrency } from './DynamicTypeObjectDataCoreShopCurrency'
+export { DynamicTypeObjectDataCoreShopCurrencyMultiselect } from './DynamicTypeObjectDataCoreShopCurrencyMultiselect'
+export { DynamicTypeObjectDataCoreShopMoneyCurrency } from './DynamicTypeObjectDataCoreShopMoneyCurrency'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..7ae6329375
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1 @@
+export { loadCurrencies, getCurrencyCache, clearCurrencyCache } from './components/CurrencySelect'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..d095d04ca3
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,73 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { CurrencyBundleIconModule } from './modules/icon-library'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { EntityChoiceWidget } from '@coreshop/resource/src/components/EntityChoiceWidget'
+import { CurrencyManager } from './modules/currencies/CurrencyManager'
+import { ExchangeRateManager } from './modules/exchange-rates/ExchangeRateManager'
+import { loadCurrencies, getCurrencyCache } from './components/CurrencySelect'
+import {
+    DynamicTypeObjectDataCoreShopCurrency,
+    DynamicTypeObjectDataCoreShopCurrencyMultiselect,
+    DynamicTypeObjectDataCoreShopMoneyCurrency
+} from './dynamic-types'
+import { initCurrencyConfig } from './modules/currency-config'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-currency',
+
+    onInit() {
+        // Load currency config (decimal_factor, decimal_precision) for price formatting
+        void initCurrencyConfig()
+
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCurrency())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCurrencyMultiselect())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopMoneyCurrency())
+
+        // Register StudioForm widget for CurrencyChoiceType
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+        formWidgetRegistry.register('coreshop_currency_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadCurrencies, getCachedOptions: getCurrencyCache, droppableAccept: 'coreshop:currency', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(CurrencyBundleIconModule)
+
+        // Register Currency entity widget (used by menu)
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        widgets.registerWidget({
+            name: 'coreshop-currency-currencies',
+            component: CurrencyManager
+        })
+
+        widgets.registerWidget({
+            name: 'coreshop-currency-exchange-rates',
+            component: ExchangeRateManager
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyForm.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyForm.tsx
new file mode 100644
index 0000000000..5416fb9692
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyForm.tsx
@@ -0,0 +1,28 @@
+/**
+ * CoreShop CurrencyBundle - Currency Form (Schema-driven)
+ *
+ * Form component using the StudioForm schema system.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { CurrencyDetail } from './api'
+
+export const CurrencyForm: React.FC<SchemaFormProps<CurrencyDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<CurrencyDetail>
+        {...props}
+        blockPrefix="coreshop_currency"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyManager.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyManager.tsx
new file mode 100644
index 0000000000..d469f1a5a5
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/CurrencyManager.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import type { CurrencyDetail } from './api'
+import { currencyApi } from './api'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { CurrencyForm } from './CurrencyForm'
+import { useTranslation } from 'react-i18next'
+
+export const CurrencyManager: React.FC = () => {
+  const modal = useFormModal()
+  const { t } = useTranslation()
+
+  return (
+    <EntityTabbedManager<CurrencyDetail>
+      api={ currencyApi }
+      dragType='coreshop:currency'
+      leftRootTitle={t('coreshop_currencies', { defaultValue: 'Currencies' })}
+      getTitle={ (li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}` }
+      buildSavePayload={ (data) => data }
+      onAdd={ async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_currency_add', { defaultValue: 'Add Currency' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await currencyApi.add({ name: nameValue })
+            resolve(res.data.id)
+          }
+        })
+      }) }
+      renderDetail={ (data, setData, ctx) => (
+        <CurrencyForm
+          data={data}
+          onChange={setData}
+          currentLocale={ctx?.currentLocale ?? 'en'}
+          locales={ctx?.locales}
+        />
+      ) }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/api.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/api.ts
new file mode 100644
index 0000000000..251baac076
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/api.ts
@@ -0,0 +1,14 @@
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface CurrencyDetail extends Record<string, any> {
+  id: number
+  name: string
+  isoCode?: string
+  numericIsoCode?: number
+  symbol?: string
+}
+
+export const currencyApi = new EntityApi<CurrencyDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/currencies'
+})
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/index.ts
new file mode 100644
index 0000000000..62931db350
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currencies/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { currencyApi } from './api'
+export { CurrencyManager } from './CurrencyManager'
+export { CurrencyForm } from './CurrencyForm'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currency-config/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currency-config/index.ts
new file mode 100644
index 0000000000..c608ad1720
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/currency-config/index.ts
@@ -0,0 +1,117 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * Currency configuration for price formatting.
+ * Mirrors the ExtJS pimcore.globalmanager coreshop.currency.* values.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect, useCallback, useMemo } from 'react'
+
+export interface CurrencyConfig {
+  decimalPrecision: number
+  decimalFactor: number
+}
+
+const DEFAULT_CONFIG: CurrencyConfig = {
+  decimalPrecision: 2,
+  decimalFactor: 100
+}
+
+// Module-level cache
+let cachedConfig: CurrencyConfig | null = null
+let loadPromise: Promise<CurrencyConfig> | null = null
+
+/**
+ * Load currency configuration from backend
+ */
+const loadConfig = async (): Promise<CurrencyConfig> => {
+  if (cachedConfig) {
+    return cachedConfig
+  }
+
+  if (loadPromise) {
+    return loadPromise
+  }
+
+  loadPromise = (async () => {
+    try {
+      const response = await fetch('/pimcore-studio/api/coreshop/currencies/get-config')
+      if (!response.ok) {
+        console.warn('[CoreShop] Failed to load currency config, using defaults')
+        cachedConfig = DEFAULT_CONFIG
+        return DEFAULT_CONFIG
+      }
+      const data = await response.json()
+      cachedConfig = {
+        decimalPrecision: data.decimal_precision ?? DEFAULT_CONFIG.decimalPrecision,
+        decimalFactor: data.decimal_factor ?? DEFAULT_CONFIG.decimalFactor
+      }
+      return cachedConfig
+    } catch (error) {
+      console.warn('[CoreShop] Error loading currency config:', error)
+      cachedConfig = DEFAULT_CONFIG
+      return DEFAULT_CONFIG
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+/**
+ * Initialize currency config (call once on startup)
+ */
+export const initCurrencyConfig = async (): Promise<void> => {
+  await loadConfig()
+}
+
+/**
+ * Hook to get currency configuration
+ *
+ * Usage:
+ * const { toDisplayPrice, toIntegerPrice, decimalPrecision } = useCurrencyConfig()
+ */
+export const useCurrencyConfig = () => {
+  const [config, setConfig] = useState<CurrencyConfig>(cachedConfig ?? DEFAULT_CONFIG)
+  const [loading, setLoading] = useState(!cachedConfig)
+
+  useEffect(() => {
+    if (cachedConfig) {
+      setConfig(cachedConfig)
+      setLoading(false)
+      return
+    }
+
+    void (async () => {
+      const loadedConfig = await loadConfig()
+      setConfig(loadedConfig)
+      setLoading(false)
+    })()
+  }, [])
+
+  const toDisplayPrice = useCallback((integerPrice: number | undefined | null): number => {
+    if (integerPrice === undefined || integerPrice === null) {
+      return 0
+    }
+    return integerPrice / config.decimalFactor
+  }, [config.decimalFactor])
+
+  const toIntegerPrice = useCallback((displayPrice: number | undefined | null): number => {
+    if (displayPrice === undefined || displayPrice === null) {
+      return 0
+    }
+    return Math.round(displayPrice * config.decimalFactor)
+  }, [config.decimalFactor])
+
+  return useMemo(() => ({
+    loading,
+    decimalPrecision: config.decimalPrecision,
+    decimalFactor: config.decimalFactor,
+    toDisplayPrice,
+    toIntegerPrice
+  }), [loading, config.decimalPrecision, config.decimalFactor, toDisplayPrice, toIntegerPrice])
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/ExchangeRateManager.tsx b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/ExchangeRateManager.tsx
new file mode 100644
index 0000000000..84581617d4
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/ExchangeRateManager.tsx
@@ -0,0 +1,281 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Table, InputNumber, Select, Popconfirm, Space } from 'antd'
+import { PlusOutlined, DeleteOutlined, CheckOutlined, CloseOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { useTranslation } from 'react-i18next'
+import { exchangeRateApi, type ExchangeRate } from './api'
+import { currencyApi } from '../currencies/api'
+
+interface ExchangeRateRow extends ExchangeRate {
+  isEditing?: boolean
+  isNew?: boolean
+}
+
+export const ExchangeRateManager: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [exchangeRates, setExchangeRates] = React.useState<ExchangeRateRow[]>([])
+  const [currencies, setCurrencies] = React.useState<Array<{ id: number, name: string }>>([])
+  const [loading, setLoading] = React.useState(false)
+  const [editingKey, setEditingKey] = React.useState<string | null>(null)
+  const [editingData, setEditingData] = React.useState<Partial<ExchangeRate>>({})
+
+  // Load currencies
+  React.useEffect(() => {
+    currencyApi.list()
+      .then((rows: any) => {
+        const list = Array.isArray(rows) ? rows : []
+        setCurrencies(list.map((r: any) => ({ id: r.id, name: r.name })))
+      })
+      .catch(() => setCurrencies([]))
+  }, [])
+
+  // Load exchange rates
+  const loadExchangeRates = React.useCallback(() => {
+    setLoading(true)
+    exchangeRateApi.list()
+      .then((rows: any) => {
+        const list = Array.isArray(rows) ? rows : []
+        setExchangeRates(list)
+      })
+      .catch(() => {
+        void messageApi.error(renderApiError(t('coreshop_error_loading', { defaultValue: 'Failed to load exchange rates' })))
+        setExchangeRates([])
+      })
+      .finally(() => setLoading(false))
+  }, [])
+
+  React.useEffect(() => {
+    loadExchangeRates()
+  }, [loadExchangeRates])
+
+  // Generate temp key for new rows
+  const getTempKey = () => `temp_${Date.now()}_${Math.random()}`
+
+  // Add new exchange rate (inline, not saved yet)
+  const handleAdd = () => {
+    const tempKey = getTempKey()
+    const newRow: ExchangeRateRow = {
+      fromCurrency: undefined as any,
+      toCurrency: undefined as any,
+      exchangeRate: 1,
+      isEditing: true,
+      isNew: true
+    }
+
+    setExchangeRates([newRow, ...exchangeRates])
+    setEditingKey(tempKey)
+    setEditingData(newRow)
+  }
+
+  // Start editing existing row
+  const handleEdit = (record: ExchangeRateRow, index: number) => {
+    const key = record.id?.toString() || `temp_${index}`
+    setEditingKey(key)
+    setEditingData({ ...record })
+  }
+
+  // Cancel editing
+  const handleCancel = () => {
+    // Remove new unsaved rows
+    setExchangeRates(prev => prev.filter(r => !r.isNew))
+    setEditingKey(null)
+    setEditingData({})
+  }
+
+  // Save changes
+  const handleSave = async () => {
+    if (!editingData.fromCurrency || !editingData.toCurrency || !editingData.exchangeRate) {
+      void messageApi.error(renderApiError(t('coreshop_fill_all_fields', { defaultValue: 'Please fill all fields' })))
+      return
+    }
+
+    try {
+      // Always use save endpoint (no separate add endpoint)
+      await exchangeRateApi.save(editingData as ExchangeRate)
+      void messageApi.success(editingData.id ? t('coreshop_exchange_rate_updated', { defaultValue: 'Exchange rate updated' }) : t('coreshop_exchange_rate_created', { defaultValue: 'Exchange rate created' }))
+
+      // Reload data
+      setEditingKey(null)
+      setEditingData({})
+      loadExchangeRates()
+    } catch (error) {
+      void messageApi.error(renderApiError(t('coreshop_error_saving', { defaultValue: 'Failed to save exchange rate' })))
+    }
+  }
+
+  // Update editing data
+  const handleFieldChange = (field: keyof ExchangeRate, value: any) => {
+    setEditingData(prev => ({ ...prev, [field]: value }))
+  }
+
+  // Delete exchange rate
+  const handleDelete = async (id: number) => {
+    try {
+      await exchangeRateApi.delete(id)
+      void messageApi.success(t('coreshop_exchange_rate_deleted', { defaultValue: 'Exchange rate deleted' }))
+      loadExchangeRates()
+    } catch (error) {
+      void messageApi.error(renderApiError(t('coreshop_error_deleting', { defaultValue: 'Failed to delete exchange rate' })))
+    }
+  }
+
+  const isEditing = (record: ExchangeRateRow, index: number) => {
+    const key = record.id?.toString() || `temp_${index}`
+    return editingKey === key || record.isNew
+  }
+
+  const columns = [
+    {
+      title: t('coreshop_from_currency', { defaultValue: 'From Currency' }),
+      dataIndex: 'fromCurrency',
+      key: 'fromCurrency',
+      width: '35%',
+      render: (value: number, record: ExchangeRateRow, index: number) => {
+        if (isEditing(record, index)) {
+          return (
+            <Select
+              value={editingData.fromCurrency}
+              onChange={(newValue) => handleFieldChange('fromCurrency', newValue)}
+              options={currencies.map(c => ({ value: c.id, label: c.name }))}
+              style={{ width: '100%' }}
+              showSearch
+              optionFilterProp="label"
+            />
+          )
+        }
+        const currency = currencies.find(c => c.id === value)
+        return currency?.name || value
+      }
+    },
+    {
+      title: t('coreshop_to_currency', { defaultValue: 'To Currency' }),
+      dataIndex: 'toCurrency',
+      key: 'toCurrency',
+      width: '35%',
+      render: (value: number, record: ExchangeRateRow, index: number) => {
+        if (isEditing(record, index)) {
+          return (
+            <Select
+              value={editingData.toCurrency}
+              onChange={(newValue) => handleFieldChange('toCurrency', newValue)}
+              options={currencies.map(c => ({ value: c.id, label: c.name }))}
+              style={{ width: '100%' }}
+              showSearch
+              optionFilterProp="label"
+            />
+          )
+        }
+        const currency = currencies.find(c => c.id === value)
+        return currency?.name || value
+      }
+    },
+    {
+      title: t('coreshop_exchange_rate', { defaultValue: 'Exchange Rate' }),
+      dataIndex: 'exchangeRate',
+      key: 'exchangeRate',
+      width: '20%',
+      render: (value: number, record: ExchangeRateRow, index: number) => {
+        if (isEditing(record, index)) {
+          return (
+            <InputNumber
+              value={editingData.exchangeRate}
+              onChange={(newValue) => handleFieldChange('exchangeRate', newValue ?? 0)}
+              precision={10}
+              min={0}
+              step={0.0001}
+              style={{ width: '100%' }}
+            />
+          )
+        }
+        return value
+      }
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: '10%',
+      render: (_: any, record: ExchangeRateRow, index: number) => {
+        if (isEditing(record, index)) {
+          return (
+            <Space>
+              <Button
+                type="text"
+                icon={<CheckOutlined />}
+                onClick={handleSave}
+                style={{ color: '#52c41a' }}
+              />
+              <Button
+                type="text"
+                icon={<CloseOutlined />}
+                onClick={handleCancel}
+                danger
+              />
+            </Space>
+          )
+        }
+
+        return (
+          <Space>
+            <Button
+              type="text"
+              onClick={() => handleEdit(record, index)}
+            >
+              {t('coreshop_edit', { defaultValue: 'Edit' })}
+            </Button>
+            {record.id && (
+              <Popconfirm
+                title={t('coreshop_delete_exchange_rate_confirm', { defaultValue: 'Delete exchange rate?' })}
+                onConfirm={() => handleDelete(record.id!)}
+                okText={t('yes', { defaultValue: 'Yes' })}
+                cancelText={t('no', { defaultValue: 'No' })}
+              >
+                <Button type="text" icon={<DeleteOutlined />} danger />
+              </Popconfirm>
+            )}
+          </Space>
+        )
+      }
+    }
+  ]
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <div>
+          <Button
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={handleAdd}
+            disabled={editingKey !== null}
+          >
+            {t('coreshop_add', { defaultValue: 'Add' })}
+          </Button>
+        </div>
+
+        <Table
+          columns={columns}
+          dataSource={exchangeRates}
+          loading={loading}
+          rowKey={(record, index) => record.id?.toString() || `temp_${index}`}
+          pagination={false}
+          bordered
+          size="middle"
+        />
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/api.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/api.ts
new file mode 100644
index 0000000000..418f584574
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/api.ts
@@ -0,0 +1,25 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface ExchangeRate {
+  id?: number
+  fromCurrency: number
+  toCurrency: number
+  exchangeRate: number
+}
+
+export const exchangeRateApi = new EntityApi<ExchangeRate>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/exchange_rates'
+})
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/index.ts
new file mode 100644
index 0000000000..8ad5cb8de9
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/exchange-rates/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop CurrencyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { exchangeRateApi } from './api'
+export { ExchangeRateManager } from './ExchangeRateManager'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..7b038ccdb2
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,46 @@
+/**
+ * CoreShop CurrencyBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import currenciesIcon from '../../assets/currencies.svg?react'
+// @ts-ignore
+import exchangeRateIcon from '../../assets/exchange_rate.svg?react'
+
+export const CurrencyBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_icon_currency',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_currency',
+      component: currenciesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_icon_exchange_rate',
+      component: exchangeRateIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_exchange_rate',
+      component: exchangeRateIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/form.yml
index f626f26835..cfbabf9aba 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/form.yml
@@ -18,6 +18,7 @@ services:
             - '%coreshop.form.type.currency.validation_groups%'
         tags:
             -  { name: form.type }
+            -  { name: coreshop.studio_form }
 
     CoreShop\Bundle\CurrencyBundle\Form\Type\ExchangeRateType:
         arguments:
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..02e05481d3
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\CurrencyBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/CurrencyBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..f1028897d5
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,27 @@
+---
+coreshop_currency: 'Währung'
+coreshop_currency_isoCode: 'ISO Kennzeichnung'
+coreshop_currency_numericIsoCode: 'Nummerischer ISO'
+coreshop_currency_symbol: 'Symbol'
+coreshop_currency_multiselect: 'Währung Multiselect'
+coreshop_from_currency: 'Von Währung'
+coreshop_to_currency: 'Zu Währung'
+coreshop_exchange_rate: 'Wechselkurs'
+coreshop_exchange_rates: 'Wechselkurse'
+coreshop_permission_currency: 'CoreShop: Währung'
+coreshop_permission_exchange_rate: 'CoreShop: Wechselkurs'
+coreshop_money_currency: 'Geld/Währung'
+coreshop_currencies: 'Währungen'
+
+# Studio v2 - Currency & Exchange Rates
+coreshop_currency_add: 'Währung hinzufügen'
+coreshop_currency_configuration: 'Währung Konfiguration'
+coreshop_edit: 'Bearbeiten'
+coreshop_error_loading: 'Fehler beim Laden'
+coreshop_error_saving: 'Fehler beim Speichern'
+coreshop_error_deleting: 'Fehler beim Löschen'
+coreshop_fill_all_fields: 'Bitte füllen Sie alle Felder aus'
+coreshop_exchange_rate_created: 'Wechselkurs erstellt'
+coreshop_exchange_rate_updated: 'Wechselkurs aktualisiert'
+coreshop_exchange_rate_deleted: 'Wechselkurs gelöscht'
+coreshop_delete_exchange_rate_confirm: 'Sind Sie sicher, dass Sie diesen Wechselkurs löschen möchten?'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/CurrencyBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..c3d497ebfd
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,27 @@
+---
+coreshop_currency: 'Currency'
+coreshop_currency_isoCode: 'ISO Code'
+coreshop_currency_numericIsoCode: 'Numeric ISO Code'
+coreshop_currency_symbol: 'Symbol'
+coreshop_currency_multiselect: 'Currency Multiselect'
+coreshop_from_currency: 'From Currency'
+coreshop_to_currency: 'To Currency'
+coreshop_exchange_rate: 'Exchange Rate'
+coreshop_exchange_rates: 'Exchange Rates'
+coreshop_permission_currency: 'CoreShop: Currency'
+coreshop_permission_exchange_rate: 'CoreShop: Exchange Rate'
+coreshop_money_currency: 'Money Currency'
+coreshop_currencies: 'Currencies'
+coreshop_currency_configuration: 'Currency Configuration'
+
+# Studio v2 - Currency & Exchange Rates
+coreshop_currency_add: 'Add Currency'
+coreshop_edit: 'Edit'
+coreshop_error_loading: 'Error loading'
+coreshop_error_saving: 'Error saving'
+coreshop_error_deleting: 'Error deleting'
+coreshop_fill_all_fields: 'Please fill in all fields'
+coreshop_exchange_rate_created: 'Exchange rate created'
+coreshop_exchange_rate_updated: 'Exchange rate updated'
+coreshop_exchange_rate_deleted: 'Exchange rate deleted'
+coreshop_delete_exchange_rate_confirm: 'Are you sure you want to delete this exchange rate?'
diff --git a/src/CoreShop/Bundle/CurrencyBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/CurrencyBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..2b01c6499e
--- /dev/null
+++ b/src/CoreShop/Bundle/CurrencyBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CurrencyBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CurrencyBundle/composer.json b/src/CoreShop/Bundle/CurrencyBundle/composer.json
index 9d50c18d5d..bedf9ebb9d 100644
--- a/src/CoreShop/Bundle/CurrencyBundle/composer.json
+++ b/src/CoreShop/Bundle/CurrencyBundle/composer.json
@@ -1,59 +1,66 @@
 {
-  "name": "coreshop/currency-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Currency Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/currency-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Currency Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/currency": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "symfony/intl": "^6.4.14 || ^7.2"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/currency": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "symfony/intl": "^6.3 || ^7.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\CurrencyBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\CurrencyBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/CustomerBundle/CoreShopCustomerBundle.php b/src/CoreShop/Bundle/CustomerBundle/CoreShopCustomerBundle.php
index 94d522272e..0b3dfbd6d9 100644
--- a/src/CoreShop/Bundle/CustomerBundle/CoreShopCustomerBundle.php
+++ b/src/CoreShop/Bundle/CustomerBundle/CoreShopCustomerBundle.php
@@ -21,7 +21,6 @@
 use CoreShop\Bundle\CustomerBundle\DependencyInjection\Compiler\CompositeRequestResolverPass;
 use CoreShop\Bundle\ResourceBundle\AbstractResourceBundle;
 use CoreShop\Bundle\ResourceBundle\CoreShopResourceBundle;
-use Pimcore\Bundle\NewsletterBundle\PimcoreNewsletterBundle;
 use Pimcore\HttpKernel\BundleCollection\BundleCollection;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
 
@@ -37,11 +36,6 @@ public function getSupportedDrivers(): array
     public static function registerDependentBundles(BundleCollection $collection): void
     {
         parent::registerDependentBundles($collection);
-
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
-        $collection->addBundle(new PimcoreNewsletterBundle(), 10);
     }
 
     public function build(ContainerBuilder $container): void
diff --git a/src/CoreShop/Bundle/CustomerBundle/DependencyInjection/CoreShopCustomerExtension.php b/src/CoreShop/Bundle/CustomerBundle/DependencyInjection/CoreShopCustomerExtension.php
index db4be453a6..e53c600875 100644
--- a/src/CoreShop/Bundle/CustomerBundle/DependencyInjection/CoreShopCustomerExtension.php
+++ b/src/CoreShop/Bundle/CustomerBundle/DependencyInjection/CoreShopCustomerExtension.php
@@ -25,7 +25,6 @@
 use CoreShop\Component\Customer\Context\CustomerContextInterface;
 use CoreShop\Component\Customer\Context\RequestBased\RequestResolverInterface;
 use CoreShop\Component\Registry\Autoconfiguration;
-use Pimcore\Bundle\NewsletterBundle\PimcoreNewsletterBundle;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
@@ -41,15 +40,16 @@ public function load(array $configs, ContainerBuilder $container): void
         $this->registerPimcoreResources('coreshop', $configs['pimcore_admin'], $container);
         $this->registerStack('coreshop', $configs['stack'], $container);
 
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
-        $this->registerDependantBundles('coreshop', [PimcoreNewsletterBundle::class], $container);
-
         $container->setParameter('coreshop.customer.security.login_identifier', $configs['login_identifier']);
 
         $loader->load('services.yml');
 
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         Autoconfiguration::registerForAutoConfiguration(
             $container,
             CustomerContextInterface::class,
diff --git a/src/CoreShop/Bundle/CustomerBundle/README.md b/src/CoreShop/Bundle/CustomerBundle/README.md
index 92a48793d9..9835f7f5b5 100644
--- a/src/CoreShop/Bundle/CustomerBundle/README.md
+++ b/src/CoreShop/Bundle/CustomerBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..f9fccc713d
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@coreshop/customer",
+  "version": "1.0.0",
+  "description": "CoreShop CustomerBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio"
+  }
+}
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/company.svg b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/company.svg
new file mode 100644
index 0000000000..d731d78853
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/company.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill="#ECE3B8" d="M12,21.8l8.8-14.7c-0.1-0.2-0.3-0.4-0.5-0.5l-7.6-4.2c-0.4-0.2-0.9-0.2-1.4,0L3.7,6.6 C3.5,6.7,3.3,6.9,3.2,7.1L12,21.8z"/>
+    <path fill="#E7CF6A" d="M3.2,7.1C3.1,7.3,3,7.6,3,7.8v8.4c0,0.5,0.3,1,0.7,1.2l7.6,4.2c0.2,0.1,0.4,0.2,0.7,0.2V12L3.2,7.1z"/>
+    <path fill="#BC9F54" d="M20.8,7.1C20.9,7.3,21,7.6,21,7.8v8.4c0,0.5-0.3,1-0.7,1.2l-7.6,4.2c-0.2,0.1-0.4,0.2-0.7,0.2V12L20.8,7.1z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg
new file mode 100644
index 0000000000..6a91b350c4
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"  >
+<rect x="27" y="13.25" style="fill:#3E2723;" width="12" height="13.731"/>
+<path style="fill:#2196F3;" d="M36.75,26L36.75,26c0,0-2.219-0.313-3.75-0.313S29.25,26,29.25,26S21,27.527,21,36h24  C45,27.559,36.75,26,36.75,26"/>
+<path style="fill:#EF8D3C;" d="M33,29.75c-1.439,0-3.5-3.75-3.5-3.75v-5h7v5C36.5,26,34.439,29.75,33,29.75"/>
+<path style="fill:#FFAA45;" d="M40,18c0,3.728-3.272,7-7,7c-3.729,0-7-3.272-7-7v-6c0-3.728,14-5.726,14,0V18z M33,31  c2.901,0,3.5-5,3.5-5s-1.864,3-3.5,3s-3.5-3-3.5-3S30.099,31,33,31"/>
+<path style="fill:#0D47A1;" d="M33,33c3.552,0,5.066-3.932,5.443-6.467C37.456,26.14,36.75,26,36.75,26s-0.103-0.014-0.25-0.033V26  c0,0-0.599,5-3.5,5s-3.5-5-3.5-5v-0.033C29.353,25.986,29.25,26,29.25,26s-0.706,0.137-1.694,0.528C27.932,29.063,29.446,33,33,33z"/>
+<path style="fill:#784719;" d="M35,17c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S35,17.551,35,17 M29,17c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S29,16.449,29,17"/>
+<path style="fill:#4E342E;" d="M33,6c-4.556,0-11,2.089-11,17l5,3.98V16l9-5l3,4v12l5-5c0-3.019-0.255-14.5-8-14.5L35,6H33z"/>
+<path style="fill:#FFA726;" d="M23,23.5c0,0.828-0.672,1.5-1.5,1.5c-0.829,0-1.5-0.672-1.5-1.5s0.671-1.5,1.5-1.5  C22.328,22,23,22.672,23,23.5 M10,23.5c0-0.828-0.672-1.5-1.5-1.5S7,22.672,7,23.5S7.672,25,8.5,25S10,24.328,10,23.5"/>
+<path style="fill:#FF9800;" d="M19,32c0,0,0,4-4,4s-4-4-4-4"/>
+<path style="fill:#4FC3F7;" d="M18.75,32L18.75,32L15,32.77L11.25,32c0,0-8.25,1.527-8.25,10h24C27,33.559,18.75,32,18.75,32"/>
+<path style="fill:#FF9800;" d="M15,36c-4,0-4-4-4-4v-4h8v4C19,32,19,36,15,36z"/>
+<path style="fill:#FFB74D;" d="M22,19.68c0-5.879-14-3.828-14,0v4.391C8,27.895,11.133,31,15,31c3.866,0,7-3.105,7-6.93V19.68z"/>
+<path style="fill:#01579B;" d="M15,38c3.059,0,5.578-2.292,5.948-5.25c-0.884-0.398-1.603-0.607-1.954-0.693  C18.963,34.238,17.19,36,15,36c-2.19,0-3.964-1.762-3.994-3.945c-0.353,0.086-1.071,0.293-1.955,0.688C9.417,35.705,11.939,38,15,38  z"/>
+<path style="fill:#795548;" d="M15,12c-4.86,0-8,4.313-8,8.172V22l2,2v-4l9.2-3l2.8,3v4l2-2v-0.809c0-3.218-0.831-6.803-4.8-7.592  L17.399,12H15z"/>
+<path style="fill:#784719;" d="M17,23c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S17,23.551,17,23 M11,23c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S11,22.449,11,23"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/customer.svg b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/customer.svg
new file mode 100644
index 0000000000..8dbce08bdb
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/assets/customer.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#4FC3F7" d="M29,31L29,31c0,0-1,4-5,4s-5-4-5-4S8,32.986,8,44h32C40,33.025,29,31,29,31"/>
+<path fill="#FF9800" d="M24,37c-5,0-5-6-5-6v-6h10v6C29,31,29,37,24,37z"/>
+<g>
+	<path fill="#FFA726" d="M35,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S35,17.895,35,19"/>
+	<path fill="#FFA726" d="M17,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S17,17.895,17,19"/>
+</g>
+<path fill="#FFB74D" d="M33,13c0-7.635-18-4.971-18,0v7c0,4.971,4.029,9,9,9c4.971,0,9-4.029,9-9V13z"/>
+<path fill="#424242" d="M24,4c-6.075,0-10,4.925-10,11v2.284L16,19v-5l12-4l4,4v5l2-1.741V15c0-4.025-1.038-8.015-6-9l-1-2H24z"/>
+<g>
+	<path fill="#784719" d="M27,19c0,0.552,0.448,1,1,1s1-0.448,1-1s-0.448-1-1-1S27,18.448,27,19"/>
+	<path fill="#784719" d="M19,19c0,0.552,0.448,1,1,1s1-0.448,1-1s-0.448-1-1-1S19,18.448,19,19"/>
+</g>
+<path fill="#01579B" d="M24,37c5,0,6.745-3.93,6.951-5.428C29.794,31.148,29,31,29,31s-1,4-5,4s-5-4-5-4s-0.794,0.146-1.952,0.566  C17.252,33.061,19,37,24,37z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..66d9660889
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,12 @@
+/**
+ * CoreShop CustomerBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..c9ee2d0259
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,48 @@
+/**
+ * CoreShop CustomerBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { CustomerBundleIconModule } from './modules/icon-library'
+import { CustomerListingBuildersModule } from './modules/listing-builders'
+import { CustomerList } from './modules/customers'
+import { CustomerGroupList } from './modules/customer-groups'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-customer-plugin',
+
+    onInit() {
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(CustomerBundleIconModule)
+        moduleSystem.registerModule(CustomerListingBuildersModule)
+
+        // Register widgets
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        // Register Customer List widget
+        widgets.registerWidget({
+            name: 'coreshop-customer-customers',
+            component: CustomerList
+        })
+
+        // Register Customer Group List widget
+        widgets.registerWidget({
+            name: 'coreshop-customer-customer-groups',
+            component: CustomerGroupList
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customer-groups/CustomerGroupList.tsx b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customer-groups/CustomerGroupList.tsx
new file mode 100644
index 0000000000..8b6e933675
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customer-groups/CustomerGroupList.tsx
@@ -0,0 +1,111 @@
+/**
+ * CoreShop CustomerBundle Customer Group List
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { ListingBuilder } from '@pimcore/studio-ui-bundle/modules/element'
+import { BaseListing, DataObjectProvider, listingDefaultProps } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { createStyles } from 'antd-style'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  `,
+  listing: css`
+    flex: 1;
+    overflow: hidden;
+  `,
+  loading: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+interface FolderConfig {
+  success: boolean
+  className: string
+  folderId: number
+}
+
+/**
+ * Customer Group List Component
+ *
+ * Displays CoreShopCustomerGroup DataObjects using Pimcore's DataObject listing
+ */
+export const CustomerGroupList: React.FC = () => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const messageApi = useMessage()
+  const [folderId, setFolderId] = React.useState<number | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const listingBuilder = container.get<ListingBuilder>('CoreShop/CustomerGroup/Listing/Builder')
+
+  React.useEffect(() => {
+    const fetchFolderConfig = async (): Promise<void> => {
+      try {
+        const response = await fetch('/pimcore-studio/api/coreshop/customer_groups/folder-configuration')
+        const data: FolderConfig = await response.json()
+
+        if (data.success && data.folderId) {
+          setFolderId(data.folderId)
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch customer group folder configuration')))
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void fetchFolderConfig()
+  }, [])
+
+  if (loading) {
+    return (
+      <div className={styles.loading}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (folderId === null) {
+    return (
+      <div className={styles.loading}>
+        <span>{t('coreshop_no_folder_configured', { defaultValue: 'No folder configured for customer groups' })}</span>
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.listing}>
+        <DataObjectProvider id={folderId}>
+          <BaseListing
+            {...listingBuilder.build({
+              props: {
+                ...listingDefaultProps
+              },
+              config: {}
+            })}
+          />
+        </DataObjectProvider>
+      </div>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customer-groups/index.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customer-groups/index.ts
new file mode 100644
index 0000000000..e686b61bed
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customer-groups/index.ts
@@ -0,0 +1,8 @@
+/**
+ * CoreShop CustomerBundle - Customer Groups Module
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { CustomerGroupList } from './CustomerGroupList'
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customers/CustomerList.tsx b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customers/CustomerList.tsx
new file mode 100644
index 0000000000..78f2ba9d77
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customers/CustomerList.tsx
@@ -0,0 +1,111 @@
+/**
+ * CoreShop CustomerBundle Customer List
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { ListingBuilder } from '@pimcore/studio-ui-bundle/modules/element'
+import { BaseListing, DataObjectProvider, listingDefaultProps } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { createStyles } from 'antd-style'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  `,
+  listing: css`
+    flex: 1;
+    overflow: hidden;
+  `,
+  loading: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+interface FolderConfig {
+  success: boolean
+  className: string
+  folderId: number
+}
+
+/**
+ * Customer List Component
+ *
+ * Displays CoreShopCustomer DataObjects using Pimcore's DataObject listing
+ */
+export const CustomerList: React.FC = () => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const messageApi = useMessage()
+  const [folderId, setFolderId] = React.useState<number | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const listingBuilder = container.get<ListingBuilder>('CoreShop/Customer/Listing/Builder')
+
+  React.useEffect(() => {
+    const fetchFolderConfig = async (): Promise<void> => {
+      try {
+        const response = await fetch('/pimcore-studio/api/coreshop/customers/folder-configuration')
+        const data: FolderConfig = await response.json()
+
+        if (data.success && data.folderId) {
+          setFolderId(data.folderId)
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch customer folder configuration')))
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void fetchFolderConfig()
+  }, [])
+
+  if (loading) {
+    return (
+      <div className={styles.loading}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (folderId === null) {
+    return (
+      <div className={styles.loading}>
+        <span>{t('coreshop_no_folder_configured', { defaultValue: 'No folder configured for customers' })}</span>
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.listing}>
+        <DataObjectProvider id={folderId}>
+          <BaseListing
+            {...listingBuilder.build({
+              props: {
+                ...listingDefaultProps
+              },
+              config: {}
+            })}
+          />
+        </DataObjectProvider>
+      </div>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customers/index.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customers/index.ts
new file mode 100644
index 0000000000..4a7254ed3e
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/customers/index.ts
@@ -0,0 +1,8 @@
+/**
+ * CoreShop CustomerBundle - Customers Module
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { CustomerList } from './CustomerList'
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..d48a5d0e78
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,61 @@
+/**
+ * CoreShop CustomerBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import customerIcon from '../../assets/customer.svg?react'
+// @ts-ignore
+import customerGroupIcon from '../../assets/customer-group.svg?react'
+
+export const CustomerBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_icon_customer',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_customers',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_customer',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_customers',
+      component: customerIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_icon_customer_group',
+      component: customerGroupIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_customer_groups',
+      component: customerGroupIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_customer_groups',
+      component: customerGroupIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/listing-builders/index.ts b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/listing-builders/index.ts
new file mode 100644
index 0000000000..9e3199f9bf
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/modules/listing-builders/index.ts
@@ -0,0 +1,85 @@
+/**
+ * CoreShop CustomerBundle Listing Builders Module
+ *
+ * This module creates custom listing builders for Customers and Customer Groups
+ * by copying the standard DataObject listing builder and customizing it.
+ *
+ * Uses ResourceConfigProvider to fetch allowed classes from CoreShop stack configuration.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import type { ListingBuilder } from '@pimcore/studio-ui-bundle/modules/element'
+import type { ClassDefinitionSelectionDecoratorConfig } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { ResourceConfigProvider } from '@coreshop/resource/src/config/ConfigProvider'
+
+export const CustomerListingBuildersModule: AbstractModule = {
+  async onInit(): Promise<void> {
+    try {
+      // Get the standard DataObject listing builder
+      const dataObjectListingBuilder = container.get<ListingBuilder>('DataObject/Listing/Builder')
+
+      // Get ResourceConfigProvider to fetch allowed classes from stack
+      const configProvider = new ResourceConfigProvider()
+
+      // ===========================
+      // Customer Listing Builder
+      // ===========================
+      container.bind('CoreShop/Customer/Listing/Builder').toConstantValue(dataObjectListingBuilder.copy())
+      const customerListingBuilder = container.get<ListingBuilder>('CoreShop/Customer/Listing/Builder')
+
+      // Get allowed classes for coreshop.customer from stack
+      const customerClasses = await configProvider.getAllowedClasses('coreshop.customer')
+
+      if (customerClasses.length > 0) {
+        const classDefinitionSelectionDecorator = customerListingBuilder.getDecorator('classDefinitionSelection')
+
+        if (classDefinitionSelectionDecorator !== undefined) {
+          const classDefinitionSelectionDecoratorConfig: ClassDefinitionSelectionDecoratorConfig = {
+            ...classDefinitionSelectionDecorator.config,
+            classRestriction: customerClasses.map(className => ({ classes: className }))
+          }
+
+          customerListingBuilder.overrideDecorator({
+            name: 'classDefinitionSelection',
+            config: classDefinitionSelectionDecoratorConfig
+          })
+        }
+      }
+
+      // ===========================
+      // Customer Group Listing Builder
+      // ===========================
+      container.bind('CoreShop/CustomerGroup/Listing/Builder').toConstantValue(dataObjectListingBuilder.copy())
+      const customerGroupListingBuilder = container.get<ListingBuilder>('CoreShop/CustomerGroup/Listing/Builder')
+
+      // Get allowed classes for coreshop.customer_group from stack
+      const customerGroupClasses = await configProvider.getAllowedClasses('coreshop.customer_group')
+
+      if (customerGroupClasses.length > 0) {
+        const classDefinitionSelectionDecorator = customerGroupListingBuilder.getDecorator('classDefinitionSelection')
+
+        if (classDefinitionSelectionDecorator !== undefined) {
+          const classDefinitionSelectionDecoratorConfig: ClassDefinitionSelectionDecoratorConfig = {
+            ...classDefinitionSelectionDecorator.config,
+            classRestriction: customerGroupClasses.map(className => ({ classes: className }))
+          }
+
+          customerGroupListingBuilder.overrideDecorator({
+            name: 'classDefinitionSelection',
+            config: classDefinitionSelectionDecoratorConfig
+          })
+        }
+      }
+    } catch (err) {
+      console.error('[CoreShop] Failed to initialize customer listing builders:', err)
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/CustomerBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..fdfa728fad
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\CustomerBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/classes/CoreShopCustomer.json b/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/classes/CoreShopCustomer.json
index 068a25563f..8cc7142f41 100644
--- a/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/classes/CoreShopCustomer.json
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/classes/CoreShopCustomer.json
@@ -183,7 +183,7 @@
                                 "locked": false,
                                 "style": "",
                                 "permissions": null,
-                                "fieldtype": "newsletterActive",
+                                "fieldtype": "checkbox",
                                 "relationType": false,
                                 "invisible": false,
                                 "visibleGridView": false,
@@ -193,7 +193,7 @@
                                 "datatype": "data"
                             },
                             {
-                                "fieldtype": "newsletterConfirmed",
+                                "fieldtype": "checkbox",
                                 "defaultValue": 0,
                                 "name": "newsletterConfirmed",
                                 "title": "coreshop.customer.newsletter_confirmed",
@@ -314,7 +314,7 @@
                         "name": "groups",
                         "type": null,
                         "region": null,
-                        "title": "Groups",
+                        "title": "coreshop.customer.groups",
                         "width": null,
                         "height": null,
                         "collapsible": false,
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/grid-config.yml b/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/grid-config.yml
index e668bd3eed..cebadf4167 100644
--- a/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/grid-config.yml
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/install/pimcore/grid-config.yml
@@ -137,7 +137,7 @@ grid_config:
                                     type: value
                                     class: DefaultValue
                                     attribute: newsletterActive
-                                    dataType: newsletterActive
+                                    dataType: checkbox
                                     childs: []
                             attribute: ''
                             param1: ''
@@ -163,7 +163,7 @@ grid_config:
                                     type: value
                                     class: DefaultValue
                                     attribute: newsletterConfirmed
-                                    dataType: newsletterConfirmed
+                                    dataType: checkbox
                                     childs: []
                             attribute: ''
                             param1: ''
@@ -471,7 +471,7 @@ grid_config:
                                     type: value
                                     class: DefaultValue
                                     attribute: newsletterActive
-                                    dataType: newsletterActive
+                                    dataType: checkbox
                                     childs: []
                             attribute: ''
                             param1: ''
@@ -497,7 +497,7 @@ grid_config:
                                     type: value
                                     class: DefaultValue
                                     attribute: newsletterConfirmed
-                                    dataType: newsletterConfirmed
+                                    dataType: checkbox
                                     childs: []
                             attribute: ''
                             param1: ''
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/CustomerBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..659445c4d9
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,43 @@
+---
+coreshop_customer: 'Kunde'
+coreshop_customers: 'Kunden'
+coreshop_customer_manage: 'Kunden'
+coreshop_customer_quick_open: 'Schnell öffnen Kunde'
+coreshop_customer_group: 'Kundengruppe'
+coreshop_customer_groups: 'Kundengruppen'
+coreshop_customer_group_manage: 'Kundengruppen'
+coreshop_customer_group_quick_open: 'Schnell öffnen Kundengruppe'
+CoreShopCustomer: 'Kunde'
+CoreShopCompany: 'Firma'
+CoreShopCustomerGroup: 'Kundengruppe'
+coreshop.company.address_access.own_only: 'Nur eigene'
+coreshop.company.address_access.company_only: 'Nur Firma'
+coreshop.company.address_access.own_and_company: 'Eigene & Firma'
+coreshop.company.name: 'Name'
+coreshop.company.vat_identification_number: 'USt-IdNr.'
+coreshop.company.addresses: 'Adressen'
+coreshop.customer.information: 'Kundeninformation'
+coreshop.customer.salutation: 'Anrede'
+coreshop.customer.firstname: 'Vorname'
+coreshop.customer.lastname: 'Nachname'
+coreshop.customer.company: 'Firma'
+coreshop.customer.email: 'E-Mail'
+coreshop.customer.password: 'Passwort'
+coreshop.customer.newsletter_active: 'Newsletter aktiv'
+coreshop.customer.newsletter_confirmed: 'Newsletter bestätigt'
+coreshop.customer.is_guest: 'Ist Gast'
+coreshop.customer.gender: 'Geschlecht'
+coreshop.customer.reset_password_hash: 'Passwort zurücksetzen Hash'
+coreshop.customer.locale: 'Sprache'
+coreshop.customer.groups: 'Gruppen'
+coreshop.customer_group.name: 'Name'
+coreshop.customer_group.roles: 'Rollen'
+coreshop_permission_customer_group_list: 'CoreShop: Kundengruppen Liste'
+coreshop_permission_customer_list: 'CoreShop: Kunden Liste'
+coreshop.customer.user: 'Benutzer'
+coreshop.customer.addresses: 'Adressen'
+coreshop.customer.addressAccessType: 'Adresszugriffstyp'
+coreshop.customer.defaultAddress: 'Standardadresse'
+coreshop.customer.address_access_type: 'Adresszugriffstyp'
+coreshop.customer.default_address: 'Standardadresse'
+coreshop.customer.newsletter_token: 'Newsletter Token'
diff --git a/src/CoreShop/Bundle/CustomerBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/CustomerBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..7dda3ce5af
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,43 @@
+---
+coreshop_customer: 'Customer'
+coreshop_customers: 'Customers'
+coreshop_customer_manage: 'Customers'
+coreshop_customer_quick_open: 'Quick Open Customer'
+coreshop_customer_group: 'Customer Group'
+coreshop_customer_groups: 'Customer Groups'
+coreshop_customer_group_manage: 'Customer Groups'
+coreshop_customer_group_quick_open: 'Quick Open Customer Group'
+CoreShopCustomer: 'Customer'
+CoreShopCompany: 'Company'
+CoreShopCustomerGroup: 'Customer Group'
+coreshop.company.address_access.own_only: 'Own Only'
+coreshop.company.address_access.company_only: 'Company Only'
+coreshop.company.address_access.own_and_company: 'Own & Company'
+coreshop.company.name: 'Name'
+coreshop.company.vat_identification_number: 'VAT Number'
+coreshop.customer.information: 'Customer Information'
+coreshop.customer.salutation: 'Salutation'
+coreshop.customer.firstname: 'Firstname'
+coreshop.customer.lastname: 'Lastname'
+coreshop.customer.company: 'Company'
+coreshop.customer.email: 'Email'
+coreshop.customer.password: 'Password'
+coreshop.customer.newsletter_active: 'Newsletter Active'
+coreshop.customer.newsletter_confirmed: 'Newsletter Confirmed'
+coreshop.customer.is_guest: 'Is Guest'
+coreshop.customer.gender: 'Gender'
+coreshop.customer.reset_password_hash: 'Reset Password Hash'
+coreshop.customer.locale: 'Language'
+coreshop.customer.groups: 'Groups'
+coreshop.customer_group.name: 'Name'
+coreshop.customer_group.roles: 'Roles'
+coreshop_permission_customer_group_list: 'CoreShop: Customer Group List'
+coreshop_permission_customer_list: 'CoreShop: Customer Group List'
+coreshop.customer.user: 'User'
+coreshop.customer.addresses: 'Addresses'
+coreshop.customer.addressAccessType: 'Address Access Type'
+coreshop.customer.defaultAddress: 'Default Address'
+coreshop.company.addresses: 'Addresses'
+coreshop.customer.address_access_type: 'Address Access Type'
+coreshop.customer.default_address: 'Default Address'
+coreshop.customer.newsletter_token: 'Newsletter Token'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CustomerBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/CustomerBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..af6dd24ed8
--- /dev/null
+++ b/src/CoreShop/Bundle/CustomerBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\CustomerBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/CustomerBundle/composer.json b/src/CoreShop/Bundle/CustomerBundle/composer.json
index 1209625248..a82dab69aa 100644
--- a/src/CoreShop/Bundle/CustomerBundle/composer.json
+++ b/src/CoreShop/Bundle/CustomerBundle/composer.json
@@ -1,59 +1,66 @@
 {
-  "name": "coreshop/customer-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Customer Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/customer-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Customer Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/customer": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/customer": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "pimcore/newsletter-bundle": "^2.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\CustomerBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\CustomerBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/newsletter-bundle": "^2.0 - Enables Pimcore Newsletter document type and field integrations",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/FrontendBundle/README.md b/src/CoreShop/Bundle/FrontendBundle/README.md
index 1535764e03..7a35c451b1 100644
--- a/src/CoreShop/Bundle/FrontendBundle/README.md
+++ b/src/CoreShop/Bundle/FrontendBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/app.ts b/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/app.ts
index 5c705f114e..3ed7b27e12 100644
--- a/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/app.ts
+++ b/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/app.ts
@@ -17,6 +17,4 @@ document.addEventListener('DOMContentLoaded', function () {
     // const CartWidget = new CartInfo('/coreshop_get_cart_items', '.js-cart-widget');
     const CarouselProducts = new Carousel();
 
-    //console.log(CartWidget);
-    console.log(CarouselProducts);
 })
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/scripts/carousel.ts b/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/scripts/carousel.ts
index b117f9adf2..b6c32b501d 100644
--- a/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/scripts/carousel.ts
+++ b/src/CoreShop/Bundle/FrontendBundle/Resources/assets/js/scripts/carousel.ts
@@ -25,6 +25,5 @@ export class Carousel {
             }
         });
 
-        console.log(mainSlider);
     }
 }
diff --git a/src/CoreShop/Bundle/FrontendBundle/Twig/LocaleSwitcherExtension.php b/src/CoreShop/Bundle/FrontendBundle/Twig/LocaleSwitcherExtension.php
index 27716e0d7f..9c7661ff2a 100644
--- a/src/CoreShop/Bundle/FrontendBundle/Twig/LocaleSwitcherExtension.php
+++ b/src/CoreShop/Bundle/FrontendBundle/Twig/LocaleSwitcherExtension.php
@@ -19,7 +19,6 @@
 
 use CoreShop\Component\Core\Context\ShopperContextInterface;
 use CoreShop\Component\Pimcore\Slug\SluggableInterface;
-use Pimcore\Bundle\StaticRoutesBundle\Model\Staticroute;
 use Pimcore\Model\DataObject\Data\UrlSlug;
 use Pimcore\Model\Document;
 use Pimcore\Model\Site;
@@ -89,11 +88,19 @@ public function getLocalizedLinks(Document $document): array
             $link = '';
             if ($this->getMainRequest()->attributes->get('pimcore_request_source') === 'staticroute') {
                 $route = $this->getMainRequest()->attributes->get('_route');
-                $staticRoute = Staticroute::getByName($route);
+                if (!is_string($route)) {
+                    continue;
+                }
+
+                $staticRoute = null;
+                $staticRouteClass = self::getStaticRouteClass();
+                if (null !== $staticRouteClass) {
+                    $staticRoute = call_user_func([$staticRouteClass, 'getByName'], $route);
+                }
 
                 if ($staticRoute) {
                     $params = [];
-                    if (str_contains($staticRoute->getVariables(), '_locale')) {
+                    if (str_contains((string) $staticRoute->getVariables(), '_locale')) {
                         $params = ['_locale' => $language];
                     }
                     $link = $this->router->generate($route, $params);
@@ -132,4 +139,17 @@ private function getMainRequest(): Request
 
         return $mainRequest;
     }
+
+    /**
+     * @return class-string|null
+     */
+    private static function getStaticRouteClass(): ?string
+    {
+        $staticRouteClass = sprintf('Pimcore\\Bundle\\%s\\Model\\Staticroute', 'StaticRoutesBundle');
+        if (!class_exists($staticRouteClass)) {
+            return null;
+        }
+
+        return $staticRouteClass;
+    }
 }
diff --git a/src/CoreShop/Bundle/FrontendBundle/composer.json b/src/CoreShop/Bundle/FrontendBundle/composer.json
index 901d2f7ba8..6d467d63fd 100644
--- a/src/CoreShop/Bundle/FrontendBundle/composer.json
+++ b/src/CoreShop/Bundle/FrontendBundle/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/frontend-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Frontend Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/frontend-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Frontend Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/core-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/core-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\FrontendBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\FrontendBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/IndexBundle/Controller/FilterController.php b/src/CoreShop/Bundle/IndexBundle/Controller/FilterController.php
index 9bf812d516..5cbd26fbd7 100644
--- a/src/CoreShop/Bundle/IndexBundle/Controller/FilterController.php
+++ b/src/CoreShop/Bundle/IndexBundle/Controller/FilterController.php
@@ -18,24 +18,44 @@
 namespace CoreShop\Bundle\IndexBundle\Controller;
 
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
 use CoreShop\Component\Index\Factory\ListingFactoryInterface;
 use CoreShop\Component\Index\Model\IndexColumnInterface;
 use CoreShop\Component\Index\Model\IndexInterface;
 use CoreShop\Component\Index\Worker\WorkerInterface;
 use CoreShop\Component\Registry\ServiceRegistry;
 use CoreShop\Component\Resource\Repository\RepositoryInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 
 class FilterController extends ResourceController
 {
-    public function getConfigAction(): Response
-    {
+    public function getConfigAction(
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.filter.pre_condition_types')]
+        FormTypeRegistryInterface $preConditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.filter.user_condition_types')]
+        FormTypeRegistryInterface $userConditionFormRegistry,
+    ): Response {
+        $preConditionTypes = array_keys($this->getPreConditionTypes());
+        $userConditionTypes = array_keys($this->getUserConditionTypes());
+
+        $preConditionSchemas = $schemaCollector->collectSchemasWithTypeMap($preConditionFormRegistry, $preConditionTypes);
+        $userConditionSchemas = $schemaCollector->collectSchemasWithTypeMap($userConditionFormRegistry, $userConditionTypes);
+
         return $this->viewHandler->handle(
             [
                 'success' => true,
-                'pre_conditions' => array_keys($this->getPreConditionTypes()),
-                'user_conditions' => array_keys($this->getUserConditionTypes()),
+                'pre_conditions' => $preConditionTypes,
+                'user_conditions' => $userConditionTypes,
+                'schemas' => array_merge(
+                    $preConditionSchemas['schemas'],
+                    $userConditionSchemas['schemas'],
+                ),
+                'preConditionSchemaByType' => $preConditionSchemas['schemaByType'],
+                'userConditionSchemaByType' => $userConditionSchemas['schemaByType'],
             ],
         );
     }
diff --git a/src/CoreShop/Bundle/IndexBundle/Controller/IndexController.php b/src/CoreShop/Bundle/IndexBundle/Controller/IndexController.php
index d635e8574c..8921812336 100644
--- a/src/CoreShop/Bundle/IndexBundle/Controller/IndexController.php
+++ b/src/CoreShop/Bundle/IndexBundle/Controller/IndexController.php
@@ -18,6 +18,8 @@
 namespace CoreShop\Bundle\IndexBundle\Controller;
 
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
 use CoreShop\Component\Index\Interpreter\LocalizedInterpreterInterface;
 use CoreShop\Component\Index\Interpreter\RelationInterpreterInterface;
 use CoreShop\Component\Index\Model\IndexableInterface;
@@ -45,35 +47,58 @@ public function getTypesAction(): Response
         return $this->viewHandler->handle($typesObject);
     }
 
-    public function getConfigAction(): Response
-    {
+    public function getConfigAction(
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.index.getter')]
+        FormTypeRegistryInterface $getterFormTypeRegistry,
+        #[Autowire(service: 'coreshop.form_registry.index.interpreter')]
+        FormTypeRegistryInterface $interpreterFormTypeRegistry,
+        #[Autowire(service: 'coreshop.form_registry.index.worker')]
+        FormTypeRegistryInterface $workerFormTypeRegistry,
+    ): Response {
         $indexInterpreterRegistry = $this->container->get('coreshop.registry.index.interpreter');
-        $interpreters = $this->getInterpreterTypes();
-        $interpretersResult = [];
 
-        $getters = $this->getGetterTypes();
+        $getterTypes = $this->getGetterTypes();
+        $interpreterTypes = $this->getInterpreterTypes();
+        $workerTypes = $this->getWorkerTypes();
+
+        $getterSchemas = $schemaCollector->collectSchemasWithTypeMap($getterFormTypeRegistry, $getterTypes);
+        $interpreterSchemas = $schemaCollector->collectSchemasWithTypeMap($interpreterFormTypeRegistry, $interpreterTypes);
+        $workerSchemas = $schemaCollector->collectSchemasWithTypeMap($workerFormTypeRegistry, $workerTypes);
+
         $gettersResult = [];
 
-        foreach ($getters as $getter) {
-            $gettersResult[] = [
+        foreach ($getterTypes as $getter) {
+            $entry = [
                 'type' => $getter,
                 'name' => $getter,
             ];
+
+            if (isset($getterSchemas['schemaByType'][$getter])) {
+                $entry['blockPrefix'] = $getterSchemas['schemaByType'][$getter];
+            }
+
+            $gettersResult[] = $entry;
         }
 
-        foreach ($interpreters as $interpreter) {
+        $interpretersResult = [];
+
+        foreach ($interpreterTypes as $interpreter) {
             $class = $indexInterpreterRegistry->get($interpreter);
             $implements = class_implements($class) ?: [];
 
-            $localized = in_array(LocalizedInterpreterInterface::class, $implements, true);
-            $relation = in_array(RelationInterpreterInterface::class, $implements, true);
-
-            $interpretersResult[] = [
+            $entry = [
                 'type' => $interpreter,
                 'name' => $interpreter,
-                'localized' => $localized,
-                'relation' => $relation,
+                'localized' => in_array(LocalizedInterpreterInterface::class, $implements, true),
+                'relation' => in_array(RelationInterpreterInterface::class, $implements, true),
             ];
+
+            if (isset($interpreterSchemas['schemaByType'][$interpreter])) {
+                $entry['blockPrefix'] = $interpreterSchemas['schemaByType'][$interpreter];
+            }
+
+            $interpretersResult[] = $entry;
         }
 
         /**
@@ -110,6 +135,21 @@ public function getConfigAction(): Response
             }
         }
 
+        $workersResult = [];
+
+        foreach ($workerTypes as $workerType) {
+            $entry = [
+                'type' => $workerType,
+                'name' => $workerType,
+            ];
+
+            if (isset($workerSchemas['schemaByType'][$workerType])) {
+                $entry['blockPrefix'] = $workerSchemas['schemaByType'][$workerType];
+            }
+
+            $workersResult[] = $entry;
+        }
+
         return $this->viewHandler->handle(
             [
                 'success' => true,
@@ -117,7 +157,16 @@ public function getConfigAction(): Response
                 'getters' => $gettersResult,
                 'fieldTypes' => $fieldTypesResult,
                 'classes' => $availableClasses,
-                'workerTypes' => $this->getWorkerTypes(),
+                'workerTypes' => $workerTypes,
+                'workers' => $workersResult,
+                'schemas' => array_merge(
+                    $getterSchemas['schemas'],
+                    $interpreterSchemas['schemas'],
+                    $workerSchemas['schemas'],
+                ),
+                'getterSchemaByType' => $getterSchemas['schemaByType'],
+                'interpreterSchemaByType' => $interpreterSchemas['schemaByType'],
+                'workerSchemaByType' => $workerSchemas['schemaByType'],
             ],
         );
     }
diff --git a/src/CoreShop/Bundle/IndexBundle/DependencyInjection/CoreShopIndexExtension.php b/src/CoreShop/Bundle/IndexBundle/DependencyInjection/CoreShopIndexExtension.php
index 2e13eac019..cf8cbd5415 100644
--- a/src/CoreShop/Bundle/IndexBundle/DependencyInjection/CoreShopIndexExtension.php
+++ b/src/CoreShop/Bundle/IndexBundle/DependencyInjection/CoreShopIndexExtension.php
@@ -50,10 +50,26 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopIndexExtension extends AbstractModelExtension
+final class CoreShopIndexExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopFilter',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -84,6 +100,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $this->registerPimcoreResources('coreshop', $configs['pimcore_admin'], $container);
 
         $container->getDefinition(MysqlWorker::class)->setArgument(
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Schema/FilterConditionSchemaEnricher.php b/src/CoreShop/Bundle/IndexBundle/Form/Schema/FilterConditionSchemaEnricher.php
new file mode 100644
index 0000000000..e8f1e5b336
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Schema/FilterConditionSchemaEnricher.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\IndexBundle\Form\Schema;
+
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionBooleanType;
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionCategoryMultiSelectType;
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionCategorySelectType;
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionMultiselectType;
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionRangeType;
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionSearchType;
+use CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionSelectType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class FilterConditionSchemaEnricher implements FormSchemaEnricherInterface
+{
+    /**
+     * Map of form type class => field name => custom block prefix.
+     *
+     * @var array<class-string, array<string, string>>
+     */
+    private const FIELD_BLOCK_PREFIXES = [
+        FilterConditionBooleanType::class => [
+            'field' => 'coreshop_filter_index_field',
+        ],
+        FilterConditionSelectType::class => [
+            'field' => 'coreshop_filter_index_field',
+            'preSelect' => 'coreshop_filter_value_select',
+        ],
+        FilterConditionMultiselectType::class => [
+            'field' => 'coreshop_filter_index_field',
+            'preSelects' => 'coreshop_filter_value_multiselect',
+        ],
+        FilterConditionRangeType::class => [
+            'field' => 'coreshop_filter_index_field',
+            'preSelectMin' => 'coreshop_filter_value_select',
+            'preSelectMax' => 'coreshop_filter_value_select',
+        ],
+        FilterConditionCategorySelectType::class => [
+            'field' => 'coreshop_filter_index_field',
+            'preSelect' => 'coreshop_filter_value_select',
+        ],
+        FilterConditionCategoryMultiSelectType::class => [
+            'field' => 'coreshop_filter_index_field',
+            'preSelects' => 'coreshop_filter_value_multiselect',
+        ],
+        FilterConditionSearchType::class => [
+            'fields' => 'coreshop_filter_index_fields',
+        ],
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return isset(self::FIELD_BLOCK_PREFIXES[$formTypeClass]);
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $fieldMap = self::FIELD_BLOCK_PREFIXES[$formTypeClass] ?? [];
+
+        foreach ($schema->fields as $field) {
+            if (isset($fieldMap[$field->name])) {
+                $field->blockPrefixes = array_merge(
+                    $field->blockPrefixes,
+                    [$fieldMap[$field->name]],
+                );
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Schema/FilterSchemaEnricher.php b/src/CoreShop/Bundle/IndexBundle/Form/Schema/FilterSchemaEnricher.php
new file mode 100644
index 0000000000..3eaf9eb5d5
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Schema/FilterSchemaEnricher.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\IndexBundle\Form\Schema;
+
+use CoreShop\Bundle\IndexBundle\Form\Type\FilterType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class FilterSchemaEnricher implements FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === FilterType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        // Remove preConditions and conditions — rendered in dedicated panels.
+        $schema->fields = array_values(
+            array_filter($schema->fields, static fn ($field) => !in_array($field->name, ['preConditions', 'conditions'], true)),
+        );
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Schema/IndexSchemaEnricher.php b/src/CoreShop/Bundle/IndexBundle/Form/Schema/IndexSchemaEnricher.php
new file mode 100644
index 0000000000..818882d2e6
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Schema/IndexSchemaEnricher.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\IndexBundle\Form\Schema;
+
+use CoreShop\Bundle\IndexBundle\Form\Type\IndexType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class IndexSchemaEnricher implements FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === IndexType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        // Remove columns — rendered in a dedicated tab.
+        // Remove configuration — dynamically added by worker type, rendered separately.
+        $schema->fields = array_values(
+            array_filter($schema->fields, static fn ($field) => !in_array($field->name, ['columns', 'configuration'], true)),
+        );
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Core/AbstractConfigurationCollectionType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Core/AbstractConfigurationCollectionType.php
index 8ef21b91a9..23bf78c85f 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Core/AbstractConfigurationCollectionType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Core/AbstractConfigurationCollectionType.php
@@ -55,7 +55,7 @@ public function buildView(FormView $view, FormInterface $form, array $options):
     {
         $view->vars['prototypes'] = [];
 
-        foreach ($form->getConfig()->getAttribute('prototypes') as $type => $prototype) {
+        foreach ($form->getConfig()->getAttribute('prototypes') ?? [] as $type => $prototype) {
             /* @var FormInterface $prototype */
             $view->vars['prototypes'][$type] = $prototype->createView($view);
         }
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionBooleanType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionBooleanType.php
index b6b8c85462..8e4eea42b3 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionBooleanType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionBooleanType.php
@@ -18,6 +18,7 @@
 namespace CoreShop\Bundle\IndexBundle\Form\Type\Filter;
 
 use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
 
@@ -34,8 +35,14 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('field', TextType::class)
-            ->add('preSelect', TextType::class)
+            ->add('field', TextType::class, ['label' => 'coreshop_filters_field'])
+            ->add('preSelect', ChoiceType::class, [
+                'label' => 'coreshop_filters_preselect',
+                'choices' => [
+                    'yes' => '1',
+                    'no' => '0',
+                ],
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategoryMultiSelectType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategoryMultiSelectType.php
index fb9d14c029..9b7ac839c6 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategoryMultiSelectType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategoryMultiSelectType.php
@@ -19,6 +19,7 @@
 
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
@@ -36,14 +37,21 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('field', TextType::class)
+            ->add('field', TextType::class, ['label' => 'coreshop_filters_field'])
             ->add('preSelects', CollectionType::class, [
+                'label' => 'coreshop_filters_preselect',
                 'allow_add' => true,
                 'allow_delete' => true,
                 'entry_type' => TextType::class,
             ])
-            ->add('includeSubCategories', CheckboxType::class)
-            ->add('concatenator', TextType::class)
+            ->add('includeSubCategories', CheckboxType::class, ['label' => 'coreshop_filters_include_subcategories'])
+            ->add('concatenator', ChoiceType::class, [
+                'label' => 'coreshop_filters_search_patterns_concatenator',
+                'choices' => [
+                    'OR' => 'OR',
+                    'AND' => 'AND',
+                ],
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategorySelectType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategorySelectType.php
index b64b5125ee..440dffa5e1 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategorySelectType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionCategorySelectType.php
@@ -35,9 +35,9 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('field', TextType::class)
-            ->add('preSelect', TextType::class)
-            ->add('includeSubCategories', CheckboxType::class)
+            ->add('field', TextType::class, ['label' => 'coreshop_filters_field'])
+            ->add('preSelect', TextType::class, ['label' => 'coreshop_filters_preselect'])
+            ->add('includeSubCategories', CheckboxType::class, ['label' => 'coreshop_filters_include_subcategories'])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionMultiselectType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionMultiselectType.php
index dc7a903cb6..d35f67fb89 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionMultiselectType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionMultiselectType.php
@@ -35,8 +35,9 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('field', TextType::class)
+            ->add('field', TextType::class, ['label' => 'coreshop_filters_field'])
             ->add('preSelects', CollectionType::class, [
+                'label' => 'coreshop_filters_preselect',
                 'allow_add' => true,
                 'allow_delete' => true,
                 'entry_type' => TextType::class,
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionRangeType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionRangeType.php
index e71b4735a2..bdaf26aabb 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionRangeType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionRangeType.php
@@ -36,18 +36,21 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('field', TextType::class)
+            ->add('field', TextType::class, ['label' => 'coreshop_filters_field'])
             ->add('preSelectMin', NumberType::class, [
+                'label' => 'coreshop_filters_value_min',
                 'constraints' => [
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('preSelectMax', NumberType::class, [
+                'label' => 'coreshop_filters_value_max',
                 'constraints' => [
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('stepCount', NumberType::class, [
+                'label' => 'coreshop_filters_step_count',
                 'constraints' => [
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSearchType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSearchType.php
index 18ac61dfa7..759a730e8c 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSearchType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSearchType.php
@@ -18,6 +18,7 @@
 namespace CoreShop\Bundle\IndexBundle\Form\Type\Filter;
 
 use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
@@ -35,15 +36,29 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextType::class)
+            ->add('name', TextType::class, ['label' => 'coreshop_filters_search_condition_name'])
             ->add('fields', CollectionType::class, [
+                'label' => 'coreshop_filters_fields',
                 'allow_add' => true,
                 'allow_delete' => true,
                 'entry_type' => TextType::class,
             ])
-            ->add('searchTerm', TextType::class)
-            ->add('concatenator', TextType::class)
-            ->add('pattern', TextType::class)
+            ->add('searchTerm', TextType::class, ['label' => 'coreshop_filters_search_term'])
+            ->add('concatenator', ChoiceType::class, [
+                'label' => 'coreshop_filters_search_patterns_concatenator',
+                'choices' => [
+                    'OR' => 'OR',
+                    'AND' => 'AND',
+                ],
+            ])
+            ->add('pattern', ChoiceType::class, [
+                'label' => 'coreshop_filters_search_patterns_label',
+                'choices' => [
+                    'Contains' => 'both',
+                    'Begins with' => 'left',
+                    'Ends with' => 'right',
+                ],
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSelectType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSelectType.php
index 5b4b4e98cd..db325ecaa3 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSelectType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterConditionSelectType.php
@@ -34,8 +34,8 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('field', TextType::class)
-            ->add('preSelect', TextType::class)
+            ->add('field', TextType::class, ['label' => 'coreshop_filters_field'])
+            ->add('preSelect', TextType::class, ['label' => 'coreshop_filters_preselect'])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterPreConditionNestedType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterPreConditionNestedType.php
index 05690ac535..24c8d9cad7 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterPreConditionNestedType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterPreConditionNestedType.php
@@ -40,6 +40,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', FilterPreConditionCollectionType::class, [
                 'constraints' => [new Valid(groups: $this->validationGroups)],
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterUserConditionNestedType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterUserConditionNestedType.php
index 2b344d467d..00748402fe 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterUserConditionNestedType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Filter/FilterUserConditionNestedType.php
@@ -40,6 +40,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', FilterUserConditionCollectionType::class, [
                 'constraints' => [new Valid(groups: $this->validationGroups)],
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterCollectionType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterCollectionType.php
index 9b66958d97..95047d4ea0 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterCollectionType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterCollectionType.php
@@ -17,50 +17,12 @@
 
 namespace CoreShop\Bundle\IndexBundle\Form\Type\Interpreter;
 
-use CoreShop\Component\Registry\ServiceRegistryInterface;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
-use Symfony\Component\Form\FormBuilderInterface;
-use Symfony\Component\Form\FormInterface;
-use Symfony\Component\Form\FormView;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 
 final class InterpreterCollectionType extends AbstractType
 {
-    public function __construct(
-        protected ServiceRegistryInterface $registry,
-    ) {
-    }
-
-    public function buildForm(FormBuilderInterface $builder, array $options): void
-    {
-        $prototypes = [];
-        foreach (array_keys($this->registry->all()) as $type) {
-            $formBuilder = $builder->create(
-                $options['prototype_name'],
-                $options['entry_type'],
-                array_replace(
-                    $options['entry_options'],
-                    ['configuration_type' => $type],
-                ),
-            );
-
-            $prototypes[$type] = $formBuilder->getForm();
-        }
-
-        $builder->setAttribute('prototypes', $prototypes);
-    }
-
-    public function buildView(FormView $view, FormInterface $form, array $options): void
-    {
-        $view->vars['prototypes'] = [];
-
-        foreach ($form->getConfig()->getAttribute('prototypes') as $type => $prototype) {
-            /* @var FormInterface $prototype */
-            $view->vars['prototypes'][$type] = $prototype->createView($view);
-        }
-    }
-
     public function configureOptions(OptionsResolver $resolver): void
     {
         $resolver->setDefaults([
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterType.php
index 37d23c7aae..f9e938356b 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/InterpreterType.php
@@ -89,6 +89,11 @@ public function configureOptions(OptionsResolver $resolver): void
         ;
     }
 
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_index_column_interpreter';
+    }
+
     /**
      * @param string        $configurationType
      */
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/IteratorInterpreterType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/IteratorInterpreterType.php
index 911ba7a113..2af7d26739 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/IteratorInterpreterType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/IteratorInterpreterType.php
@@ -41,4 +41,9 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ])
         ;
     }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_index_interpreter_iterator';
+    }
 }
diff --git a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/ObjectPropertyInterpreterFormType.php b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/ObjectPropertyInterpreterFormType.php
index cfe6b0c777..c7859a0e4f 100644
--- a/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/ObjectPropertyInterpreterFormType.php
+++ b/src/CoreShop/Bundle/IndexBundle/Form/Type/Interpreter/ObjectPropertyInterpreterFormType.php
@@ -35,11 +35,7 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('property', TextType::class, [
-                'constraints' => [
-                    new NotBlank(groups: $this->validationGroups),
-                ],
-            ])
+            ->add('property', TextType::class)
         ;
     }
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Menu/IndexMenuBuilder.php b/src/CoreShop/Bundle/IndexBundle/Menu/IndexMenuBuilder.php
index 20db10f7e2..7a788638c4 100644
--- a/src/CoreShop/Bundle/IndexBundle/Menu/IndexMenuBuilder.php
+++ b/src/CoreShop/Bundle/IndexBundle/Menu/IndexMenuBuilder.php
@@ -32,6 +32,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_indexes')
             ->setAttribute('resource', 'coreshop.index')
             ->setAttribute('function', 'index')
+            ->setAttribute('widgetId', 'coreshop-index-index')
         ;
 
         $menuItem
@@ -41,6 +42,7 @@ public function buildMenu(ItemInterface $menuItem, FactoryInterface $factory, st
             ->setAttribute('iconCls', 'coreshop_nav_icon_filters')
             ->setAttribute('resource', 'coreshop.index')
             ->setAttribute('function', 'filter')
+            ->setAttribute('widgetId', 'coreshop-index-filter')
         ;
     }
 }
diff --git a/src/CoreShop/Bundle/IndexBundle/README.md b/src/CoreShop/Bundle/IndexBundle/README.md
index 6cf7e1ad3f..0cf47714e1 100644
--- a/src/CoreShop/Bundle/IndexBundle/README.md
+++ b/src/CoreShop/Bundle/IndexBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..34a7552ac4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@coreshop/index",
+  "version": "1.0.0",
+  "description": "CoreShop IndexBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-boolean.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-boolean.svg
new file mode 100644
index 0000000000..24ad392183
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-boolean.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#8BC34A" d="M37,6H11c-2.762,0-5,2.238-5,5v26c0,2.762,2.238,5,5,5h26c2.762,0,5-2.238,5-5V11C42,8.238,39.762,6,37,6z"/>
+<rect x="11" y="11" fill="#F1F8E9" width="26" height="26"/>
+<g>
+
+		<rect x="17.011" y="20.265" transform="matrix(0.7072 -0.707 0.707 0.7072 -13.0036 21.1329)" fill="#558B2F" width="4" height="12"/>
+
+		<rect x="17.789" y="22.032" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -9.2258 26.0135)" fill="#558B2F" width="18" height="4.222"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-category-select.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-category-select.svg
new file mode 100644
index 0000000000..a2bd02f51f
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-category-select.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<g>
+	<polygon fill="#3F51B5" points="17.8,18.1 10.4,25.4 6.2,21.3 4,23.5 10.4,29.9 20,20.3  "/>
+	<polygon fill="#3F51B5" points="17.8,5.1 10.4,12.4 6.2,8.3 4,10.5 10.4,16.9 20,7.3  "/>
+	<polygon fill="#3F51B5" points="17.8,31.1 10.4,38.4 6.2,34.3 4,36.5 10.4,42.9 20,33.3  "/>
+</g>
+<g>
+	<rect x="24" y="22" fill="#90CAF9" width="20" height="4"/>
+	<rect x="24" y="9" fill="#90CAF9" width="20" height="4"/>
+	<rect x="24" y="35" fill="#90CAF9" width="20" height="4"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-combined.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-combined.svg
new file mode 100644
index 0000000000..a776afcad4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-combined.svg
@@ -0,0 +1,8 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#B0BEC5" d="M9,40H7V8h2V40z M41,8h-2v32h2V8z M41,7H8v2h33V7z M41,39H8v2h33V39z"/>
+<path fill="#2196F3" d="M11,11H5V5h6V11z M11,43H5v-6h6V43z M43,11h-6V5h6V11z M43,43h-6v-6h6V43z"/>
+<rect x="20" y="20" fill="#9C27B0" width="13" height="13"/>
+<rect x="14" y="14" fill="#CE93D8" width="13" height="13"/>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-empty.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-empty.svg
new file mode 100644
index 0000000000..4e7dd5e3f0
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-empty.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<g>
+	<polygon fill="#FFCC80" points="29,23 19,23 7,9 41,9  "/>
+	<polygon fill="#FFCC80" points="29,38 19,44 19,23 29,23  "/>
+	<path fill="#FFCC80" d="M41.5,9h-35C5.7,9,5,8.3,5,7.5v0C5,6.7,5.7,6,6.5,6h35C42.3,6,43,6.7,43,7.5v0C43,8.3,42.3,9,41.5,9z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-multiselect.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-multiselect.svg
new file mode 100644
index 0000000000..a2bd02f51f
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-multiselect.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<g>
+	<polygon fill="#3F51B5" points="17.8,18.1 10.4,25.4 6.2,21.3 4,23.5 10.4,29.9 20,20.3  "/>
+	<polygon fill="#3F51B5" points="17.8,5.1 10.4,12.4 6.2,8.3 4,10.5 10.4,16.9 20,7.3  "/>
+	<polygon fill="#3F51B5" points="17.8,31.1 10.4,38.4 6.2,34.3 4,36.5 10.4,42.9 20,33.3  "/>
+</g>
+<g>
+	<rect x="24" y="22" fill="#90CAF9" width="20" height="4"/>
+	<rect x="24" y="9" fill="#90CAF9" width="20" height="4"/>
+	<rect x="24" y="35" fill="#90CAF9" width="20" height="4"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-range.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-range.svg
new file mode 100644
index 0000000000..c81b6e17c4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-range.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#CFD8DC" d="M42,26H6v-4h36V26z M42,8H6v4h36V8z M42,36H6v4h36V36z"/>
+<path fill="#FF6D00" d="M18,12H6V8h12V12z M14,36H6v4h8V36z M31,22H6v4h25V22z"/>
+<path fill="#BF360C" d="M20,14h-3c-0.5,0-1-0.4-1-1V7c0-0.6,0.5-1,1-1h3c0.5,0,1,0.4,1,1v6C21,13.6,20.5,14,20,14z M17,41v-6  c0-0.5-0.5-1-1-1h-3c-0.6,0-1,0.5-1,1v6c0,0.5,0.4,1,1,1h3C16.5,42,17,41.5,17,41z M34,27v-6c0-0.5-0.5-1-1-1h-3c-0.5,0-1,0.5-1,1v6  c0,0.5,0.5,1,1,1h3C33.5,28,34,27.5,34,27z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-search.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-search.svg
new file mode 100644
index 0000000000..6c1c904dd4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48"><path fill="#90CAF9" d="M4,15v18h40V15H4z"/><path fill="#3F51B5" d="M23,42v-4c2.971,0,3.932-0.626,5.107-1.811C28.925,35.367,29,34.945,29,34.938V13.539C28.975,13.259,29.771,10,23,10V6c10.939,0,9.998,7.42,10,7.495v21.429c0.002,0.239-0.041,2.057-2.055,4.084C28.975,40.993,27.118,42,23,42z"/><path fill="#3F51B5" d="M39,42v-4c-2.971,0-3.932-0.626-5.107-1.811C33.075,35.367,33,34.945,33,34.938V13.539C33.025,13.259,32.229,10,39,10V6c-10.939,0-9.998,7.42-10,7.495v21.429c-0.002,0.239,0.041,2.057,2.055,4.084C33.025,40.993,34.882,42,39,42z"/></svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-select.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-select.svg
new file mode 100644
index 0000000000..b6c22e35d3
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filter-select.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<polygon fill="#2196F3" points="43,17.1 39.9,14 24,29.9 8.1,14 5,17.1 24,36 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filters.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filters.svg
new file mode 100644
index 0000000000..61ebbd3ffe
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/filters.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<polygon fill="#F57C00" points="29,23 19,23 7,9 41,9 "/>
+<g>
+	<polygon fill="#FF9800" points="29,38 19,44 19,23 29,23  "/>
+	<path fill="#FF9800" d="M41.5,9h-35C5.7,9,5,8.3,5,7.5v0C5,6.7,5.7,6,6.5,6h35C42.3,6,43,6.7,43,7.5v0C43,8.3,42.3,9,41.5,9z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/indexes.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/indexes.svg
new file mode 100644
index 0000000000..4dd96f7dc0
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/indexes.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#7E57C2" d="M25.016,4L10.751,7.206C10.456,7.282,8,7.873,8,9.29v26.702C8.373,36,8.719,36,9.016,36l16-5   c0,0,1-0.375,1-2c0-1,0-24.002,0-24.002C26.016,4.447,25.568,4,25.016,4z"/>
+	<path fill="#4527A0" d="M25.016,4L10.751,7.206C10.456,7.282,8,7.873,8,9.29v26.702C8.373,36,8.719,36,9.016,36l16-5   c0,0,1-0.375,1-2c0-1,0-24.002,0-24.002C26.016,4.447,25.568,4,25.016,4z"/>
+</g>
+<g>
+	<path fill="#7E57C2" d="M31,7.29l-16,4c-2.25,0.583-7.016,1-7-2H7.984c0,9.66,0,26.71,0,26.71H8c-0.016,3,4.793,3,7,3l16-5   c0,0,1-0.375,1-2c0-1,0-23.712,0-23.712C32,7.737,31.553,7.29,31,7.29z"/>
+</g>
+<g>
+	<path fill="#7E57C2" d="M33.016,8.625l-14.265,3.581C18.456,12.282,16,12.873,16,14.29v26.702C16.373,41,16.719,41,17.016,41l16-5   c0,0,1-0.375,1-2c0-1,0-24.377,0-24.377C34.016,9.072,33.568,8.625,33.016,8.625z"/>
+	<path fill="#BF360C" d="M33.016,8.625l-14.265,3.581C18.456,12.282,16,12.873,16,14.29v26.702C16.373,41,16.719,41,17.016,41l16-5   c0,0,1-0.375,1-2c0-1,0-24.377,0-24.377C34.016,9.072,33.568,8.625,33.016,8.625z"/>
+</g>
+<g>
+	<path fill="#7E57C2" d="M16,40.992c-0.016,3,4.793,3.008,7,3.008l16-5.333c0,0,1-0.375,1-2c0-1,0-23.667,0-23.667   c0-0.551-0.447-0.998-1-0.998L23,16.29c-2.25,0.583-7.016,1-7-2"/>
+	<path fill="#FF3D00" d="M16,40.992c-0.016,3,4.793,3.008,7,3.008l16-5.333c0,0,1-0.375,1-2c0-1,0-23.667,0-23.667   c0-0.551-0.447-0.998-1-0.998L23,16.29c-2.25,0.583-7.016,1-7-2"/>
+</g>
+<g>
+	<path fill="#FFE0B2" d="M11,10.542c0.755,0.437,1.962,0.749,3.021,0.958c0.357-0.063,0.689-0.134,0.979-0.209l14.516-3.629L25,6   L12.083,9.125C12.083,9.125,9.417,9.626,11,10.542z"/>
+	<path fill="#FFE0B2" d="M19,15.542c0.755,0.437,1.962,0.749,3.021,0.958c0.357-0.063,0.689-0.134,0.979-0.209l14.894-3.992   L33,10.625l-12.917,3.5C20.083,14.125,17.417,14.626,19,15.542z"/>
+</g>
+<polygon fill="#FFECB3" points="38,25 38,20 24,24 24,29 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/search.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/search.svg
new file mode 100644
index 0000000000..2834266619
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/search.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<g>
+
+		<rect x="34.6" y="28.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.1544 36.5859)" fill="#616161" width="4" height="17"/>
+	<circle fill="#616161" cx="20" cy="20" r="16"/>
+</g>
+<rect x="36.2" y="32.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.8392 38.2393)" fill="#37474F" width="4" height="12.3"/>
+<circle fill="#64B5F6" cx="20" cy="20" r="13"/>
+<path fill="#BBDEFB" d="M26.9,14.2c-1.7-2-4.2-3.2-6.9-3.2s-5.2,1.2-6.9,3.2c-0.4,0.4-0.3,1.1,0.1,1.4c0.4,0.4,1.1,0.3,1.4-0.1  C16,13.9,17.9,13,20,13s4,0.9,5.4,2.5c0.2,0.2,0.5,0.4,0.8,0.4c0.2,0,0.5-0.1,0.6-0.2C27.2,15.3,27.2,14.6,26.9,14.2z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/similarities-field.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/similarities-field.svg
new file mode 100644
index 0000000000..d1b23466ad
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/similarities-field.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#3F51B5" d="M16,45v-4c2.971,0,3.932-0.626,5.107-1.811C21.925,38.367,22,37.946,22,37.938V10.539   C21.975,10.259,22.771,7,16,7V3c10.939,0,9.998,7.42,10,7.495v27.429c0.002,0.239-0.041,2.057-2.054,4.084   C21.975,43.993,20.118,45,16,45z"/>
+	<path fill="#3F51B5" d="M32,45v-4c-2.971,0-3.932-0.626-5.107-1.811C26.075,38.367,26,37.946,26,37.938V10.539   C26.025,10.259,25.229,7,32,7V3c-10.939,0-9.998,7.42-10,7.495v27.429c-0.002,0.239,0.041,2.057,2.054,4.084   C26.025,43.993,27.882,45,32,45z"/>
+	<rect x="16" y="22" fill="#3F51B5" width="16" height="4"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/similarity.svg b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/similarity.svg
new file mode 100644
index 0000000000..49299502fb
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/assets/similarity.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#1976D2" d="M38,14h-3c-5.514,0-10,4.486-10,10s4.486,10,10,10h3c5.514,0,10-4.486,10-10S43.514,14,38,14 M38,30h-3   c-3.309,0-6-2.691-6-6s2.691-6,6-6h3c3.309,0,6,2.691,6,6S41.309,30,38,30"/>
+	<path fill="#1976D2" d="M13,14h-3C4.486,14,0,18.486,0,24s4.486,10,10,10h3c5.514,0,10-4.486,10-10S18.514,14,13,14 M13,30h-3   c-3.309,0-6-2.691-6-6s2.691-6,6-6h3c3.309,0,6,2.691,6,6S16.309,30,13,30"/>
+</g>
+<path fill="#42A5F5" d="M33,22H15c-1.104,0-2,0.896-2,2s0.896,2,2,2h18c1.104,0,2-0.896,2-2S34.104,22,33,22"/>
+</svg>
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopFilter.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopFilter.tsx
new file mode 100644
index 0000000000..eec4eba4de
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopFilter.tsx
@@ -0,0 +1,101 @@
+/**
+ * CoreShop IndexBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { filterApi } from '../modules/filters/api'
+
+type Option = { value: number, label: string }
+
+// Module-level cache
+let cachedOptions: Option[] | null = null
+let loadPromise: Promise<Option[]> | null = null
+
+export const loadFilters = async (): Promise<Option[]> => {
+  if (cachedOptions) return cachedOptions
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const rows = await filterApi.list()
+      const list = Array.isArray(rows) ? rows : []
+      cachedOptions = list
+        .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+        .filter((o: any) => o.value != null && o.label)
+      return cachedOptions
+    } catch (err) {
+      console.error('Failed to load filters:', err)
+      return []
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export const clearFilterCache = () => {
+  cachedOptions = null
+  loadPromise = null
+}
+
+const FilterSelectInner: React.FC<{
+  value?: number
+  onChange?: (value: number) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+}> = ({ value, onChange, disabled, style }) => {
+  const [options, setOptions] = React.useState<Option[]>([])
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    void (async () => {
+      try {
+        const opts = await loadFilters()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      disabled={disabled}
+      style={style}
+      showSearch
+      optionFilterProp="label"
+      allowClear
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopFilter extends DynamicTypeObjectDataAbstractSelect {
+  readonly id = 'coreShopFilter'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <FilterSelectInner
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..41bb095d5e
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,8 @@
+/**
+ * CoreShop IndexBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopFilter } from './DynamicTypeObjectDataCoreShopFilter'
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..97b99ce2ce
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,98 @@
+/**
+ * CoreShop IndexBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds as pimcoreServiceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry as PimcoreWidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { widgetRegistryServiceId, type WidgetRegistry } from '@coreshop/studio-form'
+import { Input } from 'antd'
+import { IndexBundleIconModule } from './modules/icon-library'
+import { DynamicTypeObjectDataCoreShopFilter } from './dynamic-types'
+import { ConditionRegistry, NestedCondition } from './modules/filters/conditions'
+import { serviceIds } from './modules/filters/service-ids'
+import { FilterFieldSelect, FilterFieldsMultiSelect, FilterValueSelect, FilterValueMultiSelect } from './modules/filters/widgets'
+import { FilterManager } from './modules/filters/FilterManager'
+import { IndexManager } from './modules/indexes/IndexManager'
+import { InterpreterWidget } from './modules/indexes/widgets/InterpreterWidget'
+import { InterpreterCollectionWidget } from './modules/indexes/widgets/InterpreterCollectionWidget'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-index',
+
+    onInit() {
+        // Register Dynamic Types
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            pimcoreServiceIds['DynamicTypes/ObjectDataRegistry']
+        )
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopFilter())
+
+        // Register Pimcore widgets
+        const widgetManager = container.get<PimcoreWidgetRegistry>(pimcoreServiceIds.widgetManager)
+
+        widgetManager.registerWidget({
+            name: 'coreshop-index-filter',
+            component: FilterManager
+        })
+
+        widgetManager.registerWidget({
+            name: 'coreshop-index-index',
+            component: IndexManager
+        })
+
+        // Register custom schema widgets for filter conditions
+        const schemaWidgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+        schemaWidgetRegistry.register('coreshop_filter_index_field', () => ({ component: FilterFieldSelect }))
+        schemaWidgetRegistry.register('coreshop_filter_index_fields', () => ({ component: FilterFieldsMultiSelect }))
+        schemaWidgetRegistry.register('coreshop_filter_value_select', () => ({ component: FilterValueSelect }))
+        schemaWidgetRegistry.register('coreshop_filter_value_multiselect', () => ({ component: FilterValueMultiSelect }))
+
+        // Create and bind separate registries for pre-conditions and user-conditions
+        container.bind(serviceIds.preConditionRegistry).to(ConditionRegistry).inSingletonScope()
+        container.bind(serviceIds.userConditionRegistry).to(ConditionRegistry).inSingletonScope()
+
+        // Get registries
+        const preConditionRegistry = container.get<ConditionRegistry>(serviceIds.preConditionRegistry)
+        const userConditionRegistry = container.get<ConditionRegistry>(serviceIds.userConditionRegistry)
+
+        // Register NestedCondition manually (recursive, needs ConditionRegistry/ConditionItem)
+        // Other conditions are registered dynamically from schema config in FilterManager
+        preConditionRegistry.register('nested', NestedCondition)
+        userConditionRegistry.register('nested', NestedCondition)
+
+        // Register interpreter widget for dynamic schema loading (no prototypes needed)
+        schemaWidgetRegistry.register('coreshop_index_column_interpreter', (field) => ({
+            component: InterpreterWidget,
+            props: { field },
+        }))
+
+        // Register interpreter collection widget (nested interpreter lists)
+        schemaWidgetRegistry.register('interpreter_collection', (field) => ({
+            component: InterpreterCollectionWidget,
+            props: { field },
+        }))
+    },
+
+    onStartup({ moduleSystem }) {
+        // Hide IndexBundle-owned rule collection prefixes from generic schema forms
+        const formWidgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+        const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+        ;[
+          'coreshop_filter_pre_condition_collection',
+          'coreshop_filter_user_condition_collection',
+        ].forEach((prefix) => formWidgetRegistry.register(prefix, hiddenWidget))
+
+        moduleSystem.registerModule(IndexBundleIconModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterDetail.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterDetail.tsx
new file mode 100644
index 0000000000..b331cdbeec
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterDetail.tsx
@@ -0,0 +1,87 @@
+/**
+ * CoreShop IndexBundle Filter Detail
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs } from 'antd'
+import { useTranslation } from 'react-i18next'
+import type { Filter, FilterConfig } from './types'
+import { SettingsForm } from './components/SettingsForm'
+import { ConditionsPanel } from './components/ConditionsPanel'
+import { serviceIds } from './service-ids'
+
+interface FilterDetailProps {
+  filter: Filter
+  config: FilterConfig
+  onChange: (filter: Filter) => void
+}
+
+export const FilterDetail: React.FC<FilterDetailProps> = ({
+  filter,
+  config,
+  onChange
+}) => {
+  const { t } = useTranslation()
+  const hasIndex = filter.index !== null && filter.index !== undefined
+
+  const tabs = [
+    {
+      key: 'settings',
+      label: t('coreshop_settings', { defaultValue: 'Settings' }),
+      children: (
+        <SettingsForm
+          filter={filter}
+          onChange={onChange}
+        />
+      )
+    },
+    {
+      key: 'pre-conditions',
+      label: t('coreshop_filters_pre_conditions', { defaultValue: 'Pre-Conditions' }),
+      children: (
+        <ConditionsPanel
+          conditions={filter.preConditions ?? []}
+          availableTypes={config.pre_conditions}
+          onChange={(preConditions) => onChange({ ...filter, preConditions })}
+          registryId={serviceIds.preConditionRegistry}
+          indexId={filter.index ?? undefined}
+          disabled={!hasIndex}
+        />
+      )
+    },
+    {
+      key: 'conditions',
+      label: t('coreshop_filters_user_conditions', { defaultValue: 'User Conditions' }),
+      children: (
+        <ConditionsPanel
+          conditions={filter.conditions ?? []}
+          availableTypes={config.user_conditions}
+          onChange={(conditions) => onChange({ ...filter, conditions })}
+          registryId={serviceIds.userConditionRegistry}
+          indexId={filter.index ?? undefined}
+          disabled={!hasIndex}
+        />
+      )
+    }
+  ]
+
+  return (
+    <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
+      <Tabs
+        defaultActiveKey="settings"
+        items={tabs}
+        style={{ flex: 1, overflow: 'auto' }}
+        tabBarStyle={{ paddingLeft: 24, paddingRight: 24, marginBottom: 0 }}
+        destroyInactiveTabPane={false}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterIndexContext.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterIndexContext.ts
new file mode 100644
index 0000000000..f124891c06
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterIndexContext.ts
@@ -0,0 +1,23 @@
+/**
+ * CoreShop IndexBundle Filter Index Context
+ *
+ * Provides the current indexId to schema-based filter condition widgets.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+
+interface FilterIndexContextValue {
+  indexId?: number
+}
+
+export const FilterIndexContext = React.createContext<FilterIndexContextValue>({})
+
+export const useFilterIndex = (): FilterIndexContextValue => React.useContext(FilterIndexContext)
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterManager.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterManager.tsx
new file mode 100644
index 0000000000..8b9b01aac1
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/FilterManager.tsx
@@ -0,0 +1,101 @@
+/**
+ * CoreShop IndexBundle Filter Manager
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { EntityTabbedManager } from '@coreshop/resource'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { filterApi } from './api'
+import type { Filter, FilterConfig } from './types'
+import { FilterDetail } from './FilterDetail'
+import type { ConditionRegistry } from './conditions/ConditionRegistry'
+import { serviceIds } from './service-ids'
+import { registerFilterSchemaConditionsFromMap } from './registerFilterSchemaConditions'
+
+export const FilterManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+  const [config, setConfig] = React.useState<FilterConfig | null>(null)
+
+  // Load config on mount and register schema-based conditions
+  React.useEffect(() => {
+    filterApi.getConfig()
+      .then((cfg) => {
+        const preCondReg = container.get<ConditionRegistry>(serviceIds.preConditionRegistry)
+        const userCondReg = container.get<ConditionRegistry>(serviceIds.userConditionRegistry)
+
+        registerFilterSchemaConditionsFromMap(preCondReg, cfg.preConditionSchemaByType, cfg.schemas)
+        registerFilterSchemaConditionsFromMap(userCondReg, cfg.userConditionSchemaByType, cfg.schemas)
+
+        setConfig(cfg)
+      })
+      .catch(err => {
+        console.error('Failed to load filter config:', err)
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<Filter>
+      api={filterApi}
+      dragType='coreshop:filter'
+      leftRootTitle={t('coreshop_filters', { defaultValue: 'Filters' })}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => ({
+        id: data.id,
+        name: data.name,
+        resultsPerPage: data.resultsPerPage,
+        orderDirection: data.orderDirection,
+        orderKey: data.orderKey,
+        index: data.index,
+        preConditions: data.preConditions,
+        conditions: data.conditions,
+      })}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_filters_add', { defaultValue: 'Add Filter' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await filterApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData) => {
+        if (!data) {
+          return (
+            <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+              {t('coreshop_filters_select', { defaultValue: 'Select a filter to view details.' })}
+            </div>
+          )
+        }
+
+        if (!config) {
+          return (
+            <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+              {t('coreshop_loading_configuration', { defaultValue: 'Loading configuration...' })}
+            </div>
+          )
+        }
+
+        return (
+          <FilterDetail
+            filter={data}
+            config={config}
+            onChange={setData}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/api.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/api.ts
new file mode 100644
index 0000000000..39e0896315
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/api.ts
@@ -0,0 +1,103 @@
+/**
+ * CoreShop IndexBundle Filter API
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities/api'
+import { preSeedSchemaCache } from '@coreshop/studio-form'
+import type { Filter, FilterConfig, IndexField, FieldValue } from './types'
+
+/**
+ * Filter API - Extends ResourceBundle EntityApi
+ */
+export class FilterApi extends EntityApi<Filter> {
+  private readonly basePath: string
+  private readonly resourcePath: string
+
+  constructor(config: { basePath: string, resourcePath: string }) {
+    super(config)
+    this.basePath = config.basePath
+    this.resourcePath = config.resourcePath
+  }
+
+  /**
+   * Get filter configuration (available condition types)
+   */
+  async getConfig(): Promise<FilterConfig> {
+    const url = `${this.basePath}${this.resourcePath}/get-config`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch filter config')
+    }
+
+    const config: FilterConfig = await response.json()
+
+    if (config.schemas) {
+      preSeedSchemaCache(config.schemas)
+    }
+
+    return config
+  }
+
+  /**
+   * Get available fields for an index
+   */
+  async getFieldsForIndex(indexId: number): Promise<IndexField[]> {
+    const url = `${this.basePath}${this.resourcePath}/get-fields-for-index?index=${indexId}`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch fields for index')
+    }
+
+    return await response.json()
+  }
+
+  /**
+   * Get available values for a filter field (for preSelect dropdowns)
+   */
+  async getValuesForFilterField(indexId: number, field: string): Promise<FieldValue[]> {
+    const url = `${this.basePath}${this.resourcePath}/get-values-for-filter-field?index=${indexId}&field=${encodeURIComponent(field)}`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch values for filter field')
+    }
+
+    return await response.json()
+  }
+}
+
+/**
+ * Filter API instance
+ */
+export const filterApi = new FilterApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/filters'
+})
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/ConditionItem.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/ConditionItem.tsx
new file mode 100644
index 0000000000..5c132c3529
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/ConditionItem.tsx
@@ -0,0 +1,107 @@
+/**
+ * CoreShop IndexBundle Filter Condition Item
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo } from 'react'
+import { Card, Button, Space } from 'antd'
+import { ArrowUpOutlined, ArrowDownOutlined, DeleteOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { FilterCondition } from '../types'
+import type { ConditionRegistry } from '../conditions/ConditionRegistry'
+
+interface ConditionItemProps {
+  condition: FilterCondition
+  index: number
+  total: number
+  onChange: (condition: FilterCondition) => void
+  onMove: (from: number, to: number) => void
+  onDelete: () => void
+  registryId: symbol | string
+  indexId?: number
+}
+
+export const ConditionItem: React.FC<ConditionItemProps> = ({
+  condition,
+  index,
+  total,
+  onChange,
+  onMove,
+  onDelete,
+  registryId,
+  indexId
+}) => {
+  const handleDataChange = (data: Partial<FilterCondition>) => {
+    onChange({ ...condition, ...data })
+  }
+
+  const conditionRegistry = useMemo(
+    () => container.get<ConditionRegistry>(registryId),
+    [registryId]
+  )
+
+  const ConditionComponent = conditionRegistry.get(condition.type)
+
+  const title = (
+    <Space>
+      <span style={{ fontWeight: 600 }}>
+        Filter: {condition.type}
+      </span>
+    </Space>
+  )
+
+  const extra = (
+    <Space>
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowUpOutlined />}
+        disabled={index === 0}
+        onClick={() => onMove(index, index - 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowDownOutlined />}
+        disabled={index === total - 1}
+        onClick={() => onMove(index, index + 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<DeleteOutlined />}
+        danger
+        onClick={onDelete}
+      />
+    </Space>
+  )
+
+  return (
+    <Card
+      size="small"
+      title={title}
+      extra={extra}
+      style={{ marginBottom: 8 }}
+    >
+      {ConditionComponent ? (
+        <ConditionComponent
+          data={condition}
+          onChange={handleDataChange}
+          indexId={indexId}
+          registryId={registryId}
+        />
+      ) : (
+        <div style={{ color: '#999', fontStyle: 'italic' }}>
+          Unknown condition type: {condition.type}
+        </div>
+      )}
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/ConditionsPanel.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/ConditionsPanel.tsx
new file mode 100644
index 0000000000..f32c1b3ac4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/ConditionsPanel.tsx
@@ -0,0 +1,117 @@
+/**
+ * CoreShop IndexBundle Filter Conditions Panel
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Dropdown, Space, Empty } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import { useTranslation } from 'react-i18next'
+import type { FilterCondition } from '../types'
+import { ConditionItem } from './ConditionItem'
+
+interface ConditionsPanelProps {
+  conditions: FilterCondition[]
+  availableTypes: string[]
+  onChange: (conditions: FilterCondition[]) => void
+  registryId: symbol | string
+  indexId?: number
+  disabled?: boolean
+}
+
+export const ConditionsPanel: React.FC<ConditionsPanelProps> = ({
+  conditions,
+  availableTypes,
+  onChange,
+  registryId,
+  indexId,
+  disabled = false
+}) => {
+  const { t } = useTranslation()
+  const handleAdd = (type: string) => {
+    const newCondition: FilterCondition = {
+      type,
+      configuration: {},
+      sort: conditions.length
+    }
+    onChange([...conditions, newCondition])
+  }
+
+  const handleChange = (index: number, condition: FilterCondition) => {
+    const updated = [...conditions]
+    updated[index] = condition
+    onChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= conditions.length) return
+    const updated = [...conditions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    onChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = conditions.filter((_, i) => i !== index)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    onChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: `Filter: ${type}`,
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <div>
+          <Dropdown menu={{ items: menuItems }} placement="bottomLeft" disabled={disabled}>
+            <Button type="primary" icon={<PlusOutlined />} disabled={disabled}>
+              {t('coreshop_filters_add_condition', { defaultValue: 'Add Condition' })}
+            </Button>
+          </Dropdown>
+        </div>
+
+        {conditions.length === 0 ? (
+          <Empty
+            description={disabled ? t('coreshop_filters_select_index_first', { defaultValue: 'Please select an index first' }) : t('coreshop_filters_no_conditions', { defaultValue: 'No conditions defined' })}
+            image={Empty.PRESENTED_IMAGE_SIMPLE}
+          />
+        ) : (
+          <div>
+            {conditions.map((condition, index) => (
+              <ConditionItem
+                key={index}
+                condition={condition}
+                index={index}
+                total={conditions.length}
+                onChange={(c) => handleChange(index, c)}
+                onMove={handleMove}
+                onDelete={() => handleDelete(index)}
+                registryId={registryId}
+                indexId={indexId}
+              />
+            ))}
+          </div>
+        )}
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/SettingsForm.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/SettingsForm.tsx
new file mode 100644
index 0000000000..119b5bd3b6
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/SettingsForm.tsx
@@ -0,0 +1,35 @@
+/**
+ * CoreShop IndexBundle Filter Settings Form
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { Filter } from '../types'
+
+interface SettingsFormProps {
+  filter: Filter
+  onChange: (filter: Filter) => void
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  filter,
+  onChange
+}) => {
+  return (
+    <div style={{ padding: 24 }}>
+      <SchemaForm<Filter>
+        blockPrefix="coreshop_filter"
+        data={filter}
+        onChange={(draft) => onChange({ ...filter, ...draft })}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/index.ts
new file mode 100644
index 0000000000..cadabd47d2
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/components/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop IndexBundle Filter Components
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { ConditionsPanel } from './ConditionsPanel'
+export { ConditionItem } from './ConditionItem'
+export { SettingsForm } from './SettingsForm'
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/ConditionRegistry.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/ConditionRegistry.ts
new file mode 100644
index 0000000000..08dc0994a4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/ConditionRegistry.ts
@@ -0,0 +1,52 @@
+/**
+ * CoreShop IndexBundle Filter Condition Registry
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { injectable } from 'inversify'
+import type React from 'react'
+import type { ConditionProps } from '../types'
+
+/**
+ * Filter Condition Registry
+ * Similar to RuleBundle's ConditionRegistry but for filter conditions
+ */
+@injectable()
+export class ConditionRegistry {
+  private conditions: Map<string, React.ComponentType<ConditionProps>> = new Map()
+
+  /**
+   * Register a condition component
+   */
+  register(type: string, component: React.ComponentType<ConditionProps>): void {
+    this.conditions.set(type, component)
+  }
+
+  /**
+   * Get a condition component by type
+   */
+  get(type: string): React.ComponentType<ConditionProps> | undefined {
+    return this.conditions.get(type)
+  }
+
+  /**
+   * Check if a condition type exists
+   */
+  has(type: string): boolean {
+    return this.conditions.has(type)
+  }
+
+  /**
+   * Get all registered condition types
+   */
+  getAll(): Array<[string, React.ComponentType<ConditionProps>]> {
+    return Array.from(this.conditions.entries())
+  }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/NestedCondition.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/NestedCondition.tsx
new file mode 100644
index 0000000000..a1ef09d72a
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/NestedCondition.tsx
@@ -0,0 +1,151 @@
+/**
+ * CoreShop IndexBundle Nested Filter Condition
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo } from 'react'
+import { Form, Input, Button, Dropdown, Space, Empty, Card } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { ConditionProps, FilterCondition } from '../types'
+import type { ConditionRegistry } from './ConditionRegistry'
+import { ConditionItem } from '../components/ConditionItem'
+
+/**
+ * Nested Condition - Contains other filter conditions (recursive)
+ */
+export const NestedCondition: React.FC<ConditionProps> = ({
+  data,
+  onChange,
+  indexId,
+  registryId
+}) => {
+  const { t } = useTranslation()
+  const conditions = (data.configuration?.conditions as FilterCondition[]) || []
+
+  const conditionRegistry = useMemo(
+    () => {
+      if (!registryId) return null
+      try {
+        return container.get<ConditionRegistry>(registryId)
+      } catch {
+        // Fallback if registry not found
+        return null
+      }
+    },
+    [registryId]
+  )
+
+  const availableTypes = useMemo(() => {
+    if (!conditionRegistry) return []
+    return Array.from(conditionRegistry.getAll()).map(([type]) => type)
+  }, [conditionRegistry])
+
+  const handleConditionsChange = (newConditions: FilterCondition[]) => {
+    onChange({
+      configuration: {
+        ...data.configuration,
+        conditions: newConditions
+      }
+    })
+  }
+
+  const handleAdd = (type: string) => {
+    const newCondition: FilterCondition = {
+      type,
+      configuration: {},
+      sort: conditions.length
+    }
+    handleConditionsChange([...conditions, newCondition])
+  }
+
+  const handleChange = (index: number, condition: FilterCondition) => {
+    const updated = [...conditions]
+    updated[index] = condition
+    handleConditionsChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= conditions.length) return
+    const updated = [...conditions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    handleConditionsChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = conditions.filter((_, i) => i !== index)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    handleConditionsChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: `Filter: ${type}`,
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <Form layout="vertical">
+      <Form.Item label={t('coreshop_label', { defaultValue: 'Label' })}>
+        <Input
+          value={data.label}
+          onChange={(e) => onChange({ label: e.target.value })}
+        />
+      </Form.Item>
+
+      <Form.Item label={t('coreshop_filters_conditions', { defaultValue: 'Nested Conditions' })}>
+        <Card size="small" style={{ backgroundColor: '#fafafa' }}>
+          <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+            <div>
+              <Dropdown menu={{ items: menuItems }} placement="bottomLeft">
+                <Button type="dashed" icon={<PlusOutlined />} size="small">
+                  {t('coreshop_filters_add_condition', { defaultValue: 'Add Condition' })}
+                </Button>
+              </Dropdown>
+            </div>
+
+            {conditions.length === 0 ? (
+              <Empty
+                description={t('coreshop_filters_no_conditions', { defaultValue: 'No nested conditions' })}
+                image={Empty.PRESENTED_IMAGE_SIMPLE}
+              />
+            ) : (
+              <div>
+                {conditions.map((condition, index) => (
+                  <ConditionItem
+                    key={index}
+                    condition={condition}
+                    index={index}
+                    total={conditions.length}
+                    onChange={(c) => handleChange(index, c)}
+                    onMove={handleMove}
+                    onDelete={() => handleDelete(index)}
+                    registryId={registryId!}
+                    indexId={indexId}
+                  />
+                ))}
+              </div>
+            )}
+          </Space>
+        </Card>
+      </Form.Item>
+    </Form>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/index.ts
new file mode 100644
index 0000000000..cd7301588b
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/conditions/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop IndexBundle Filter Conditions
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { ConditionRegistry } from './ConditionRegistry'
+export { NestedCondition } from './NestedCondition'
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/createFilterSchemaCondition.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/createFilterSchemaCondition.tsx
new file mode 100644
index 0000000000..6f64044247
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/createFilterSchemaCondition.tsx
@@ -0,0 +1,98 @@
+/**
+ * CoreShop IndexBundle - Filter Schema Condition Factory
+ *
+ * Creates schema-based filter condition components that:
+ * - Wrap content in FilterIndexContext.Provider (provides indexId to widgets)
+ * - Handle entity-level fields (label, quantityUnit) outside configuration
+ * - Map between FilterCondition shape and SchemaForm flat data
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useCallback, useMemo } from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter/SchemaForm'
+import type { FormDecorator } from '@coreshop/studio-form/src/form-builder'
+import type { ConditionProps, FilterCondition } from './types'
+import { FilterIndexContext } from './FilterIndexContext'
+import { Input } from 'antd'
+import { QuantityUnitSelect } from '../shared/QuantityUnitSelect'
+
+const ENTITY_FIELDS = new Set(['label', 'quantityUnit'])
+
+export const createFilterSchemaCondition = (blockPrefix: string): React.FC<ConditionProps> => {
+  const FilterSchemaCondition: React.FC<ConditionProps> = ({ data, onChange, indexId }) => {
+    const entityDecorators = useMemo<Array<{ name: string; decorator: FormDecorator<any> }>>(
+      () => [
+        {
+          name: 'entity-fields',
+          decorator: (config) => ({
+            ...config,
+            fields: [
+              {
+                name: 'label',
+                label: 'coreshop_label',
+                component: Input,
+              },
+              {
+                name: 'quantityUnit',
+                label: 'coreshop_filters_quantityUnit',
+                component: QuantityUnitSelect,
+              },
+              ...config.fields,
+            ],
+          }),
+        },
+      ],
+      [],
+    )
+
+    // Merge entity-level and configuration-level data into flat object for SchemaForm
+    const schemaData = useMemo(
+      () => ({
+        label: data.label ?? '',
+        quantityUnit: data.quantityUnit ?? '0',
+        ...(data.configuration ?? {}),
+      }),
+      [data],
+    )
+
+    const handleChange = useCallback(
+      (draft: Record<string, any>) => {
+        const entityUpdate: Partial<FilterCondition> = {}
+        const configUpdate: Record<string, any> = {}
+
+        for (const [key, value] of Object.entries(draft)) {
+          if (ENTITY_FIELDS.has(key)) {
+            ;(entityUpdate as any)[key] = key === 'quantityUnit' ? Number(value) : value
+          } else {
+            configUpdate[key] = value
+          }
+        }
+
+        onChange({
+          ...entityUpdate,
+          ...(Object.keys(configUpdate).length > 0
+            ? { configuration: { ...data.configuration, ...configUpdate } }
+            : {}),
+        })
+      },
+      [data.configuration, onChange],
+    )
+
+    const contextValue = useMemo(() => ({ indexId }), [indexId])
+
+    return (
+      <FilterIndexContext.Provider value={contextValue}>
+        <SchemaForm
+          blockPrefix={blockPrefix}
+          data={schemaData}
+          onChange={handleChange}
+          decorators={entityDecorators}
+        />
+      </FilterIndexContext.Provider>
+    )
+  }
+  FilterSchemaCondition.displayName = `FilterSchemaCondition(${blockPrefix})`
+  return FilterSchemaCondition
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/registerFilterSchemaConditions.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/registerFilterSchemaConditions.ts
new file mode 100644
index 0000000000..a36fdae15b
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/registerFilterSchemaConditions.ts
@@ -0,0 +1,34 @@
+/**
+ * CoreShop IndexBundle - Register Filter Schema Conditions
+ *
+ * Registers schema-based filter condition components from backend type->blockPrefix mappings.
+ * Similar to RuleBundle's registerSchemaComponentsFromMaps but uses createFilterSchemaCondition.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { ConditionRegistry } from './conditions/ConditionRegistry'
+import { createFilterSchemaCondition } from './createFilterSchemaCondition'
+
+const isFilterSchemaComponent = (component: unknown): boolean => {
+  const displayName = (component as { displayName?: string })?.displayName
+  return typeof displayName === 'string' && displayName.startsWith('FilterSchemaCondition(')
+}
+
+export const registerFilterSchemaConditionsFromMap = (
+  registry: ConditionRegistry,
+  schemaByType: Record<string, string> | undefined,
+  schemas: Record<string, any> | undefined,
+): void => {
+  if (!schemaByType) return
+
+  for (const [type, blockPrefix] of Object.entries(schemaByType)) {
+    const existing = registry.get(type)
+    // Only register if no existing component, or existing is also a schema component
+    const shouldRegister = !existing || isFilterSchemaComponent(existing)
+    if (shouldRegister) {
+      registry.register(type, createFilterSchemaCondition(blockPrefix))
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/service-ids.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/service-ids.ts
new file mode 100644
index 0000000000..bd2cdf1b92
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/service-ids.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop IndexBundle Filter Service IDs
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const serviceIds = {
+  // Condition registries
+  preConditionRegistry: 'coreshop.index.filter.pre_condition_registry',
+  userConditionRegistry: 'coreshop.index.filter.user_condition_registry',
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/types.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/types.ts
new file mode 100644
index 0000000000..793ec691c8
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/types.ts
@@ -0,0 +1,76 @@
+/**
+ * CoreShop IndexBundle Filter Types
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { EntityListItem } from '@coreshop/resource/src/entities/types'
+
+/**
+ * Filter Condition Interface
+ */
+export interface FilterCondition {
+  id?: number
+  type: string
+  field?: string
+  label?: string
+  quantityUnit?: number
+  configuration?: Record<string, any>
+  sort?: number
+}
+
+/**
+ * Filter Interface
+ */
+export interface Filter extends EntityListItem {
+  name: string
+  resultsPerPage?: number
+  orderDirection?: 'asc' | 'desc'
+  orderKey?: string
+  index?: number | null
+  preConditions?: FilterCondition[]
+  conditions?: FilterCondition[]
+}
+
+/**
+ * Filter Configuration Response
+ */
+export interface FilterConfig {
+  success: boolean
+  pre_conditions: string[]
+  user_conditions: string[]
+  schemas?: Record<string, any>
+  preConditionSchemaByType?: Record<string, string>
+  userConditionSchemaByType?: Record<string, string>
+}
+
+/**
+ * Index Field
+ */
+export interface IndexField {
+  name: string
+}
+
+/**
+ * Field Value for preSelect
+ */
+export interface FieldValue {
+  key: string | number
+  value: string
+}
+
+/**
+ * Condition Component Props
+ */
+export interface ConditionProps {
+  data: FilterCondition
+  onChange: (data: Partial<FilterCondition>) => void
+  indexId?: number
+  registryId?: symbol | string
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterFieldSelect.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterFieldSelect.tsx
new file mode 100644
index 0000000000..99713b02d6
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterFieldSelect.tsx
@@ -0,0 +1,55 @@
+/**
+ * CoreShop IndexBundle - Filter Field Select Widget
+ *
+ * Schema widget for selecting a single index field.
+ * Uses FilterIndexContext to get the current indexId.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import { useFilterIndex } from '../FilterIndexContext'
+import { filterApi } from '../api'
+
+interface FilterFieldSelectProps {
+  value?: string
+  onChange?: (value: string) => void
+}
+
+export const FilterFieldSelect: React.FC<FilterFieldSelectProps> = ({ value, onChange }) => {
+  const { indexId } = useFilterIndex()
+  const [options, setOptions] = React.useState<Array<{ label: string, value: string }>>([])
+  const [loading, setLoading] = React.useState(false)
+
+  React.useEffect(() => {
+    if (!indexId) {
+      setOptions([])
+      return
+    }
+
+    setLoading(true)
+    filterApi.getFieldsForIndex(indexId)
+      .then(fields => {
+        setOptions(fields.map(f => ({ label: f.name, value: f.name })))
+      })
+      .catch(err => {
+        console.error('Failed to load index fields:', err)
+      })
+      .finally(() => setLoading(false))
+  }, [indexId])
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      showSearch
+      filterOption={(input, option) =>
+        (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterFieldsMultiSelect.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterFieldsMultiSelect.tsx
new file mode 100644
index 0000000000..7b2b4c907a
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterFieldsMultiSelect.tsx
@@ -0,0 +1,56 @@
+/**
+ * CoreShop IndexBundle - Filter Fields Multi-Select Widget
+ *
+ * Schema widget for selecting multiple index fields (e.g., search condition).
+ * Uses FilterIndexContext to get the current indexId.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import { useFilterIndex } from '../FilterIndexContext'
+import { filterApi } from '../api'
+
+interface FilterFieldsMultiSelectProps {
+  value?: string[]
+  onChange?: (value: string[]) => void
+}
+
+export const FilterFieldsMultiSelect: React.FC<FilterFieldsMultiSelectProps> = ({ value, onChange }) => {
+  const { indexId } = useFilterIndex()
+  const [options, setOptions] = React.useState<Array<{ label: string, value: string }>>([])
+  const [loading, setLoading] = React.useState(false)
+
+  React.useEffect(() => {
+    if (!indexId) {
+      setOptions([])
+      return
+    }
+
+    setLoading(true)
+    filterApi.getFieldsForIndex(indexId)
+      .then(fields => {
+        setOptions(fields.map(f => ({ label: f.name, value: f.name })))
+      })
+      .catch(err => {
+        console.error('Failed to load index fields:', err)
+      })
+      .finally(() => setLoading(false))
+  }, [indexId])
+
+  return (
+    <Select
+      mode="multiple"
+      value={value ?? []}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      showSearch
+      filterOption={(input, option) =>
+        (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterValueMultiSelect.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterValueMultiSelect.tsx
new file mode 100644
index 0000000000..de8465a18b
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterValueMultiSelect.tsx
@@ -0,0 +1,57 @@
+/**
+ * CoreShop IndexBundle - Filter Value Multi-Select Widget
+ *
+ * Schema widget for selecting multiple values for a filter field.
+ * Uses FilterIndexContext for indexId and Form.useWatch for the current field name.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, Form } from 'antd'
+import { useFilterIndex } from '../FilterIndexContext'
+import { filterApi } from '../api'
+import type { FieldValue } from '../types'
+
+interface FilterValueMultiSelectProps {
+  value?: Array<string | number>
+  onChange?: (value: Array<string | number>) => void
+}
+
+export const FilterValueMultiSelect: React.FC<FilterValueMultiSelectProps> = ({ value, onChange }) => {
+  const { indexId } = useFilterIndex()
+  const fieldName = Form.useWatch('field')
+  const [options, setOptions] = React.useState<FieldValue[]>([])
+  const [loading, setLoading] = React.useState(false)
+
+  React.useEffect(() => {
+    if (!indexId || !fieldName) {
+      setOptions([])
+      return
+    }
+
+    setLoading(true)
+    filterApi.getValuesForFilterField(indexId, fieldName)
+      .then(setOptions)
+      .catch(err => {
+        console.error('Failed to load field values:', err)
+      })
+      .finally(() => setLoading(false))
+  }, [indexId, fieldName])
+
+  return (
+    <Select
+      mode="multiple"
+      value={value ?? []}
+      onChange={onChange}
+      options={options.map(v => ({ label: v.value, value: v.key }))}
+      loading={loading}
+      allowClear
+      showSearch
+      filterOption={(input, option) =>
+        String(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterValueSelect.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterValueSelect.tsx
new file mode 100644
index 0000000000..1863fff2ab
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/FilterValueSelect.tsx
@@ -0,0 +1,56 @@
+/**
+ * CoreShop IndexBundle - Filter Value Select Widget
+ *
+ * Schema widget for selecting a single value for a filter field.
+ * Uses FilterIndexContext for indexId and Form.useWatch for the current field name.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, Form } from 'antd'
+import { useFilterIndex } from '../FilterIndexContext'
+import { filterApi } from '../api'
+import type { FieldValue } from '../types'
+
+interface FilterValueSelectProps {
+  value?: string | number
+  onChange?: (value: string | number) => void
+}
+
+export const FilterValueSelect: React.FC<FilterValueSelectProps> = ({ value, onChange }) => {
+  const { indexId } = useFilterIndex()
+  const fieldName = Form.useWatch('field')
+  const [options, setOptions] = React.useState<FieldValue[]>([])
+  const [loading, setLoading] = React.useState(false)
+
+  React.useEffect(() => {
+    if (!indexId || !fieldName) {
+      setOptions([])
+      return
+    }
+
+    setLoading(true)
+    filterApi.getValuesForFilterField(indexId, fieldName)
+      .then(setOptions)
+      .catch(err => {
+        console.error('Failed to load field values:', err)
+      })
+      .finally(() => setLoading(false))
+  }, [indexId, fieldName])
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options.map(v => ({ label: v.value, value: v.key }))}
+      loading={loading}
+      allowClear
+      showSearch
+      filterOption={(input, option) =>
+        String(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/index.ts
new file mode 100644
index 0000000000..55962f1d89
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/filters/widgets/index.ts
@@ -0,0 +1,11 @@
+/**
+ * CoreShop IndexBundle - Filter Widgets
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { FilterFieldSelect } from './FilterFieldSelect'
+export { FilterFieldsMultiSelect } from './FilterFieldsMultiSelect'
+export { FilterValueSelect } from './FilterValueSelect'
+export { FilterValueMultiSelect } from './FilterValueMultiSelect'
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..846537e593
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,137 @@
+/**
+ * CoreShop IndexBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import filterBooleanIcon from '../../assets/filter-boolean.svg?react'
+// @ts-ignore
+import filterCategorySelectIcon from '../../assets/filter-category-select.svg?react'
+// @ts-ignore
+import filterCombinedIcon from '../../assets/filter-combined.svg?react'
+// @ts-ignore
+import filterEmptyIcon from '../../assets/filter-empty.svg?react'
+// @ts-ignore
+import filterMultiselectIcon from '../../assets/filter-multiselect.svg?react'
+// @ts-ignore
+import filterRangeIcon from '../../assets/filter-range.svg?react'
+// @ts-ignore
+import filterSearchIcon from '../../assets/filter-search.svg?react'
+// @ts-ignore
+import filterSelectIcon from '../../assets/filter-select.svg?react'
+// @ts-ignore
+import filtersIcon from '../../assets/filters.svg?react'
+// @ts-ignore
+import indexesIcon from '../../assets/indexes.svg?react'
+// @ts-ignore
+import searchIcon from '../../assets/search.svg?react'
+// @ts-ignore
+import similaritiesFieldIcon from '../../assets/similarities-field.svg?react'
+// @ts-ignore
+import similarityIcon from '../../assets/similarity.svg?react'
+
+export const IndexBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    // Index icons
+    iconLibrary.register({
+      name: 'coreshop_index',
+      component: indexesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_indexes',
+      component: indexesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_indexes',
+      component: indexesIcon
+    })
+
+    // Filter icons
+    iconLibrary.register({
+      name: 'coreshop_filter',
+      component: filtersIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_filters',
+      component: filtersIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filters',
+      component: filtersIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_boolean',
+      component: filterBooleanIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_category_select',
+      component: filterCategorySelectIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_combined',
+      component: filterCombinedIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_empty',
+      component: filterEmptyIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_multiselect',
+      component: filterMultiselectIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_range',
+      component: filterRangeIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_search',
+      component: filterSearchIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_filter_select',
+      component: filterSelectIcon
+    })
+
+    // Search icons
+    iconLibrary.register({
+      name: 'coreshop_search',
+      component: searchIcon
+    })
+
+    // Similarity icons
+    iconLibrary.register({
+      name: 'coreshop_similarity',
+      component: similarityIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_similarities_field',
+      component: similaritiesFieldIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/IndexDetail.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/IndexDetail.tsx
new file mode 100644
index 0000000000..99303c0f2c
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/IndexDetail.tsx
@@ -0,0 +1,71 @@
+/**
+ * CoreShop IndexBundle Index Detail
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs } from 'antd'
+import { useTranslation } from 'react-i18next'
+import type { Index, IndexConfig } from './api'
+import { SettingsForm, ColumnsPanel } from './components'
+import { useIndexDetailStyles } from './index-detail.styles'
+
+interface IndexDetailProps {
+  index: Index
+  config: IndexConfig
+  onChange: (index: Index) => void
+}
+
+export const IndexDetail: React.FC<IndexDetailProps> = ({
+  index,
+  config,
+  onChange
+}) => {
+  const { t } = useTranslation()
+  const { styles } = useIndexDetailStyles()
+
+  const tabs = [
+    {
+      key: 'settings',
+      label: t('coreshop_settings', { defaultValue: 'Settings' }),
+      children: (
+        <div style={{ padding: 24 }}>
+          <SettingsForm
+            index={index}
+            config={config}
+            onChange={onChange}
+          />
+        </div>
+      )
+    },
+    {
+      key: 'fields',
+      label: t('coreshop_indexes_fields', { defaultValue: 'Fields' }),
+      children: (
+        <ColumnsPanel
+          index={index}
+          config={config}
+          onChange={onChange}
+        />
+      )
+    }
+  ]
+
+  return (
+    <div className={styles.root}>
+      <Tabs
+        defaultActiveKey="settings"
+        items={tabs}
+        tabBarStyle={{ paddingLeft: 24, paddingRight: 24, marginBottom: 0 }}
+        destroyInactiveTabPane={false}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/IndexManager.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/IndexManager.tsx
new file mode 100644
index 0000000000..132b732130
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/IndexManager.tsx
@@ -0,0 +1,128 @@
+/**
+ * CoreShop IndexBundle Index Manager
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { indexApi, type Index, type IndexConfig } from './api'
+import { IndexDetail } from './IndexDetail'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+export const IndexManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<IndexConfig | null>(null)
+
+  // Load config on mount
+  React.useEffect(() => {
+    indexApi.getConfig()
+      .then(setConfig)
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load index config')))
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<Index>
+      api={indexApi}
+      dragType='coreshop:index'
+      leftRootTitle={t('coreshop_indexes', { defaultValue: 'Indices' })}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => {
+        // Convert columns array to object keyed by objectKey (ExtJS format)
+        const columnsObj: Record<string, any> = {}
+        data.columns?.forEach(col => {
+          const { id, getter, getterConfig, interpreter, interpreterConfig, configuration, ...rest } = col
+          const cleanCol: any = { ...rest }
+
+          // Only include getter/interpreter if not null/empty
+          if (getter) cleanCol.getter = getter
+          if (getterConfig && Object.keys(getterConfig).length > 0) cleanCol.getterConfig = getterConfig
+          if (interpreter) cleanCol.interpreter = interpreter
+          if (interpreterConfig && Object.keys(interpreterConfig).length > 0) cleanCol.interpreterConfig = interpreterConfig
+
+          // Add to object keyed by objectKey
+          columnsObj[col.objectKey] = cleanCol
+        })
+
+        // Prepare configuration - convert arrays to objects
+        const configObj: any = {}
+        if (data.configuration) {
+          if (data.configuration.indexes) {
+            configObj.indexes = Array.isArray(data.configuration.indexes) && data.configuration.indexes.length === 0
+              ? {}
+              : data.configuration.indexes
+          }
+          if (data.configuration.localizedIndexes) {
+            configObj.localizedIndexes = Array.isArray(data.configuration.localizedIndexes) && data.configuration.localizedIndexes.length === 0
+              ? {}
+              : data.configuration.localizedIndexes
+          }
+        }
+
+        const payload: any = {
+          id: data.id,
+          name: data.name,
+          class: data.class,
+          worker: data.worker,
+          indexLastVersion: data.indexLastVersion,
+          columns: columnsObj,
+          configuration: Object.keys(configObj).length > 0 ? configObj : { indexes: {}, localizedIndexes: {} }
+        }
+
+        return payload
+      }}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_indexes_add', { defaultValue: 'Add Index' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: {
+            required: true,
+            message: t('coreshop_name_required', { defaultValue: 'Name is required' }),
+            pattern: /^[a-zA-Z0-9]+$/,
+          },
+          onOk: async (nameValue: string) => {
+            const res = await indexApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData) => {
+        if (!data) {
+          return (
+            <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+              {t('coreshop_indexes_select', { defaultValue: 'Select an index to view details.' })}
+            </div>
+          )
+        }
+
+        if (!config) {
+          return (
+            <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+              {t('coreshop_loading_configuration', { defaultValue: 'Loading configuration...' })}
+            </div>
+          )
+        }
+
+        return (
+          <IndexDetail
+            index={data}
+            config={config}
+            onChange={setData}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/InterpreterSchemaContext.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/InterpreterSchemaContext.tsx
new file mode 100644
index 0000000000..5327ede352
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/InterpreterSchemaContext.tsx
@@ -0,0 +1,20 @@
+/**
+ * CoreShop IndexBundle - Interpreter Schema Context
+ *
+ * Provides interpreter type → blockPrefix mapping to nested components.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+
+type InterpreterSchemaMap = Record<string, string>
+
+const InterpreterSchemaContext = React.createContext<InterpreterSchemaMap>({})
+
+export const InterpreterSchemaProvider = InterpreterSchemaContext.Provider
+
+export const useInterpreterSchema = (): InterpreterSchemaMap => {
+  return React.useContext(InterpreterSchemaContext)
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/api.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/api.ts
new file mode 100644
index 0000000000..44b38b0be6
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/api.ts
@@ -0,0 +1,183 @@
+/**
+ * CoreShop IndexBundle Index API
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities/api'
+import { preSeedSchemaCache } from '@coreshop/studio-form'
+
+/**
+ * Index Entity
+ */
+export interface Index {
+  id?: number
+  name: string
+  class?: string
+  worker?: string
+  indexLastVersion?: boolean
+  columns?: IndexColumn[]
+  configuration?: Record<string, any>
+}
+
+/**
+ * Index Column Entity
+ */
+export interface IndexColumn {
+  id?: number
+  name: string
+  objectKey: string
+  objectType?: string
+  dataType?: string
+  columnType?: string
+  getter?: string
+  getterConfig?: Record<string, any>
+  interpreter?: string
+  interpreterConfig?: Record<string, any>
+  configuration?: Record<string, any>
+}
+
+/**
+ * Index Configuration
+ */
+export interface IndexConfig {
+  success: boolean
+  workers?: Array<{ type: string; name: string; blockPrefix?: string }>
+  workerTypes?: string[] | Record<string, string>
+  classes: Array<{ name: string }>
+  getters: Array<{ type: string; name: string; blockPrefix?: string }>
+  interpreters: Array<{ type: string; name: string; localized?: boolean; relation?: boolean; blockPrefix?: string }>
+  fieldTypes: Record<string, Array<{ type: string; name: string }>>
+  schemas?: Record<string, any>
+  getterSchemaByType?: Record<string, string>
+  interpreterSchemaByType?: Record<string, string>
+  workerSchemaByType?: Record<string, string>
+}
+
+/**
+ * Class Definition Field
+ */
+export interface ClassDefinitionField {
+  name: string
+  fieldtype: string
+  title?: string
+  tooltip?: string
+  nodeLabel?: string
+  nodeType?: string
+  childs?: ClassDefinitionField[]
+  getter?: string
+  interpreter?: string
+  configuration?: Record<string, any>
+}
+
+/**
+ * Class Definition Response
+ */
+export interface ClassDefinitionResponse {
+  fields?: ClassDefinitionField
+  systemfields?: ClassDefinitionField
+  localizedfields?: ClassDefinitionField
+  [key: string]: ClassDefinitionField | undefined
+}
+
+/**
+ * OpenSearch Client
+ */
+export interface OpenSearchClient {
+  name: string
+}
+
+/**
+ * Index API - Extends ResourceBundle EntityApi
+ */
+export class IndexApi extends EntityApi<Index> {
+  private readonly basePath: string
+  private readonly resourcePath: string
+
+  constructor(config: { basePath: string, resourcePath: string }) {
+    super(config)
+    this.basePath = config.basePath
+    this.resourcePath = config.resourcePath
+  }
+
+  /**
+   * Get index configuration (workers, classes, getters, interpreters, field types)
+   */
+  async getConfig(): Promise<IndexConfig> {
+    const url = `${this.basePath}${this.resourcePath}/get-config`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch index config')
+    }
+
+    const config: IndexConfig = await response.json()
+
+    if (config.schemas) {
+      preSeedSchemaCache(config.schemas)
+    }
+
+    return config
+  }
+
+  /**
+   * Get class definition for field selection
+   */
+  async getClassDefinition(className: string): Promise<ClassDefinitionResponse> {
+    const url = `${this.basePath}${this.resourcePath}/get-class-definition-for-field-selection?class=${encodeURIComponent(className)}`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch class definition')
+    }
+
+    return await response.json()
+  }
+
+  /**
+   * Get available OpenSearch clients
+   */
+  async getOpenSearchClients(): Promise<Array<OpenSearchClient>> {
+    const url = `${this.basePath}${this.resourcePath}/get-open-search-clients`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch OpenSearch clients')
+    }
+
+    const data = await response.json()
+    return data.clients || []
+  }
+}
+
+/**
+ * Index API instance
+ */
+export const indexApi = new IndexApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/indices'
+})
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ClassDefinitionTree.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ClassDefinitionTree.tsx
new file mode 100644
index 0000000000..20e8d1ee61
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ClassDefinitionTree.tsx
@@ -0,0 +1,352 @@
+/**
+ * CoreShop IndexBundle Class Definition Tree
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tree, Empty, Skeleton, Typography } from 'antd'
+import { createStyles } from 'antd-style'
+import type { DataNode as AntDataNode } from 'antd/es/tree'
+
+interface DataNode extends AntDataNode {
+  data?: Record<string, any> | null
+}
+import {
+  Draggable,
+  Icon,
+  type DragAndDropInfo
+} from '@pimcore/studio-ui-bundle/components'
+import type { ClassDefinitionResponse, ClassDefinitionField, IndexColumn } from '../api'
+
+const { Title } = Typography
+
+/**
+ * Maps Pimcore and CoreShop field types to icon names
+ * Uses only icons that are actually available in Pimcore's icon library
+ */
+const getIconForFieldType = (fieldType: string): string => {
+  const icons: Record<string, string> = {
+    // Basic Pimcore types
+    'input': 'text-field',
+    'textarea': 'long-text',
+    'wysiwyg': 'wysiwyg-field',
+    'checkbox': 'checkbox',
+    'numeric': 'number-field',
+    'number': 'number-field',
+    'select': 'chevron-down',
+    'multiselect': 'multi-select',
+    'date': 'calendar',
+    'datetime': 'calendar',
+    'time': 'date-time-field',
+
+    // Media
+    'image': 'image',
+    'hotspotimage': 'image',
+    'advancedImage': 'image',
+    'video': 'video',
+    'asset': 'asset',
+
+    // Relations
+    'manyToOneRelation': 'data-object',
+    'advancedManyToOneRelation': 'data-object',
+    'manyToManyRelation': 'many-to-many',
+    'advancedManyToManyRelation': 'many-to-many',
+    'manyToManyObjectRelation': 'data-object',
+    'reverseObjectRelation': 'data-object',
+    'object': 'data-object',
+    'objects': 'data-object',
+
+    // Links
+    'href': 'many-to-many',
+    'multihref': 'many-to-many',
+    'urlSlug': 'many-to-many',
+
+    // Structure
+    'folder': 'folder',
+    'panel': 'layout',
+    'layout': 'layout',
+    'fieldcollections': 'collection',
+    'localizedfields': 'country-select',
+    'block': 'collection',
+    'table': 'columns',
+    'structuredTable': 'columns',
+
+    // Localization
+    'country': 'country-select',
+    'countries': 'country-select',
+    'language': 'country-select',
+    'languages': 'country-select',
+
+    // Special fields
+    'currency': 'coreshop_icon_currency',
+    'quantityValue': 'number-field',
+    'inputQuantityValue': 'number-field',
+    'calculatedValue': 'calculator',
+    'data': 'widget',
+
+    // CoreShop field types
+    'coreShopRelation': 'many-to-many',
+    'coreShopRelations': 'many-to-many',
+    'coreShopMoney': 'coreshop_icon_currency',
+    'coreShopMoneyCurrency': 'coreshop_icon_currency',
+    'coreShopCurrency': 'coreshop_icon_currency',
+    'coreShopCurrencyMultiselect': 'coreshop_icon_currency',
+    'coreShopProductSpecificPriceRules': 'coreshop_icon_currency',
+    'coreShopProductUnitDefinitions': 'number-field',
+    'coreShopProductQuantityPriceRules': 'coreshop_icon_currency',
+    'coreShopStoreValues': 'coreshop_store',
+    'coreShopStore': 'coreshop_store',
+    'coreShopQuantityValue': 'number-field',
+    'coreShopQuantityPrice': 'coreshop_icon_currency',
+    'coreShopSeo': 'seo',
+    'coreShopPaymentProvider': 'coreshop_icon_payment_provider',
+    'coreShopPaymentProviderMultiselect': 'coreshop_icon_payment_provider',
+    'coreShopCarrier': 'coreshop_carriers',
+    'coreShopCarrierMultiselect': 'coreshop_carriers',
+    'coreShopShippingRule': 'coreshop_shipping',
+    'coreShopTaxRate': 'coreshop_icon_currency',
+    'coreShopTaxRuleGroup': 'coreshop_icon_currency',
+    'coreShopCountry': 'country-select',
+    'coreShopCountryMultiselect': 'country-select',
+    'coreShopState': 'country-select',
+    'coreShopAddressIdentifier': 'widget',
+    'coreShopSuperBoxSelect': 'chevron-down',
+    'coreShopItemSelector': 'multi-select',
+    'coreShopDynamicDropdown': 'chevron-down',
+    'coreShopDynamicDropdownMultiple': 'multi-select',
+    'coreShopSerializedData': 'widget'
+  }
+
+  return icons[fieldType] || 'widget'
+}
+
+interface ClassDefinitionTreeProps {
+  classDefinition: ClassDefinitionResponse | null
+  loading: boolean
+  onAddField: (field: Partial<IndexColumn>) => void
+}
+
+export const ClassDefinitionTree: React.FC<ClassDefinitionTreeProps> = ({
+  classDefinition,
+  loading,
+  onAddField
+}) => {
+  const { styles } = useTreeLayoutStyles()
+
+  const buildTreeData = (): DataNode[] => {
+    if (!classDefinition) return []
+
+    const nodes: DataNode[] = []
+
+    // Build tree from class definition response
+    Object.keys(classDefinition).forEach(key => {
+      const section = classDefinition[key]
+      if (!section) return
+
+      const node = buildNode(section, key)
+      if (node) {
+        nodes.push(node)
+      }
+    })
+
+    return nodes
+  }
+
+  const buildNode = (field: ClassDefinitionField, key: string): DataNode | null => {
+    const nodeLabel = field.nodeLabel || field.name || key
+    const fieldtype = field.fieldtype || field.nodeType || 'folder'
+    const isLayout = fieldtype === 'layout' || fieldtype === 'panel' || !field.name
+
+    // Build children if exist
+    const children = field.childs && Array.isArray(field.childs)
+      ? field.childs.map((child, index) => buildNode(child, `${key}-${index}`)).filter(Boolean) as DataNode[]
+      : undefined
+
+    const iconName = getIconForFieldType(fieldtype)
+
+    const fieldData = isLayout ? null : {
+      name: field.name || nodeLabel,
+      objectKey: field.name || '',
+      objectType: field.nodeType || 'object',
+      dataType: field.fieldtype || 'input',
+      getter: field.getter,
+      interpreter: field.interpreter,
+      configuration: field.configuration
+    }
+
+    // Make field items draggable with icon and type info
+    const title = isLayout ? (
+      <><Icon value={iconName} /> <span>{nodeLabel}</span></>
+    ) : (
+      <Draggable
+        info={{
+          type: 'coreshop-index-field',
+          title: nodeLabel,
+          icon: { value: iconName },
+          data: fieldData
+        } as DragAndDropInfo}
+      >
+        <><Icon value={iconName} /> <span>{nodeLabel}</span> <span style={{
+          fontSize: 11,
+          color: 'var(--ant-color-text-tertiary)',
+          fontFamily: 'monospace'
+        }}>
+          {fieldtype}
+        </span></>
+      </Draggable>
+    )
+
+    return {
+      key: `${key}-${field.name || nodeLabel}`,
+      title,
+      isLeaf: !children || children.length === 0,
+      children,
+      selectable: !isLayout,
+      // Store field data for click handler
+      data: fieldData
+    }
+  }
+
+  const handleSelect = (selectedKeys: React.Key[], info: any) => {
+    // Single click does nothing, only double click adds
+  }
+
+  const handleDoubleClick = (e: React.MouseEvent, node: any) => {
+    if (node.data) {
+      onAddField(node.data)
+    }
+  }
+
+  const treeData = buildTreeData()
+
+  return (
+    <div className={styles.root}>
+      <div className={styles.header}>
+        <Title level={5} className={styles.title}>Class Definitions</Title>
+      </div>
+      <div className={styles.content}>
+        {loading ? (
+          <div className={styles.stateContainer}>
+            <Skeleton active title={false} paragraph={{ rows: 8 }} />
+          </div>
+        ) : treeData.length === 0 ? (
+          <div className={styles.stateContainer}>
+            <Empty description="No class definition available" />
+          </div>
+        ) : (
+          <div className={styles.scrollArea}>
+            <Tree
+              style={{ minHeight: '100%' }}
+              showIcon
+              showLine={false}
+              defaultExpandAll
+              treeData={treeData}
+              onSelect={handleSelect}
+              onDoubleClick={handleDoubleClick}
+              virtual={false}
+            />
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+const useTreeLayoutStyles = createStyles(({ css, token }) => ({
+  root: css`
+    height: 100%;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background: ${token.colorBgElevated};
+  `,
+  header: css`
+    padding: 12px 16px;
+    background: ${token.colorBgContainer};
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  title: css`
+    margin: 0 !important;
+    font-size: 12px;
+    font-weight: 600;
+    color: ${token.colorTextSecondary};
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  `,
+  content: css`
+    flex: 1 1 auto;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  `,
+  stateContainer: css`
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+    padding: 16px;
+  `,
+  scrollArea: css`
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+    padding: 8px;
+
+    .ant-tree {
+      background: transparent;
+      font-size: 13px;
+
+      .ant-tree-treenode {
+        padding: 1px 0;
+
+        &:hover {
+          .ant-tree-node-content-wrapper {
+            background-color: ${token.colorFillQuaternary};
+          }
+        }
+      }
+
+      .ant-tree-node-content-wrapper {
+        border-radius: 4px;
+        transition: all 0.2s;
+        padding: 3px 6px;
+        line-height: 20px;
+
+        &:hover {
+          background-color: ${token.colorFillQuaternary};
+        }
+
+        &.ant-tree-node-selected {
+          background-color: ${token.colorPrimaryBg};
+        }
+      }
+
+      .ant-tree-iconEle {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 16px;
+        height: 16px;
+      }
+
+      .ant-tree-title {
+        display: inline-flex;
+        align-items: center;
+        width: 100%;
+      }
+
+      .ant-tree-switcher {
+        width: 16px;
+        line-height: 20px;
+      }
+    }
+  `
+}))
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ColumnConfigDialog.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ColumnConfigDialog.tsx
new file mode 100644
index 0000000000..c8ace48716
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ColumnConfigDialog.tsx
@@ -0,0 +1,288 @@
+/**
+ * CoreShop IndexBundle Column Configuration Dialog
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Modal, Form, Input, Select, Tabs, Collapse } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { IndexColumn, IndexConfig } from '../api'
+import { InterpreterSchemaProvider } from '../InterpreterSchemaContext'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { mergeFormDraft } from '../mergeFormDraft'
+
+interface ColumnConfigDialogProps {
+  column: IndexColumn | null
+  config: IndexConfig
+  workerType?: string
+  visible: boolean
+  onOk: (column: IndexColumn) => void
+  onCancel: () => void
+}
+
+export const ColumnConfigDialog: React.FC<ColumnConfigDialogProps> = ({
+  column,
+  config,
+  workerType,
+  visible,
+  onOk,
+  onCancel
+}) => {
+  const [form] = Form.useForm()
+  const messageApi = useMessage()
+  const [selectedGetter, setSelectedGetter] = React.useState<string | undefined>(undefined)
+  const [selectedInterpreter, setSelectedInterpreter] = React.useState<string | undefined>(undefined)
+  const [getterConfig, setGetterConfig] = React.useState<Record<string, any>>({})
+  const [interpreterConfig, setInterpreterConfig] = React.useState<Record<string, any>>({})
+  const filterSelectOption = (input: string, option?: { label?: React.ReactNode; value?: string | number }) => {
+    const term = input.toLowerCase()
+    const label = (option?.label ?? '').toString().toLowerCase()
+    const value = (option?.value ?? '').toString().toLowerCase()
+
+    return label.includes(term) || value.includes(term)
+  }
+
+  // Load form data when dialog opens
+  React.useEffect(() => {
+    if (visible && column) {
+      form.setFieldsValue({
+        objectKey: column.objectKey,
+        name: column.name,
+        columnType: column.columnType,
+        getter: column.getter,
+        interpreter: column.interpreter
+      })
+      setSelectedGetter(column.getter)
+      setSelectedInterpreter(column.interpreter)
+      setGetterConfig(column.getterConfig || {})
+      setInterpreterConfig(column.interpreterConfig || {})
+    } else if (visible) {
+      form.resetFields()
+      setSelectedGetter(undefined)
+      setSelectedInterpreter(undefined)
+      setGetterConfig({})
+      setInterpreterConfig({})
+    }
+  }, [visible, column, form])
+
+  const handleOk = async () => {
+    try {
+      const values = await form.validateFields()
+      onOk({
+        ...column,
+        objectKey: values.objectKey,
+        name: values.name,
+        columnType: values.columnType,
+        getter: values.getter,
+        getterConfig: selectedGetter ? getterConfig : undefined,
+        interpreter: values.interpreter,
+        interpreterConfig: selectedInterpreter ? interpreterConfig : undefined
+      } as IndexColumn)
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Validation failed')))
+    }
+  }
+
+  const handleGetterChange = (value?: string) => {
+    setSelectedGetter(value)
+    if (!column?.getter || column.getter !== value) {
+      setGetterConfig({})
+    }
+  }
+
+  const handleInterpreterChange = (value?: string) => {
+    setSelectedInterpreter(value)
+    if (!column?.interpreter || column.interpreter !== value) {
+      setInterpreterConfig({})
+    }
+  }
+
+  // Resolve block prefixes from config
+  const getterBlockPrefix = selectedGetter ? config.getters.find(g => g.type === selectedGetter)?.blockPrefix : undefined
+  const interpreterBlockPrefix = selectedInterpreter
+    ? config.interpreters.find(i => i.type === selectedInterpreter)?.blockPrefix
+    : undefined
+
+  const interpreterSchemaByType = React.useMemo(() => {
+    const map: Record<string, string> = {}
+    for (const i of config.interpreters) {
+      if (i.blockPrefix) {
+        map[i.type] = i.blockPrefix
+      }
+    }
+    return map
+  }, [config.interpreters])
+
+  // Get field types for the selected worker
+  const fieldTypeOptions = workerType && config.fieldTypes[workerType]
+    ? config.fieldTypes[workerType].map(ft => ({
+        label: ft.name,
+        value: ft.type
+      }))
+    : []
+
+  // Getter options
+  const getterOptions = config.getters.map(g => ({
+    label: g.name,
+    value: g.type
+  }))
+
+  // Interpreter options
+  const interpreterOptions = config.interpreters.map(i => ({
+    label: i.name,
+    value: i.type
+  }))
+
+  return (
+    <Modal
+      title={column?.id ? 'Edit Index Field' : 'Configure Index Field'}
+      open={visible}
+      onOk={handleOk}
+      onCancel={onCancel}
+      width={800}
+      destroyOnClose
+    >
+      <Form
+        form={form}
+        layout="vertical"
+        preserve={false}
+      >
+        <Tabs
+          items={[
+            {
+              key: 'basic',
+              label: 'Basic',
+              children: (
+                <>
+                  <Form.Item
+                    label="Object Key"
+                    name="objectKey"
+                    help="Original field name from Pimcore class"
+                  >
+                    <Input disabled />
+                  </Form.Item>
+
+                  <Form.Item
+                    label="Name"
+                    name="name"
+                    rules={[{ required: true, message: 'Name is required' }]}
+                    help="Display name in index"
+                  >
+                    <Input placeholder="Field name" />
+                  </Form.Item>
+
+                  {fieldTypeOptions.length > 0 && (
+                    <Form.Item
+                      label="Column Type"
+                      name="columnType"
+                      help="Database column type for indexing"
+                      rules={[{ required: true, message: 'Column type is required' }]}
+                    >
+                      <Select
+                        options={fieldTypeOptions}
+                        placeholder="Select column type"
+                        showSearch
+                        optionFilterProp="label"
+                        filterOption={filterSelectOption}
+                      />
+                    </Form.Item>
+                  )}
+                </>
+              )
+            },
+            {
+              key: 'advanced',
+              label: 'Advanced',
+              children: (
+                <Collapse
+                  items={[
+                    {
+                      key: 'getter',
+                      label: 'Getter Configuration',
+                      children: (
+                        <>
+                          <Form.Item
+                            label="Getter Type"
+                            name="getter"
+                            help="How to retrieve the value from Pimcore object"
+                          >
+                            <Select
+                              options={getterOptions}
+                              placeholder="Select getter"
+                              allowClear
+                              showSearch
+                              optionFilterProp="label"
+                              filterOption={filterSelectOption}
+                              onChange={handleGetterChange}
+                            />
+                          </Form.Item>
+
+                          {selectedGetter && getterBlockPrefix && (
+                            <div style={{ marginTop: 16, padding: 16, background: '#fafafa', borderRadius: 4 }}>
+                              <h4 style={{ marginTop: 0, marginBottom: 16 }}>Getter Parameters</h4>
+                              <SchemaForm
+                                blockPrefix={getterBlockPrefix}
+                                embedded
+                                data={getterConfig}
+                                onChange={(draft) => setGetterConfig((prev) => mergeFormDraft(prev, draft))}
+                              />
+                            </div>
+                          )}
+                        </>
+                      )
+                    },
+                    {
+                      key: 'interpreter',
+                      label: 'Interpreter Configuration',
+                      children: (
+                        <>
+                          <Form.Item
+                            label="Interpreter Type"
+                            name="interpreter"
+                            help="How to transform/interpret the value"
+                          >
+                            <Select
+                              options={interpreterOptions}
+                              placeholder="Select interpreter"
+                              allowClear
+                              showSearch
+                              optionFilterProp="label"
+                              filterOption={filterSelectOption}
+                              onChange={handleInterpreterChange}
+                            />
+                          </Form.Item>
+
+                          {selectedInterpreter && interpreterBlockPrefix && (
+                            <div style={{ marginTop: 16, padding: 16, background: '#fafafa', borderRadius: 4 }}>
+                              <h4 style={{ marginTop: 0, marginBottom: 16 }}>Interpreter Parameters</h4>
+                              <InterpreterSchemaProvider value={interpreterSchemaByType}>
+                                <SchemaForm
+                                  blockPrefix={interpreterBlockPrefix}
+                                  embedded
+                                  data={interpreterConfig}
+                                  onChange={(draft) => setInterpreterConfig((prev) => mergeFormDraft(prev, draft))}
+                                />
+                              </InterpreterSchemaProvider>
+                            </div>
+                          )}
+                        </>
+                      )
+                    }
+                  ]}
+                />
+              )
+            }
+          ]}
+        />
+      </Form>
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ColumnsPanel.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ColumnsPanel.tsx
new file mode 100644
index 0000000000..37400de2eb
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/ColumnsPanel.tsx
@@ -0,0 +1,210 @@
+/**
+ * CoreShop IndexBundle Columns Panel
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SplitLayout, useMessage, type DragAndDropInfo } from '@pimcore/studio-ui-bundle/components'
+import type { Index, IndexConfig, IndexColumn, ClassDefinitionResponse } from '../api'
+import { indexApi } from '../api'
+import { ClassDefinitionTree } from './ClassDefinitionTree'
+import { SelectedFieldsTree } from './SelectedFieldsTree'
+import { FieldEditModal } from './FieldEditModal'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface ColumnsPanelProps {
+  index: Index
+  config: IndexConfig
+  onChange: (index: Index) => void
+}
+
+export const ColumnsPanel: React.FC<ColumnsPanelProps> = ({
+  index,
+  config,
+  onChange
+}) => {
+  const messageApi = useMessage()
+  const [classDefinition, setClassDefinition] = React.useState<ClassDefinitionResponse | null>(null)
+  const [loading, setLoading] = React.useState(false)
+  const [dialogVisible, setDialogVisible] = React.useState(false)
+  const [editingColumn, setEditingColumn] = React.useState<IndexColumn | null>(null)
+  const [editingIndex, setEditingIndex] = React.useState<number | null>(null)
+
+  const columns = index.columns || []
+
+  // Load class definition when class changes
+  React.useEffect(() => {
+    if (!index.class) {
+      setClassDefinition(null)
+      return
+    }
+
+    setLoading(true)
+    indexApi.getClassDefinition(index.class)
+      .then(setClassDefinition)
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load class definition')))
+      })
+      .finally(() => {
+        setLoading(false)
+      })
+  }, [index.class])
+
+  const handleAddField = (field: Partial<IndexColumn>) => {
+    // Check if field already exists
+    const exists = columns.some(col =>
+      col.objectKey === field.objectKey &&
+      col.objectType === field.objectType
+    )
+
+    if (exists) {
+      void messageApi.warning(`Field "${field.objectKey}" already added`)
+      return
+    }
+
+    // Create new column with defaults
+    const newColumn: IndexColumn = {
+      name: field.name || field.objectKey || '',
+      objectKey: field.objectKey || '',
+      objectType: field.objectType,
+      dataType: field.dataType,
+      columnType: field.dataType || 'TEXT',
+      getter: field.getter,
+      getterConfig: field.configuration,
+      interpreter: field.interpreter,
+      interpreterConfig: undefined,
+      configuration: field.configuration
+    }
+
+    onChange({
+      ...index,
+      columns: [...columns, newColumn]
+    })
+  }
+
+  const handleDrop = (info: DragAndDropInfo) => {
+    if (info.type === 'coreshop-index-field' && info.data) {
+      handleAddField(info.data as Partial<IndexColumn>)
+    }
+  }
+
+  const handleEdit = (column: IndexColumn, columnIndex: number) => {
+    setEditingColumn(column)
+    setEditingIndex(columnIndex)
+    setDialogVisible(true)
+  }
+
+  const handleSaveField = (updatedColumn: IndexColumn) => {
+    if (editingIndex !== null) {
+      const newColumns = [...columns]
+      newColumns[editingIndex] = updatedColumn
+      onChange({
+        ...index,
+        columns: newColumns
+      })
+    }
+  }
+
+  const handleCloseModal = () => {
+    setDialogVisible(false)
+    setEditingColumn(null)
+    setEditingIndex(null)
+  }
+
+  const handleColumnsChange = (newColumns: IndexColumn[]) => {
+    onChange({
+      ...index,
+      columns: newColumns
+    })
+  }
+
+  if (!index.class) {
+    return (
+      <div style={{
+        padding: 48,
+        textAlign: 'center',
+        color: 'var(--ant-color-text-tertiary)'
+      }}>
+        Please select a class in the Settings tab first
+      </div>
+    )
+  }
+
+  const leftItem = {
+    id: 'class-definition',
+    size: 30,
+    minSize: 300,
+    children: [
+      <div
+        key='class-definition-tree-wrapper'
+        style={{
+          height: '100%',
+          minHeight: 0,
+          display: 'flex',
+          flexDirection: 'column',
+          overflow: 'hidden'
+        }}
+      >
+        <ClassDefinitionTree
+          key='class-definition-tree'
+          classDefinition={classDefinition}
+          loading={loading}
+          onAddField={handleAddField}
+        />
+      </div>
+    ]
+  }
+
+  const rightItem = {
+    id: 'selected-fields',
+    size: 70,
+    minSize: 400,
+    children: [
+      <div
+        key='selected-fields-tree-wrapper'
+        style={{
+          height: '100%',
+          minHeight: 0,
+          display: 'flex',
+          flexDirection: 'column',
+          overflow: 'hidden'
+        }}
+      >
+        <SelectedFieldsTree
+          key='selected-fields-tree'
+          columns={columns}
+          onChange={handleColumnsChange}
+          onEdit={handleEdit}
+          onDrop={handleDrop}
+        />
+      </div>
+    ]
+  }
+
+  return (
+    <div style={{ height: '100%', minHeight: 0, display: 'flex', flexDirection: 'column' }}>
+      <div style={{ flex: 1, minHeight: 0, display: 'flex', overflow: 'hidden' }}>
+        <SplitLayout
+          leftItem={leftItem}
+          rightItem={rightItem}
+          withDivider
+        />
+      </div>
+
+      <FieldEditModal
+        open={dialogVisible}
+        field={editingColumn}
+        config={config}
+        onClose={handleCloseModal}
+        onSave={handleSaveField}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/FieldEditModal.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/FieldEditModal.tsx
new file mode 100644
index 0000000000..4502a84ae7
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/FieldEditModal.tsx
@@ -0,0 +1,424 @@
+/**
+ * CoreShop IndexBundle Field Edit Modal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState, useEffect } from 'react'
+import { Modal, Form, Input, Select, Button, Tabs } from 'antd'
+import { createStyles } from 'antd-style'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { IndexColumn, IndexConfig } from '../api'
+import { InterpreterSchemaProvider } from '../InterpreterSchemaContext'
+import { mergeFormDraft } from '../mergeFormDraft'
+
+const { TabPane } = Tabs
+
+interface FieldEditModalProps {
+  open: boolean
+  field: IndexColumn | null
+  config?: IndexConfig
+  onClose: () => void
+  onSave: (field: IndexColumn) => void
+}
+
+export const FieldEditModal: React.FC<FieldEditModalProps> = ({
+  open,
+  field,
+  config,
+  onClose,
+  onSave
+}) => {
+  const { styles } = useModalStyles()
+  const [form] = Form.useForm()
+  const [selectedGetter, setSelectedGetter] = useState<string | undefined>()
+  const [selectedInterpreter, setSelectedInterpreter] = useState<string | undefined>()
+  const [getterConfig, setGetterConfig] = useState<Record<string, any>>({})
+  const [interpreterConfig, setInterpreterConfig] = useState<Record<string, any>>({})
+  const filterSelectOption = (input: string, option?: { label?: React.ReactNode; value?: string | number }) => {
+    const term = input.toLowerCase()
+    const label = (option?.label ?? '').toString().toLowerCase()
+    const value = (option?.value ?? '').toString().toLowerCase()
+
+    return label.includes(term) || value.includes(term)
+  }
+
+  useEffect(() => {
+    if (field && open) {
+      form.setFieldsValue({
+        objectKey: field.objectKey || '',
+        name: field.name || '',
+        getter: field.getter || undefined,
+        interpreter: field.interpreter || undefined,
+        columnType: field.columnType || 'INTEGER'
+      })
+      setSelectedGetter(field.getter)
+      setSelectedInterpreter(field.interpreter)
+      setGetterConfig(field.getterConfig || {})
+      setInterpreterConfig(field.interpreterConfig || {})
+    }
+  }, [field, open, form])
+
+  const handleGetterChange = (value: string | undefined) => {
+    setSelectedGetter(value)
+    setGetterConfig({}) // Reset config
+  }
+
+  const handleInterpreterChange = (value: string | undefined) => {
+    setSelectedInterpreter(value)
+    setInterpreterConfig({}) // Reset config
+  }
+
+  const handleGetterConfigChange = (newConfig: Record<string, any>) => {
+    setGetterConfig((prev) => mergeFormDraft(prev, newConfig))
+  }
+
+  const handleInterpreterConfigChange = (newConfig: Record<string, any>) => {
+    setInterpreterConfig((prev) => mergeFormDraft(prev, newConfig))
+  }
+
+  const interpreterSchemaByType = React.useMemo(() => {
+    const map: Record<string, string> = {}
+    for (const i of config?.interpreters ?? []) {
+      if (i.blockPrefix) {
+        map[i.type] = i.blockPrefix
+      }
+    }
+    return map
+  }, [config?.interpreters])
+
+  const handleApply = () => {
+    form.validateFields().then(values => {
+      if (field) {
+        onSave({
+          ...field,
+          objectKey: values.objectKey,
+          name: values.name,
+          getter: values.getter || null,
+          getterConfig: Object.keys(getterConfig).length > 0 ? getterConfig : undefined,
+          interpreter: values.interpreter || null,
+          interpreterConfig: Object.keys(interpreterConfig).length > 0 ? interpreterConfig : undefined,
+          columnType: values.columnType
+        })
+      }
+      onClose()
+    })
+  }
+
+  if (!field) return null
+
+  const title = `Field (${field.name || field.objectKey || 'Unknown'})`
+
+  // Get getter and interpreter options from config
+  const getterOptions = config?.getters?.map(g => ({
+    label: g.name,
+    value: g.type
+  })) || []
+
+  const interpreterOptions = config?.interpreters?.map(i => ({
+    label: i.name,
+    value: i.type
+  })) || []
+
+  // Available column types
+  const typeOptions = [
+    { label: 'Integer', value: 'INTEGER' },
+    { label: 'String', value: 'STRING' },
+    { label: 'Text', value: 'TEXT' },
+    { label: 'Double', value: 'DOUBLE' },
+    { label: 'Boolean', value: 'BOOLEAN' },
+    { label: 'Date', value: 'DATE' },
+    { label: 'Datetime', value: 'DATETIME' }
+  ]
+
+  // Resolve getter block prefix from config
+  const getterBlockPrefix = selectedGetter ? config?.getters?.find(g => g.type === selectedGetter)?.blockPrefix : undefined
+
+  const interpreterBlockPrefix = selectedInterpreter
+    ? config?.interpreters?.find(i => i.type === selectedInterpreter)?.blockPrefix
+    : undefined
+
+  return (
+    <Modal
+      open={open}
+      onCancel={onClose}
+      title={title}
+      width={800}
+      footer={[
+        <Button
+          key="apply"
+          type="primary"
+          onClick={handleApply}
+          icon={<span>✓</span>}
+        >
+          Apply
+        </Button>,
+      ]}
+      className={styles.modal}
+      destroyOnClose
+    >
+      <div className={styles.content}>
+        <Tabs defaultActiveKey="settings" className={styles.tabs}>
+          <TabPane tab="Settings" key="settings">
+            <Form
+              form={form}
+              layout="horizontal"
+              labelCol={{ span: 6 }}
+              wrapperCol={{ span: 18 }}
+              className={styles.form}
+            >
+              <Form.Item
+                label="Key"
+                name="objectKey"
+                rules={[{ required: true, message: 'Please enter a key' }]}
+              >
+                <Input placeholder="Enter field key" readOnly disabled />
+              </Form.Item>
+
+              <Form.Item
+                label="Name"
+                name="name"
+                rules={[{ required: true, message: 'Please enter a name' }]}
+              >
+                <Input placeholder="Enter field name" />
+              </Form.Item>
+
+              <Form.Item
+                label="Type"
+                name="columnType"
+                rules={[{ required: true, message: 'Please select a type' }]}
+              >
+                <Select
+                  placeholder="Select column type"
+                  options={typeOptions}
+                  showSearch
+                  optionFilterProp="label"
+                  filterOption={filterSelectOption}
+                />
+              </Form.Item>
+
+              {/* Getter Section */}
+              <div className={styles.section}>
+                <div className={styles.sectionTitle}>Getter Configuration</div>
+                <Form.Item
+                  label="Getter Class"
+                  name="getter"
+                >
+                  <Select
+                    placeholder="Select getter class"
+                    allowClear
+                    options={getterOptions}
+                    showSearch
+                    optionFilterProp="label"
+                    filterOption={filterSelectOption}
+                    onChange={handleGetterChange}
+                  />
+                </Form.Item>
+
+                {/* Getter Configuration Fields - SchemaForm driven */}
+                {selectedGetter && getterBlockPrefix && (
+                  <div className={styles.configFields}>
+                    <SchemaForm
+                      blockPrefix={getterBlockPrefix}
+                      embedded
+                      data={getterConfig}
+                      onChange={handleGetterConfigChange}
+                    />
+                  </div>
+                )}
+              </div>
+
+              {/* Interpreter Section */}
+              <div className={styles.section}>
+                <div className={styles.sectionTitle}>Interpreter Configuration</div>
+                <Form.Item
+                  label="Interpreter"
+                  name="interpreter"
+                >
+                  <Select
+                    placeholder="Select interpreter"
+                    allowClear
+                    options={interpreterOptions}
+                    showSearch
+                    optionFilterProp="label"
+                    filterOption={filterSelectOption}
+                    onChange={handleInterpreterChange}
+                  />
+                </Form.Item>
+
+                {/* Interpreter Configuration Fields - SchemaForm driven */}
+                {selectedInterpreter && interpreterBlockPrefix && (
+                  <div className={styles.configFields}>
+                    <InterpreterSchemaProvider value={interpreterSchemaByType}>
+                      <SchemaForm
+                        blockPrefix={interpreterBlockPrefix}
+                        embedded
+                        data={interpreterConfig}
+                        onChange={handleInterpreterConfigChange}
+                      />
+                    </InterpreterSchemaProvider>
+                  </div>
+                )}
+              </div>
+            </Form>
+          </TabPane>
+        </Tabs>
+      </div>
+    </Modal>
+  )
+}
+
+const useModalStyles = createStyles(({ css, token }) => ({
+  modal: css`
+    .ant-modal-content {
+      display: flex;
+      flex-direction: column;
+      max-height: calc(100vh - 120px);
+    }
+
+    .ant-modal-header {
+      background: ${token.colorBgContainer};
+      border-bottom: 1px solid ${token.colorBorderSecondary};
+    }
+
+    .ant-modal-body {
+      flex: 1;
+      min-height: 0;
+      overflow: auto;
+      padding: 0;
+      background: ${token.colorBgElevated};
+    }
+
+    .ant-modal-footer {
+      padding: 12px 16px;
+      margin-top: 0;
+      background: ${token.colorBgContainer};
+      border-top: 1px solid ${token.colorBorderSecondary};
+
+      .ant-btn-primary {
+        background: ${token.colorSuccess};
+        border-color: ${token.colorSuccess};
+
+        &:hover {
+          background: ${token.colorSuccessHover};
+          border-color: ${token.colorSuccessHover};
+        }
+      }
+    }
+
+    .ant-modal-close {
+      color: ${token.colorTextSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+        background: ${token.colorBgTextHover};
+      }
+    }
+  `,
+  content: css`
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+  `,
+  tabs: css`
+    .ant-tabs-nav {
+      margin: 0;
+      padding: 0 16px;
+      background: ${token.colorBgContainer};
+      border-bottom: 1px solid ${token.colorBorderSecondary};
+    }
+
+    .ant-tabs-content {
+      padding: 24px;
+      background: ${token.colorBgElevated};
+    }
+  `,
+  form: css`
+    .ant-form-item {
+      margin-bottom: 16px;
+    }
+
+    .ant-form-item-label {
+      > label {
+        font-weight: 500;
+        color: ${token.colorText};
+      }
+    }
+
+    .ant-select,
+    .ant-input {
+      width: 100%;
+    }
+  `,
+  section: css`
+    margin-top: 24px;
+    padding: 16px;
+    background: ${token.colorFillQuaternary};
+    border: 1px solid ${token.colorBorderSecondary};
+    border-radius: 6px;
+
+    &:first-of-type {
+      margin-top: 16px;
+    }
+  `,
+  sectionTitle: css`
+    font-size: 13px;
+    font-weight: 600;
+    color: ${token.colorTextSecondary};
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-bottom: 16px;
+    padding-bottom: 8px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  configFields: css`
+    margin-top: 8px;
+    padding: 12px;
+    border: 1px solid ${token.colorBorderSecondary};
+    border-radius: 8px;
+    background: ${token.colorBgContainer};
+
+    .coreshop-schema-form-embedded .ant-form-item {
+      margin-bottom: 12px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .coreshop-schema-form-embedded .ant-form-item-label {
+      padding-bottom: 6px;
+    }
+
+    .coreshop-schema-form-embedded .ant-form-item-control {
+      min-width: 0;
+      width: 100%;
+    }
+
+    .coreshop-interpreter-collection__add {
+      position: static !important;
+      transform: none !important;
+    }
+
+    .coreshop-interpreter-collection .ant-card {
+      border-color: ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+    }
+
+    .coreshop-interpreter-collection .ant-card-head {
+      min-height: 40px;
+      background: ${token.colorFillTertiary};
+      border-bottom-color: ${token.colorBorderSecondary};
+    }
+
+    .coreshop-interpreter-collection .ant-card-head-title {
+      padding: 8px 0;
+    }
+  `
+}))
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SelectedFieldsCards.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SelectedFieldsCards.tsx
new file mode 100644
index 0000000000..650e5c7c40
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SelectedFieldsCards.tsx
@@ -0,0 +1,124 @@
+/**
+ * CoreShop IndexBundle Selected Fields Cards
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Space, Tag, Button, Empty } from 'antd'
+import { EditOutlined, DeleteOutlined, DragOutlined } from '@ant-design/icons'
+import {
+  ContentLayout,
+  Toolbar,
+  IconButton,
+  Icon
+} from '@pimcore/studio-ui-bundle/components'
+import type { IndexColumn } from '../api'
+
+interface SelectedFieldsCardsProps {
+  columns: IndexColumn[]
+  onChange: (columns: IndexColumn[]) => void
+  onEdit: (column: IndexColumn, index: number) => void
+  onClearAll?: () => void
+}
+
+export const SelectedFieldsCards: React.FC<SelectedFieldsCardsProps> = ({
+  columns,
+  onChange,
+  onEdit,
+  onClearAll
+}) => {
+  const handleDelete = (index: number) => {
+    onChange(columns.filter((_, i) => i !== index))
+  }
+
+  const content = columns.length === 0 ? (
+    <div style={{ padding: 16 }}>
+      <Empty
+        description="No fields selected"
+      >
+        <p style={{ color: 'var(--ant-color-text-secondary)', fontSize: 14 }}>
+          Click fields from the class definition tree to add them
+        </p>
+      </Empty>
+    </div>
+  ) : (
+    <div style={{ padding: 16 }}>
+      <Space direction="vertical" style={{ width: '100%' }} size="middle">
+        {columns.map((column, index) => (
+          <Card
+            key={index}
+            size="small"
+            style={{
+              borderLeft: '3px solid var(--ant-color-primary)',
+              cursor: 'grab'
+            }}
+            title={
+              <Space>
+                <DragOutlined style={{ color: 'var(--ant-color-text-tertiary)', cursor: 'grab' }} />
+                <span className={`pimcore_icon_${column.dataType || 'data'}`} />
+                <strong>{column.name}</strong>
+              </Space>
+            }
+            extra={
+              <Space>
+                <Button
+                  type="text"
+                  icon={<EditOutlined />}
+                  onClick={() => onEdit(column, index)}
+                />
+                <Button
+                  type="text"
+                  danger
+                  icon={<DeleteOutlined />}
+                  onClick={() => handleDelete(index)}
+                />
+              </Space>
+            }
+          >
+            <Space direction="vertical" size="small" style={{ width: '100%' }}>
+              <Space wrap>
+                <Tag color="blue">{column.dataType}</Tag>
+                <Tag color="green">{column.columnType}</Tag>
+              </Space>
+
+              {column.getter && (
+                <div style={{ fontSize: 12, color: 'var(--ant-color-text-secondary)' }}>
+                  Getter: <Tag>{column.getter}</Tag>
+                </div>
+              )}
+
+              {column.interpreter && (
+                <div style={{ fontSize: 12, color: 'var(--ant-color-text-secondary)' }}>
+                  Interpreter: <Tag>{column.interpreter}</Tag>
+                </div>
+              )}
+            </Space>
+          </Card>
+        ))}
+      </Space>
+    </div>
+  )
+
+  return (
+    <ContentLayout
+      renderToolbar={
+        columns.length > 0 && onClearAll ? (
+          <Toolbar>
+            <IconButton icon={{ value: 'trash' }} onClick={onClearAll}>
+              Clear All
+            </IconButton>
+          </Toolbar>
+        ) : undefined
+      }
+    >
+      {content}
+    </ContentLayout>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SelectedFieldsTree.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SelectedFieldsTree.tsx
new file mode 100644
index 0000000000..e2e1533c63
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SelectedFieldsTree.tsx
@@ -0,0 +1,351 @@
+/**
+ * CoreShop IndexBundle Selected Fields Tree
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tree, Empty, Space, Typography, Dropdown } from 'antd'
+import { createStyles } from 'antd-style'
+import type { DataNode } from 'antd/es/tree'
+import { EditOutlined, DeleteOutlined } from '@ant-design/icons'
+import {
+  Icon,
+  Droppable,
+  type DragAndDropInfo
+} from '@pimcore/studio-ui-bundle/components'
+import type { IndexColumn } from '../api'
+
+const { Title } = Typography
+
+/**
+ * Maps Pimcore and CoreShop field types to icon names
+ * Uses only icons that are actually available in Pimcore's icon library
+ */
+const getIconForFieldType = (fieldType: string): string => {
+  const icons: Record<string, string> = {
+    // Basic Pimcore types
+    'input': 'text-field',
+    'textarea': 'long-text',
+    'wysiwyg': 'wysiwyg-field',
+    'checkbox': 'checkbox',
+    'numeric': 'number-field',
+    'number': 'number-field',
+    'select': 'chevron-down',
+    'multiselect': 'multi-select',
+    'date': 'calendar',
+    'datetime': 'calendar',
+    'time': 'date-time-field',
+
+    // Media
+    'image': 'image',
+    'hotspotimage': 'image',
+    'advancedImage': 'image',
+    'video': 'video',
+    'asset': 'asset',
+
+    // Relations
+    'manyToOneRelation': 'data-object',
+    'advancedManyToOneRelation': 'data-object',
+    'manyToManyRelation': 'many-to-many',
+    'advancedManyToManyRelation': 'many-to-many',
+    'manyToManyObjectRelation': 'data-object',
+    'reverseObjectRelation': 'data-object',
+    'object': 'data-object',
+    'objects': 'data-object',
+
+    // Links
+    'href': 'many-to-many',
+    'multihref': 'many-to-many',
+    'urlSlug': 'many-to-many',
+
+    // Structure
+    'folder': 'folder',
+    'panel': 'layout',
+    'layout': 'layout',
+    'fieldcollections': 'collection',
+    'localizedfields': 'country-select',
+    'block': 'collection',
+    'table': 'columns',
+    'structuredTable': 'columns',
+
+    // Localization
+    'country': 'country-select',
+    'countries': 'country-select',
+    'language': 'country-select',
+    'languages': 'country-select',
+
+    // Special fields
+    'currency': 'coreshop_icon_currency',
+    'quantityValue': 'number-field',
+    'inputQuantityValue': 'number-field',
+    'calculatedValue': 'calculator',
+    'data': 'widget',
+
+    // CoreShop field types
+    'coreShopRelation': 'many-to-many',
+    'coreShopRelations': 'many-to-many',
+    'coreShopMoney': 'coreshop_icon_currency',
+    'coreShopMoneyCurrency': 'coreshop_icon_currency',
+    'coreShopCurrency': 'coreshop_icon_currency',
+    'coreShopCurrencyMultiselect': 'coreshop_icon_currency',
+    'coreShopProductSpecificPriceRules': 'coreshop_icon_currency',
+    'coreShopProductUnitDefinitions': 'number-field',
+    'coreShopProductQuantityPriceRules': 'coreshop_icon_currency',
+    'coreShopStoreValues': 'coreshop_store',
+    'coreShopStore': 'coreshop_store',
+    'coreShopQuantityValue': 'number-field',
+    'coreShopQuantityPrice': 'coreshop_icon_currency',
+    'coreShopSeo': 'seo',
+    'coreShopPaymentProvider': 'coreshop_icon_payment_provider',
+    'coreShopPaymentProviderMultiselect': 'coreshop_icon_payment_provider',
+    'coreShopCarrier': 'coreshop_carriers',
+    'coreShopCarrierMultiselect': 'coreshop_carriers',
+    'coreShopShippingRule': 'coreshop_shipping',
+    'coreShopTaxRate': 'coreshop_icon_currency',
+    'coreShopTaxRuleGroup': 'coreshop_icon_currency',
+    'coreShopCountry': 'country-select',
+    'coreShopCountryMultiselect': 'country-select',
+    'coreShopState': 'country-select',
+    'coreShopAddressIdentifier': 'widget',
+    'coreShopSuperBoxSelect': 'chevron-down',
+    'coreShopItemSelector': 'multi-select',
+    'coreShopDynamicDropdown': 'chevron-down',
+    'coreShopDynamicDropdownMultiple': 'multi-select',
+    'coreShopSerializedData': 'widget'
+  }
+
+  return icons[fieldType] || 'widget'
+}
+
+interface SelectedFieldsTreeProps {
+  columns: IndexColumn[]
+  onChange: (columns: IndexColumn[]) => void
+  onEdit: (column: IndexColumn, index: number) => void
+  onDrop?: (info: DragAndDropInfo) => void
+}
+
+export const SelectedFieldsTree: React.FC<SelectedFieldsTreeProps> = ({
+  columns,
+  onChange,
+  onEdit,
+  onDrop
+}) => {
+  const { styles } = useSelectedFieldsTreeStyles()
+
+  const handleDelete = (index: number) => {
+    onChange(columns.filter((_, i) => i !== index))
+  }
+
+  const handleDoubleClick = (e: React.MouseEvent, node: any) => {
+    // Find the column index from the key
+    const keyMatch = node.key?.toString().match(/^field-(\d+)$/)
+    if (keyMatch) {
+      const index = parseInt(keyMatch[1], 10)
+      const column = columns[index]
+      if (column) {
+        onEdit(column, index)
+      }
+    }
+  }
+
+  const buildTreeData = (): DataNode[] => {
+    if (columns.length === 0) return []
+
+    return [{
+      key: 'root',
+      title: (
+        <Space>
+          <Icon value='folder' />
+          <span>Selected Fields ({columns.length})</span>
+        </Space>
+      ),
+      selectable: false,
+      children: columns.map((column, index) => {
+        const iconName = getIconForFieldType(column.dataType || 'data')
+        return {
+          key: `field-${index}`,
+          title: (
+            <Dropdown
+              trigger={['contextMenu']}
+              menu={{
+                items: [
+                  {
+                    key: 'edit',
+                    icon: <EditOutlined />,
+                    label: 'Edit',
+                    onClick: () => onEdit(column, index)
+                  },
+                  {
+                    key: 'delete',
+                    icon: <DeleteOutlined />,
+                    label: 'Delete',
+                    danger: true,
+                    onClick: () => handleDelete(index)
+                  }
+                ]
+              }}
+            >
+              <div style={{ display: 'flex', alignItems: 'center', gap: '6px', width: '100%' }}>
+                <Icon value={iconName} />
+                <span>{column.name}</span>
+                <span style={{ fontSize: 11, color: 'var(--ant-color-text-tertiary)' }}>
+                  ({column.columnType})
+                </span>
+              </div>
+            </Dropdown>
+          ),
+          isLeaf: true
+        }
+      })
+    }]
+  }
+
+  const treeData = buildTreeData()
+
+  const content = treeData.length === 0 ? (
+    <div className={styles.stateContainer}>
+      <Empty description="No fields selected" />
+      <p className={styles.hint}>
+        Drag fields from the class definition tree to add them
+      </p>
+    </div>
+  ) : (
+    <div className={styles.scrollArea}>
+      <Tree
+        style={{ minHeight: '100%' }}
+        showIcon
+        showLine={false}
+        defaultExpandAll
+        treeData={treeData}
+        selectable={false}
+        virtual={false}
+        onDoubleClick={handleDoubleClick}
+      />
+    </div>
+  )
+
+  const wrappedContent = onDrop ? (
+    <Droppable
+      isValidContext={(info) => info.type === 'coreshop-index-field'}
+      onDrop={onDrop}
+    >
+      <div className={styles.body}>
+        {content}
+      </div>
+    </Droppable>
+  ) : (
+    <div className={styles.body}>
+      {content}
+    </div>
+  )
+
+  return (
+    <div className={styles.root}>
+      <div className={styles.header}>
+        <Title level={5} className={styles.title}>
+          Selected Fields ({columns.length})
+        </Title>
+      </div>
+      {wrappedContent}
+    </div>
+  )
+}
+
+const useSelectedFieldsTreeStyles = createStyles(({ css, token }) => ({
+  root: css`
+    height: 100%;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background: ${token.colorBgElevated};
+  `,
+  header: css`
+    padding: 12px 16px;
+    background: ${token.colorBgContainer};
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  title: css`
+    margin: 0 !important;
+    font-size: 12px;
+    font-weight: 600;
+    color: ${token.colorTextSecondary};
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  `,
+  body: css`
+    flex: 1 1 auto;
+    min-height: 300px;
+    display: flex;
+    flex-direction: column;
+  `,
+  stateContainer: css`
+    flex: 1 1 auto;
+    min-height: 300px;
+    overflow: auto;
+    padding: 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  `,
+  hint: css`
+    color: var(--ant-color-text-secondary);
+    font-size: 12px;
+    margin: 0;
+  `,
+  scrollArea: css`
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: auto;
+    padding: 8px;
+
+    .ant-tree {
+      background: transparent;
+      font-size: 13px;
+
+      .ant-tree-treenode {
+        padding: 1px 0;
+      }
+
+      .ant-tree-node-content-wrapper {
+        border-radius: 4px;
+        transition: all 0.2s;
+        padding: 3px 6px;
+        line-height: 20px;
+
+        &:hover {
+          background-color: ${token.colorFillQuaternary};
+        }
+      }
+
+      .ant-tree-iconEle {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 16px;
+        height: 16px;
+      }
+
+      .ant-tree-title {
+        display: inline-flex;
+        align-items: center;
+        width: 100%;
+      }
+
+      .ant-tree-switcher {
+        width: 16px;
+        line-height: 20px;
+      }
+    }
+  `
+}))
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SettingsForm.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SettingsForm.tsx
new file mode 100644
index 0000000000..aa49a49099
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/SettingsForm.tsx
@@ -0,0 +1,74 @@
+/**
+ * CoreShop IndexBundle Index Settings Form
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { Index, IndexConfig } from '../api'
+import { mergeFormDraft } from '../mergeFormDraft'
+
+interface SettingsFormProps {
+  index: Index
+  config: IndexConfig
+  onChange: (index: Index) => void
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({ index, config, onChange }) => {
+  const { t } = useTranslation()
+
+  const handleConfigurationChange = (configuration: Record<string, any>) => {
+    onChange({
+      ...index,
+      configuration: mergeFormDraft(index.configuration || {}, configuration)
+    })
+  }
+
+  const workerBlockPrefix = index.worker ? config.workers?.find(w => w.type === index.worker)?.blockPrefix : undefined
+
+  return (
+    <>
+      <SchemaForm<Index>
+        blockPrefix="coreshop_index"
+        data={index}
+        onChange={(draft) => onChange({ ...index, ...draft })}
+      />
+
+      {/* Worker-specific configuration */}
+      {index.worker && workerBlockPrefix && (
+        <Card
+          title={t('coreshop_indexes_worker_configuration', { defaultValue: `${index.worker.toUpperCase()} Configuration` })}
+          style={{ marginTop: 16 }}
+          size="small"
+        >
+          <SchemaForm
+            blockPrefix={workerBlockPrefix}
+            data={index.configuration || {}}
+            onChange={handleConfigurationChange}
+          />
+        </Card>
+      )}
+
+      {index.worker && !workerBlockPrefix && (
+        <div style={{
+          padding: 12,
+          background: 'var(--ant-color-warning-bg)',
+          border: '1px solid var(--ant-color-warning-border)',
+          borderRadius: 4,
+          color: 'var(--ant-color-warning-text)'
+        }}>
+          {t('coreshop_indexes_no_configurator', { defaultValue: `No configurator available for worker type "${index.worker}"` })}
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/index.ts
new file mode 100644
index 0000000000..a8cb8674a5
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/components/index.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop IndexBundle Components
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { SettingsForm } from './SettingsForm'
+export { ColumnsPanel } from './ColumnsPanel'
+export { ClassDefinitionTree } from './ClassDefinitionTree'
+export { SelectedFieldsCards } from './SelectedFieldsCards'
+export { SelectedFieldsTree } from './SelectedFieldsTree'
+export { ColumnConfigDialog } from './ColumnConfigDialog'
+export { FieldEditModal } from './FieldEditModal'
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/configurators/index.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/configurators/index.ts
new file mode 100644
index 0000000000..e3cacc3af4
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/configurators/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop IndexBundle Configurators
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export {}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/index-detail.styles.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/index-detail.styles.ts
new file mode 100644
index 0000000000..008c84b3fb
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/index-detail.styles.ts
@@ -0,0 +1,33 @@
+import { createStyles } from 'antd-style'
+
+export const useIndexDetailStyles = createStyles(({ css }) => ({
+  root: css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .ant-tabs {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+    }
+
+    .ant-tabs-content-holder {
+      flex: 1;
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    .ant-tabs-content {
+      height: 100%;
+      min-height: 0;
+    }
+
+    .ant-tabs-tabpane {
+      height: 100%;
+      min-height: 0;
+      overflow: auto;
+    }
+  `
+}))
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/mergeFormDraft.ts b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/mergeFormDraft.ts
new file mode 100644
index 0000000000..40f73dcb46
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/mergeFormDraft.ts
@@ -0,0 +1,26 @@
+/**
+ * Merge nested schema form drafts without losing previously edited values.
+ * Ant Design's onValuesChange only returns changed fragments.
+ */
+const isPlainObject = (value: unknown): value is Record<string, any> => {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}
+
+export const mergeFormDraft = (
+  current: Record<string, any>,
+  draft: Record<string, any>,
+): Record<string, any> => {
+  const result: Record<string, any> = { ...current }
+
+  for (const [key, value] of Object.entries(draft)) {
+    const previous = result[key]
+
+    if (isPlainObject(previous) && isPlainObject(value)) {
+      result[key] = mergeFormDraft(previous, value)
+    } else {
+      result[key] = value
+    }
+  }
+
+  return result
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/widgets/InterpreterCollectionWidget.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/widgets/InterpreterCollectionWidget.tsx
new file mode 100644
index 0000000000..7969801662
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/widgets/InterpreterCollectionWidget.tsx
@@ -0,0 +1,141 @@
+/**
+ * CoreShop IndexBundle - Interpreter Collection Widget
+ *
+ * Collection widget for InterpreterCollectionType.
+ * Each item renders an InterpreterWidget (type select + dynamic config).
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Card, Space, Tag, Typography } from 'antd'
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons'
+import type { FormSchemaField } from '@coreshop/studio-form/src/schema-adapter/types'
+import { InterpreterWidget } from './InterpreterWidget'
+
+interface InterpreterCollectionWidgetProps {
+  value?: Array<Record<string, any>>
+  onChange?: (nextValue: Array<Record<string, any>>) => void
+  disabled?: boolean
+  field: FormSchemaField
+}
+
+export const InterpreterCollectionWidget: React.FC<InterpreterCollectionWidgetProps> = ({
+  value,
+  onChange,
+  disabled,
+  field,
+}) => {
+  const items = Array.isArray(value) ? value : []
+
+  // Get the prototype field (the InterpreterType schema) for passing to each InterpreterWidget
+  const prototypeField: FormSchemaField | undefined = field.prototype
+    ? {
+        name: '__proto__',
+        blockPrefixes: ['form', 'coreshop_index_column_interpreter'],
+        required: false,
+        children: field.prototype,
+      }
+    : undefined
+
+  const addItem = () => {
+    onChange?.([...items, {}])
+  }
+
+  const removeItem = (index: number) => {
+    onChange?.(items.filter((_, i) => i !== index))
+  }
+
+  const updateItem = (index: number, next: Record<string, any>) => {
+    const nextItems = [...items]
+    nextItems[index] = next
+    onChange?.(nextItems)
+  }
+
+  return (
+    <div
+      className="coreshop-interpreter-collection"
+      style={{ display: 'flex', flexDirection: 'column', gap: 12, paddingBottom: 8 }}
+    >
+      {items.length === 0 && (
+        <div
+          style={{
+            padding: '10px 12px',
+            borderRadius: 8,
+            border: '1px dashed var(--ant-color-border)',
+            background: 'var(--ant-color-fill-quaternary)',
+          }}
+        >
+          <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+            No interpreters configured yet.
+          </Typography.Text>
+        </div>
+      )}
+
+      {items.map((item, index) => (
+        <Card
+          key={index}
+          size="small"
+          style={{
+            borderColor: 'var(--ant-color-border-secondary)',
+            background: 'var(--ant-color-bg-container)',
+          }}
+          headStyle={{
+            minHeight: 40,
+            background: 'var(--ant-color-fill-tertiary)',
+            borderBottomColor: 'var(--ant-color-border-secondary)',
+          }}
+          title={(
+            <Space size={8}>
+              <Typography.Text strong style={{ fontSize: 13 }}>
+                Interpreter #{index + 1}
+              </Typography.Text>
+              {item?.type && (
+                <Tag color="default" style={{ marginInlineEnd: 0 }}>
+                  {String(item.type)}
+                </Tag>
+              )}
+            </Space>
+          )}
+          bodyStyle={{ padding: 12 }}
+          extra={
+            <Button
+              type="text"
+              danger
+              icon={<DeleteOutlined />}
+              onClick={() => removeItem(index)}
+              disabled={disabled}
+            />
+          }
+        >
+          {prototypeField && (
+            <InterpreterWidget
+              field={prototypeField}
+              value={item}
+              onChange={(next) => updateItem(index, next)}
+              disabled={disabled}
+            />
+          )}
+        </Card>
+      ))}
+
+      <Button
+        className="coreshop-interpreter-collection__add"
+        type="dashed"
+        icon={<PlusOutlined />}
+        onClick={addItem}
+        disabled={disabled}
+        style={{
+          alignSelf: 'flex-start',
+          width: 'auto',
+          position: 'static',
+          transform: 'none',
+          marginTop: 4,
+        }}
+      >
+        Add
+      </Button>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/widgets/InterpreterWidget.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/widgets/InterpreterWidget.tsx
new file mode 100644
index 0000000000..f2d715160c
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/indexes/widgets/InterpreterWidget.tsx
@@ -0,0 +1,107 @@
+/**
+ * CoreShop IndexBundle - Interpreter Widget
+ *
+ * Widget for coreshop_index_column_interpreter block prefix.
+ * Renders a type selector and dynamically loads the SchemaForm
+ * for the selected interpreter type using context-provided mapping.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, Space, Typography } from 'antd'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { FormSchemaField } from '@coreshop/studio-form/src/schema-adapter/types'
+import { useInterpreterSchema } from '../InterpreterSchemaContext'
+import { mergeFormDraft } from '../mergeFormDraft'
+
+interface InterpreterWidgetProps {
+  value?: Record<string, any>
+  onChange?: (next: Record<string, any>) => void
+  disabled?: boolean
+  field: FormSchemaField
+}
+
+export const InterpreterWidget: React.FC<InterpreterWidgetProps> = ({
+  value,
+  onChange,
+  disabled,
+  field,
+}) => {
+  const interpreterSchemaByType = useInterpreterSchema()
+  const selectedType = value?.type
+  const filterSelectOption = (input: string, option?: { label?: React.ReactNode; value?: string | number }) => {
+    const term = input.toLowerCase()
+    const label = (option?.label ?? '').toString().toLowerCase()
+    const valueText = (option?.value ?? '').toString().toLowerCase()
+
+    return label.includes(term) || valueText.includes(term)
+  }
+
+  // Build type options from the choice field's choices
+  const typeField = field.children?.fields?.find(f => f.name === 'type')
+  const typeOptions = React.useMemo(() => {
+    if (typeField?.choices) {
+      return typeField.choices.map(c => ({
+        value: String(c.value),
+        label: String(c.label),
+      }))
+    }
+    // Fallback: derive from interpreterSchemaByType keys
+    return Object.keys(interpreterSchemaByType).map(type => ({
+      value: type,
+      label: type,
+    }))
+  }, [typeField?.choices, interpreterSchemaByType])
+
+  const blockPrefix = selectedType ? interpreterSchemaByType[selectedType] : undefined
+
+  const handleTypeChange = (type: string | undefined) => {
+    if (!type) {
+      onChange?.({})
+    } else {
+      onChange?.({ type })
+    }
+  }
+
+  const handleConfigChange = (draft: Record<string, any>) => {
+    onChange?.({
+      ...value,
+      interpreterConfig: mergeFormDraft(value?.interpreterConfig ?? {}, draft),
+    })
+  }
+
+  return (
+    <Space direction="vertical" style={{ width: '100%' }}>
+      <div>
+        <Typography.Text type="secondary" style={{ fontSize: 12 }}>
+          Interpreter Type
+        </Typography.Text>
+        <Select
+          value={selectedType}
+          onChange={handleTypeChange}
+          options={typeOptions}
+          placeholder="Select interpreter type"
+          disabled={disabled}
+          allowClear
+          showSearch
+          optionFilterProp="label"
+          filterOption={filterSelectOption}
+          style={{ width: '100%', marginTop: 6 }}
+        />
+      </div>
+      {selectedType && blockPrefix && (
+        <div style={{ marginTop: 4 }}>
+          <SchemaForm
+            key={selectedType}
+            blockPrefix={blockPrefix}
+            embedded
+            data={value?.interpreterConfig ?? {}}
+            onChange={handleConfigChange}
+          />
+        </div>
+      )}
+    </Space>
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/shared/QuantityUnitSelect.tsx b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/shared/QuantityUnitSelect.tsx
new file mode 100644
index 0000000000..86931d1c25
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/src/modules/shared/QuantityUnitSelect.tsx
@@ -0,0 +1,126 @@
+/**
+ * CoreShop IndexBundle Quantity Unit Select
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, type SelectProps } from 'antd'
+
+interface QuantityValueUnit {
+  id: string | null
+  abbreviation: string | null
+  group: string | null
+  longName: string | null
+}
+
+// Module-level cache to avoid multiple API calls
+let cachedOptions: Array<{ value: string, label: string }> | null = null
+let loadPromise: Promise<Array<{ value: string, label: string }>> | null = null
+
+const loadQuantityUnits = async (): Promise<Array<{ value: string, label: string }>> => {
+  // Return cached data if available
+  if (cachedOptions) {
+    return cachedOptions
+  }
+
+  // If already loading, return the existing promise
+  if (loadPromise) {
+    return loadPromise
+  }
+
+  // Start new load
+  loadPromise = (async () => {
+    try {
+      const url = '/pimcore-studio/api/unit/quantity-value/unit-list'
+      const response = await fetch(url, {
+        credentials: 'same-origin'
+      })
+
+      if (!response.ok) {
+        throw new Error(`Failed to load quantity units: ${response.statusText}`)
+      }
+
+      const data: { items: QuantityValueUnit[] } = await response.json()
+
+      // Add "Empty" option at the beginning (id: "0")
+      cachedOptions = [
+        { value: '0', label: 'Empty' },
+        ...data.items
+          .filter(unit => unit.id !== null)
+          .map(unit => ({
+            value: unit.id!,
+            label: unit.id! // Use id as label since abbreviation is empty
+          }))
+      ]
+
+      return cachedOptions
+    } catch (err) {
+      console.error('Failed to load quantity units:', err)
+      // Return empty option on error
+      cachedOptions = [{ value: '0', label: 'Empty' }]
+      return cachedOptions
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+// Export function to clear cache if needed
+export const clearQuantityUnitCache = () => {
+  cachedOptions = null
+  loadPromise = null
+}
+
+interface QuantityUnitSelectProps extends Omit<SelectProps, 'options' | 'loading'> {
+  value?: string | number
+  onChange?: (value: string | number) => void
+}
+
+/**
+ * QuantityUnitSelect - Select component for Pimcore Quantity Units
+ *
+ * This component loads and displays available quantity units from Pimcore.
+ * Used in filter conditions to specify the unit for numeric values.
+ */
+export const QuantityUnitSelect: React.FC<QuantityUnitSelectProps> = (props) => {
+  const [options, setOptions] = React.useState<Array<{ value: string, label: string }>>(
+    cachedOptions || [{ value: '0', label: 'Empty' }]
+  )
+  const [loading, setLoading] = React.useState(!cachedOptions)
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!cachedOptions) {
+        setLoading(true)
+      }
+      try {
+        const opts = await loadQuantityUnits()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      {...props}
+      loading={loading}
+      options={options}
+      placeholder={props.placeholder ?? 'Select quantity unit'}
+      showSearch
+      filterOption={(input, option) =>
+        (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/IndexBundle/Resources/config/services/form.yml
index 4805567d6f..a0ad5a672c 100644
--- a/src/CoreShop/Bundle/IndexBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/config/services/form.yml
@@ -10,6 +10,7 @@ parameters:
     coreshop.form.type.index.getter.brick.validation_groups: [coreshop]
     coreshop.form.type.index.getter.classification.validation_groups: [coreshop]
     coreshop.form.type.index.getter.field_collection.validation_groups: [coreshop]
+    coreshop.form.type.index.getter.object_property.validation_groups: [coreshop]
     coreshop.form.type.index.interpreter.expression.validation_groups: [coreshop]
     coreshop.form.type.index.interpreter.nested.validation_groups: [coreshop]
     coreshop.form.type.index.interpreter.object_property.validation_groups: [coreshop]
@@ -35,6 +36,11 @@ services:
             - '@coreshop.form_registry.index.worker'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\IndexBundle\Form\Schema\IndexSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
 
     CoreShop\Bundle\IndexBundle\Form\Type\IndexColumnType:
         arguments:
@@ -77,15 +83,20 @@ services:
             - { name: form.type }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Interpreter\InterpreterType:
-        arguments: ['@coreshop.form_registry.index.interpreter']
+        arguments:
+            - '@coreshop.form_registry.index.interpreter'
         tags:
             - { name: form.type }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Interpreter\InterpreterCollectionType:
-        arguments: ['@coreshop.registry.index.interpreter']
         tags:
             - { name: form.type }
 
+    CoreShop\Bundle\IndexBundle\Form\Type\EmptyConfigurationFormType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
     # Filter Forms
     CoreShop\Bundle\IndexBundle\Form\Type\FilterType:
         arguments:
@@ -93,6 +104,15 @@ services:
             - '%coreshop.form.type.filter.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\IndexBundle\Form\Schema\FilterSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\IndexBundle\Form\Schema\FilterConditionSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
 
     CoreShop\Bundle\IndexBundle\Form\Type\FilterPreConditionType:
         class: CoreShop\Bundle\IndexBundle\Form\Type\FilterPreConditionType
@@ -148,99 +168,121 @@ services:
             - '%coreshop.form.type.index.getter.brick.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Getter\ClassificationStoreGetterFormType:
         arguments:
             - '%coreshop.form.type.index.getter.classification.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Getter\FieldCollectionGetterFormType:
         arguments:
             - '%coreshop.form.type.index.getter.field_collection.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Interpreter\ExpressionInterpreterFormType:
         arguments:
             - '%coreshop.form.type.index.interpreter.expression.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Interpreter\ObjectPropertyInterpreterFormType:
         arguments:
             - '%coreshop.form.type.index.interpreter.object_property.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Interpreter\IteratorInterpreterType:
         arguments:
             - '%coreshop.form.type.index.interpreter.iterator.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Interpreter\NestedInterpreterType:
         arguments:
             - '%coreshop.form.type.index.interpreter.nested.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionBooleanType:
         arguments:
             - '%coreshop.form.type.filter.condition.boolean.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionCategorySelectType:
         arguments:
             - '%coreshop.form.type.filter.condition.category.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionCategoryMultiSelectType:
         arguments:
             - '%coreshop.form.type.filter.condition.category_multiselect.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionMultiselectType:
         arguments:
             - '%coreshop.form.type.filter.condition.multiselect.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionSearchType:
         arguments:
             - '%coreshop.form.type.filter.condition.search.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionRangeType:
         arguments:
             - '%coreshop.form.type.filter.condition.range.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterConditionSelectType:
         arguments:
             - '%coreshop.form.type.filter.condition.select.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterPreConditionNestedType:
         arguments:
             - '%coreshop.form.type.filter.condition.pre_nested.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Filter\FilterUserConditionNestedType:
         arguments:
             - '%coreshop.form.type.filter.condition.user_nested.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\IndexBundle\Form\Type\Worker\MysqlWorkerType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\IndexBundle\Form\Type\Worker\OpenSearchWorkerType:
         arguments:
             - '@coreshop.registry.index.opensearch_client'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/IndexBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..b0fbf6eb21
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\IndexBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/public/pimcore/js/index/worker/opensearch.js b/src/CoreShop/Bundle/IndexBundle/Resources/public/pimcore/js/index/worker/opensearch.js
index c88d810913..9a30f8c8c4 100644
--- a/src/CoreShop/Bundle/IndexBundle/Resources/public/pimcore/js/index/worker/opensearch.js
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/public/pimcore/js/index/worker/opensearch.js
@@ -5,8 +5,8 @@
  * For the full copyright and license information, please view the LICENSE.md and gpl-3.0.txt
  * files that are distributed with this source code.
  *
- * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.org)
- * @license    https://www.coreshop.org/license     GPLv3 and CCL
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    https://www.coreshop.com/license     GPLv3 and CCL
  *
  */
 
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/IndexBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..711116feb5
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,90 @@
+---
+coreshop_save_error: 'Fehler beim speichern des Elements'
+coreshop_index_field_type: 'Typ'
+coreshop_index_field_getter: 'Getter Klasse'
+coreshop_index_field_brickfield: 'Brick Feld'
+coreshop_index_field_collectionfield: 'Collection Feld'
+coreshop_index_field: 'Feld'
+coreshop_indexes_selected_fields: 'Indexed Felder'
+coreshop_indexes_fields: 'Felder'
+coreshop_indexes_type: 'Typ'
+coreshop_filters: 'Filter'
+coreshop_filter: 'Filter'
+coreshop_filters_resultsPerPage: 'Ergebnisse pro Seite'
+coreshop_filters_order: 'Sortierung'
+coreshop_filters_order_desc: 'absteigend'
+coreshop_filters_order_asc: 'aufsteigend'
+coreshop_filters_orderKey: 'Sortierungsfeld'
+coreshop_filters_index: 'Index'
+coreshop_filters_field: 'Feld'
+coreshop_filters_fields: 'Felder'
+coreshop_filters_value: 'Wert'
+coreshop_filters_values: 'Werte'
+coreshop_filters_value_min: 'Min. Wert'
+coreshop_filters_value_max: 'Max. Wert'
+coreshop_index_field_classificationstore: 'Classification Store Field'
+coreshop_index_field_interpreter: 'Interpreter'
+coreshop_index_field_settings: 'Einstellungen'
+coreshop_index_interpreter_settings: 'Interpreter Einstellungen'
+coreshop_index_getter_settings: 'Getter Einstellungen'
+coreshop_product_similarity: 'Ähnliche Produkte'
+coreshop_filters_similarity_weight: 'Gewichtung'
+coreshop_filters_step_count: 'Schrittzähler'
+coreshop_filters_quantityUnit: 'Mengeneinheit'
+coreshop_index_interpreter_property: 'Eigenschaft'
+coreshop_index_interpreter_expression: 'Expression'
+coreshop_permission_filter: 'CoreShop: Filter'
+coreshop_permission_index: 'CoreShop: Index'
+coreshop_filters_pre_conditions: 'Vor Bedingungen'
+coreshop_filters_conditions: 'Bedingungen'
+coreshop_filters_select: 'Auswahl'
+coreshop_filters_select_from_multiselect: 'Aus Mehrfachauswahl auswählen'
+coreshop_filters_range: 'Spanne'
+coreshop_filters_multiselect: 'Mehrfachauswahl'
+coreshop_filters_multiselect_from_multiselect: 'Mehrfachauswahl aus Multiselect'
+coreshop_filters_boolean: 'Boolean'
+coreshop_filters_relational_multiselect: 'Relationale Mehrfachauswahl'
+coreshop_filters_relational_select: 'Relationale Auswahl'
+coreshop_filters_category_select: 'Kategorie'
+coreshop_filters_category_multiselect: 'Kategorie Mehrfachauswahl'
+coreshop_filters_category_name: 'Kategorie'
+coreshop_filters_include_subcategories: 'Unterkategorien miteinbeziehen'
+coreshop_indexes: 'Indizes'
+coreshop_filters_nested: 'Verschachtelt'
+coreshop_index_mysql_index: 'MySQL Index'
+coreshop_index_mysql_index_localized: 'MySQL Index Lokalisiert'
+processmanager_type_coreshop_index: 'CoreShop Index'
+coreshop_index_last_version: 'Letzte Version immer indizieren, auch wenn die Version noch nicht veröffentlicht wurde'
+
+# Studio v2 - Index & Filter Management
+coreshop_class: 'Klasse'
+coreshop_label: 'Label'
+coreshop_indexes_add: 'Index hinzufügen'
+coreshop_indexes_select: 'Wählen Sie einen Index aus, um Details anzuzeigen.'
+coreshop_indexes_worker: 'Worker'
+coreshop_indexes_worker_configuration: 'Worker Konfiguration'
+coreshop_indexes_no_configurator: 'Keine Konfiguration für diesen Worker verfügbar'
+coreshop_indexes_index_last_version: 'Letzte Version immer indizieren'
+coreshop_filters_add: 'Filter hinzufügen'
+coreshop_filters_add_condition: 'Bedingung hinzufügen'
+coreshop_filters_no_conditions: 'Keine Bedingungen konfiguriert'
+coreshop_filters_order_direction: 'Sortierrichtung'
+coreshop_filters_order_key: 'Sortierfeld'
+coreshop_filters_preselect: 'Vorauswahl'
+coreshop_filters_results_per_page: 'Ergebnisse pro Seite'
+coreshop_filters_select_index_first: 'Bitte wählen Sie zuerst einen Index aus'
+coreshop_filters_user_conditions: 'Benutzer-Bedingungen'
+coreshop_loading_configuration: 'Konfiguration wird geladen...'
+coreshop_condition_not_implemented: 'Bedingung nicht implementiert'
+coreshop_not_implemented: 'Nicht implementiert'
+coreshop_settings: 'Einstellungen'
+coreshop_name: 'Name'
+coreshop_name_required: 'Name ist erforderlich'
+coreshop_filters_search: 'Suche'
+coreshop_filters_search_patterns_concatenator: 'Verknüpfung wählen'
+coreshop_filters_search_patterns_label: 'Muster wählen'
+coreshop_filters_search_term: 'Suchbegriff'
+coreshop_filters_search_condition_name: 'Suchname'
+coreshop_filters_search_patterns_left: 'Endet mit'
+coreshop_filters_search_patterns_right: 'Beginnt mit'
+coreshop_filters_search_patterns_both: 'Enthält'
diff --git a/src/CoreShop/Bundle/IndexBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/IndexBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..0e4d5754a5
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,90 @@
+---
+coreshop_save_error: 'Error saving item'
+coreshop_index_field_type: 'Type'
+coreshop_index_field_getter: 'Getter Class'
+coreshop_index_field_brickfield: 'Brick Field'
+coreshop_index_field_collectionfield: 'Collection Field'
+coreshop_index_field: 'Field'
+coreshop_indexes_selected_fields: 'Indexed Fields'
+coreshop_indexes_fields: 'Fields'
+coreshop_indexes_type: 'Type'
+coreshop_filters: 'Filter'
+coreshop_filter: 'Filter'
+coreshop_filters_resultsPerPage: 'Results per Page'
+coreshop_filters_order: 'Order'
+coreshop_filters_order_desc: 'descending'
+coreshop_filters_order_asc: 'ascending'
+coreshop_filters_orderKey: 'Order Key'
+coreshop_filters_index: 'Index'
+coreshop_filters_field: 'Field'
+coreshop_filters_fields: 'Fields'
+coreshop_filters_value: 'Value'
+coreshop_filters_values: 'Values'
+coreshop_filters_value_min: 'Min Value'
+coreshop_filters_value_max: 'Max Value'
+coreshop_index_field_classificationstore: 'ClassificationStore Field'
+coreshop_index_field_interpreter: 'Interpreter'
+coreshop_index_field_settings: 'Settings'
+coreshop_index_interpreter_settings: 'Interpreter Settings'
+coreshop_index_getter_settings: 'Getter Settings'
+coreshop_product_similarity: 'Similar Products'
+coreshop_filters_similarity_weight: 'Weight'
+coreshop_filters_step_count: 'Step Count'
+coreshop_filters_quantityUnit: 'Quantity Value'
+coreshop_index_interpreter_property: 'Property'
+coreshop_index_interpreter_expression: 'Expression'
+coreshop_permission_filter: 'CoreShop: Filter'
+coreshop_permission_index: 'CoreShop: Index'
+coreshop_filters_pre_conditions: 'Pre-Conditions'
+coreshop_filters_conditions: 'Conditions'
+coreshop_filters_select: 'Select'
+coreshop_filters_select_from_multiselect: 'Select From Multiselect'
+coreshop_filters_range: 'Range'
+coreshop_filters_multiselect: 'Multiselect'
+coreshop_filters_multiselect_from_multiselect: 'Multiselect From Multiselect'
+coreshop_filters_boolean: 'Boolean'
+coreshop_filters_relational_multiselect: 'Relational Multiselect'
+coreshop_filters_relational_select: 'Relational Select'
+coreshop_filters_category_select: 'Category'
+coreshop_filters_category_multiselect: 'Category Multiselect'
+coreshop_filters_search: 'Search'
+coreshop_filters_category_name: 'Category'
+coreshop_filters_include_subcategories: 'Include Subcategories'
+coreshop_indexes: 'Indices'
+coreshop_filters_nested: 'Nested'
+coreshop_index_mysql_index: 'MySQL Index'
+coreshop_index_mysql_index_localized: 'MySQL Index Localized'
+processmanager_type_coreshop_index: 'CoreShop Index'
+coreshop_index_last_version: 'Always Index Last Version, even if Version is not published yet'
+coreshop_filters_search_patterns_concatenator: 'Choose concatenator'
+coreshop_filters_search_patterns_label: 'Choose pattern'
+coreshop_filters_search_term: 'Search term'
+coreshop_filters_search_condition_name: 'Search name'
+coreshop_filters_search_patterns_left: 'Ends with'
+coreshop_filters_search_patterns_right: 'Begins with'
+coreshop_filters_search_patterns_both: 'Contains'
+
+# Studio v2 - Index & Filter Management
+coreshop_class: 'Class'
+coreshop_label: 'Label'
+coreshop_indexes_add: 'Add Index'
+coreshop_indexes_select: 'Select an index to view details.'
+coreshop_indexes_worker: 'Worker'
+coreshop_indexes_worker_configuration: 'Worker Configuration'
+coreshop_indexes_no_configurator: 'No configuration available for this worker'
+coreshop_indexes_index_last_version: 'Always index last version'
+coreshop_filters_add: 'Add Filter'
+coreshop_filters_add_condition: 'Add Condition'
+coreshop_filters_no_conditions: 'No conditions configured'
+coreshop_filters_order_direction: 'Order Direction'
+coreshop_filters_order_key: 'Order Key'
+coreshop_filters_preselect: 'Preselect'
+coreshop_filters_results_per_page: 'Results per Page'
+coreshop_filters_select_index_first: 'Please select an index first'
+coreshop_filters_user_conditions: 'User Conditions'
+coreshop_loading_configuration: 'Loading configuration...'
+coreshop_condition_not_implemented: 'Condition not implemented'
+coreshop_not_implemented: 'Not implemented'
+coreshop_settings: 'Settings'
+coreshop_name: 'Name'
+coreshop_name_required: 'Name is required'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/IndexBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/IndexBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..c921dde965
--- /dev/null
+++ b/src/CoreShop/Bundle/IndexBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\IndexBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/IndexBundle/composer.json b/src/CoreShop/Bundle/IndexBundle/composer.json
index 17490d4bd5..131f3eccd5 100644
--- a/src/CoreShop/Bundle/IndexBundle/composer.json
+++ b/src/CoreShop/Bundle/IndexBundle/composer.json
@@ -1,72 +1,71 @@
 {
-  "name": "coreshop/index-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Index Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/index-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Index Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/index": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/menu-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "doctrine/migrations": "^3.9"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/index": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/menu-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "doctrine/migrations": "^3.9"
-  },
-  "suggest": {
-    "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0",
-    "pimcore/opensearch-client": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\IndexBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     },
-    "pimcore": {
-      "bundles": [
-        "CoreShop\\Bundle\\IndexBundle\\CoreShopIndexBundle"
-      ]
-    }
-  },
-  "config": {
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0",
+        "pimcore/opensearch-client": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\IndexBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        },
+        "pimcore": {
+            "bundles": [
+                "CoreShop\\Bundle\\IndexBundle\\CoreShopIndexBundle"
+            ]
+        }
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/InventoryBundle/README.md b/src/CoreShop/Bundle/InventoryBundle/README.md
index 09891557e6..7c97789f84 100644
--- a/src/CoreShop/Bundle/InventoryBundle/README.md
+++ b/src/CoreShop/Bundle/InventoryBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/InventoryBundle/composer.json b/src/CoreShop/Bundle/InventoryBundle/composer.json
index e1107754c2..435e08e5c2 100644
--- a/src/CoreShop/Bundle/InventoryBundle/composer.json
+++ b/src/CoreShop/Bundle/InventoryBundle/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/inventory-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Inventory Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/inventory-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Inventory Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/inventory": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/inventory": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\InventoryBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\InventoryBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/LocaleBundle/Form/Type/LocaleChoiceType.php b/src/CoreShop/Bundle/LocaleBundle/Form/Type/LocaleChoiceType.php
index ac68ef92cb..37e4a35ab3 100644
--- a/src/CoreShop/Bundle/LocaleBundle/Form/Type/LocaleChoiceType.php
+++ b/src/CoreShop/Bundle/LocaleBundle/Form/Type/LocaleChoiceType.php
@@ -62,4 +62,9 @@ public function getParent(): string
     {
         return ChoiceType::class;
     }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_locale_choice';
+    }
 }
diff --git a/src/CoreShop/Bundle/LocaleBundle/README.md b/src/CoreShop/Bundle/LocaleBundle/README.md
index 16daa81974..471727cc8b 100644
--- a/src/CoreShop/Bundle/LocaleBundle/README.md
+++ b/src/CoreShop/Bundle/LocaleBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/LocaleBundle/composer.json b/src/CoreShop/Bundle/LocaleBundle/composer.json
index c60195520c..7f9ad94510 100644
--- a/src/CoreShop/Bundle/LocaleBundle/composer.json
+++ b/src/CoreShop/Bundle/LocaleBundle/composer.json
@@ -1,59 +1,59 @@
 {
-  "name": "coreshop/locale-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Locale Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/locale-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Locale Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/locale": "^5.0",
+        "coreshop/pimcore-bundle": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/locale": "^5.0",
-    "coreshop/pimcore-bundle": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\LocaleBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\LocaleBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/MenuBundle/EventListener/MenuAdminListener.php b/src/CoreShop/Bundle/MenuBundle/AdminClass/EventListener/MenuAdminListener.php
similarity index 95%
rename from src/CoreShop/Bundle/MenuBundle/EventListener/MenuAdminListener.php
rename to src/CoreShop/Bundle/MenuBundle/AdminClass/EventListener/MenuAdminListener.php
index 3b3a2e0648..e4d530891c 100644
--- a/src/CoreShop/Bundle/MenuBundle/EventListener/MenuAdminListener.php
+++ b/src/CoreShop/Bundle/MenuBundle/AdminClass/EventListener/MenuAdminListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\MenuBundle\EventListener;
+namespace CoreShop\Bundle\MenuBundle\AdminClass\EventListener;
 
 use Pimcore\Bundle\AdminBundle\Event\BundleManagerEvents;
 use Pimcore\Event\BundleManager\PathsEvent;
diff --git a/src/CoreShop/Bundle/MenuBundle/EventListener/PimcoreAdminListener.php b/src/CoreShop/Bundle/MenuBundle/AdminClass/EventListener/PimcoreAdminListener.php
similarity index 94%
rename from src/CoreShop/Bundle/MenuBundle/EventListener/PimcoreAdminListener.php
rename to src/CoreShop/Bundle/MenuBundle/AdminClass/EventListener/PimcoreAdminListener.php
index b5d8c72816..fc3a452712 100644
--- a/src/CoreShop/Bundle/MenuBundle/EventListener/PimcoreAdminListener.php
+++ b/src/CoreShop/Bundle/MenuBundle/AdminClass/EventListener/PimcoreAdminListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\MenuBundle\EventListener;
+namespace CoreShop\Bundle\MenuBundle\AdminClass\EventListener;
 
 use Pimcore\Bundle\AdminBundle\Event\BundleManagerEvents;
 use Pimcore\Event\BundleManager\PathsEvent;
diff --git a/src/CoreShop/Bundle/MenuBundle/Controller/MenuController.php b/src/CoreShop/Bundle/MenuBundle/Controller/MenuController.php
index 8847b8e077..7004d2cd2d 100644
--- a/src/CoreShop/Bundle/MenuBundle/Controller/MenuController.php
+++ b/src/CoreShop/Bundle/MenuBundle/Controller/MenuController.php
@@ -17,11 +17,20 @@
 
 namespace CoreShop\Bundle\MenuBundle\Controller;
 
+use CoreShop\Bundle\MenuBundle\Renderer\StudioRenderer;
+use Knp\Menu\Provider\MenuProviderInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use Symfony\Component\HttpFoundation\JsonResponse;
 use Symfony\Component\HttpFoundation\Response;
+use Symfony\Contracts\Translation\TranslatorInterface;
 use Twig\Environment;
 
 class MenuController
 {
+    public function __construct(
+        private readonly TranslatorInterface $translator,
+    ) {
+    }
     public function menuAction(string $type, Environment $twig): Response
     {
         $result = $twig->render('@CoreShopMenu/menu.js.twig', [
@@ -36,4 +45,104 @@ public function menuAction(string $type, Environment $twig): Response
 
         return $response;
     }
+
+    public function jsonAction(
+        MenuProviderInterface $menuProvider,
+        StudioRenderer $jsonRenderer,
+        #[Autowire(param: 'coreshop.menus.types')]
+        array $menuTypes = [],
+    ): JsonResponse {
+        $allMenus = [];
+        $allItems = [];
+
+        foreach ($menuTypes as $type) {
+            try {
+                $type = sprintf('coreshop.%s', $type);
+                $menu = $menuProvider->get($type);
+                $menuData = json_decode($jsonRenderer->render($menu), true);
+                $transformedItems = $this->transformMenuForStudio($menuData);
+
+                if (!empty($transformedItems)) {
+                    $allMenus[$type] = $transformedItems;
+                    $allItems = array_merge($allItems, $transformedItems);
+                }
+            } catch (\Exception $e) {
+                // Log error but continue with other menus
+                error_log(sprintf('Failed to load menu "%s": %s', $type, $e->getMessage()));
+            }
+        }
+
+        return new JsonResponse([
+            'success' => true,
+            'items' => $allItems,
+        ]);
+    }
+
+    private function transformMenuForStudio(array $menuData): array
+    {
+        $items = [];
+
+        if (isset($menuData['children'])) {
+            foreach ($menuData['children'] as $child) {
+                $items[] = $this->transformMenuItem($child);
+            }
+        }
+
+        $labelKey = $menuData['label'] ?? $menuData['name'];
+
+        return [
+            $menuData['name'] = [
+                'id' => $menuData['name'],
+                'label' => $this->translator->trans($labelKey, [], 'studio'),
+                'content' => $menuData['attributes']['content'] ?? null,
+                'children' => $items,
+            ]
+        ];
+    }
+
+    private function transformMenuItem(array $item): array
+    {
+        $labelKey = $item['label'] ?? $item['name'] ?? 'Unnamed';
+
+        $transformed = [
+            'id' => $item['name'] ?? 'unnamed',
+            'widgetId' => $item['attributes']['widgetId'] ?? null,
+            'widgetEvent' => $item['attributes']['widgetEvent'] ?? null,
+            'widgetButton' => $item['attributes']['widgetButton'] ?? null,
+            'label' => $this->translator->trans($labelKey, [], 'studio'),
+            'path' => $item['uri'] ?? null,
+            'icon' => $item['attributes']['iconCls'] ?? null,
+            'content' => $item['attributes']['content'] ?? null,
+            'disabled' => !($item['display'] ?? true),
+        ];
+
+        // Add custom attributes
+        if (isset($item['extras'])) {
+            if (isset($item['extras']['permission'])) {
+                $transformed['permission'] = $item['extras']['permission'];
+            }
+            if (isset($item['extras']['badge'])) {
+                $transformed['badge'] = $item['extras']['badge'];
+            }
+            if (isset($item['extras']['widgetId'])) {
+                $transformed['widgetId'] = $item['extras']['widgetId'];
+            }
+            if (isset($item['extras']['widgetEvent'])) {
+                $transformed['widgetEvent'] = $item['extras']['widgetEvent'];
+            }
+            if (isset($item['extras']['widgetButton'])) {
+                $transformed['widgetButton'] = $item['extras']['widgetButton'];
+            }
+        }
+
+        // Handle children
+        if (isset($item['children']) && !empty($item['children'])) {
+            $transformed['children'] = [];
+            foreach ($item['children'] as $child) {
+                $transformed['children'][] = $this->transformMenuItem($child);
+            }
+        }
+
+        return $transformed;
+    }
 }
diff --git a/src/CoreShop/Bundle/MenuBundle/DependencyInjection/CoreShopMenuExtension.php b/src/CoreShop/Bundle/MenuBundle/DependencyInjection/CoreShopMenuExtension.php
index 006d3c4ec9..f60da8e86d 100644
--- a/src/CoreShop/Bundle/MenuBundle/DependencyInjection/CoreShopMenuExtension.php
+++ b/src/CoreShop/Bundle/MenuBundle/DependencyInjection/CoreShopMenuExtension.php
@@ -18,6 +18,7 @@
 namespace CoreShop\Bundle\MenuBundle\DependencyInjection;
 
 use CoreShop\Bundle\MenuBundle\Attribute\AsMenuBuilder;
+use CoreShop\Bundle\MenuBundle\AdminClass\EventListener\MenuAdminListener;
 use CoreShop\Bundle\MenuBundle\Builder\MenuBuilderInterface;
 use CoreShop\Bundle\MenuBundle\DependencyInjection\CompilerPass\MenuBuilderPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Extension\AbstractPimcoreExtension;
@@ -40,6 +41,18 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/menu.yml');
         }
 
+        if (array_key_exists('PimcoreAdminBundle', $bundles)) {
+            $loader->load('services/classic_admin.yml');
+
+            if (array_key_exists('CoreShopCoreBundle', $bundles)) {
+                $container->removeDefinition(MenuAdminListener::class);
+            }
+        }
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         Autoconfiguration::registerForAutoConfiguration(
             $container,
             MenuBuilderInterface::class,
diff --git a/src/CoreShop/Bundle/MenuBundle/README.md b/src/CoreShop/Bundle/MenuBundle/README.md
index 5273f9ee49..20c513ddab 100644
--- a/src/CoreShop/Bundle/MenuBundle/README.md
+++ b/src/CoreShop/Bundle/MenuBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/MenuBundle/Renderer/StudioRenderer.php b/src/CoreShop/Bundle/MenuBundle/Renderer/StudioRenderer.php
new file mode 100644
index 0000000000..1a900ebabc
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Renderer/StudioRenderer.php
@@ -0,0 +1,157 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\MenuBundle\Renderer;
+
+use CoreShop\Bundle\MenuBundle\Guard\PimcoreGuard;
+use Knp\Menu\ItemInterface;
+use Knp\Menu\Matcher\MatcherInterface;
+use Knp\Menu\Renderer\RendererInterface;
+
+class StudioRenderer implements RendererInterface
+{
+    private MatcherInterface $matcher;
+    private PimcoreGuard $guard;
+
+    public function __construct(
+        MatcherInterface $matcher,
+        PimcoreGuard $guard
+    ) {
+        $this->matcher = $matcher;
+        $this->guard = $guard;
+    }
+
+    public function render(ItemInterface $item, array $options = []): string
+    {
+        $this->reorderMenuItems($item);
+        $array = $this->toArray($item, $options);
+
+        return json_encode($array, JSON_THROW_ON_ERROR);
+    }
+
+    /**
+     * Convert menu item to array
+     */
+    public function toArray(ItemInterface $item, array $options = []): array
+    {
+        $data = [
+            'name' => $item->getName(),
+            'label' => $item->getLabel(),
+            'uri' => $item->getUri(),
+            'current' => $this->matcher->isCurrent($item),
+            'ancestor' => $this->matcher->isAncestor($item),
+            'display' => $item->isDisplayed(),
+        ];
+
+        // Add extra attributes
+        $extras = $item->getExtras();
+        if (!empty($extras)) {
+            $data['extras'] = $extras;
+        }
+
+        // Add attributes
+        $attributes = $item->getAttributes();
+        if (!empty($attributes)) {
+            $data['attributes'] = $attributes;
+        }
+
+        // Add link attributes
+        $linkAttributes = $item->getLinkAttributes();
+        if (!empty($linkAttributes)) {
+            $data['linkAttributes'] = $linkAttributes;
+        }
+
+        // Add label attributes
+        $labelAttributes = $item->getLabelAttributes();
+        if (!empty($labelAttributes)) {
+            $data['labelAttributes'] = $labelAttributes;
+        }
+
+        // Add children recursively with guard checks
+        if ($item->hasChildren() && $item->getDisplayChildren()) {
+            $data['children'] = [];
+            foreach ($item->getChildren() as $child) {
+                if ($child->isDisplayed() && $this->guard->matchItem($child)) {
+                    $data['children'][] = $this->toArray($child, $options);
+                }
+            }
+        }
+
+        return $data;
+    }
+
+    /**
+     * Reorder menu items based on 'order' extra attribute
+     */
+    public function reorderMenuItems(ItemInterface $menu): void
+    {
+        $menuOrderArray = [];
+        $addLast = [];
+        $alreadyTaken = [];
+
+        foreach ($menu->getChildren() as $menuItem) {
+            if ($menuItem->hasChildren()) {
+                $this->reorderMenuItems($menuItem);
+            }
+
+            $orderNumber = $menuItem->getExtra('order');
+
+            if ($orderNumber !== null) {
+                if (!isset($menuOrderArray[$orderNumber])) {
+                    $menuOrderArray[$orderNumber] = $menuItem->getName();
+                } else {
+                    $alreadyTaken[$orderNumber] = $menuItem->getName();
+                }
+            } else {
+                $addLast[] = $menuItem->getName();
+            }
+        }
+
+        // Sort them after first pass
+        ksort($menuOrderArray);
+
+        // Handle position duplicates
+        if (count($alreadyTaken) > 0) {
+            foreach ($alreadyTaken as $key => $value) {
+                $keysArray = array_keys($menuOrderArray);
+                $position = array_search($key, $keysArray, true);
+
+                if ($position !== false) {
+                    $menuOrderArray = array_merge(
+                        array_slice($menuOrderArray, 0, $position),
+                        [$value],
+                        array_slice($menuOrderArray, $position)
+                    );
+                }
+            }
+        }
+
+        // Sort them after second pass
+        ksort($menuOrderArray);
+
+        // Add items without order number to the end
+        if (count($addLast) > 0) {
+            foreach ($addLast as $value) {
+                $menuOrderArray[] = $value;
+            }
+        }
+
+        if (count($menuOrderArray) > 0) {
+            $menu->reorderChildren($menuOrderArray);
+        }
+    }
+}
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..f3294a4e48
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@coreshop/menu",
+  "version": "1.0.0",
+  "description": "CoreShop MenuBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  }
+}
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/components/CoreShopWidget.tsx b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/components/CoreShopWidget.tsx
new file mode 100644
index 0000000000..5af4a8408f
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/components/CoreShopWidget.tsx
@@ -0,0 +1,22 @@
+/**
+ * CoreShop Widget Component
+ *
+ * Simple React component for CoreShop menu widgets in Pimcore Studio UI
+ */
+
+import * as React from 'react'
+import { CoreShopMenuItem } from '../types'
+
+interface CoreShopWidgetProps {
+  item: CoreShopMenuItem
+}
+
+export const CoreShopWidget: React.FC<CoreShopWidgetProps> = ({ item }) => {
+  return (
+    <div style={{ padding: '20px' }}>
+      <h2>{item.label}</h2>
+    </div>
+  )
+}
+
+export default CoreShopWidget
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..009e68ac83
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop MenuBundle - Main Export
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { MenuButtonRegistry, registerMenuButton } from './services/button-registry'
+export { type ButtonConfig, type MenuButtonProps } from './types/ButtonConfig'
+export { CoreShopMenuExtension } from './modules/menu-extension'
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..fc4d4e8f10
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop Menu Bundle - Pimcore Studio Plugin
+ *
+ * Main entry point that registers the CoreShop Menu Extension module
+ * following the Pimcore Studio plugin pattern
+ */
+
+import { type IAbstractPlugin } from '@pimcore/studio-ui-bundle'
+import { CoreShopMenuExtension } from './modules/menu-extension'
+
+const CoreShopMenuPlugin: IAbstractPlugin = {
+  name: 'coreshop-menu',
+
+  onStartup({moduleSystem}): void {
+    moduleSystem.registerModule(CoreShopMenuExtension)
+  }
+}
+
+export default CoreShopMenuPlugin
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/modules/menu-extension.tsx b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/modules/menu-extension.tsx
new file mode 100644
index 0000000000..6fb265f16c
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/modules/menu-extension.tsx
@@ -0,0 +1,151 @@
+/**
+ * CoreShop Menu Extension Module
+ *
+ * Dynamically registers CoreShop navigation items from backend API with Pimcore Studio UI
+ */
+
+import {container} from '@pimcore/studio-ui-bundle'
+import {serviceIds} from '@pimcore/studio-ui-bundle/app'
+import {IMainNavItem, type MainNavRegistry} from '@pimcore/studio-ui-bundle/modules/app'
+import {type WidgetRegistry} from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import {type IconLibrary} from '@pimcore/studio-ui-bundle/modules/icon-library'
+import {menuService} from '../services/MenuService'
+import {CoreShopMenuItem} from '../types'
+import {CoreShopWidget} from '../components/CoreShopWidget'
+import {MenuButtonRegistry, consumeQueuedMenuButtons} from "../services/button-registry";
+import React from "react";
+
+export const CoreShopMenuExtension = {
+    onInit(): void {
+        const mainNavRegistryService = container.get<MainNavRegistry>(serviceIds.mainNavRegistry)
+        const widgetRegistryService = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        container.bind('CoreShopMenuButtons').to(MenuButtonRegistry).inSingletonScope()
+        const buttonRegistry = container.get<MenuButtonRegistry>('CoreShopMenuButtons')
+        consumeQueuedMenuButtons().forEach((item) => buttonRegistry.add(item))
+
+        // Load and register menu items dynamically
+        this.loadAndRegisterMenuItems(mainNavRegistryService, widgetRegistryService)
+    },
+
+    async loadAndRegisterMenuItems(
+        mainNavRegistry: MainNavRegistry,
+        widgetRegistry: WidgetRegistry
+    ): Promise<void> {
+        try {
+            // Load ALL CoreShop menu structures from backend
+            const menuItems = await menuService.getAllMenuStructures()
+
+            if (menuItems && menuItems.length > 0) {
+                // Register each top-level menu item
+                for (const item of menuItems) {
+                    this.registerMenuItem(item, mainNavRegistry, widgetRegistry)
+                }
+            }
+        } catch (error) {
+            console.error('[CoreShop Menu Extension] Failed to load menu structures:', error)
+        }
+    },
+
+    registerMenuItem(
+        item: CoreShopMenuItem,
+        mainNavRegistry: MainNavRegistry,
+        widgetRegistry: WidgetRegistry,
+        parentPath: string = ''
+    ): void {
+        const fullPath = parentPath ? `${parentPath}/${item.label}` : item.label
+
+        // Register main navigation item
+        const navItem: IMainNavItem = {
+            path: fullPath
+        }
+
+        // If content is available (SVG logo), dynamically create and register icon
+        if (item.content) {
+            const iconName = `coreshop_dynamic_${item.id}`
+            const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+            const icon = ()=>{
+                return (
+                    <div style={{
+                        width: '100%'
+                    }} dangerouslySetInnerHTML={{__html: item.content ?? ''}} />
+                )
+            }
+
+            // Register in icon library
+            iconLibrary.register({
+                name: iconName,
+                component: icon
+            })
+
+            navItem.icon = iconName;
+        } else if (item.icon) {
+            navItem.icon = item.icon
+        }
+
+        // If item has children, register them recursively
+        if (item.children && item.children.length > 0) {
+            mainNavRegistry.registerMainNavItem(navItem)
+
+            // Register children recursively
+            for (const child of item.children) {
+                this.registerMenuItem(child, mainNavRegistry, widgetRegistry, fullPath)
+            }
+        } else {
+            // Leaf item - register with widget
+            const widgetId = item.widgetId || `coreshop-${item.id}`
+
+            navItem.widgetConfig = {
+                name: item.label,
+                id: widgetId,
+                config: {
+                    icon: {
+                        type: 'name',
+                        value: item.icon || 'coreshop_nav_icon_default'
+                    }
+                }
+            }
+
+            if (item.widgetEvent) {
+                navItem.onClick = () => {
+                    const event = new CustomEvent(item.widgetEvent!)
+                    window.dispatchEvent(event)
+                }
+
+                mainNavRegistry.registerMainNavItem(navItem)
+
+                return;
+            }
+
+            if (item.widgetButton) {
+                const buttonRegistry = container.get<MenuButtonRegistry>('CoreShopMenuButtons');
+                const buttonConfig = buttonRegistry.get(item.widgetButton);
+
+                if (buttonConfig) {
+                    navItem.button = (({ closeMainNav }: { closeMainNav: () => void }) => React.createElement(buttonConfig.button, {
+                        icon: item.icon!,
+                        label: item.label,
+                        closeMainNav,
+                    })) as any
+
+                    mainNavRegistry.registerMainNavItem(navItem)
+                    return;
+                }
+            }
+
+            navItem.widgetConfig.component = widgetId;
+
+            mainNavRegistry.registerMainNavItem(navItem)
+
+            // Only register a fallback widget if one isn't already registered
+            // (e.g. StudioForm Demos registers its own widget)
+            if (!widgetRegistry.getWidget(widgetId)) {
+                widgetRegistry.registerWidget({
+                    name: widgetId,
+                    component: props => CoreShopWidget({item}),
+                })
+            }
+        }
+    }
+}
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/services/MenuService.ts b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/services/MenuService.ts
new file mode 100644
index 0000000000..87c569672d
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/services/MenuService.ts
@@ -0,0 +1,42 @@
+/**
+ * CoreShop Menu Service
+ * 
+ * Handles menu data loading and navigation actions
+ */
+
+import { CoreShopMenuItem, MenuContext } from '../types'
+
+export class MenuService {
+  /**
+   * Load all CoreShop menu structures from backend API
+   */
+  async getAllMenuStructures(context?: MenuContext): Promise<Array<CoreShopMenuItem[]>> {
+    try {
+      // Call API without type parameter to get all menus
+      const response = await fetch(`/pimcore-studio/api/coreshop/menus`, {
+        headers: {
+          'Content-Type': 'application/json',
+          'X-Requested-With': 'XMLHttpRequest'
+        }
+      })
+
+      if (!response.ok) {
+        throw new Error(`Failed to load menus: ${response.statusText}`)
+      }
+
+      const data = await response.json()
+      
+      if (!data.success) {
+        throw new Error(data.message || 'Failed to load menus')
+      }
+
+      return data.items || []
+    } catch (error) {
+      console.error('Error loading menu structures:', error)
+      return []
+    }
+  }
+}
+
+// Global menu service instance
+export const menuService = new MenuService()
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/services/button-registry.ts b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/services/button-registry.ts
new file mode 100644
index 0000000000..f14a8477de
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/services/button-registry.ts
@@ -0,0 +1,67 @@
+/**
+ * CoreShop Menu Bundle - Pimcore Studio Plugin
+ *
+ * Main entry point that registers the CoreShop Menu Extension module
+ * following the Pimcore Studio plugin pattern
+ */
+
+
+import { injectable } from 'inversify'
+import { container } from '@pimcore/studio-ui-bundle'
+import { type ButtonConfig } from '../types/ButtonConfig'
+
+const MENU_BUTTON_REGISTRY_SERVICE_ID = 'CoreShopMenuButtons'
+const MENU_BUTTON_QUEUE_KEY = '__coreshopMenuButtonQueue'
+
+declare global {
+  interface Window {
+    __coreshopMenuButtonQueue?: ButtonConfig[]
+  }
+}
+
+const upsertButtonConfig = (items: ButtonConfig[], item: ButtonConfig): void => {
+  const existingIndex = items.findIndex((entry) => entry.name === item.name)
+  if (existingIndex >= 0) {
+    items[existingIndex] = item
+    return
+  }
+
+  items.push(item)
+}
+
+@injectable()
+export class MenuButtonRegistry {
+  private readonly items: ButtonConfig[] = []
+
+  add (item: ButtonConfig): void {
+    upsertButtonConfig(this.items, item)
+  }
+
+  get (name: string): ButtonConfig | undefined {
+    return this.items.find((item) => item.name === name)
+  }
+
+  all (): ButtonConfig[] {
+    return this.items
+  }
+}
+
+export const registerMenuButton = (item: ButtonConfig): void => {
+  if (container.isBound(MENU_BUTTON_REGISTRY_SERVICE_ID)) {
+    const registry = container.get<MenuButtonRegistry>(MENU_BUTTON_REGISTRY_SERVICE_ID)
+    registry.add(item)
+    return
+  }
+
+  if (window[MENU_BUTTON_QUEUE_KEY] == null) {
+    window[MENU_BUTTON_QUEUE_KEY] = []
+  }
+
+  upsertButtonConfig(window[MENU_BUTTON_QUEUE_KEY]!, item)
+}
+
+export const consumeQueuedMenuButtons = (): ButtonConfig[] => {
+  const items = window[MENU_BUTTON_QUEUE_KEY] ?? []
+  window[MENU_BUTTON_QUEUE_KEY] = []
+  return items
+}
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/types/ButtonConfig.ts b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/types/ButtonConfig.ts
new file mode 100644
index 0000000000..8f4ac38b04
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/types/ButtonConfig.ts
@@ -0,0 +1,24 @@
+/**
+ * CoreShop Menu Button Configuration
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import * as React from 'react'
+
+export interface ButtonConfig {
+  button: React.ComponentType<MenuButtonProps>
+  name: string
+}
+
+export interface MenuButtonProps {
+  icon?: string
+  label?: string
+  closeMainNav?: () => void
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/types/index.ts b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/types/index.ts
new file mode 100644
index 0000000000..b1f9fce468
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/src/types/index.ts
@@ -0,0 +1,70 @@
+/**
+ * CoreShop Menu Bundle Types
+ * 
+ * TypeScript type definitions for menu functionality
+ */
+
+export interface CoreShopMenuItem {
+  id: string
+  label: string
+  icon?: string
+  content?: string
+  path?: string
+  children?: CoreShopMenuItem[]
+  onClick?: () => void
+  badge?: {
+    count: number
+    color?: string
+  }
+  disabled?: boolean
+  permission?: string
+  widgetId?: string
+  widgetEvent?: string
+  widgetButton?: string
+}
+
+export interface MenuCategory {
+  id: string
+  label: string
+  order?: number
+  icon?: string | React.ReactNode
+  items: CoreShopMenuItem[]
+}
+
+export interface MenuConfig {
+  categories: MenuCategory[]
+  defaultCategory?: string
+}
+
+// Menu items based on Classic Admin structure
+export interface CoreShopMenuStructure {
+  sales: CoreShopMenuItem[]
+  catalog: CoreShopMenuItem[]
+  customers: CoreShopMenuItem[]
+  marketing: CoreShopMenuItem[]
+  localization: CoreShopMenuItem[]
+  system: CoreShopMenuItem[]
+  reports: CoreShopMenuItem[]
+}
+
+// Navigation event types
+export interface NavigationEvent {
+  type: 'navigate' | 'open-modal' | 'open-tab'
+  target: string
+  params?: Record<string, any>
+}
+
+export interface MenuPermission {
+  resource: string
+  permission: string
+}
+
+export interface MenuContext {
+  user: {
+    id: number
+    name: string
+    permissions: string[]
+  }
+  language: string
+  workspace?: string
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/MenuBundle/Resources/config/pimcore/routing.yml
index dbbbd314bf..63a141c1fd 100644
--- a/src/CoreShop/Bundle/MenuBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/config/pimcore/routing.yml
@@ -1,3 +1,16 @@
 coreshop_menu:
-    path:     /admin/coreshop/{type}/menu.js
-    defaults: { _controller: CoreShop\Bundle\MenuBundle\Controller\MenuController::menuAction }
+    path:     /{backend}/coreshop/{type}/menu.js
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\MenuBundle\Controller\MenuController::menuAction
+
+coreshop_menu_api:
+    path:     /{backend}/coreshop/menus
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\MenuBundle\Controller\MenuController::jsonAction
+
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/config/services.yml b/src/CoreShop/Bundle/MenuBundle/Resources/config/services.yml
index e0a2c0c5a8..bd495a5506 100644
--- a/src/CoreShop/Bundle/MenuBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/config/services.yml
@@ -22,6 +22,13 @@ services:
         tags:
             - { name: knp_menu.renderer, alias: json }
 
+    CoreShop\Bundle\MenuBundle\Renderer\StudioRenderer:
+        arguments:
+            - '@knp_menu.matcher'
+            - '@CoreShop\Bundle\MenuBundle\Guard\PimcoreGuard'
+        tags:
+            - { name: knp_menu.renderer, alias: studio }
+
     CoreShop\Bundle\MenuBundle\Guard\PimcoreGuard:
         arguments:
             - '@security.token_storage'
@@ -34,9 +41,7 @@ services:
             - { name: knp_menu.provider }
 
     CoreShop\Bundle\MenuBundle\Controller\MenuController:
+        arguments:
+            - '@translator'
         tags:
             - { name: controller.service_arguments }
-
-    CoreShop\Bundle\MenuBundle\EventListener\PimcoreAdminListener:
-        tags:
-            - { name: kernel.event_subscriber }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/config/services/classic_admin.yml b/src/CoreShop/Bundle/MenuBundle/Resources/config/services/classic_admin.yml
new file mode 100644
index 0000000000..896198018c
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/config/services/classic_admin.yml
@@ -0,0 +1,13 @@
+services:
+    _defaults:
+        public: true
+
+    CoreShop\Bundle\MenuBundle\AdminClass\EventListener\MenuAdminListener:
+        arguments:
+            - '@router'
+        tags:
+            - { name: kernel.event_subscriber }
+
+    CoreShop\Bundle\MenuBundle\AdminClass\EventListener\PimcoreAdminListener:
+        tags:
+            - { name: kernel.event_subscriber }
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/config/services/menu.yml b/src/CoreShop/Bundle/MenuBundle/Resources/config/services/menu.yml
index 99431eee4b..eb9a07110d 100644
--- a/src/CoreShop/Bundle/MenuBundle/Resources/config/services/menu.yml
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/config/services/menu.yml
@@ -5,9 +5,3 @@ services:
     CoreShop\Bundle\MenuBundle\CoreShopMenuBuilder:
         tags:
             - { name: coreshop.menu, type: coreshop, menu: coreshop }
-
-    CoreShop\Bundle\MenuBundle\EventListener\MenuAdminListener:
-        arguments:
-            - '@router'
-        tags:
-            - { name: kernel.event_subscriber }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/MenuBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..1c5445d58f
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\MenuBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/MenuBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..f26d599e7f
--- /dev/null
+++ b/src/CoreShop/Bundle/MenuBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\MenuBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MenuBundle/composer.json b/src/CoreShop/Bundle/MenuBundle/composer.json
index 80da682d91..90790ea98c 100644
--- a/src/CoreShop/Bundle/MenuBundle/composer.json
+++ b/src/CoreShop/Bundle/MenuBundle/composer.json
@@ -1,63 +1,69 @@
 {
-  "name": "coreshop/menu-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Menu Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/menu-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Menu Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/registry": "^5.0",
+        "coreshop/pimcore-bundle": "^5.0",
+        "knplabs/knp-menu-bundle": "^3.1",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/registry": "^5.0",
-    "coreshop/pimcore-bundle": "^5.0",
-    "knplabs/knp-menu-bundle": "^3.7",
-    "pimcore/pimcore": "^12.3",
-    "pimcore/admin-ui-classic-bundle": "^2.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\MenuBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\MenuBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true,
+        "allow-plugins": {
+            "php-http/discovery": false
+        }
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/MessengerBundle/Controller/ListMessagesController.php b/src/CoreShop/Bundle/MessengerBundle/Controller/ListMessagesController.php
index 7b95735ee6..5346519cc8 100644
--- a/src/CoreShop/Bundle/MessengerBundle/Controller/ListMessagesController.php
+++ b/src/CoreShop/Bundle/MessengerBundle/Controller/ListMessagesController.php
@@ -26,10 +26,7 @@
 use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
 use Symfony\Component\Messenger\Transport\Receiver\MessageCountAwareInterface;
 
-/**
- * @psalm-suppress InternalClass
- */
-class ListMessagesController extends \Pimcore\Bundle\AdminBundle\Controller\AdminAbstractController
+class ListMessagesController extends \Pimcore\Controller\UserAwareController
 {
     public function listReceiverMessageCountAction(ReceiversRepositoryInterface $receiverLocator): Response
     {
diff --git a/src/CoreShop/Bundle/MessengerBundle/Controller/MessageController.php b/src/CoreShop/Bundle/MessengerBundle/Controller/MessageController.php
index b32f221e93..2fd273b570 100644
--- a/src/CoreShop/Bundle/MessengerBundle/Controller/MessageController.php
+++ b/src/CoreShop/Bundle/MessengerBundle/Controller/MessageController.php
@@ -21,10 +21,7 @@
 use CoreShop\Bundle\MessengerBundle\Messenger\FailedMessageRetryer;
 use Symfony\Component\HttpFoundation\Request;
 
-/**
- * @psalm-suppress InternalClass
- */
-class MessageController extends \Pimcore\Bundle\AdminBundle\Controller\AdminAbstractController
+class MessageController extends \Pimcore\Controller\UserAwareController
 {
     public function deleteStoredMessageAction(Request $request, FailedMessageRejecter $failedMessageRejecter)
     {
diff --git a/src/CoreShop/Bundle/MessengerBundle/DependencyInjection/CoreShopMessengerExtension.php b/src/CoreShop/Bundle/MessengerBundle/DependencyInjection/CoreShopMessengerExtension.php
index 68d562e1a3..1e2a0f2313 100644
--- a/src/CoreShop/Bundle/MessengerBundle/DependencyInjection/CoreShopMessengerExtension.php
+++ b/src/CoreShop/Bundle/MessengerBundle/DependencyInjection/CoreShopMessengerExtension.php
@@ -38,6 +38,14 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/menu.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $loader->load('services/studio_backend.yml');
+        }
+
         $this->registerPimcoreResources('coreshop', $config['pimcore_admin'], $container);
     }
 }
diff --git a/src/CoreShop/Bundle/MessengerBundle/EventListener/MercureMessengerSubscriber.php b/src/CoreShop/Bundle/MessengerBundle/EventListener/MercureMessengerSubscriber.php
new file mode 100644
index 0000000000..ee632cae0c
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/EventListener/MercureMessengerSubscriber.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\MessengerBundle\EventListener;
+
+use CoreShop\Bundle\MessengerBundle\Mercure\MessengerUpdate;
+use CoreShop\Bundle\MessengerBundle\Stamp\PimcoreObjectStamp;
+use Pimcore\Bundle\StudioBackendBundle\Mercure\Service\PublishServiceInterface;
+use Pimcore\Bundle\StudioBackendBundle\Mercure\Util\Topics;
+use Symfony\Component\EventDispatcher\EventSubscriberInterface;
+use Symfony\Component\Messenger\Event\WorkerMessageFailedEvent;
+use Symfony\Component\Messenger\Event\WorkerMessageHandledEvent;
+use Symfony\Component\Messenger\Stamp\BusNameStamp;
+use Symfony\Component\Messenger\Stamp\ErrorDetailsStamp;
+use Symfony\Component\Messenger\Stamp\TransportMessageIdStamp;
+
+class MercureMessengerSubscriber implements EventSubscriberInterface
+{
+    public function __construct(
+        private PublishServiceInterface $publishService,
+    ) {
+    }
+
+    public static function getSubscribedEvents(): array
+    {
+        return [
+            WorkerMessageHandledEvent::class => ['onMessageHandled', 100],
+            WorkerMessageFailedEvent::class => ['onMessageFailed', 100],
+        ];
+    }
+
+    public function onMessageHandled(WorkerMessageHandledEvent $event): void
+    {
+        $envelope = $event->getEnvelope();
+        $receiverName = $event->getReceiverName();
+
+        /** @var BusNameStamp|null $busNameStamp */
+        $busNameStamp = $envelope->last(BusNameStamp::class);
+
+        // Only handle CoreShop bus messages
+        if (null !== $busNameStamp && $busNameStamp->getBusName() !== 'coreshop.bus') {
+            return;
+        }
+
+        /** @var TransportMessageIdStamp|null $messageIdStamp */
+        $messageIdStamp = $envelope->last(TransportMessageIdStamp::class);
+        /** @var PimcoreObjectStamp|null $pimcoreObjectStamp */
+        $pimcoreObjectStamp = $envelope->last(PimcoreObjectStamp::class);
+
+        $update = MessengerUpdate::handled(
+            $receiverName,
+            \get_class($envelope->getMessage()),
+            $messageIdStamp?->getId() !== null ? (string) $messageIdStamp->getId() : null,
+            $pimcoreObjectStamp?->getObjectId(),
+        );
+
+        $this->publish($update);
+    }
+
+    public function onMessageFailed(WorkerMessageFailedEvent $event): void
+    {
+        // Only publish when message won't be retried
+        if ($event->willRetry()) {
+            return;
+        }
+
+        $envelope = $event->getEnvelope();
+        $receiverName = $event->getReceiverName();
+
+        /** @var BusNameStamp|null $busNameStamp */
+        $busNameStamp = $envelope->last(BusNameStamp::class);
+
+        // Only handle CoreShop bus messages
+        if (null !== $busNameStamp && $busNameStamp->getBusName() !== 'coreshop.bus') {
+            return;
+        }
+
+        /** @var TransportMessageIdStamp|null $messageIdStamp */
+        $messageIdStamp = $envelope->last(TransportMessageIdStamp::class);
+        /** @var PimcoreObjectStamp|null $pimcoreObjectStamp */
+        $pimcoreObjectStamp = $envelope->last(PimcoreObjectStamp::class);
+        /** @var ErrorDetailsStamp|null $errorStamp */
+        $errorStamp = $envelope->last(ErrorDetailsStamp::class);
+
+        $update = MessengerUpdate::failed(
+            $receiverName,
+            \get_class($envelope->getMessage()),
+            $messageIdStamp?->getId() !== null ? (string) $messageIdStamp->getId() : null,
+            $errorStamp?->getExceptionMessage(),
+            $pimcoreObjectStamp?->getObjectId(),
+        );
+
+        $this->publish($update);
+    }
+
+    private function publish(MessengerUpdate $update): void
+    {
+        try {
+            // Note: We intentionally don't set the SSE 'type' parameter because
+            // Pimcore's AbstractMercureProcess uses eventSource.onmessage which
+            // only receives events without a type (or type: message).
+            // Named SSE events require addEventListener() which Pimcore doesn't use.
+            // The eventType is included in the payload (MessengerUpdate) for filtering.
+            $this->publishService->publish(
+                Topics::STUDIO->value,
+                $update,
+            );
+        } catch (\Throwable) {
+            // Silently ignore publish errors to not break message processing
+        }
+    }
+}
diff --git a/src/CoreShop/Bundle/MessengerBundle/Mercure/MessengerUpdate.php b/src/CoreShop/Bundle/MessengerBundle/Mercure/MessengerUpdate.php
new file mode 100644
index 0000000000..421795accf
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Mercure/MessengerUpdate.php
@@ -0,0 +1,139 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\MessengerBundle\Mercure;
+
+final readonly class MessengerUpdate implements \JsonSerializable
+{
+    public const TYPE_MESSAGE_HANDLED = 'message_handled';
+    public const TYPE_MESSAGE_FAILED = 'message_failed';
+    public const TYPE_MESSAGE_RETRIED = 'message_retried';
+    public const TYPE_MESSAGE_REJECTED = 'message_rejected';
+
+    public function __construct(
+        private string $type,
+        private string $receiverName,
+        private string $messageClass,
+        private ?string $messageId = null,
+        private ?string $errorMessage = null,
+        private ?int $relatedObjectId = null,
+    ) {
+    }
+
+    public static function handled(
+        string $receiverName,
+        string $messageClass,
+        ?string $messageId = null,
+        ?int $relatedObjectId = null,
+    ): self {
+        return new self(
+            self::TYPE_MESSAGE_HANDLED,
+            $receiverName,
+            $messageClass,
+            $messageId,
+            null,
+            $relatedObjectId,
+        );
+    }
+
+    public static function failed(
+        string $receiverName,
+        string $messageClass,
+        ?string $messageId = null,
+        ?string $errorMessage = null,
+        ?int $relatedObjectId = null,
+    ): self {
+        return new self(
+            self::TYPE_MESSAGE_FAILED,
+            $receiverName,
+            $messageClass,
+            $messageId,
+            $errorMessage,
+            $relatedObjectId,
+        );
+    }
+
+    public static function retried(
+        string $receiverName,
+        string $messageClass,
+        ?string $messageId = null,
+    ): self {
+        return new self(
+            self::TYPE_MESSAGE_RETRIED,
+            $receiverName,
+            $messageClass,
+            $messageId,
+        );
+    }
+
+    public static function rejected(
+        string $receiverName,
+        string $messageClass,
+        ?string $messageId = null,
+    ): self {
+        return new self(
+            self::TYPE_MESSAGE_REJECTED,
+            $receiverName,
+            $messageClass,
+            $messageId,
+        );
+    }
+
+    public function getType(): string
+    {
+        return $this->type;
+    }
+
+    public function getReceiverName(): string
+    {
+        return $this->receiverName;
+    }
+
+    public function getMessageClass(): string
+    {
+        return $this->messageClass;
+    }
+
+    public function getMessageId(): ?string
+    {
+        return $this->messageId;
+    }
+
+    public function getErrorMessage(): ?string
+    {
+        return $this->errorMessage;
+    }
+
+    public function getRelatedObjectId(): ?int
+    {
+        return $this->relatedObjectId;
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'eventType' => 'coreshop.messenger.update',
+            'type' => $this->type,
+            'receiverName' => $this->receiverName,
+            'messageClass' => $this->messageClass,
+            'messageId' => $this->messageId,
+            'errorMessage' => $this->errorMessage,
+            'relatedObjectId' => $this->relatedObjectId,
+            'timestamp' => (new \DateTimeImmutable())->format(\DateTimeInterface::ATOM),
+        ];
+    }
+}
diff --git a/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRejecter.php b/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRejecter.php
index 2ed79656fc..c0fc8161c5 100755
--- a/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRejecter.php
+++ b/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRejecter.php
@@ -18,12 +18,17 @@
 namespace CoreShop\Bundle\MessengerBundle\Messenger;
 
 use CoreShop\Bundle\MessengerBundle\Exception\ReceiverNotListableException;
+use CoreShop\Bundle\MessengerBundle\Mercure\MessengerUpdate;
+use Pimcore\Bundle\StudioBackendBundle\Mercure\Service\PublishServiceInterface;
+use Pimcore\Bundle\StudioBackendBundle\Mercure\Util\Topics;
+use Symfony\Component\Messenger\Envelope;
 use Symfony\Component\Messenger\Transport\Receiver\ListableReceiverInterface;
 
 final class FailedMessageRejecter implements FailedMessageRejecterInterface
 {
     public function __construct(
         private FailureReceiversRepositoryInterface $failureReceivers,
+        private ?PublishServiceInterface $publishService = null,
     ) {
     }
 
@@ -42,5 +47,32 @@ public function rejectStoredMessage(string $receiverName, int $id): void
         }
 
         $failureReceiver->reject($envelope);
+
+        $this->publishMercureUpdate($receiverName, $envelope, (string) $id);
+    }
+
+    private function publishMercureUpdate(string $receiver, Envelope $envelope, string $messageId): void
+    {
+        if (null === $this->publishService) {
+            return;
+        }
+
+        try {
+            $update = MessengerUpdate::rejected(
+                $receiver,
+                \get_class($envelope->getMessage()),
+                $messageId,
+            );
+
+            $this->publishService->publish(
+                Topics::STUDIO->value,
+                $update,
+                true,
+                null,
+                'coreshop.messenger.update',
+            );
+        } catch (\Throwable) {
+            // Silently ignore publish errors
+        }
     }
 }
diff --git a/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRetryer.php b/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRetryer.php
index 79d2c14937..a5ccf987d5 100755
--- a/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRetryer.php
+++ b/src/CoreShop/Bundle/MessengerBundle/Messenger/FailedMessageRetryer.php
@@ -18,7 +18,10 @@
 namespace CoreShop\Bundle\MessengerBundle\Messenger;
 
 use CoreShop\Bundle\MessengerBundle\Exception\ReceiverNotListableException;
+use CoreShop\Bundle\MessengerBundle\Mercure\MessengerUpdate;
 use CoreShop\Bundle\MessengerBundle\Stamp\RetriedByUserStamp;
+use Pimcore\Bundle\StudioBackendBundle\Mercure\Service\PublishServiceInterface;
+use Pimcore\Bundle\StudioBackendBundle\Mercure\Util\Topics;
 use Symfony\Component\Messenger\Envelope;
 use Symfony\Component\Messenger\MessageBusInterface;
 use Symfony\Component\Messenger\Stamp\BusNameStamp;
@@ -29,6 +32,7 @@ final class FailedMessageRetryer implements FailedMessageRetryerInterface
     public function __construct(
         private FailureReceiversRepositoryInterface $failureReceivers,
         private MessageBusInterface $messageBus,
+        private ?PublishServiceInterface $publishService = null,
     ) {
     }
 
@@ -62,5 +66,32 @@ public function retryFailedMessage(string $receiver, int $id): void
         $this->messageBus->dispatch($newEnvelope);
 
         $failureReceiver->reject($envelope);
+
+        $this->publishMercureUpdate($receiver, $envelope, (string) $id);
+    }
+
+    private function publishMercureUpdate(string $receiver, Envelope $envelope, string $messageId): void
+    {
+        if (null === $this->publishService) {
+            return;
+        }
+
+        try {
+            $update = MessengerUpdate::retried(
+                $receiver,
+                \get_class($envelope->getMessage()),
+                $messageId,
+            );
+
+            $this->publishService->publish(
+                Topics::STUDIO->value,
+                $update,
+                true,
+                null,
+                'coreshop.messenger.update',
+            );
+        } catch (\Throwable) {
+            // Silently ignore publish errors
+        }
     }
 }
diff --git a/src/CoreShop/Bundle/MessengerBundle/Messenger/MessageRepository.php b/src/CoreShop/Bundle/MessengerBundle/Messenger/MessageRepository.php
index 0a067d64c7..e4325fe494 100755
--- a/src/CoreShop/Bundle/MessengerBundle/Messenger/MessageRepository.php
+++ b/src/CoreShop/Bundle/MessengerBundle/Messenger/MessageRepository.php
@@ -50,7 +50,7 @@ public function listMessages(string $receiverName, int $limit = 10): array
             $messageDetails = new MessageDetails(
                 $this->getMessageId($envelope),
                 $envelope->getMessage()::class,
-                '<pre>' . print_r($envelope->getMessage(), true) . '</pre>',
+                print_r($envelope->getMessage(), true),
             );
 
             /** @var MessageDetailsEvent $event */
diff --git a/src/CoreShop/Bundle/MessengerBundle/README.md b/src/CoreShop/Bundle/MessengerBundle/README.md
index d7d8d80149..c17522d3de 100644
--- a/src/CoreShop/Bundle/MessengerBundle/README.md
+++ b/src/CoreShop/Bundle/MessengerBundle/README.md
@@ -7,12 +7,12 @@ CoreShop
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
 CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of
-code. [Read more on coreshop.org](http://www.coreshop.org)
+code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..066b28f22a
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@coreshop/messenger",
+  "version": "1.0.0",
+  "description": "CoreShop MessengerBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  }
+}
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/assets/messenger.svg b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/assets/messenger.svg
new file mode 100644
index 0000000000..0311bfaec6
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/assets/messenger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48"><path fill="#2196F3" d="M40,10H8c-2.209,0-4,1.791-4,4v20c0,2.209,1.791,4,4,4h32c2.209,0,4-1.791,4-4V14C44,11.791,42.209,10,40,10z"/><path fill="#0D47A1" d="M44,14.025c0-0.465-0.095-0.904-0.24-1.32L24,27.025L4.241,12.705C4.095,13.121,4,13.561,4,14.025V15l20,14.495L44,15V14.025z"/></svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerChart.tsx b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerChart.tsx
new file mode 100644
index 0000000000..0e55a61c51
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerChart.tsx
@@ -0,0 +1,239 @@
+/**
+ * MessengerChart Component - Vertical bar chart showing message counts per queue
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import * as React from 'react'
+import { Spin, Alert, Tooltip, Typography } from 'antd'
+import { createStyles } from 'antd-style'
+import { useTranslation } from 'react-i18next'
+import { MessengerChartData } from '../types'
+
+const { Text } = Typography
+
+export interface MessengerChartProps {
+  data: MessengerChartData[]
+  loading: boolean
+  error: string | null
+  onBarClick?: (receiver: string) => void
+}
+
+export const MessengerChart: React.FC<MessengerChartProps> = ({ data, loading, error, onBarClick }) => {
+  const { styles, theme } = useMessengerChartStyles()
+  const { t } = useTranslation()
+
+  if (error) {
+    return (
+      <Alert
+        message={t('coreshop_messenger_error_loading', { defaultValue: 'Error loading chart data' })}
+        description={error}
+        type="error"
+      />
+    )
+  }
+
+  if (loading) {
+    return (
+      <div className={styles.loadingContainer}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  const maxCount = Math.max(...data.map(item => item.count), 1)
+  const totalMessages = data.reduce((sum, item) => sum + item.count, 0)
+
+  // Generate colors for bars
+  const getBarColor = (index: number): string => {
+    const colors = [
+      theme.colorPrimary,
+      theme.colorSuccess,
+      theme.colorWarning,
+      theme.colorInfo,
+      '#722ed1', // purple
+      '#13c2c2', // cyan
+      '#eb2f96', // magenta
+      '#fa8c16', // orange
+    ]
+    return colors[index % colors.length]
+  }
+
+  return (
+    <div className={styles.container}>
+      {/* Summary */}
+      <div className={styles.summary}>
+        <div className={styles.summaryItem}>
+          <span className={styles.summaryValue}>{totalMessages}</span>
+          <span className={styles.summaryLabel}>{t('coreshop_messenger_total', { defaultValue: 'Total' })}</span>
+        </div>
+        <div className={styles.summaryDivider} />
+        <div className={styles.summaryItem}>
+          <span className={styles.summaryValue}>{data.length}</span>
+          <span className={styles.summaryLabel}>{t('coreshop_messenger_queues', { defaultValue: 'Queues' })}</span>
+        </div>
+      </div>
+
+      {/* Bar Chart */}
+      <div className={styles.chartArea}>
+        {data.length === 0 ? (
+          <div className={styles.emptyState}>
+            <Text type="secondary">{t('coreshop_messenger_no_data', { defaultValue: 'No pending messages' })}</Text>
+          </div>
+        ) : (
+          <div className={styles.barsContainer}>
+            {data.map((item, index) => {
+              const heightPercent = Math.max((item.count / maxCount) * 100, item.count > 0 ? 15 : 0)
+              const color = getBarColor(index)
+
+              return (
+                <Tooltip
+                  key={index}
+                  title={`${item.receiver} (${item.count})`}
+                  placement="top"
+                >
+                  <div className={styles.barWrapper} onClick={() => onBarClick?.(item.receiver)}>
+                    <div className={styles.barOuter}>
+                      <div
+                        className={styles.bar}
+                        style={{
+                          height: `${heightPercent}%`,
+                          backgroundColor: color
+                        }}
+                      >
+                        {item.count > 0 && (
+                          <span className={styles.barValue}>{item.count}</span>
+                        )}
+                      </div>
+                    </div>
+                    <div className={styles.barLabel}>{item.receiver}</div>
+                  </div>
+                </Tooltip>
+              )
+            })}
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+const useMessengerChartStyles = createStyles(({ css, token }) => ({
+  container: css`
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadius}px;
+    border: 1px solid ${token.colorBorderSecondary};
+    padding: 16px;
+    margin-bottom: 16px;
+  `,
+  loadingContainer: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 180px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadius}px;
+    border: 1px solid ${token.colorBorderSecondary};
+    margin-bottom: 16px;
+  `,
+  summary: css`
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin-bottom: 16px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  summaryItem: css`
+    display: flex;
+    align-items: baseline;
+    gap: 6px;
+  `,
+  summaryValue: css`
+    font-size: 20px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+  summaryLabel: css`
+    font-size: 12px;
+    color: ${token.colorTextSecondary};
+  `,
+  summaryDivider: css`
+    width: 1px;
+    height: 24px;
+    background: ${token.colorBorderSecondary};
+  `,
+  chartArea: css`
+    height: 140px;
+    overflow-x: auto;
+    overflow-y: hidden;
+  `,
+  emptyState: css`
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+  barsContainer: css`
+    display: flex;
+    align-items: flex-end;
+    height: 100%;
+    gap: 6px;
+    padding: 0 4px;
+  `,
+  barWrapper: css`
+    flex: 1 1 0;
+    min-width: 60px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 100%;
+    cursor: pointer;
+
+    &:hover .bar {
+      opacity: 0.85;
+      transform: scaleX(1.05);
+    }
+  `,
+  barOuter: css`
+    flex: 1;
+    width: 100%;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+  `,
+  bar: css`
+    width: 100%;
+    min-height: 0;
+    border-radius: ${token.borderRadiusSM}px ${token.borderRadiusSM}px 0 0;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    padding-top: 4px;
+    transition: all 0.2s ease;
+  `,
+  barValue: css`
+    font-size: 11px;
+    font-weight: 600;
+    color: white;
+    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
+  `,
+  barLabel: css`
+    font-size: 10px;
+    color: ${token.colorTextSecondary};
+    text-align: center;
+    margin-top: 6px;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}))
+
+export default MessengerChart
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerFailedGrid.tsx b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerFailedGrid.tsx
new file mode 100644
index 0000000000..03d39aa127
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerFailedGrid.tsx
@@ -0,0 +1,414 @@
+/**
+ * MessengerFailedGrid Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState } from 'react'
+import {
+  Table,
+  Select,
+  Button,
+  Space,
+  Modal,
+  Alert,
+  Popconfirm,
+  Typography,
+  Tooltip,
+  Tag,
+  Empty
+} from 'antd'
+import {
+  InfoCircleOutlined,
+  ExclamationCircleOutlined,
+  DeleteOutlined,
+  RedoOutlined,
+  ReloadOutlined,
+  WarningOutlined
+} from '@ant-design/icons'
+import { createStyles } from 'antd-style'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { useTranslation } from 'react-i18next'
+import { ColumnsType } from 'antd/es/table'
+import { useMessengerReceivers, useMessengerFailedMessages } from '../hooks/useMessenger'
+import { MessengerFailedMessage } from '../types'
+
+const { Text, Paragraph } = Typography
+
+export const MessengerFailedGrid: React.FC = () => {
+  const { failureReceivers, loading: receiversLoading } = useMessengerReceivers()
+  const [selectedReceiver, setSelectedReceiver] = useState<string | null>(null)
+  const [infoModalOpen, setInfoModalOpen] = useState(false)
+  const [errorModalOpen, setErrorModalOpen] = useState(false)
+  const [selectedMessage, setSelectedMessage] = useState<MessengerFailedMessage | null>(null)
+  const [processingActions, setProcessingActions] = useState<Set<string>>(new Set())
+  const { styles } = useFailedGridStyles()
+  const messageApi = useMessage()
+  const { t } = useTranslation()
+
+  const {
+    messages,
+    loading: messagesLoading,
+    error,
+    reload,
+    deleteMessage,
+    retryMessage
+  } = useMessengerFailedMessages(selectedReceiver)
+
+  const handleReceiverChange = (value: string) => {
+    setSelectedReceiver(value)
+  }
+
+  const handleInfoClick = (record: MessengerFailedMessage) => {
+    setSelectedMessage(record)
+    setInfoModalOpen(true)
+  }
+
+  const handleErrorClick = (record: MessengerFailedMessage) => {
+    setSelectedMessage(record)
+    setErrorModalOpen(true)
+  }
+
+  const handleDeleteClick = async (record: MessengerFailedMessage) => {
+    const messageId = record.id
+    setProcessingActions(prev => new Set(prev).add(`delete-${messageId}`))
+
+    try {
+      await deleteMessage(messageId)
+      void messageApi.success(t('coreshop_messenger_delete_success', { defaultValue: 'Message deleted successfully' }))
+    } catch (err) {
+      void messageApi.error(renderApiError(t('coreshop_messenger_delete_error', { defaultValue: 'Failed to delete message' })))
+    } finally {
+      setProcessingActions(prev => {
+        const newSet = new Set(prev)
+        newSet.delete(`delete-${messageId}`)
+        return newSet
+      })
+    }
+  }
+
+  const handleRetryClick = async (record: MessengerFailedMessage) => {
+    const messageId = record.id
+    setProcessingActions(prev => new Set(prev).add(`retry-${messageId}`))
+
+    try {
+      await retryMessage(messageId)
+      void messageApi.success(t('coreshop_messenger_retry_success', { defaultValue: 'Message retry initiated successfully' }))
+    } catch (err) {
+      void messageApi.error(renderApiError(t('coreshop_messenger_retry_error', { defaultValue: 'Failed to retry message' })))
+    } finally {
+      setProcessingActions(prev => {
+        const newSet = new Set(prev)
+        newSet.delete(`retry-${messageId}`)
+        return newSet
+      })
+    }
+  }
+
+  // Extract short class name from full namespace
+  const getShortClassName = (fullClass: string): string => {
+    return fullClass.split('\\').pop() || fullClass
+  }
+
+  const columns: ColumnsType<MessengerFailedMessage> = [
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80,
+      render: (id: string) => (
+        <Tag>{id}</Tag>
+      )
+    },
+    {
+      title: t('coreshop_messenger_class', { defaultValue: 'Class' }),
+      dataIndex: 'class',
+      key: 'class',
+      ellipsis: true,
+      render: (className: string) => (
+        <Tooltip title={className}>
+          <span className={styles.className}>{getShortClassName(className)}</span>
+        </Tooltip>
+      )
+    },
+    {
+      title: t('coreshop_messenger_failed_at', { defaultValue: 'Failed At' }),
+      dataIndex: 'failed_at',
+      key: 'failed_at',
+      width: 160,
+      render: (date: string) => {
+        if (!date) return '-'
+        const d = new Date(date)
+        return (
+          <span className={styles.dateCell}>
+            {d.toLocaleDateString()} {d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+          </span>
+        )
+      },
+    },
+    {
+      title: t('coreshop_messenger_error', { defaultValue: 'Error' }),
+      dataIndex: 'error',
+      key: 'error',
+      ellipsis: true,
+      render: (errorText: string) => (
+        <Text type="danger" ellipsis={{ tooltip: errorText }}>
+          <WarningOutlined style={{ marginRight: 4 }} />
+          {errorText}
+        </Text>
+      ),
+    },
+    {
+      title: t('coreshop_messenger_actions', { defaultValue: 'Actions' }),
+      key: 'actions',
+      width: 160,
+      fixed: 'right',
+      render: (_, record) => (
+        <Space size="small">
+          <Tooltip title={t('coreshop_messenger_info', { defaultValue: 'Details' })}>
+            <Button
+              size="small"
+              icon={<InfoCircleOutlined />}
+              onClick={() => handleInfoClick(record)}
+            />
+          </Tooltip>
+          <Tooltip title={t('coreshop_messenger_show_error', { defaultValue: 'Show error' })}>
+            <Button
+              size="small"
+              danger
+              icon={<ExclamationCircleOutlined />}
+              onClick={() => handleErrorClick(record)}
+            />
+          </Tooltip>
+          <Popconfirm
+            title={t('coreshop_messenger_delete_failed_message', { defaultValue: 'Delete failed Message' })}
+            description={t('coreshop_messenger_delete_confirm', { defaultValue: 'Are you sure you want to delete this message?' })}
+            onConfirm={() => handleDeleteClick(record)}
+            okText={t('coreshop_messenger_delete', { defaultValue: 'Delete' })}
+            cancelText={t('coreshop_messenger_cancel', { defaultValue: 'Cancel' })}
+          >
+            <Tooltip title={t('coreshop_messenger_delete', { defaultValue: 'Delete' })}>
+              <Button
+                size="small"
+                danger
+                icon={<DeleteOutlined />}
+                loading={processingActions.has(`delete-${record.id}`)}
+              />
+            </Tooltip>
+          </Popconfirm>
+          <Popconfirm
+            title={t('coreshop_messenger_retry_failed_message', { defaultValue: 'Retry failed Message' })}
+            description={t('coreshop_messenger_retry_confirm', { defaultValue: 'Are you sure you want to retry this message?' })}
+            onConfirm={() => handleRetryClick(record)}
+            okText={t('coreshop_messenger_retry', { defaultValue: 'Retry' })}
+            cancelText={t('coreshop_messenger_cancel', { defaultValue: 'Cancel' })}
+          >
+            <Tooltip title={t('coreshop_messenger_retry', { defaultValue: 'Retry' })}>
+              <Button
+                size="small"
+                type="primary"
+                icon={<RedoOutlined />}
+                loading={processingActions.has(`retry-${record.id}`)}
+              />
+            </Tooltip>
+          </Popconfirm>
+        </Space>
+      ),
+    },
+  ]
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.toolbar}>
+        <Select
+          className={styles.receiverSelect}
+          placeholder={t('coreshop_messenger_failure_receivers', { defaultValue: 'Select failure receiver' })}
+          value={selectedReceiver}
+          onChange={handleReceiverChange}
+          loading={receiversLoading}
+          allowClear
+          showSearch
+          filterOption={(input, option) =>
+            (option?.children as unknown as string)?.toLowerCase().includes(input.toLowerCase())
+          }
+        >
+          {failureReceivers.map(receiver => (
+            <Select.Option key={receiver.receiver} value={receiver.receiver}>
+              {receiver.receiver}
+            </Select.Option>
+          ))}
+        </Select>
+
+        <Button
+          icon={<ReloadOutlined />}
+          onClick={reload}
+          disabled={!selectedReceiver}
+        >
+          {t('coreshop_messenger_reload', { defaultValue: 'Reload' })}
+        </Button>
+      </div>
+
+      {error && (
+        <Alert
+          message={t('coreshop_messenger_error_loading', { defaultValue: 'Error loading messages' })}
+          description={error}
+          type="error"
+          className={styles.errorAlert}
+          closable
+        />
+      )}
+
+      {!selectedReceiver ? (
+        <Empty
+          className={styles.emptyState}
+          description={t('coreshop_messenger_select_receiver', { defaultValue: 'Please select a receiver to view failed messages' })}
+        />
+      ) : (
+        <Table
+          columns={columns}
+          dataSource={messages}
+          rowKey="id"
+          loading={messagesLoading}
+          scroll={{ y: 'calc(100vh - 520px)' }}
+          pagination={false}
+          size="small"
+          className={styles.table}
+        />
+      )}
+
+      {/* Info Modal */}
+      <Modal
+        title={t('coreshop_messenger_message_info', { defaultValue: 'Message Information' })}
+        open={infoModalOpen}
+        onCancel={() => setInfoModalOpen(false)}
+        footer={[
+          <Button key="close" onClick={() => setInfoModalOpen(false)}>
+            {t('coreshop_messenger_close', { defaultValue: 'Close' })}
+          </Button>,
+        ]}
+        width={700}
+      >
+        {selectedMessage && (
+          <div className={styles.modalContent}>
+            <div className={styles.modalMeta}>
+              <Tag>ID: {selectedMessage.id}</Tag>
+              <Tag color="blue">{getShortClassName(selectedMessage.class)}</Tag>
+            </div>
+            <Paragraph className={styles.codeBlock}>
+              <pre>
+                {selectedMessage.serialized || t('coreshop_messenger_no_data', { defaultValue: 'No data available' })}
+              </pre>
+            </Paragraph>
+          </div>
+        )}
+      </Modal>
+
+      {/* Error Modal */}
+      <Modal
+        title={t('coreshop_messenger_error_details', { defaultValue: 'Error Details' })}
+        open={errorModalOpen}
+        onCancel={() => setErrorModalOpen(false)}
+        footer={[
+          <Button key="close" onClick={() => setErrorModalOpen(false)}>
+            {t('coreshop_messenger_close', { defaultValue: 'Close' })}
+          </Button>,
+        ]}
+        width={700}
+      >
+        {selectedMessage && (
+          <div className={styles.modalContent}>
+            <Alert
+              message={t('coreshop_messenger_error', { defaultValue: 'Error' })}
+              description={
+                <pre className={styles.errorPre}>
+                  {selectedMessage.error || t('coreshop_messenger_no_error', { defaultValue: 'No error information available' })}
+                </pre>
+              }
+              type="error"
+              showIcon
+            />
+          </div>
+        )}
+      </Modal>
+    </div>
+  )
+}
+
+const useFailedGridStyles = createStyles(({ css, token }) => ({
+  container: css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  `,
+  toolbar: css`
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    margin-bottom: 16px;
+    flex-shrink: 0;
+  `,
+  receiverSelect: css`
+    width: 400px;
+  `,
+  errorAlert: css`
+    margin-bottom: 16px;
+    flex-shrink: 0;
+  `,
+  emptyState: css`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  `,
+  table: css`
+    flex: 1;
+
+    .ant-table-thead > tr > th {
+      background: ${token.colorBgLayout};
+      font-weight: 600;
+    }
+  `,
+  className: css`
+    font-family: monospace;
+    font-size: 12px;
+    color: ${token.colorTextSecondary};
+  `,
+  dateCell: css`
+    font-size: 12px;
+    color: ${token.colorTextSecondary};
+  `,
+  modalContent: css`
+    max-height: 500px;
+    overflow: auto;
+  `,
+  modalMeta: css`
+    margin-bottom: 12px;
+  `,
+  codeBlock: css`
+    pre {
+      background: ${token.colorBgLayout};
+      padding: 12px;
+      border-radius: ${token.borderRadius}px;
+      font-size: 12px;
+      white-space: pre-wrap;
+      word-break: break-all;
+      max-height: 400px;
+      overflow: auto;
+    }
+  `,
+  errorPre: css`
+    white-space: pre-wrap;
+    word-break: break-all;
+    font-size: 12px;
+    margin: 0;
+  `
+}))
+
+export default MessengerFailedGrid
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerList.tsx b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerList.tsx
new file mode 100644
index 0000000000..833a43cad5
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerList.tsx
@@ -0,0 +1,176 @@
+/**
+ * MessengerList Component - Main component for messenger management
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import * as React from 'react'
+import { Tabs, Button, Space, Badge } from 'antd'
+import { ReloadOutlined, WarningOutlined, ClockCircleOutlined } from '@ant-design/icons'
+import { createStyles } from 'antd-style'
+import { useTranslation } from 'react-i18next'
+import MessengerChart from './MessengerChart'
+import MessengerFailedGrid from './MessengerFailedGrid'
+import MessengerPendingGrid from './MessengerPendingGrid'
+import { useMessengerChart } from '../hooks/useMessenger'
+
+export const MessengerList: React.FC = () => {
+  const { data, loading, error, reload } = useMessengerChart()
+  const { styles } = useMessengerListStyles()
+  const { t } = useTranslation()
+  const [activeTab, setActiveTab] = React.useState('pending')
+  const [pendingReceiver, setPendingReceiver] = React.useState<string | null>(null)
+
+  const handleGlobalReload = () => {
+    reload()
+  }
+
+  const handleBarClick = (receiver: string) => {
+    setPendingReceiver(receiver)
+    setActiveTab('pending')
+  }
+
+  const tabItems = [
+    {
+      key: 'pending',
+      label: (
+        <Space size={4}>
+          <ClockCircleOutlined />
+          {t('coreshop_messenger_pending_messages', { defaultValue: 'Pending Messages' })}
+        </Space>
+      ),
+      children: (
+        <div className={styles.tabContent}>
+          <MessengerPendingGrid selectedReceiver={pendingReceiver} />
+        </div>
+      ),
+    },
+    {
+      key: 'failed',
+      label: (
+        <Space size={4}>
+          <WarningOutlined />
+          {t('coreshop_messenger_failed_messages', { defaultValue: 'Failed Messages' })}
+        </Space>
+      ),
+      children: (
+        <div className={styles.tabContent}>
+          <MessengerFailedGrid />
+        </div>
+      ),
+    },
+  ]
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.header}>
+        <div className={styles.title}>
+          {t('coreshop_messenger', { defaultValue: 'Messenger' })}
+        </div>
+        <Button
+          type="primary"
+          icon={<ReloadOutlined />}
+          onClick={handleGlobalReload}
+        >
+          {t('coreshop_messenger_reload_all', { defaultValue: 'Reload' })}
+        </Button>
+      </div>
+
+      <div className={styles.chartSection}>
+        <MessengerChart data={data} loading={loading} error={error} onBarClick={handleBarClick} />
+      </div>
+
+      <div className={styles.tabsSection}>
+        <Tabs
+          activeKey={activeTab}
+          onChange={setActiveTab}
+          type="card"
+          items={tabItems}
+          className={styles.tabs}
+        />
+      </div>
+    </div>
+  )
+}
+
+const useMessengerListStyles = createStyles(({ css, token }) => ({
+  container: css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: 16px;
+    overflow: hidden;
+    background: ${token.colorBgLayout};
+  `,
+  header: css`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    flex-shrink: 0;
+  `,
+  title: css`
+    font-size: 18px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+  chartSection: css`
+    flex-shrink: 0;
+  `,
+  tabsSection: css`
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+  `,
+  tabs: css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
+    .ant-tabs-nav {
+      margin-bottom: 0;
+      flex-shrink: 0;
+
+      .ant-tabs-tab {
+        padding: 8px 16px;
+
+        &.ant-tabs-tab-active {
+          background: ${token.colorBgContainer};
+        }
+      }
+    }
+
+    .ant-tabs-content-holder {
+      flex: 1;
+      overflow: hidden;
+      background: ${token.colorBgContainer};
+      border: 1px solid ${token.colorBorderSecondary};
+      border-top: none;
+      border-radius: 0 0 ${token.borderRadius}px ${token.borderRadius}px;
+    }
+
+    .ant-tabs-content {
+      height: 100%;
+    }
+
+    .ant-tabs-tabpane {
+      height: 100%;
+      overflow: hidden;
+    }
+  `,
+  tabContent: css`
+    height: 100%;
+    overflow: hidden;
+    padding: 16px;
+  `
+}))
+
+export default MessengerList
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerPendingGrid.tsx b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerPendingGrid.tsx
new file mode 100644
index 0000000000..9aed9ae6c5
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/components/MessengerPendingGrid.tsx
@@ -0,0 +1,266 @@
+/**
+ * MessengerPendingGrid Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState, useEffect } from 'react'
+import {
+  Table,
+  Select,
+  Button,
+  Space,
+  Modal,
+  Alert,
+  Typography,
+  Tooltip,
+  Tag,
+  Empty
+} from 'antd'
+import {
+  InfoCircleOutlined,
+  ReloadOutlined
+} from '@ant-design/icons'
+import { createStyles } from 'antd-style'
+import { useTranslation } from 'react-i18next'
+import { ColumnsType } from 'antd/es/table'
+import { useMessengerReceivers, useMessengerMessages } from '../hooks/useMessenger'
+import { MessengerMessage } from '../types'
+
+const { Paragraph } = Typography
+
+export interface MessengerPendingGridProps {
+  selectedReceiver?: string | null
+}
+
+export const MessengerPendingGrid: React.FC<MessengerPendingGridProps> = ({ selectedReceiver: externalReceiver }) => {
+  const { receivers, loading: receiversLoading } = useMessengerReceivers()
+  const [selectedReceiver, setSelectedReceiver] = useState<string | null>(externalReceiver ?? null)
+  const [infoModalOpen, setInfoModalOpen] = useState(false)
+  const [selectedMessage, setSelectedMessage] = useState<MessengerMessage | null>(null)
+  const { styles } = usePendingGridStyles()
+  const { t } = useTranslation()
+
+  const {
+    messages,
+    loading: messagesLoading,
+    error,
+    reload
+  } = useMessengerMessages(selectedReceiver)
+
+  useEffect(() => {
+    if (externalReceiver != null) {
+      setSelectedReceiver(externalReceiver)
+    }
+  }, [externalReceiver])
+
+  const handleReceiverChange = (value: string) => {
+    setSelectedReceiver(value)
+  }
+
+  const handleInfoClick = (record: MessengerMessage) => {
+    setSelectedMessage(record)
+    setInfoModalOpen(true)
+  }
+
+  // Extract short class name from full namespace
+  const getShortClassName = (fullClass: string): string => {
+    return fullClass.split('\\').pop() || fullClass
+  }
+
+  const columns: ColumnsType<MessengerMessage> = [
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 100,
+      render: (id: string) => (
+        <Tag>{id}</Tag>
+      )
+    },
+    {
+      title: t('coreshop_messenger_class', { defaultValue: 'Class' }),
+      dataIndex: 'class',
+      key: 'class',
+      ellipsis: true,
+      render: (className: string) => (
+        <Tooltip title={className}>
+          <span className={styles.className}>{getShortClassName(className)}</span>
+        </Tooltip>
+      )
+    },
+    {
+      title: t('coreshop_messenger_actions', { defaultValue: 'Actions' }),
+      key: 'actions',
+      width: 80,
+      fixed: 'right',
+      render: (_, record) => (
+        <Space size="small">
+          <Tooltip title={t('coreshop_messenger_info', { defaultValue: 'Details' })}>
+            <Button
+              size="small"
+              icon={<InfoCircleOutlined />}
+              onClick={() => handleInfoClick(record)}
+            />
+          </Tooltip>
+        </Space>
+      ),
+    },
+  ]
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.toolbar}>
+        <Select
+          className={styles.receiverSelect}
+          placeholder={t('coreshop_messenger_receivers', { defaultValue: 'Select receiver' })}
+          value={selectedReceiver}
+          onChange={handleReceiverChange}
+          loading={receiversLoading}
+          allowClear
+          showSearch
+          filterOption={(input, option) =>
+            (option?.children as unknown as string)?.toLowerCase().includes(input.toLowerCase())
+          }
+        >
+          {receivers.map(receiver => (
+            <Select.Option key={receiver.receiver} value={receiver.receiver}>
+              {receiver.receiver}
+            </Select.Option>
+          ))}
+        </Select>
+
+        <Button
+          icon={<ReloadOutlined />}
+          onClick={reload}
+          disabled={!selectedReceiver}
+        >
+          {t('coreshop_messenger_reload', { defaultValue: 'Reload' })}
+        </Button>
+      </div>
+
+      {error && (
+        <Alert
+          message={t('coreshop_messenger_error_loading', { defaultValue: 'Error loading messages' })}
+          description={error}
+          type="error"
+          className={styles.errorAlert}
+          closable
+        />
+      )}
+
+      {!selectedReceiver ? (
+        <Empty
+          className={styles.emptyState}
+          description={t('coreshop_messenger_select_receiver_pending', { defaultValue: 'Please select a receiver to view pending messages' })}
+        />
+      ) : (
+        <Table
+          columns={columns}
+          dataSource={messages}
+          rowKey="id"
+          loading={messagesLoading}
+          scroll={{ y: 'calc(100vh - 520px)' }}
+          pagination={false}
+          size="small"
+          className={styles.table}
+        />
+      )}
+
+      {/* Info Modal */}
+      <Modal
+        title={t('coreshop_messenger_message_info', { defaultValue: 'Message Information' })}
+        open={infoModalOpen}
+        onCancel={() => setInfoModalOpen(false)}
+        footer={[
+          <Button key="close" onClick={() => setInfoModalOpen(false)}>
+            {t('coreshop_messenger_close', { defaultValue: 'Close' })}
+          </Button>,
+        ]}
+        width={700}
+      >
+        {selectedMessage && (
+          <div className={styles.modalContent}>
+            <div className={styles.modalMeta}>
+              <Tag>ID: {selectedMessage.id}</Tag>
+              <Tag color="blue">{getShortClassName(selectedMessage.class)}</Tag>
+            </div>
+            <Paragraph className={styles.codeBlock}>
+              <pre>
+                {selectedMessage.serialized || t('coreshop_messenger_no_data', { defaultValue: 'No data available' })}
+              </pre>
+            </Paragraph>
+          </div>
+        )}
+      </Modal>
+    </div>
+  )
+}
+
+const usePendingGridStyles = createStyles(({ css, token }) => ({
+  container: css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  `,
+  toolbar: css`
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    margin-bottom: 16px;
+    flex-shrink: 0;
+  `,
+  receiverSelect: css`
+    width: 400px;
+  `,
+  errorAlert: css`
+    margin-bottom: 16px;
+    flex-shrink: 0;
+  `,
+  emptyState: css`
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  `,
+  table: css`
+    flex: 1;
+
+    .ant-table-thead > tr > th {
+      background: ${token.colorBgLayout};
+      font-weight: 600;
+    }
+  `,
+  className: css`
+    font-family: monospace;
+    font-size: 12px;
+    color: ${token.colorTextSecondary};
+  `,
+  modalContent: css`
+    max-height: 500px;
+    overflow: auto;
+  `,
+  modalMeta: css`
+    margin-bottom: 12px;
+  `,
+  codeBlock: css`
+    pre {
+      background: ${token.colorBgLayout};
+      padding: 12px;
+      border-radius: ${token.borderRadius}px;
+      font-size: 12px;
+      white-space: pre-wrap;
+      word-break: break-all;
+      max-height: 400px;
+      overflow: auto;
+    }
+  `
+}))
+
+export default MessengerPendingGrid
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/hooks/useMessenger.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/hooks/useMessenger.ts
new file mode 100644
index 0000000000..3ad24eca73
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/hooks/useMessenger.ts
@@ -0,0 +1,281 @@
+/**
+ * CoreShop MessengerBundle React Hooks
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect, useCallback, useRef } from 'react'
+import { messengerService } from '../services/messenger'
+import {
+  MessengerChartData,
+  MessengerMessage,
+  MessengerFailedMessage,
+  MessengerReceiver
+} from '../types'
+import { messengerEventEmitter, type MessengerUpdateEvent } from '../modules/mercure/messenger-event-emitter'
+
+// Debounce helper to prevent excessive reloads
+function useDebouncedCallback<T extends (...args: any[]) => void>(
+  callback: T,
+  delay: number
+): T {
+  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const callbackRef = useRef(callback)
+  callbackRef.current = callback
+
+  return useCallback((...args: Parameters<T>) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current)
+    }
+    timeoutRef.current = setTimeout(() => {
+      callbackRef.current(...args)
+    }, delay)
+  }, [delay]) as T
+}
+
+export interface UseMessengerChartResult {
+  data: MessengerChartData[]
+  loading: boolean
+  error: string | null
+  reload: () => void
+}
+
+export function useMessengerChart(): UseMessengerChartResult {
+  const [data, setData] = useState<MessengerChartData[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+
+  const loadData = useCallback(async () => {
+    try {
+      setLoading(true)
+      setError(null)
+      const chartData = await messengerService.getMessageCount()
+      setData(chartData)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load chart data')
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  // Debounced reload to prevent excessive API calls
+  const debouncedReload = useDebouncedCallback(loadData, 500)
+
+  useEffect(() => {
+    loadData()
+  }, [loadData])
+
+  // Subscribe to Mercure updates via Pimcore's GlobalMessageBus - reload chart on any messenger event
+  useEffect(() => {
+    return messengerEventEmitter.subscribe((_event: MessengerUpdateEvent) => {
+      console.debug('useMessengerChart: Received Mercure event, triggering reload')
+      debouncedReload()
+    })
+  }, [debouncedReload])
+
+  return {
+    data,
+    loading,
+    error,
+    reload: loadData
+  }
+}
+
+export interface UseMessengerReceiversResult {
+  receivers: MessengerReceiver[]
+  failureReceivers: MessengerReceiver[]
+  loading: boolean
+  error: string | null
+  reload: () => void
+}
+
+export function useMessengerReceivers(): UseMessengerReceiversResult {
+  const [receivers, setReceivers] = useState<MessengerReceiver[]>([])
+  const [failureReceivers, setFailureReceivers] = useState<MessengerReceiver[]>([])
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
+
+  const loadData = useCallback(async () => {
+    try {
+      setLoading(true)
+      setError(null)
+      const [receiversData, failureReceiversData] = await Promise.all([
+        messengerService.getReceivers(),
+        messengerService.getFailureReceivers()
+      ])
+      setReceivers(receiversData)
+      setFailureReceivers(failureReceiversData)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load receivers')
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    loadData()
+  }, [loadData])
+
+  return {
+    receivers,
+    failureReceivers,
+    loading,
+    error,
+    reload: loadData
+  }
+}
+
+export interface UseMessengerMessagesResult {
+  messages: MessengerMessage[]
+  loading: boolean
+  error: string | null
+  reload: () => void
+}
+
+export function useMessengerMessages(receiverName: string | null): UseMessengerMessagesResult {
+  const [messages, setMessages] = useState<MessengerMessage[]>([])
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const loadData = useCallback(async () => {
+    if (!receiverName) {
+      setMessages([])
+      return
+    }
+
+    try {
+      setLoading(true)
+      setError(null)
+      const messagesData = await messengerService.getMessages(receiverName)
+      setMessages(messagesData)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load messages')
+    } finally {
+      setLoading(false)
+    }
+  }, [receiverName])
+
+  // Debounced reload to prevent excessive API calls
+  const debouncedReload = useDebouncedCallback(loadData, 500)
+
+  useEffect(() => {
+    loadData()
+  }, [loadData])
+
+  // Subscribe to Mercure updates via Pimcore's GlobalMessageBus - reload when relevant events occur
+  useEffect(() => {
+    return messengerEventEmitter.subscribe((event: MessengerUpdateEvent) => {
+      if (!receiverName) return
+      // Reload on message handled (removed from pending) for this receiver
+      if (event.type === 'message_handled' && event.receiverName === receiverName) {
+        debouncedReload()
+      }
+    })
+  }, [receiverName, debouncedReload])
+
+  return {
+    messages,
+    loading,
+    error,
+    reload: loadData
+  }
+}
+
+export interface UseMessengerFailedMessagesResult {
+  messages: MessengerFailedMessage[]
+  loading: boolean
+  error: string | null
+  reload: () => void
+  deleteMessage: (messageId: string) => Promise<void>
+  retryMessage: (messageId: string) => Promise<void>
+}
+
+export function useMessengerFailedMessages(receiverName: string | null): UseMessengerFailedMessagesResult {
+  const [messages, setMessages] = useState<MessengerFailedMessage[]>([])
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  const loadData = useCallback(async () => {
+    if (!receiverName) {
+      setMessages([])
+      return
+    }
+
+    try {
+      setLoading(true)
+      setError(null)
+      const messagesData = await messengerService.getFailedMessages(receiverName)
+      setMessages(messagesData)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load failed messages')
+    } finally {
+      setLoading(false)
+    }
+  }, [receiverName])
+
+  // Debounced reload to prevent excessive API calls
+  const debouncedReload = useDebouncedCallback(loadData, 500)
+
+  const deleteMessage = useCallback(async (messageId: string) => {
+    if (!receiverName) return
+
+    try {
+      await messengerService.deleteFailedMessage(receiverName, messageId)
+      // Note: Mercure will trigger reload automatically, but we also reload here
+      // for immediate feedback in case Mercure is slow or unavailable
+      await loadData()
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to delete message')
+      throw err
+    }
+  }, [receiverName, loadData])
+
+  const retryMessage = useCallback(async (messageId: string) => {
+    if (!receiverName) return
+
+    try {
+      await messengerService.retryFailedMessage(receiverName, messageId)
+      // Note: Mercure will trigger reload automatically, but we also reload here
+      // for immediate feedback in case Mercure is slow or unavailable
+      await loadData()
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to retry message')
+      throw err
+    }
+  }, [receiverName, loadData])
+
+  useEffect(() => {
+    loadData()
+  }, [loadData])
+
+  // Subscribe to Mercure updates via Pimcore's GlobalMessageBus - reload when relevant events occur
+  useEffect(() => {
+    return messengerEventEmitter.subscribe((event: MessengerUpdateEvent) => {
+      if (!receiverName) return
+      // Reload on failed messages for this receiver
+      if (event.type === 'message_failed' && event.receiverName === receiverName) {
+        debouncedReload()
+      }
+      // Also reload on retry/reject as these come from other users or tabs
+      if ((event.type === 'message_retried' || event.type === 'message_rejected') &&
+          event.receiverName === receiverName) {
+        debouncedReload()
+      }
+    })
+  }, [receiverName, debouncedReload])
+
+  return {
+    messages,
+    loading,
+    error,
+    reload: loadData,
+    deleteMessage,
+    retryMessage
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..d122e42f5b
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,40 @@
+/**
+ * CoreShop MessengerBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+// @ts-ignore
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { MessengerBundleIconModule } from './modules/icon-library'
+import { MessengerModule } from './module'
+import { MessengerMessageHandler } from './modules/mercure/messenger-message-handler'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-messenger',
+
+    onInit() {
+        // Register our message handler with Pimcore's GlobalMessageBus
+        // This must happen in onInit, before Pimcore starts the global subscription
+        try {
+            const globalMessageBus = container.get<any>(serviceIds.globalMessageBus)
+            const handler = new MessengerMessageHandler()
+            globalMessageBus.registerHandler(handler)
+        } catch (error) {
+            console.warn('CoreShop MessengerBundle: Failed to register Mercure message handler', error)
+        }
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(MessengerBundleIconModule)
+        moduleSystem.registerModule(MessengerModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/module/index.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/module/index.ts
new file mode 100644
index 0000000000..de75494b69
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/module/index.ts
@@ -0,0 +1,26 @@
+/**
+ * CoreShop MessengerBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { type WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { MessengerList } from '../components/MessengerList'
+
+export const MessengerModule: AbstractModule = {
+    onInit(): void {
+        const widgetRegistryService = container.get<WidgetRegistry>(serviceIds.widgetManager)
+        widgetRegistryService.registerWidget({
+            name: 'coreshop-messenger-widget',
+            component: MessengerList
+        })
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..a12f8144fe
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,37 @@
+/**
+ * CoreShop MessengerBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// @ts-ignore
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+// @ts-ignore
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+// @ts-ignore
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import messengerIcon from '../../assets/messenger.svg?react'
+
+export const MessengerBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_messenger',
+      component: messengerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_messenger',
+      component: messengerIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/mercure/messenger-event-emitter.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/mercure/messenger-event-emitter.ts
new file mode 100644
index 0000000000..ac19bea988
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/mercure/messenger-event-emitter.ts
@@ -0,0 +1,50 @@
+/**
+ * CoreShop MessengerBundle Mercure Event Emitter
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface MessengerUpdateEvent {
+  eventType: 'coreshop.messenger.update'
+  type: 'message_handled' | 'message_failed' | 'message_retried' | 'message_rejected'
+  receiverName: string
+  messageClass: string
+  messageId: string | null
+  errorMessage: string | null
+  relatedObjectId: number | null
+  timestamp: string
+}
+
+type MessengerEventListener = (event: MessengerUpdateEvent) => void
+
+class MessengerEventEmitterClass {
+  private listeners: Set<MessengerEventListener> = new Set()
+
+  subscribe(listener: MessengerEventListener): () => void {
+    this.listeners.add(listener)
+    console.debug('MessengerEventEmitter: Subscribed, total listeners:', this.listeners.size)
+    return () => {
+      this.listeners.delete(listener)
+      console.debug('MessengerEventEmitter: Unsubscribed, total listeners:', this.listeners.size)
+    }
+  }
+
+  emit(event: MessengerUpdateEvent): void {
+    console.debug('MessengerEventEmitter: Emitting event to', this.listeners.size, 'listeners', event)
+    this.listeners.forEach(listener => {
+      try {
+        listener(event)
+      } catch (error) {
+        console.error('MessengerEventEmitter: Error in listener', error)
+      }
+    })
+  }
+}
+
+export const messengerEventEmitter = new MessengerEventEmitterClass()
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/mercure/messenger-message-handler.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/mercure/messenger-message-handler.ts
new file mode 100644
index 0000000000..cac3fc3094
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/modules/mercure/messenger-message-handler.ts
@@ -0,0 +1,53 @@
+/**
+ * CoreShop MessengerBundle Mercure Message Handler
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import {messengerEventEmitter, type MessengerUpdateEvent} from './messenger-event-emitter'
+
+// Message structure from GlobalMessageBus
+interface MercureMessage {
+  type: 'update' | 'error' | 'cancel'
+  payload: unknown
+  event: MessageEvent
+}
+
+export class MessengerMessageHandler {
+  private readonly handlerId = 'coreshop-messenger-handler'
+
+  getId(): string {
+    return this.handlerId
+  }
+
+  shouldHandle(message: MercureMessage): boolean {
+    if (message.type !== 'update' || !message.payload) {
+      return false
+    }
+
+    const payload = message.payload as Record<string, unknown>
+    return payload.eventType === 'coreshop.messenger.update'
+  }
+
+  async handleMessage(message: MercureMessage): Promise<void> {
+    if (!message.payload) {
+      return
+    }
+
+    const event = message.payload as MessengerUpdateEvent
+
+    messengerEventEmitter.emit(event)
+  }
+
+  onRegister(): void {
+  }
+
+  onUnregister(): void {
+  }
+}
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/services/messenger.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/services/messenger.ts
new file mode 100644
index 0000000000..64672affa9
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/services/messenger.ts
@@ -0,0 +1,173 @@
+/**
+ * CoreShop MessengerService
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import {
+  MessengerApiResponse,
+  MessengerCountResponse,
+  MessengerDeleteResponse,
+  MessengerRetryResponse,
+  MessengerChartData,
+  MessengerMessage,
+  MessengerFailedMessage,
+  MessengerReceiver
+} from '../types'
+
+export class Messenger {
+  private baseUrl = '/pimcore-studio/api/coreshop'
+
+  /**
+   * Get message count statistics for chart
+   */
+  async getMessageCount(): Promise<MessengerChartData[]> {
+    const response = await fetch(`${this.baseUrl}/messenger/count`)
+    
+    if (!response.ok) {
+      throw new Error(`Failed to fetch message count: ${response.statusText}`)
+    }
+
+    const result: MessengerCountResponse = await response.json()
+    
+    if (!result.success) {
+      throw new Error('Failed to fetch message count')
+    }
+
+    return result.data
+  }
+
+  /**
+   * Get list of failure receivers
+   */
+  async getFailureReceivers(): Promise<MessengerReceiver[]> {
+    const response = await fetch(`${this.baseUrl}/messenger/list-failure-receivers`)
+    
+    if (!response.ok) {
+      throw new Error(`Failed to fetch failure receivers: ${response.statusText}`)
+    }
+
+    const result: MessengerApiResponse<MessengerReceiver> = await response.json()
+    
+    if (!result.success) {
+      throw new Error('Failed to fetch failure receivers')
+    }
+
+    return result.data
+  }
+
+  /**
+   * Get list of receivers
+   */
+  async getReceivers(): Promise<MessengerReceiver[]> {
+    const response = await fetch(`${this.baseUrl}/messenger/list-receivers`)
+    
+    if (!response.ok) {
+      throw new Error(`Failed to fetch receivers: ${response.statusText}`)
+    }
+
+    const result: MessengerApiResponse<MessengerReceiver> = await response.json()
+    
+    if (!result.success) {
+      throw new Error('Failed to fetch receivers')
+    }
+
+    return result.data
+  }
+
+  /**
+   * Get failed messages for a specific receiver
+   */
+  async getFailedMessages(receiverName: string): Promise<MessengerFailedMessage[]> {
+    const response = await fetch(`${this.baseUrl}/messenger/list-failed/${encodeURIComponent(receiverName)}`)
+    
+    if (!response.ok) {
+      throw new Error(`Failed to fetch failed messages: ${response.statusText}`)
+    }
+
+    const result: MessengerApiResponse<MessengerFailedMessage> = await response.json()
+    
+    if (!result.success) {
+      throw new Error('Failed to fetch failed messages')
+    }
+
+    return result.data
+  }
+
+  /**
+   * Get pending messages for a specific receiver
+   */
+  async getMessages(receiverName: string): Promise<MessengerMessage[]> {
+    const response = await fetch(`${this.baseUrl}/messenger/list/${encodeURIComponent(receiverName)}`)
+    
+    if (!response.ok) {
+      throw new Error(`Failed to fetch messages: ${response.statusText}`)
+    }
+
+    const result: MessengerApiResponse<MessengerMessage> = await response.json()
+    
+    if (!result.success) {
+      throw new Error('Failed to fetch messages')
+    }
+
+    return result.data
+  }
+
+  /**
+   * Delete a failed message
+   */
+  async deleteFailedMessage(receiverName: string, messageId: string): Promise<void> {
+    const response = await fetch(`${this.baseUrl}/messenger/delete/${encodeURIComponent(receiverName)}`, {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: new URLSearchParams({
+        id: messageId,
+      }),
+    })
+    
+    if (!response.ok) {
+      throw new Error(`Failed to delete message: ${response.statusText}`)
+    }
+
+    const result: MessengerDeleteResponse = await response.json()
+    
+    if (!result.success) {
+      throw new Error(result.message || 'Failed to delete message')
+    }
+  }
+
+  /**
+   * Retry a failed message
+   */
+  async retryFailedMessage(receiverName: string, messageId: string): Promise<void> {
+    const response = await fetch(`${this.baseUrl}/messenger/retry/${encodeURIComponent(receiverName)}`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
+      },
+      body: new URLSearchParams({
+        id: messageId,
+      }),
+    })
+    
+    if (!response.ok) {
+      throw new Error(`Failed to retry message: ${response.statusText}`)
+    }
+
+    const result: MessengerRetryResponse = await response.json()
+    
+    if (!result.success) {
+      throw new Error(result.message || 'Failed to retry message')
+    }
+  }
+}
+
+export const messengerService = new Messenger()
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/types/index.ts b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/types/index.ts
new file mode 100644
index 0000000000..3a6262eb99
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/src/types/index.ts
@@ -0,0 +1,54 @@
+/**
+ * CoreShop MessengerBundle Types
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface MessengerChartData {
+  receiver: string
+  count: number
+}
+
+export interface MessengerMessage {
+  id: string
+  class: string
+  serialized?: string
+}
+
+export interface MessengerFailedMessage extends MessengerMessage {
+  failed_at: string
+  failedAt: string
+  error: string
+}
+
+export interface MessengerReceiver {
+  receiver: string
+}
+
+export interface MessengerApiResponse<T> {
+  success: boolean
+  data: T[]
+  total?: number
+  message?: string
+}
+
+export interface MessengerCountResponse {
+  success: boolean
+  data: MessengerChartData[]
+}
+
+export interface MessengerDeleteResponse {
+  success: boolean
+  message?: string
+}
+
+export interface MessengerRetryResponse {
+  success: boolean
+  message?: string
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/MessengerBundle/Resources/config/pimcore/routing.yml
index e2d0140824..9b6b891b4b 100644
--- a/src/CoreShop/Bundle/MessengerBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/config/pimcore/routing.yml
@@ -1,43 +1,71 @@
 coreshop_admin_messenger_count:
-  path: /admin/messenger/count
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listReceiverMessageCountAction }
+  path: /%coreshop.admin.route.base%/messenger/count
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listReceiverMessageCountAction
   options:
     expose: true
 
 coreshop_admin_messenger_list_receivers:
-  path: /admin/messenger/list-receivers
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listListableReceiversAction }
+  path: /%coreshop.admin.route.base%/messenger/list-receivers
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listListableReceiversAction
   options:
     expose: true
 
 coreshop_admin_messenger_list_failed:
-  path: /admin/messenger/list-failed/{receiverName}
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listFailedMessagesAction }
+  path: /%coreshop.admin.route.base%/messenger/list-failed/{receiverName}
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listFailedMessagesAction
   options:
     expose: true
 
 coreshop_admin_messenger_list:
-  path: /admin/messenger/list/{receiverName}
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listMessagesAction }
+  path: /%coreshop.admin.route.base%/messenger/list/{receiverName}
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listMessagesAction
   options:
     expose: true
 
 coreshop_admin_messenger_list_failure_receivers:
-  path: /admin/messenger/list-failure-receivers
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listFailureReceiversAction }
+  path: /%coreshop.admin.route.base%/messenger/list-failure-receivers
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController::listFailureReceiversAction
   options:
     expose: true
 
 coreshop_admin_messenger_delete:
-  path: /admin/messenger/delete/{receiverName}
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\MessageController::deleteStoredMessageAction }
+  path: /%coreshop.admin.route.base%/messenger/delete/{receiverName}
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\MessageController::deleteStoredMessageAction
   methods: 'DELETE'
   options:
     expose: true
 
 coreshop_admin_messenger_retry:
-  path: /admin/messenger/retry/{receiverName}
-  defaults: { _controller: CoreShop\Bundle\MessengerBundle\Controller\MessageController::retryFailedMessageAction }
+  path: /%coreshop.admin.route.base%/messenger/retry/{receiverName}
+  requirements:
+    backend: '%coreshop.admin.route.backend_requirement%'
+  defaults:
+    backend: admin
+    _controller: CoreShop\Bundle\MessengerBundle\Controller\MessageController::retryFailedMessageAction
   methods: 'POST'
   options:
     expose: true
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/config/services.yml b/src/CoreShop/Bundle/MessengerBundle/Resources/config/services.yml
index 0769c45586..b5063218a3 100644
--- a/src/CoreShop/Bundle/MessengerBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/config/services.yml
@@ -46,6 +46,7 @@ services:
     arguments:
       - '@CoreShop\Bundle\MessengerBundle\Messenger\FailureReceiversRepository'
       - '@messenger.routable_message_bus'
+      - '@?Pimcore\Bundle\StudioBackendBundle\Mercure\Service\PublishServiceInterface'
     tags:
       - { name: monolog.logger, channel: 'coreshop_messenger' }
 
@@ -53,6 +54,7 @@ services:
   CoreShop\Bundle\MessengerBundle\Messenger\FailedMessageRejecter:
     arguments:
       - '@CoreShop\Bundle\MessengerBundle\Messenger\FailureReceiversRepository'
+      - '@?Pimcore\Bundle\StudioBackendBundle\Mercure\Service\PublishServiceInterface'
 
   CoreShop\Bundle\MessengerBundle\Controller\ListMessagesController:
     tags:
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/MessengerBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..66b03880d1
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\MessengerBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/config/services/studio_backend.yml b/src/CoreShop/Bundle/MessengerBundle/Resources/config/services/studio_backend.yml
new file mode 100644
index 0000000000..530965ccf4
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/config/services/studio_backend.yml
@@ -0,0 +1,6 @@
+services:
+  CoreShop\Bundle\MessengerBundle\EventListener\MercureMessengerSubscriber:
+    arguments:
+      - '@Pimcore\Bundle\StudioBackendBundle\Mercure\Service\PublishServiceInterface'
+    tags:
+      - { name: kernel.event_subscriber }
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/MessengerBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..db536e4772
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,42 @@
+---
+coreshop_messenger: 'Messenger'
+coreshop_messenger_list: 'Messenger'
+coreshop_messenger_class: 'Klasse'
+coreshop_messenger_failed_at: 'Gescheitert am'
+coreshop_messenger_error: 'Fehler'
+coreshop_messenger_delete_failed_message: 'Nachricht löschen'
+coreshop_messenger_retry_failed_message: 'Nachricht erneut senden'
+coreshop_messenger_failure_receivers: 'Fehler-Empfänger auswählen'
+coreshop_messenger_failed_messages: 'Fehlgeschlagene Nachrichten'
+coreshop_messenger_pending_messages: 'Ausstehende Nachrichten'
+coreshop_messenger_receivers: 'Empfänger auswählen'
+coreshop_messenger_info: 'Details'
+coreshop_permission_messenger: 'CoreShop: Messenger'
+
+# Chart
+coreshop_messenger_total_messages: 'Nachrichten gesamt'
+coreshop_messenger_no_data: 'Keine ausstehenden Nachrichten'
+coreshop_messenger_error_loading: 'Fehler beim Laden der Daten'
+
+# List
+coreshop_messenger_reload_all: 'Aktualisieren'
+
+# Grid
+coreshop_messenger_actions: 'Aktionen'
+coreshop_messenger_reload: 'Aktualisieren'
+coreshop_messenger_show_error: 'Fehler anzeigen'
+coreshop_messenger_delete: 'Löschen'
+coreshop_messenger_retry: 'Wiederholen'
+coreshop_messenger_cancel: 'Abbrechen'
+coreshop_messenger_close: 'Schließen'
+coreshop_messenger_select_receiver: 'Bitte wählen Sie einen Empfänger um fehlgeschlagene Nachrichten anzuzeigen'
+coreshop_messenger_select_receiver_pending: 'Bitte wählen Sie einen Empfänger um ausstehende Nachrichten anzuzeigen'
+coreshop_messenger_message_info: 'Nachrichteninformationen'
+coreshop_messenger_error_details: 'Fehlerdetails'
+coreshop_messenger_delete_confirm: 'Sind Sie sicher, dass Sie diese Nachricht löschen möchten?'
+coreshop_messenger_retry_confirm: 'Sind Sie sicher, dass Sie diese Nachricht erneut senden möchten?'
+coreshop_messenger_delete_success: 'Nachricht erfolgreich gelöscht'
+coreshop_messenger_delete_error: 'Fehler beim Löschen der Nachricht'
+coreshop_messenger_retry_success: 'Nachricht wird erneut gesendet'
+coreshop_messenger_retry_error: 'Fehler beim erneuten Senden der Nachricht'
+coreshop_messenger_no_error: 'Keine Fehlerinformationen verfügbar'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/MessengerBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..68994f8323
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,42 @@
+---
+coreshop_messenger: 'Messenger'
+coreshop_messenger_list: 'Messenger'
+coreshop_messenger_class: 'Class'
+coreshop_messenger_failed_at: 'Failed At'
+coreshop_messenger_error: 'Error'
+coreshop_messenger_delete_failed_message: 'Delete failed Message'
+coreshop_messenger_retry_failed_message: 'Retry failed Message'
+coreshop_messenger_failure_receivers: 'Select failure receiver'
+coreshop_messenger_failed_messages: 'Failed Messages'
+coreshop_messenger_pending_messages: 'Pending Messages'
+coreshop_messenger_receivers: 'Select receiver'
+coreshop_messenger_info: 'Details'
+coreshop_permission_messenger: 'CoreShop: Messenger'
+
+# Chart
+coreshop_messenger_total_messages: 'Total Messages'
+coreshop_messenger_no_data: 'No pending messages'
+coreshop_messenger_error_loading: 'Error loading data'
+
+# List
+coreshop_messenger_reload_all: 'Reload'
+
+# Grid
+coreshop_messenger_actions: 'Actions'
+coreshop_messenger_reload: 'Reload'
+coreshop_messenger_show_error: 'Show error'
+coreshop_messenger_delete: 'Delete'
+coreshop_messenger_retry: 'Retry'
+coreshop_messenger_cancel: 'Cancel'
+coreshop_messenger_close: 'Close'
+coreshop_messenger_select_receiver: 'Please select a receiver to view failed messages'
+coreshop_messenger_select_receiver_pending: 'Please select a receiver to view pending messages'
+coreshop_messenger_message_info: 'Message Information'
+coreshop_messenger_error_details: 'Error Details'
+coreshop_messenger_delete_confirm: 'Are you sure you want to delete this message?'
+coreshop_messenger_retry_confirm: 'Are you sure you want to retry this message?'
+coreshop_messenger_delete_success: 'Message deleted successfully'
+coreshop_messenger_delete_error: 'Failed to delete message'
+coreshop_messenger_retry_success: 'Message retry initiated successfully'
+coreshop_messenger_retry_error: 'Failed to retry message'
+coreshop_messenger_no_error: 'No error information available'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/MessengerBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..bb33e25984
--- /dev/null
+++ b/src/CoreShop/Bundle/MessengerBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\MessengerBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MessengerBundle/composer.json b/src/CoreShop/Bundle/MessengerBundle/composer.json
index 69aa3dc3ed..2e232686a7 100644
--- a/src/CoreShop/Bundle/MessengerBundle/composer.json
+++ b/src/CoreShop/Bundle/MessengerBundle/composer.json
@@ -1,64 +1,70 @@
 {
-  "name": "coreshop/messenger-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Messenger Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/messenger-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Messenger Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/menu-bundle": "^5.0",
+        "coreshop/pimcore-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/menu-bundle": "^5.0",
-    "coreshop/pimcore-bundle": "^5.0",
-    "pimcore/admin-ui-classic-bundle": "^2.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\MessengerBundle\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\MessengerBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        },
+        "pimcore": {
+            "bundles": [
+                "CoreShop\\Bundle\\MessengerBundle\\CoreShopMessengerBundle"
+            ]
+        }
+    },
+    "config": {
+        "sort-packages": true
     },
-    "pimcore": {
-      "bundles": [
-        "CoreShop\\Bundle\\MessengerBundle\\CoreShopMessengerBundle"
-      ]
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/MoneyBundle/EventListener/IndexActionSettingsSubscriber.php b/src/CoreShop/Bundle/MoneyBundle/AdminClass/EventListener/IndexActionSettingsSubscriber.php
similarity index 95%
rename from src/CoreShop/Bundle/MoneyBundle/EventListener/IndexActionSettingsSubscriber.php
rename to src/CoreShop/Bundle/MoneyBundle/AdminClass/EventListener/IndexActionSettingsSubscriber.php
index 0520481ed9..dceb4827a8 100644
--- a/src/CoreShop/Bundle/MoneyBundle/EventListener/IndexActionSettingsSubscriber.php
+++ b/src/CoreShop/Bundle/MoneyBundle/AdminClass/EventListener/IndexActionSettingsSubscriber.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\MoneyBundle\EventListener;
+namespace CoreShop\Bundle\MoneyBundle\AdminClass\EventListener;
 
 use Pimcore\Bundle\AdminBundle\Event\AdminEvents;
 use Pimcore\Bundle\AdminBundle\Event\IndexActionSettingsEvent;
diff --git a/src/CoreShop/Bundle/MoneyBundle/DependencyInjection/CoreShopMoneyExtension.php b/src/CoreShop/Bundle/MoneyBundle/DependencyInjection/CoreShopMoneyExtension.php
index 0f4dce71c2..a6b8825ad8 100644
--- a/src/CoreShop/Bundle/MoneyBundle/DependencyInjection/CoreShopMoneyExtension.php
+++ b/src/CoreShop/Bundle/MoneyBundle/DependencyInjection/CoreShopMoneyExtension.php
@@ -49,6 +49,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/classic_admin.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
     }
 }
diff --git a/src/CoreShop/Bundle/MoneyBundle/README.md b/src/CoreShop/Bundle/MoneyBundle/README.md
index 88bf7fa3c6..ea0d1fce4d 100644
--- a/src/CoreShop/Bundle/MoneyBundle/README.md
+++ b/src/CoreShop/Bundle/MoneyBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..7c1b716137
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@coreshop/money",
+  "version": "1.0.0",
+  "description": "CoreShop MoneyBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  }
+}
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/assets/money.svg b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/assets/money.svg
new file mode 100644
index 0000000000..aff60a3ee6
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/assets/money.svg
@@ -0,0 +1,32 @@
+<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<g>
+	<path style="fill:#BAE0BD;" d="M36.5,37.249c-12.647-5.172-29.861-5.691-33-5.743V10.5h33V37.249z"/>
+	<path style="fill:#5E9C76;" d="M36,11v25.51c-12.231-4.794-27.886-5.417-32-5.498V11H36 M37,10H3v22c0,0,20,0,34,6V10L37,10z"/>
+</g>
+<g>
+	<path style="fill:#BAE0BD;" d="M37.5,32.384c-12.728-2.607-31.69-2.858-35-2.882V8.5h35V32.384z"/>
+	<path style="fill:#5E9C76;" d="M37,9v22.774c-12.217-2.398-29.668-2.723-34-2.767V9H37 M38,8H2v22c0,0,22,0,36,3V8L38,8z"/>
+</g>
+<g>
+	<rect x="1.5" y="6.5" style="fill:#BAE0BD;" width="37" height="21"/>
+	<path style="fill:#5E9C76;" d="M38,7v20H2V7H38 M39,6H1v22h38V6L39,6z"/>
+</g>
+<g>
+	<circle style="fill:#FFFFFF;" cx="20" cy="17" r="7.5"/>
+	<g>
+		<path style="fill:#5E9C76;" d="M20,10c3.86,0,7,3.14,7,7s-3.14,7-7,7s-7-3.14-7-7S16.14,10,20,10 M20,9c-4.418,0-8,3.582-8,8&#10;&#9;&#9;&#9;s3.582,8,8,8s8-3.582,8-8S24.418,9,20,9L20,9z"/>
+	</g>
+</g>
+<g>
+	<circle style="fill:#FFFFFF;" cx="33" cy="17" r="2.5"/>
+	<g>
+		<path style="fill:#5E9C76;" d="M33,15c1.103,0,2,0.897,2,2s-0.897,2-2,2c-1.103,0-2-0.897-2-2S31.897,15,33,15 M33,14&#10;&#9;&#9;&#9;c-1.657,0-3,1.343-3,3s1.343,3,3,3s3-1.343,3-3S34.657,14,33,14L33,14z"/>
+	</g>
+</g>
+<g>
+	<circle style="fill:#FFFFFF;" cx="7" cy="17" r="2.5"/>
+	<g>
+		<path style="fill:#5E9C76;" d="M7,15c1.103,0,2,0.897,2,2s-0.897,2-2,2s-2-0.897-2-2S5.897,15,7,15 M7,14c-1.657,0-3,1.343-3,3&#10;&#9;&#9;&#9;s1.343,3,3,3s3-1.343,3-3S8.657,14,7,14L7,14z"/>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMoney.tsx b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMoney.tsx
new file mode 100644
index 0000000000..1d0564b947
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMoney.tsx
@@ -0,0 +1,16 @@
+/**
+ * CoreShop MoneyBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import {
+  DynamicTypeObjectDataAbstractNumeric,
+  DynamicTypeFieldFilterNumber
+} from '@pimcore/studio-ui-bundle/modules/element'
+
+export class DynamicTypeObjectDataCoreShopMoney extends DynamicTypeObjectDataAbstractNumeric {
+  readonly id = 'coreShopMoney'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterNumber()
+}
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..4370b03f21
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,36 @@
+/**
+ * CoreShop MoneyBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import {
+  DynamicTypeObjectDataRegistry
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { MoneyBundleIconModule } from './modules/icon-library'
+import { DynamicTypeObjectDataCoreShopMoney } from './dynamic-types/DynamicTypeObjectDataCoreShopMoney'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-money',
+
+    onInit() {
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+          'DynamicTypes/ObjectDataRegistry'
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopMoney())
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(MoneyBundleIconModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..8acd9da0a7
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,29 @@
+/**
+ * CoreShop MoneyBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import moneyIcon from '../../assets/money.svg?react'
+
+export const MoneyBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_money',
+      component: moneyIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/classic_admin.yml b/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/classic_admin.yml
index ba54cd5b36..bd20ae0bbe 100644
--- a/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/classic_admin.yml
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/classic_admin.yml
@@ -2,9 +2,9 @@ services:
   _defaults:
     public: true
 
-  CoreShop\Bundle\MoneyBundle\EventListener\IndexActionSettingsSubscriber:
+  CoreShop\Bundle\MoneyBundle\AdminClass\EventListener\IndexActionSettingsSubscriber:
     arguments:
       - '%coreshop.currency.decimal_precision%'
       - '%coreshop.currency.decimal_factor%'
     tags:
-      - { name: kernel.event_subscriber }
\ No newline at end of file
+      - { name: kernel.event_subscriber }
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..d854cbef84
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\MoneyBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/MoneyBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..7060e9ab3d
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,2 @@
+---
+coreshop_money: 'Geld'
diff --git a/src/CoreShop/Bundle/MoneyBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/MoneyBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..9cb4847a15
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,2 @@
+---
+coreshop_money: 'Money'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MoneyBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/MoneyBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..cac6bd562c
--- /dev/null
+++ b/src/CoreShop/Bundle/MoneyBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\MoneyBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/MoneyBundle/composer.json b/src/CoreShop/Bundle/MoneyBundle/composer.json
index 2f6c6bb654..ce6f892283 100644
--- a/src/CoreShop/Bundle/MoneyBundle/composer.json
+++ b/src/CoreShop/Bundle/MoneyBundle/composer.json
@@ -1,59 +1,66 @@
 {
-  "name": "coreshop/money-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Money Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/money-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Money Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/currency": "^5.0",
+        "coreshop/pimcore-bundle": "^5.0",
+        "symfony/form": "^6.4.14 || ^7.2",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/currency": "^5.0",
-    "coreshop/pimcore-bundle": "^5.0",
-    "symfony/form": "^6.3 || ^7.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\MoneyBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\MoneyBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/NotificationBundle/Controller/NotificationRuleController.php b/src/CoreShop/Bundle/NotificationBundle/Controller/NotificationRuleController.php
index ff49df37db..14bd001bab 100644
--- a/src/CoreShop/Bundle/NotificationBundle/Controller/NotificationRuleController.php
+++ b/src/CoreShop/Bundle/NotificationBundle/Controller/NotificationRuleController.php
@@ -18,20 +18,32 @@
 namespace CoreShop\Bundle\NotificationBundle\Controller;
 
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
 use CoreShop\Component\Notification\Model\NotificationRuleInterface;
 use CoreShop\Component\Resource\Repository\RepositoryInterface;
 use Doctrine\Common\Collections\Criteria;
 use Doctrine\ORM\EntityRepository;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 
 class NotificationRuleController extends ResourceController
 {
-    public function getConfigAction(Request $request): Response
-    {
+    public function getConfigAction(
+        Request $request,
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.notification_rule.conditions')]
+        FormTypeRegistryInterface $conditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.notification_rule.actions')]
+        FormTypeRegistryInterface $actionFormRegistry,
+    ): Response {
         $conditions = [];
         $actions = [];
+        $schemas = [];
         $types = [];
+        $conditionSchemaByType = [];
+        $actionSchemaByType = [];
 
         /**
          * @var array $actionTypes
@@ -55,24 +67,52 @@ public function getConfigAction(Request $request): Response
             }
         }
 
+        $parameterBag = $this->container->get('parameter_bag');
+
         foreach ($types as $type) {
             $actionParameter = 'coreshop.notification_rule.actions.' . $type;
             $conditionParameter = 'coreshop.notification_rule.conditions.' . $type;
 
-            if ($this->container->get('parameter_bag')->has($actionParameter)) {
+            if ($parameterBag->has($actionParameter)) {
                 if (!array_key_exists($type, $actions)) {
                     $actions[$type] = [];
                 }
 
-                $actions[$type] = array_merge($actions[$type], array_keys($this->getParameter($actionParameter)));
+                $typeActions = array_keys($this->getParameter($actionParameter));
+                $actions[$type] = array_merge($actions[$type], $typeActions);
+
+                // Main registry uses compound keys: {notificationType}.{actionName}
+                $compoundKeys = array_map(static fn (string $name) => $type . '.' . $name, $typeActions);
+                $actionSchemas = $schemaCollector->collectSchemasWithTypeMap($actionFormRegistry, $compoundKeys);
+                $schemas = array_merge($schemas, $actionSchemas['schemas']);
+
+                foreach ($typeActions as $actionName) {
+                    $compoundKey = $type . '.' . $actionName;
+                    if (isset($actionSchemas['schemaByType'][$compoundKey])) {
+                        $actionSchemaByType[$type][$actionName] = $actionSchemas['schemaByType'][$compoundKey];
+                    }
+                }
             }
 
-            if ($this->container->get('parameter_bag')->has($conditionParameter)) {
+            if ($parameterBag->has($conditionParameter)) {
                 if (!array_key_exists($type, $conditions)) {
                     $conditions[$type] = [];
                 }
 
-                $conditions[$type] = array_merge($conditions[$type], array_keys($this->getParameter($conditionParameter)));
+                $typeConditions = array_keys($this->getParameter($conditionParameter));
+                $conditions[$type] = array_merge($conditions[$type], $typeConditions);
+
+                // Main registry uses compound keys: {notificationType}.{conditionName}
+                $compoundKeys = array_map(static fn (string $name) => $type . '.' . $name, $typeConditions);
+                $conditionSchemas = $schemaCollector->collectSchemasWithTypeMap($conditionFormRegistry, $compoundKeys);
+                $schemas = array_merge($schemas, $conditionSchemas['schemas']);
+
+                foreach ($typeConditions as $conditionName) {
+                    $compoundKey = $type . '.' . $conditionName;
+                    if (isset($conditionSchemas['schemaByType'][$compoundKey])) {
+                        $conditionSchemaByType[$type][$conditionName] = $conditionSchemas['schemaByType'][$compoundKey];
+                    }
+                }
             }
         }
 
@@ -81,6 +121,9 @@ public function getConfigAction(Request $request): Response
             'types' => $types,
             'actions' => $actions,
             'conditions' => $conditions,
+            'schemas' => $schemas,
+            'conditionSchemaByType' => $conditionSchemaByType,
+            'actionSchemaByType' => $actionSchemaByType,
         ]);
     }
 
diff --git a/src/CoreShop/Bundle/NotificationBundle/DependencyInjection/CoreShopNotificationExtension.php b/src/CoreShop/Bundle/NotificationBundle/DependencyInjection/CoreShopNotificationExtension.php
index 6bba5a0272..b5b8d387c4 100644
--- a/src/CoreShop/Bundle/NotificationBundle/DependencyInjection/CoreShopNotificationExtension.php
+++ b/src/CoreShop/Bundle/NotificationBundle/DependencyInjection/CoreShopNotificationExtension.php
@@ -43,6 +43,12 @@ public function load(array $configs, ContainerBuilder $container): void
             $this->registerPimcoreResources('coreshop', $configs['pimcore_admin'], $container);
         }
 
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/NotificationBundle/Form/Schema/MailActionSchemaEnricher.php b/src/CoreShop/Bundle/NotificationBundle/Form/Schema/MailActionSchemaEnricher.php
new file mode 100644
index 0000000000..3ed219fcaa
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Form/Schema/MailActionSchemaEnricher.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\NotificationBundle\Form\Schema;
+
+use CoreShop\Bundle\NotificationBundle\Form\Type\Rule\Action\MailActionConfigurationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class MailActionSchemaEnricher implements FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === MailActionConfigurationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        foreach ($schema->fields as $field) {
+            if ($field->name === 'mails') {
+                $field->blockPrefixes = array_merge(
+                    $field->blockPrefixes,
+                    ['coreshop_localized_mail_documents'],
+                );
+
+                break;
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Form/Schema/NotificationRuleSchemaEnricher.php b/src/CoreShop/Bundle/NotificationBundle/Form/Schema/NotificationRuleSchemaEnricher.php
new file mode 100644
index 0000000000..0d18515442
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Form/Schema/NotificationRuleSchemaEnricher.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\NotificationBundle\Form\Schema;
+
+use CoreShop\Bundle\NotificationBundle\Form\Type\NotificationRuleType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class NotificationRuleSchemaEnricher implements FormSchemaEnricherInterface
+{
+    /**
+     * Fields handled by dedicated UI components (RuleForm tabs, manual type selector).
+     */
+    private const array EXCLUDED_FIELDS = ['conditions', 'actions', 'type'];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === NotificationRuleType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->fields = array_values(
+            array_filter(
+                $schema->fields,
+                static fn ($field) => !in_array($field->name, self::EXCLUDED_FIELDS, true),
+            ),
+        );
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Form/Type/NotificationRuleType.php b/src/CoreShop/Bundle/NotificationBundle/Form/Type/NotificationRuleType.php
index 0a2f74167f..9ea45fb01a 100644
--- a/src/CoreShop/Bundle/NotificationBundle/Form/Type/NotificationRuleType.php
+++ b/src/CoreShop/Bundle/NotificationBundle/Form/Type/NotificationRuleType.php
@@ -27,9 +27,15 @@ final class NotificationRuleType extends RuleType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextareaType::class)
-            ->add('active', CheckboxType::class)
-            ->add('type', NotificationRuleTypeChoiceType::class)
+            ->add('name', TextareaType::class, [
+                'priority' => 100,
+            ])
+            ->add('active', CheckboxType::class, [
+                'priority' => 90,
+            ])
+            ->add('type', NotificationRuleTypeChoiceType::class, [
+                'priority' => 80,
+            ])
             ->add('conditions', NotificationRuleConditionCollectionType::class)
             ->add('actions', NotificationRuleActionCollectionType::class)
         ;
diff --git a/src/CoreShop/Bundle/NotificationBundle/Form/Type/Rule/Action/MailActionConfigurationType.php b/src/CoreShop/Bundle/NotificationBundle/Form/Type/Rule/Action/MailActionConfigurationType.php
index fd48ae415a..7ce3f6672c 100644
--- a/src/CoreShop/Bundle/NotificationBundle/Form/Type/Rule/Action/MailActionConfigurationType.php
+++ b/src/CoreShop/Bundle/NotificationBundle/Form/Type/Rule/Action/MailActionConfigurationType.php
@@ -28,10 +28,13 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('mails', CollectionType::class, [
+                'label' => 'coreshop_email_document',
                 'allow_add' => true,
                 'allow_delete' => true,
             ])
-            ->add('doNotSendToDesignatedRecipient', CheckboxType::class)
+            ->add('doNotSendToDesignatedRecipient', CheckboxType::class, [
+                'label' => 'coreshop_mail_rule_do_not_send_to_designated_recipient',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/NotificationBundle/README.md b/src/CoreShop/Bundle/NotificationBundle/README.md
index 2cb3e3b435..a43b8664ae 100644
--- a/src/CoreShop/Bundle/NotificationBundle/README.md
+++ b/src/CoreShop/Bundle/NotificationBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..6a73f9434c
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@coreshop/notification",
+  "version": "1.0.0",
+  "description": "CoreShop NotificationBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/pimcore": "file:../../../../PimcoreBundle/Resources/assets/pimcore-studio",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/store": "file:../../../../StoreBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/assets/mail.svg b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/assets/mail.svg
new file mode 100644
index 0000000000..8141608a17
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/assets/mail.svg
@@ -0,0 +1,6 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#CFD8DC" d="M40,10H8c-2.209,0-4,1.791-4,4v20c0,2.209,1.791,4,4,4h32c2.209,0,4-1.791,4-4V14C44,11.791,42.209,10,40,10&#10;&#9;z"/>
+<path fill="#78909C" d="M44,14.025c0-0.465-0.095-0.904-0.24-1.32L24,27.025L4.241,12.705C4.095,13.121,4,13.561,4,14.025V15&#10;&#9;l20,14.495L44,15V14.025z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/assets/notification-rule.svg b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/assets/notification-rule.svg
new file mode 100644
index 0000000000..bc4dd43e52
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/assets/notification-rule.svg
@@ -0,0 +1,11 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="none" stroke="#B0BEC5" stroke-width="2" d="M23.57,35.903c-0.493,1.581-2.175,2.466-3.757,1.973l-5.728-1.785&#10;&#9;&#9;c-1.582-0.493-2.464-2.175-1.972-3.757l2.083-6.683c0.493-1.581,2.175-2.466,3.757-1.972l5.728,1.785&#10;&#9;&#9;c1.582,0.492,2.464,2.175,1.972,3.756L23.57,35.903z"/>
+	<rect x="3" y="19" fill="#B0BEC5" width="3" height="10"/>
+	<rect x="42" y="8" fill="#B0BEC5" width="3" height="32"/>
+</g>
+<polygon fill="#F44336" points="6,19.71 6,28.29 42,38.711 42,9.29 "/>
+<polygon fill="#FF8A80" points="8,21.264 8,23.432 40,18.293 40,12 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..0837c6cda0
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,85 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { NotificationBundleIconModule } from './modules/icon-library'
+import { Input } from 'antd'
+import { ConditionRegistry, ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { coreshopNotificationServiceIds } from './modules/notification-rules/service-ids'
+import { NotificationRuleManager } from './modules/notification-rules/NotificationRuleManager'
+import { LocalizedMailDocumentsWidget } from './modules/notification-rules/widgets/LocalizedMailDocumentsWidget'
+import { StoreLocalizedMailDocumentsWidget } from './modules/notification-rules/widgets/StoreLocalizedMailDocumentsWidget'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-notification',
+
+  onInit() {
+    // ============================================
+    // Notification Rules Registry Setup
+    // ============================================
+    // Create and bind registries for Notification Rules (SYNCHRONOUS!)
+    container.bind(coreshopNotificationServiceIds.notificationRuleConditionRegistry)
+      .to(ConditionRegistry)
+      .inSingletonScope()
+
+    container.bind(coreshopNotificationServiceIds.notificationRuleActionRegistry)
+      .to(ActionRegistry)
+      .inSingletonScope()
+
+    // ============================================
+    // Widget Registration
+    // ============================================
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop_notification_rules',
+      component: NotificationRuleManager
+    })
+  },
+
+  onStartup({ moduleSystem }) {
+    const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+    // Hide NotificationBundle-owned rule collection prefixes from generic schema forms
+    const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+    ;[
+      'coreshop_notification_rule_condition_collection',
+      'coreshop_notification_action_collection',
+    ].forEach((prefix) => formWidgetRegistry.register(prefix, hiddenWidget))
+
+    // Symfony/Twig-like block-prefix override:
+    // Notification type is rendered by dedicated custom selector in SettingsForm.
+    formWidgetRegistry.register('coreshop_notification_rule_type', () => ({
+      component: Input,
+      extra: {
+        hidden: true,
+      },
+    }))
+
+    // Register custom widgets for localized mail document fields
+    formWidgetRegistry.register('coreshop_localized_mail_documents', () => ({
+      component: LocalizedMailDocumentsWidget,
+    }))
+
+    formWidgetRegistry.register('coreshop_store_localized_mail_documents', () => ({
+      component: StoreLocalizedMailDocumentsWidget,
+    }))
+
+    moduleSystem.registerModule(NotificationBundleIconModule)
+  }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..854958b54a
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,46 @@
+/**
+ * CoreShop NotificationBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import mailIcon from '../../assets/mail.svg?react'
+// @ts-ignore
+import notificationRuleIcon from '../../assets/notification-rule.svg?react'
+
+export const NotificationBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_notification',
+      component: notificationRuleIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_notification_rule',
+      component: notificationRuleIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_notification_rule',
+      component: notificationRuleIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_notification_mail',
+      component: mailIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/NotificationRuleManager.tsx b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/NotificationRuleManager.tsx
new file mode 100644
index 0000000000..37ecba0df4
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/NotificationRuleManager.tsx
@@ -0,0 +1,148 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { EntityTabbedManager } from '@coreshop/resource'
+import { RuleForm } from '@coreshop/rule/src/rules'
+import type { RuleConfig } from '@coreshop/rule/src/rules'
+import { ActionRegistry, ConditionRegistry, registerSchemaComponentsFromMaps } from '@coreshop/rule/src/rules/registry'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { notificationRuleApi } from './api'
+import type { NotificationRule, NotificationRuleConfig, NotificationRuleType } from './types'
+import { SettingsForm } from './components/SettingsForm'
+import { coreshopNotificationServiceIds } from './service-ids'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+export const NotificationRuleManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<NotificationRuleConfig | null>(null)
+  const [selectedType, setSelectedType] = React.useState<NotificationRuleType | null>(null)
+
+  // Load config on mount
+  React.useEffect(() => {
+    notificationRuleApi.getConfig()
+      .then((cfg) => {
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopNotificationServiceIds.notificationRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopNotificationServiceIds.notificationRuleActionRegistry)
+
+        const conditionMap: Record<string, string> = {}
+        const actionMap: Record<string, string> = {}
+
+        for (const type of cfg.types) {
+          for (const [conditionName, blockPrefix] of Object.entries(cfg.conditionSchemaByType?.[type] ?? {})) {
+            conditionMap[`${type}.${conditionName}`] = blockPrefix
+          }
+
+          for (const [actionName, blockPrefix] of Object.entries(cfg.actionSchemaByType?.[type] ?? {})) {
+            actionMap[`${type}.${actionName}`] = blockPrefix
+          }
+        }
+
+        registerSchemaComponentsFromMaps(conditionRegistry, actionRegistry, conditionMap, actionMap, cfg.schemas)
+        setConfig(cfg)
+      })
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load notification config')))
+      })
+  }, [])
+
+  // Build a RuleConfig for the selected type
+  const getRuleConfigForType = React.useCallback((type: NotificationRuleType | null): RuleConfig => {
+    if (!type || !config) {
+      return { conditions: [], actions: [] }
+    }
+
+    // Get conditions and actions for this type and prefix them with the type
+    const typeConditions = config.conditions[type] ?? []
+    const typeActions = config.actions[type] ?? []
+
+    return {
+      conditions: typeConditions.map(c => `${type}.${c}`),
+      actions: typeActions.map(a => `${type}.${a}`)
+    }
+  }, [config])
+
+  if (!config) {
+    return <div style={{ padding: 24, textAlign: 'center' }}>Loading...</div>
+  }
+
+  return (
+    <EntityTabbedManager<NotificationRule>
+      api={notificationRuleApi}
+      dragType='coreshop:notification_rule'
+      leftRootTitle={t('coreshop_notification_rules', { defaultValue: 'Notification Rules' })}
+      localizable
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_notification_rule_add', { defaultValue: 'Add Notification Rule' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await notificationRuleApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+            {t('coreshop_notification_rule_select', { defaultValue: 'Select a notification rule to view details.' })}
+          </div>
+        }
+
+        // Get current type from data or selected type
+        const currentType = data.type ?? selectedType
+
+        // Create rule config based on current type
+        const ruleConfig = getRuleConfigForType(currentType)
+
+        return (
+          <RuleForm
+            rule={data}
+            config={ruleConfig}
+            conditionRegistryId={coreshopNotificationServiceIds.notificationRuleConditionRegistry}
+            actionRegistryId={coreshopNotificationServiceIds.notificationRuleActionRegistry}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            settingsComponent={
+              <SettingsForm
+                rule={data}
+                onChange={setData}
+                types={config.types}
+                currentLocale={ctx?.currentLocale ?? 'en'}
+                locales={ctx?.locales}
+                onTypeChange={(type) => {
+                  setSelectedType(type)
+                  // Reset conditions and actions when type changes
+                  setData({
+                    ...data,
+                    type,
+                    conditions: [],
+                    actions: []
+                  })
+                }}
+              />
+            }
+            onChange={setData}
+            hideToolbar={true}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/api.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/api.ts
new file mode 100644
index 0000000000..55bb5d102a
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/api.ts
@@ -0,0 +1,76 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+import { preSeedSchemaCache } from '@coreshop/studio-form'
+import type { NotificationRule, NotificationRuleConfig } from './types'
+
+export class NotificationRuleApi extends EntityApi<NotificationRule> {
+  /**
+   * Get notification rule configuration (types, conditions, actions)
+   */
+  async getConfig(): Promise<NotificationRuleConfig> {
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/get-config`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to get config: ${response.statusText}`)
+    }
+
+    const config: NotificationRuleConfig = await response.json()
+
+    // Pre-seed schema cache with embedded schemas
+    if (config.schemas) {
+      preSeedSchemaCache(config.schemas)
+    }
+
+    return config
+  }
+
+  /**
+   * Sort notification rules
+   */
+  async sort(ruleId: number, toRuleId: number, position: 'before' | 'after'): Promise<{ success: boolean }> {
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/sort`
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      credentials: 'same-origin',
+      body: new URLSearchParams({
+        rule: String(ruleId),
+        toRule: String(toRuleId),
+        position
+      })
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to sort: ${response.statusText}`)
+    }
+
+    return response.json()
+  }
+}
+
+export const notificationRuleApi = new NotificationRuleApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/notification_rules'
+})
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/components/SettingsForm.tsx b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/components/SettingsForm.tsx
new file mode 100644
index 0000000000..1db18ee369
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/components/SettingsForm.tsx
@@ -0,0 +1,78 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Form, Select } from 'antd'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import { useTranslation } from 'react-i18next'
+import type { NotificationRule, NotificationRuleType } from '../types'
+
+export interface SettingsFormProps {
+  rule: NotificationRule
+  onChange: (draft: Partial<NotificationRule>) => void
+  types: NotificationRuleType[]
+  currentLocale: string
+  locales?: string[]
+  onTypeChange?: (type: NotificationRuleType) => void
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  rule,
+  onChange,
+  types,
+  currentLocale,
+  onTypeChange
+}) => {
+  const { t } = useTranslation()
+
+  const typeOptions = types.map(type => ({
+    value: type,
+    label: t(`coreshop_notification_rule_type_${type}`, { defaultValue: type.charAt(0).toUpperCase() + type.slice(1) })
+  }))
+
+  const handleTypeChange = (value: NotificationRuleType) => {
+    if (onTypeChange) {
+      onTypeChange(value)
+    }
+  }
+
+  const handleFormChange = (draft: Partial<NotificationRule>) => {
+    onChange(draft)
+  }
+
+  return (
+    <div style={{ padding: 12 }}>
+      {/* Type selector - handled separately due to dynamic options and reset logic */}
+      <Form layout='vertical'>
+        <Form.Item
+          label={t('coreshop_notification_rule_type', { defaultValue: 'Type' })}
+          required
+        >
+          <Select
+            value={rule.type}
+            options={typeOptions}
+            placeholder={t('coreshop_select_type', { defaultValue: 'Select a type' })}
+            onChange={handleTypeChange}
+          />
+        </Form.Item>
+      </Form>
+
+      {/* Other fields via SchemaForm */}
+      <SchemaForm<NotificationRule>
+        blockPrefix="coreshop_notification_rule"
+        data={rule}
+        onChange={handleFormChange}
+        currentLocale={currentLocale}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/components/index.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/components/index.ts
new file mode 100644
index 0000000000..466292d1c4
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/components/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { SettingsForm } from './SettingsForm'
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/conditions/index.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/conditions/index.ts
new file mode 100644
index 0000000000..10568bffcf
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/conditions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All conditions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/index.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/index.ts
new file mode 100644
index 0000000000..ba695dd739
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/index.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { NotificationRuleManager } from './NotificationRuleManager'
+export { notificationRuleApi, NotificationRuleApi } from './api'
+export { coreshopNotificationServiceIds } from './service-ids'
+export type { NotificationRule, NotificationRuleType, NotificationRuleConfig } from './types'
+
+// Components
+export { SettingsForm } from './components'
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/service-ids.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/service-ids.ts
new file mode 100644
index 0000000000..0ec7a25479
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/service-ids.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const coreshopNotificationServiceIds = {
+  // Notification Rule Registries - one for each notification type
+  notificationRuleConditionRegistry: Symbol.for('coreshop.notification.notification_rule.condition_registry'),
+  notificationRuleActionRegistry: Symbol.for('coreshop.notification.notification_rule.action_registry')
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/types.ts b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/types.ts
new file mode 100644
index 0000000000..a861aa5b92
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/types.ts
@@ -0,0 +1,55 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { Rule, RuleCondition, RuleAction } from '@coreshop/rule/src/rules'
+
+/**
+ * Notification rule types - each type has its own set of conditions and actions
+ */
+export type NotificationRuleType =
+  | 'order'
+  | 'payment'
+  | 'invoice'
+  | 'shipment'
+  | 'quote'
+  | 'user'
+  | 'messaging'
+
+export interface NotificationRule extends Rule {
+  id?: number
+  name: string
+  type?: NotificationRuleType
+  active: boolean
+  sort?: number
+  conditions?: NotificationRuleCondition[]
+  actions?: NotificationRuleAction[]
+  translations?: Record<string, { label?: string }>
+}
+
+export interface NotificationRuleCondition extends RuleCondition {
+  // The type is prefixed with the notification type, e.g., "order.orderState"
+  type: string
+}
+
+export interface NotificationRuleAction extends RuleAction {
+  // The type is prefixed with the notification type, e.g., "order.mail"
+  type: string
+}
+
+export interface NotificationRuleConfig {
+  types: NotificationRuleType[]
+  conditions: Record<NotificationRuleType, string[]>
+  actions: Record<NotificationRuleType, string[]>
+  conditionSchemaByType?: Record<NotificationRuleType, Record<string, string>>
+  actionSchemaByType?: Record<NotificationRuleType, Record<string, string>>
+  schemas?: Record<string, any>
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/widgets/LocalizedMailDocumentsWidget.tsx b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/widgets/LocalizedMailDocumentsWidget.tsx
new file mode 100644
index 0000000000..9a63c12396
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/widgets/LocalizedMailDocumentsWidget.tsx
@@ -0,0 +1,58 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs } from 'antd'
+import { DocumentSelect } from '@coreshop/pimcore/src/components/DocumentSelect'
+import { useStudioLanguages } from '@coreshop/resource/src/components/localization/useStudioLanguages'
+
+interface LocalizedMailDocumentsWidgetProps {
+  value?: Record<string, number | null>
+  onChange?: (value: Record<string, number | null>) => void
+}
+
+export const LocalizedMailDocumentsWidget: React.FC<LocalizedMailDocumentsWidgetProps> = ({
+  value,
+  onChange,
+}) => {
+  const languages = useStudioLanguages()
+  const mails = value ?? {}
+
+  const handleMailChange = (lang: string, documentId: number | null) => {
+    onChange?.({
+      ...mails,
+      [lang]: documentId,
+    })
+  }
+
+  const tabItems = languages.map(lang => ({
+    key: lang,
+    label: lang.toUpperCase(),
+    children: (
+      <div style={{ padding: 8 }}>
+        <DocumentSelect
+          value={mails[lang] ?? null}
+          onChange={(id) => handleMailChange(lang, id)}
+          documentTypes={['email']}
+        />
+      </div>
+    ),
+  }))
+
+  return (
+    <Tabs
+      defaultActiveKey={languages[0]}
+      items={tabItems}
+      size="small"
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/widgets/StoreLocalizedMailDocumentsWidget.tsx b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/widgets/StoreLocalizedMailDocumentsWidget.tsx
new file mode 100644
index 0000000000..6b97569789
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/src/modules/notification-rules/widgets/StoreLocalizedMailDocumentsWidget.tsx
@@ -0,0 +1,126 @@
+/**
+ * CoreShop NotificationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Collapse, Typography } from 'antd'
+import { DocumentSelect } from '@coreshop/pimcore/src/components/DocumentSelect'
+import { useStudioLanguages } from '@coreshop/resource/src/components/localization/useStudioLanguages'
+import { storeApi } from '@coreshop/store/src/modules/stores/api'
+
+interface Store {
+  id: number
+  name: string
+}
+
+// Module-level cache for stores
+let cachedStores: Store[] | null = null
+let storeLoadPromise: Promise<Store[]> | null = null
+
+const loadStores = async (): Promise<Store[]> => {
+  if (cachedStores) return cachedStores
+  if (storeLoadPromise) return storeLoadPromise
+
+  storeLoadPromise = (async () => {
+    try {
+      const stores = await storeApi.list()
+      cachedStores = stores.map((s: any) => ({ id: s.id, name: s.name }))
+      return cachedStores
+    } catch (err) {
+      console.error('Failed to load stores:', err)
+      return []
+    } finally {
+      storeLoadPromise = null
+    }
+  })()
+
+  return storeLoadPromise
+}
+
+interface StoreLocalizedMailDocumentsWidgetProps {
+  value?: Record<number, Record<string, number | null>>
+  onChange?: (value: Record<number, Record<string, number | null>>) => void
+}
+
+export const StoreLocalizedMailDocumentsWidget: React.FC<StoreLocalizedMailDocumentsWidgetProps> = ({
+  value,
+  onChange,
+}) => {
+  const languages = useStudioLanguages()
+  const mails = value ?? {}
+  const [stores, setStores] = React.useState<Store[]>(cachedStores ?? [])
+  const [loading, setLoading] = React.useState(!cachedStores)
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!cachedStores) {
+        setLoading(true)
+      }
+      try {
+        const loadedStores = await loadStores()
+        setStores(loadedStores)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  const handleMailChange = (storeId: number, lang: string, documentId: number | null) => {
+    onChange?.({
+      ...mails,
+      [storeId]: {
+        ...(mails[storeId] ?? {}),
+        [lang]: documentId,
+      },
+    })
+  }
+
+  if (loading) {
+    return <Typography.Text type="secondary">Loading stores...</Typography.Text>
+  }
+
+  const collapseItems = stores.map(store => {
+    const storeMailConfig = mails[store.id] ?? {}
+
+    const languageTabs = languages.map(lang => ({
+      key: lang,
+      label: lang.toUpperCase(),
+      children: (
+        <div style={{ padding: 8 }}>
+          <DocumentSelect
+            value={storeMailConfig[lang] ?? null}
+            onChange={(id) => handleMailChange(store.id, lang, id)}
+            documentTypes={['email']}
+          />
+        </div>
+      ),
+    }))
+
+    return {
+      key: String(store.id),
+      label: store.name,
+      children: (
+        <Tabs
+          defaultActiveKey={languages[0]}
+          items={languageTabs}
+          size="small"
+        />
+      ),
+    }
+  })
+
+  return (
+    <Collapse
+      items={collapseItems}
+      defaultActiveKey={stores.length > 0 ? [String(stores[0].id)] : []}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/config/serializer/Model.NotificationRule.yml b/src/CoreShop/Bundle/NotificationBundle/Resources/config/serializer/Model.NotificationRule.yml
index 1ecd1e429b..f5658a94a7 100755
--- a/src/CoreShop/Bundle/NotificationBundle/Resources/config/serializer/Model.NotificationRule.yml
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/config/serializer/Model.NotificationRule.yml
@@ -22,7 +22,7 @@ CoreShop\Component\Notification\Model\NotificationRule:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
+            groups: [List, Detailed]
         conditions:
             expose: true
             type: ArrayCollection
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/form.yml
index 6e4d9a3274..5927b0b48e 100644
--- a/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/form.yml
@@ -15,6 +15,7 @@ services:
             - '%coreshop.form.type.notification_rule.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\NotificationBundle\Form\Type\NotificationRuleActionType:
         arguments:
@@ -61,3 +62,11 @@ services:
             - '%coreshop.notification_rule.actions.types%'
         tags:
             - { name: form.type }
+
+    CoreShop\Bundle\NotificationBundle\Form\Schema\MailActionSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\NotificationBundle\Form\Schema\NotificationRuleSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..00b33a477e
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\NotificationBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/NotificationBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..1be43b741e
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,18 @@
+---
+coreshop_email_document: 'Email Dokument'
+coreshop_notification_rule: 'Benachrichtigungsregel'
+coreshop_notification_rule_type: 'Regel-Typ'
+coreshop_mail_rule_do_not_send_to_designated_recipient: 'Nicht an vorgesehenen Empfänger senden'
+
+# Studio v2 - Notification Rules
+coreshop_active: 'Aktiv'
+coreshop_notification_rule_add: 'Benachrichtigungsregel hinzufügen'
+coreshop_notification_rule_select: 'Wählen Sie eine Benachrichtigungsregel aus, um Details anzuzeigen.'
+coreshop_select_email_document: 'E-Mail Dokument auswählen'
+coreshop_select_state: 'Status auswählen'
+coreshop_select_type: 'Typ auswählen'
+coreshop_mail_action_description: 'Sendet eine E-Mail-Benachrichtigung'
+coreshop_mail_attachments: 'Anhänge'
+coreshop_order_mail_action_description: 'Sendet eine bestellbezogene E-Mail-Benachrichtigung'
+coreshop_store_mail_action_description: 'Sendet eine Store-basierte E-Mail-Benachrichtigung'
+coreshop_store_order_mail_action_description: 'Sendet eine Store-basierte Bestell-E-Mail-Benachrichtigung'
diff --git a/src/CoreShop/Bundle/NotificationBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/NotificationBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..445b4b20f8
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,18 @@
+---
+coreshop_email_document: 'Email Document'
+coreshop_notification_rule: 'Notification Rule'
+coreshop_notification_rule_type: 'Rule Type'
+coreshop_mail_rule_do_not_send_to_designated_recipient: 'Do not send to designated recipient'
+
+# Studio v2 - Notification Rules
+coreshop_active: 'Active'
+coreshop_notification_rule_add: 'Add Notification Rule'
+coreshop_notification_rule_select: 'Select a notification rule to view details.'
+coreshop_select_email_document: 'Select email document'
+coreshop_select_state: 'Select state'
+coreshop_select_type: 'Select type'
+coreshop_mail_action_description: 'Sends an email notification'
+coreshop_mail_attachments: 'Attachments'
+coreshop_order_mail_action_description: 'Sends an order-related email notification'
+coreshop_store_mail_action_description: 'Sends a store-based email notification'
+coreshop_store_order_mail_action_description: 'Sends a store-based order email notification'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/NotificationBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/NotificationBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..859c8b15fb
--- /dev/null
+++ b/src/CoreShop/Bundle/NotificationBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\NotificationBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/NotificationBundle/composer.json b/src/CoreShop/Bundle/NotificationBundle/composer.json
index 73add67ca6..39cf6f5174 100644
--- a/src/CoreShop/Bundle/NotificationBundle/composer.json
+++ b/src/CoreShop/Bundle/NotificationBundle/composer.json
@@ -1,60 +1,67 @@
 {
-  "name": "coreshop/notification-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Notification Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/notification-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Notification Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/notification": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/rule-bundle": "^5.0",
+        "coreshop/messenger-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/notification": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/rule-bundle": "^5.0",
-    "coreshop/messenger-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\NotificationBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\NotificationBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/OptimisticEntityLockBundle/README.md b/src/CoreShop/Bundle/OptimisticEntityLockBundle/README.md
index 41059e7edf..1a862d3f08 100644
--- a/src/CoreShop/Bundle/OptimisticEntityLockBundle/README.md
+++ b/src/CoreShop/Bundle/OptimisticEntityLockBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/OptimisticEntityLockBundle/composer.json b/src/CoreShop/Bundle/OptimisticEntityLockBundle/composer.json
index 726c2562b9..c2cf6d461a 100644
--- a/src/CoreShop/Bundle/OptimisticEntityLockBundle/composer.json
+++ b/src/CoreShop/Bundle/OptimisticEntityLockBundle/composer.json
@@ -1,59 +1,56 @@
 {
-  "name": "coreshop/optimistic-entity-lock-bundle",
-  "type": "library",
-  "description": "CoreShop Optimistic Entity Lock Bundle.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/optimistic-entity-lock-bundle",
+    "type": "library",
+    "description": "CoreShop Optimistic Entity Lock Bundle.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\OptimisticEntityLockBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": true
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\OptimisticEntityLockBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/OrderBundle/EventListener/Grid/CartFilterListener.php b/src/CoreShop/Bundle/OrderBundle/AdminClass/EventListener/Grid/CartFilterListener.php
similarity index 93%
rename from src/CoreShop/Bundle/OrderBundle/EventListener/Grid/CartFilterListener.php
rename to src/CoreShop/Bundle/OrderBundle/AdminClass/EventListener/Grid/CartFilterListener.php
index 1211f9efc8..be4c87f72a 100644
--- a/src/CoreShop/Bundle/OrderBundle/EventListener/Grid/CartFilterListener.php
+++ b/src/CoreShop/Bundle/OrderBundle/AdminClass/EventListener/Grid/CartFilterListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\OrderBundle\EventListener\Grid;
+namespace CoreShop\Bundle\OrderBundle\AdminClass\EventListener\Grid;
 
 use Pimcore\Model\DataObject;
 use Symfony\Component\EventDispatcher\GenericEvent;
diff --git a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/Factory/OrderStateFactory.php b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/OrderStateFactory.php
similarity index 83%
rename from src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/Factory/OrderStateFactory.php
rename to src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/OrderStateFactory.php
index c672182653..061379feed 100644
--- a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/Factory/OrderStateFactory.php
+++ b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/OrderStateFactory.php
@@ -15,9 +15,9 @@
  *
  */
 
-namespace CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator\Factory;
+namespace CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator\Factory;
 
-use CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator\OrderState;
+use CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator\OrderState;
 use CoreShop\Bundle\WorkflowBundle\StateManager\WorkflowStateInfoManagerInterface;
 use Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\Factory\OperatorFactoryInterface;
 
diff --git a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/Factory/PriceFormatterFactory.php b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/PriceFormatterFactory.php
similarity index 85%
rename from src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/Factory/PriceFormatterFactory.php
rename to src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/PriceFormatterFactory.php
index b90861f145..2ce6f5ebf5 100644
--- a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/Factory/PriceFormatterFactory.php
+++ b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/Factory/PriceFormatterFactory.php
@@ -15,9 +15,9 @@
  *
  */
 
-namespace CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator\Factory;
+namespace CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator\Factory;
 
-use CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator\PriceFormatter;
+use CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator\PriceFormatter;
 use CoreShop\Component\Currency\Formatter\MoneyFormatterInterface;
 use CoreShop\Component\Locale\Context\LocaleContextInterface;
 use Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\Factory\OperatorFactoryInterface;
diff --git a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/OrderState.php b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/OrderState.php
similarity index 97%
rename from src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/OrderState.php
rename to src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/OrderState.php
index b12c38068a..7045c3e5d0 100644
--- a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/OrderState.php
+++ b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/OrderState.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator;
+namespace CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator;
 
 use CoreShop\Bundle\WorkflowBundle\StateManager\WorkflowStateInfoManagerInterface;
 use Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\AbstractOperator;
diff --git a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/PriceFormatter.php b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/PriceFormatter.php
similarity index 96%
rename from src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/PriceFormatter.php
rename to src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/PriceFormatter.php
index 7aaae2310d..66dd458721 100644
--- a/src/CoreShop/Bundle/OrderBundle/Pimcore/GridColumnConfig/Operator/PriceFormatter.php
+++ b/src/CoreShop/Bundle/OrderBundle/AdminClass/Pimcore/GridColumnConfig/Operator/PriceFormatter.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator;
+namespace CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator;
 
 use CoreShop\Component\Currency\Formatter\MoneyFormatterInterface;
 use CoreShop\Component\Currency\Model\CurrencyAwareInterface;
diff --git a/src/CoreShop/Bundle/OrderBundle/Controller/CartPriceRuleController.php b/src/CoreShop/Bundle/OrderBundle/Controller/CartPriceRuleController.php
index 5c3b7c93a1..abf8ad20ae 100644
--- a/src/CoreShop/Bundle/OrderBundle/Controller/CartPriceRuleController.php
+++ b/src/CoreShop/Bundle/OrderBundle/Controller/CartPriceRuleController.php
@@ -20,6 +20,8 @@
 use CoreShop\Bundle\OrderBundle\Form\Type\VoucherGeneratorType;
 use CoreShop\Bundle\OrderBundle\Form\Type\VoucherType;
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
 use CoreShop\Component\Order\Generator\CartPriceRuleVoucherCodeGenerator;
 use CoreShop\Component\Order\Model\CartPriceRuleInterface;
 use CoreShop\Component\Order\Model\CartPriceRuleVoucherCode;
@@ -28,6 +30,7 @@
 use CoreShop\Component\Order\Repository\CartPriceRuleVoucherRepositoryInterface;
 use CoreShop\Component\Resource\Factory\FactoryInterface;
 use Symfony\Component\Form\FormFactoryInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\JsonResponse;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
@@ -46,19 +49,44 @@ public function listVoucherRulesAction(): JsonResponse
         return $this->viewHandler->handle($data, ['group' => 'List']);
     }
 
-    public function getConfigAction(Request $request): JsonResponse
-    {
+    public function getConfigAction(
+        Request $request,
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.cart_price_rule.conditions')]
+        FormTypeRegistryInterface $conditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.cart_price_rule.actions')]
+        FormTypeRegistryInterface $actionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.cart_item_price_rule.conditions')]
+        FormTypeRegistryInterface $itemConditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.cart_item_price_rule.actions')]
+        FormTypeRegistryInterface $itemActionFormRegistry,
+    ): JsonResponse {
         $actions = $this->getConfigActions();
         $conditions = $this->getConfigConditions();
 
         $itemActions = $this->getCartItemConfigActions();
         $itemConditions = $this->getCartItemConfigConditions();
 
+        $conditionSchemas = $schemaCollector->collectSchemasWithTypeMap($conditionFormRegistry, array_keys($conditions));
+        $actionSchemas = $schemaCollector->collectSchemasWithTypeMap($actionFormRegistry, array_keys($actions));
+        $itemConditionSchemas = $schemaCollector->collectSchemasWithTypeMap($itemConditionFormRegistry, array_keys($itemConditions));
+        $itemActionSchemas = $schemaCollector->collectSchemasWithTypeMap($itemActionFormRegistry, array_keys($itemActions));
+
         return $this->viewHandler->handle([
             'actions' => array_keys($actions),
             'conditions' => array_keys($conditions),
             'itemActions' => array_keys($itemActions),
             'itemConditions' => array_keys($itemConditions),
+            'schemas' => array_merge(
+                $conditionSchemas['schemas'],
+                $actionSchemas['schemas'],
+                $itemConditionSchemas['schemas'],
+                $itemActionSchemas['schemas'],
+            ),
+            'conditionSchemaByType' => $conditionSchemas['schemaByType'],
+            'actionSchemaByType' => $actionSchemas['schemaByType'],
+            'itemConditionSchemaByType' => $itemConditionSchemas['schemaByType'],
+            'itemActionSchemaByType' => $itemActionSchemas['schemaByType'],
         ]);
     }
 
diff --git a/src/CoreShop/Bundle/OrderBundle/Controller/OrderController.php b/src/CoreShop/Bundle/OrderBundle/Controller/OrderController.php
index 44cad99dd7..ccb453157e 100644
--- a/src/CoreShop/Bundle/OrderBundle/Controller/OrderController.php
+++ b/src/CoreShop/Bundle/OrderBundle/Controller/OrderController.php
@@ -46,6 +46,7 @@
 use CoreShop\Component\Order\Repository\OrderItemRepositoryInterface;
 use CoreShop\Component\Order\Repository\OrderRepositoryInterface;
 use CoreShop\Component\Order\Repository\OrderShipmentRepositoryInterface;
+use CoreShop\Component\Payment\Model\PaymentInterface;
 use CoreShop\Component\Payment\Repository\PaymentRepositoryInterface;
 use CoreShop\Component\Pimcore\DataObject\DataLoader;
 use CoreShop\Component\Pimcore\DataObject\InheritanceHelper;
@@ -336,7 +337,7 @@ public function findOrderAction(Request $request, OrderRepositoryInterface $orde
             $orders = $list->getData();
 
             if (count($orders) > 0) {
-                return $this->viewHandler->handle(['success' => true, 'id' => $orders[0]->getId()]);
+                return $this->viewHandler->handle(['success' => true, 'id' => $orders[0]->getId(), 'saleNumber' => $orders[0]->getOrderNumber()]);
             }
         }
 
@@ -498,6 +499,24 @@ protected function getDetails(OrderInterface $order, ?string $locale = null): ar
         $jsonSale['invoices'] = $invoices;
         $jsonSale['payments'] = $this->getPayments($order, $locale);
         $jsonSale['shipments'] = $this->getShipments($order, $locale);
+
+        // Calculate total unpaid amount (exclude failed, cancelled, refunded, unknown payments)
+        $totalPaid = 0;
+        $payments = $this->container->get('coreshop.repository.payment')->findForPayable($order);
+        foreach ($payments as $payment) {
+            $state = $payment->getState();
+            // Only count payments that are successful or in progress
+            if (!in_array($state, [
+                PaymentInterface::STATE_FAILED,
+                PaymentInterface::STATE_CANCELLED,
+                PaymentInterface::STATE_REFUNDED,
+                PaymentInterface::STATE_UNKNOWN,
+            ], true)) {
+                $totalPaid += $payment->getTotalAmount();
+            }
+        }
+        $jsonSale['totalUnpaid'] = max(0, $order->getTotal() - $totalPaid);
+
         $jsonSale['paymentCreationAllowed'] = !in_array(
             $order->getOrderState(),
             [OrderStates::STATE_CANCELLED, OrderStates::STATE_COMPLETE],
@@ -689,7 +708,7 @@ protected function getStatesHistory(OrderInterface $order): array
             $statesHistory[] = [
                 'icon' => 'coreshop_icon_orderstates',
                 'type' => $note->getType(),
-                'date' => $date->isoFormat('DD.MM.YYYY h:mm'),
+                'date' => $date->isoFormat('DD.MM.YYYY hh:mm'),
                 'avatar' => $avatar,
                 'user' => $user ? $user->getName() : null,
                 'description' => $note->getDescription(),
diff --git a/src/CoreShop/Bundle/OrderBundle/Controller/OrderCreationController.php b/src/CoreShop/Bundle/OrderBundle/Controller/OrderCreationController.php
index b061f42883..a40f1a0777 100644
--- a/src/CoreShop/Bundle/OrderBundle/Controller/OrderCreationController.php
+++ b/src/CoreShop/Bundle/OrderBundle/Controller/OrderCreationController.php
@@ -90,7 +90,7 @@ public function salePreviewAction(
 
             $cart = $handledForm->getData();
 
-            InheritanceHelper::useInheritedValues(static function () use ($cartProcessor, $cart): void {
+            InheritanceHelper::useInheritedValues(static function () use ($cartProcessor, $cart) {
                 $cartProcessor->process($cart);
             });
 
@@ -145,23 +145,26 @@ public function saleCreationAction(
 
             $cartManager->persistCart($cart);
 
-            $workflow = $manager->get($cart, OrderSaleTransitions::IDENTIFIER);
-            $orderWorkflow = $manager->get($cart, OrderTransitions::IDENTIFIER);
+            // Only apply workflow transitions for order and quote, not for cart
+            if ($type !== OrderSaleTransitions::TRANSITION_CART) {
+                $workflow = $manager->get($cart, OrderSaleTransitions::IDENTIFIER);
+                $orderWorkflow = $manager->get($cart, OrderTransitions::IDENTIFIER);
 
-            if (!$workflow->can($cart, $type)) {
-                throw new HttpException(500);
-            }
+                if (!$workflow->can($cart, $type)) {
+                    throw new HttpException(500);
+                }
 
-            InheritanceHelper::useInheritedValues(static function () use ($workflow, $cart, $type, $cartManager, $orderWorkflow): void {
-                $workflow->apply($cart, $type);
+                InheritanceHelper::useInheritedValues(static function () use ($workflow, $cart, $type, $cartManager, $orderWorkflow) {
+                    $workflow->apply($cart, $type);
 
-                if ($type === OrderSaleTransitions::TRANSITION_ORDER) {
-                    //confirm order
-                    $orderWorkflow->apply($cart, OrderTransitions::TRANSITION_CONFIRM);
-                }
+                    if ($type === OrderSaleTransitions::TRANSITION_ORDER) {
+                        //confirm order
+                        $orderWorkflow->apply($cart, OrderTransitions::TRANSITION_CONFIRM);
+                    }
 
-                $cartManager->persistCart($cart);
-            });
+                    $cartManager->persistCart($cart);
+                });
+            }
 
             return $this->viewHandler->handle([
                 'success' => true,
diff --git a/src/CoreShop/Bundle/OrderBundle/Controller/StudioOrderDocumentController.php b/src/CoreShop/Bundle/OrderBundle/Controller/StudioOrderDocumentController.php
new file mode 100644
index 0000000000..b3d66ab0a0
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Controller/StudioOrderDocumentController.php
@@ -0,0 +1,420 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Controller;
+
+use Carbon\Carbon;
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderInvoiceCreationType;
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderShipmentCreationType;
+use CoreShop\Bundle\ResourceBundle\Controller\AdminController;
+use CoreShop\Bundle\ResourceBundle\Form\Helper\ErrorSerializer;
+use CoreShop\Bundle\WorkflowBundle\Manager\StateMachineManager;
+use CoreShop\Bundle\WorkflowBundle\Manager\StateMachineManagerInterface;
+use CoreShop\Component\Order\InvoiceStates;
+use CoreShop\Component\Order\Model\OrderInterface;
+use CoreShop\Component\Order\Model\OrderItemInterface;
+use CoreShop\Component\Order\Model\OrderPaymentInterface;
+use CoreShop\Component\Order\OrderInvoiceTransitions;
+use CoreShop\Component\Order\OrderShipmentTransitions;
+use CoreShop\Component\Order\Processable\ProcessableInterface;
+use CoreShop\Component\Order\Repository\OrderRepositoryInterface;
+use CoreShop\Component\Order\ShipmentStates;
+use CoreShop\Component\Order\Transformer\OrderDocumentTransformerInterface;
+use CoreShop\Component\Order\Transformer\OrderToShipmentTransformer;
+use CoreShop\Component\Payment\Model\PaymentInterface;
+use CoreShop\Component\Payment\Model\PaymentProviderInterface;
+use CoreShop\Component\Payment\PaymentTransitions;
+use CoreShop\Component\Payment\Repository\PaymentProviderRepositoryInterface;
+use CoreShop\Component\Payment\Repository\PaymentRepositoryInterface;
+use CoreShop\Component\Resource\Factory\FactoryInterface;
+use CoreShop\Component\Resource\Factory\PimcoreFactoryInterface;
+use CoreShop\Component\Resource\TokenGenerator\UniqueTokenGenerator;
+use Doctrine\ORM\EntityManager;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use Symfony\Component\EventDispatcher\GenericEvent;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Contracts\EventDispatcher\EventDispatcherInterface;
+use Symfony\Contracts\Service\Attribute\SubscribedService;
+
+class StudioOrderDocumentController extends AdminController
+{
+    public function getInvoiceAbleItemsAction(Request $request): JsonResponse
+    {
+        $orderId = $this->getParameterFromRequest($request, 'id');
+        $order = $this->getOrderRepository()->find($orderId);
+
+        if (!$order instanceof OrderInterface) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'Order with ID "' . $orderId . '" not found']);
+        }
+
+        if (!$this->getInvoiceProcessableHelper()->isProcessable($order)) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'The current order state does not allow to create invoices']);
+        }
+
+        try {
+            $items = $this->getInvoiceProcessableHelper()->getProcessableItems($order);
+        } catch (\Exception $e) {
+            return $this->viewHandler->handle(['success' => false, 'message' => $e->getMessage()]);
+        }
+
+        $itemsToReturn = [];
+
+        foreach ($items as $item) {
+            $orderItem = $item['item'];
+            if ($orderItem instanceof OrderItemInterface) {
+                $itemToReturn = [
+                    'orderItemId' => $orderItem->getId(),
+                    'price' => $orderItem->getItemPrice(),
+                    'maxToInvoice' => $item['quantity'],
+                    'quantity' => $orderItem->getQuantity(),
+                    'quantityInvoiced' => $orderItem->getQuantity() - $item['quantity'],
+                    'toInvoice' => $item['quantity'],
+                    'tax' => $orderItem->getTotalTax(),
+                    'total' => $orderItem->getTotal(),
+                    'name' => $orderItem->getName(),
+                ];
+
+                $event = new GenericEvent($orderItem, $itemToReturn);
+                $this->container->get('event_dispatcher')->dispatch($event, 'coreshop.order.invoice.prepare_invoice_able');
+
+                $itemsToReturn[$orderItem->getId()] = $event->getArguments();
+            }
+        }
+
+        return $this->viewHandler->handle(['success' => true, 'items' => $itemsToReturn]);
+    }
+
+    public function createInvoiceAction(Request $request): JsonResponse
+    {
+        $orderId = $this->getParameterFromRequest($request, 'id');
+        $order = $this->getOrderRepository()->find($orderId);
+
+        if (!$order instanceof OrderInterface) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'Order with ID "' . $orderId . '" not found']);
+        }
+
+        $processableItems = $this->getInvoiceProcessableHelper()->getProcessableItems($order);
+        $allowedData = [
+            'id' => $orderId,
+            'items' => array_combine(
+                array_map(static fn ($item): mixed => $item['item']->getId(), $processableItems),
+                array_map(static fn ($item) => [
+                    'orderItemId' => $item['item']->getId(),
+                    'maxQuantity' => $item['quantity'],
+                ], $processableItems),
+            ),
+        ];
+
+        $form = $this->container->get('form.factory')->createNamed('', OrderInvoiceCreationType::class, $allowedData);
+        $handledForm = $form->handleRequest($request);
+
+        if (!$handledForm->isValid()) {
+            return $this->viewHandler->handle([
+                'success' => false,
+                'message' => implode("\n", $this->container->get(ErrorSerializer::class)->serializeErrorFromHandledForm($form)),
+            ]);
+        }
+
+        $resource = $handledForm->getData();
+
+        try {
+            $workflow = $this->getStateMachineManager()->get($order, 'coreshop_order_invoice');
+            if ($workflow->can($order, OrderInvoiceTransitions::TRANSITION_REQUEST_INVOICE)) {
+                $workflow->apply($order, OrderInvoiceTransitions::TRANSITION_REQUEST_INVOICE);
+            }
+
+            $invoice = $this->getInvoiceFactory()->createNew();
+            $invoice->setState(InvoiceStates::STATE_NEW);
+
+            foreach ($resource as $key => $value) {
+                if (in_array($key, ['items', 'id', 'state'])) {
+                    continue;
+                }
+
+                $invoice->setValue($key, $value);
+            }
+
+            $items = $resource['items'];
+            $invoice = $this->getOrderToInvoiceTransformer()->transform($order, $invoice, $items);
+
+            return $this->viewHandler->handle(['success' => true, 'invoiceId' => $invoice->getId()]);
+        } catch (\Exception $ex) {
+            return $this->viewHandler->handle(['success' => false, 'message' => $ex->getMessage()]);
+        }
+    }
+
+    public function getShipAbleItemsAction(Request $request): JsonResponse
+    {
+        $orderId = $this->getParameterFromRequest($request, 'id');
+        $order = $this->getOrderRepository()->find($orderId);
+
+        if (!$order instanceof OrderInterface) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'Order with ID "' . $orderId . '" not found']);
+        }
+
+        if (!$this->getShipmentProcessableHelper()->isProcessable($order)) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'The current order state does not allow to create shipments']);
+        }
+
+        try {
+            $items = $this->getShipmentProcessableHelper()->getProcessableItems($order);
+        } catch (\Exception $e) {
+            return $this->viewHandler->handle(['success' => false, 'message' => $e->getMessage()]);
+        }
+
+        $itemsToReturn = [];
+
+        foreach ($items as $item) {
+            $orderItem = $item['item'];
+            if ($orderItem instanceof OrderItemInterface) {
+                $itemToReturn = [
+                    'orderItemId' => $orderItem->getId(),
+                    'price' => $orderItem->getItemPrice(),
+                    'maxToShip' => $item['quantity'],
+                    'quantity' => $orderItem->getQuantity(),
+                    'quantityShipped' => $orderItem->getQuantity() - $item['quantity'],
+                    'toShip' => $item['quantity'],
+                    'tax' => $orderItem->getTotalTax(),
+                    'total' => $orderItem->getTotal(),
+                    'name' => $orderItem->getName(),
+                ];
+
+                $event = new GenericEvent($orderItem, $itemToReturn);
+                $this->container->get('event_dispatcher')->dispatch($event, 'coreshop.order.shipment.prepare_ship_able');
+
+                $itemsToReturn[$orderItem->getId()] = $event->getArguments();
+            }
+        }
+
+        return $this->viewHandler->handle(['success' => true, 'items' => $itemsToReturn]);
+    }
+
+    public function createShipmentAction(Request $request): JsonResponse
+    {
+        $orderId = $this->getParameterFromRequest($request, 'id');
+        $order = $this->getOrderRepository()->find($orderId);
+
+        if (!$order instanceof OrderInterface) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'Order with ID "' . $orderId . '" not found']);
+        }
+
+        $processableItems = $this->getShipmentProcessableHelper()->getProcessableItems($order);
+        $allowedData = [
+            'id' => $orderId,
+            'items' => array_combine(
+                array_map(static fn ($item): mixed => $item['item']->getId(), $processableItems),
+                array_map(static fn ($item) => [
+                    'orderItemId' => $item['item']->getId(),
+                    'maxQuantity' => $item['quantity'],
+                ], $processableItems),
+            ),
+        ];
+
+        $form = $this->container->get('form.factory')->createNamed('', OrderShipmentCreationType::class, $allowedData);
+        $handledForm = $form->handleRequest($request);
+
+        if (!$handledForm->isValid()) {
+            return $this->viewHandler->handle([
+                'success' => false,
+                'message' => implode("\n", $this->container->get(ErrorSerializer::class)->serializeErrorFromHandledForm($form)),
+            ]);
+        }
+
+        $resource = $handledForm->getData();
+
+        try {
+            $workflow = $this->getStateMachineManager()->get($order, 'coreshop_order_shipment');
+            if ($workflow->can($order, OrderShipmentTransitions::TRANSITION_REQUEST_SHIPMENT)) {
+                $workflow->apply($order, OrderShipmentTransitions::TRANSITION_REQUEST_SHIPMENT);
+            }
+
+            $shipment = $this->getShipmentFactory()->createNew();
+            $shipment->setState(ShipmentStates::STATE_NEW);
+
+            foreach ($resource as $key => $value) {
+                if (in_array($key, ['items', 'id', 'state'])) {
+                    continue;
+                }
+
+                $shipment->setValue($key, $value);
+            }
+
+            $items = $resource['items'];
+            $shipment = $this->getOrderToShipmentTransformer()->transform($order, $shipment, $items);
+
+            return $this->viewHandler->handle(['success' => true, 'shipmentId' => $shipment->getId()]);
+        } catch (\Exception $ex) {
+            return $this->viewHandler->handle(['success' => false, 'message' => $ex->getMessage()]);
+        }
+    }
+
+    public function addPaymentAction(Request $request): JsonResponse
+    {
+        $orderId = $this->getParameterFromRequest($request, 'id');
+        $order = $this->getOrderRepository()->find($orderId);
+        $amount = (int) round($this->getParameterFromRequest($request, 'amount', 0) * $this->getParameter('coreshop.currency.decimal_factor'));
+        $paymentProviderId = $this->getParameterFromRequest($request, 'paymentProvider');
+
+        if (!$order instanceof OrderInterface) {
+            return $this->viewHandler->handle(['success' => false, 'message' => 'Order with ID "' . $orderId . '" not found']);
+        }
+
+        $payments = $this->getPaymentRepository()->findForPayable($order);
+        $paymentProvider = $this->getPaymentProviderRepository()->find($paymentProviderId);
+        $totalPayed = array_sum(array_map(static function (PaymentInterface $payment) {
+            $state = $payment->getState();
+            if ($state === PaymentInterface::STATE_CANCELLED ||
+                $state === PaymentInterface::STATE_FAILED ||
+                $state === PaymentInterface::STATE_REFUNDED) {
+                return 0;
+            }
+
+            return $payment->getTotalAmount();
+        }, $payments));
+
+        if ($paymentProvider instanceof PaymentProviderInterface) {
+            $totalPaymentWouldBe = $totalPayed + $amount;
+
+            if ($totalPaymentWouldBe > $order->getTotal()) {
+                return $this->viewHandler->handle([
+                    'success' => false,
+                    'message' => 'Payed Amount is greater than order amount',
+                ]);
+            }
+
+            $tokenGenerator = new UniqueTokenGenerator(true);
+            $uniqueId = $tokenGenerator->generate(15);
+            $orderNumber = preg_replace('/[^A-Za-z0-9\-_]/', '', str_replace(' ', '_', $order->getOrderNumber())) . '_' . $uniqueId;
+
+            /**
+             * @var PaymentInterface $payment
+             */
+            $payment = $this->getPaymentFactory()->createNew();
+            $payment->setNumber($orderNumber);
+            $payment->setPaymentProvider($paymentProvider);
+
+            if (method_exists($payment, 'setCurrency')) {
+                $payment->setCurrency($order->getBaseCurrency());
+            }
+
+            $payment->setTotalAmount($amount);
+            $payment->setState(PaymentInterface::STATE_NEW);
+            $payment->setDatePayment(Carbon::now());
+
+            if ($payment instanceof OrderPaymentInterface) {
+                $payment->setOrder($order);
+            }
+
+            $this->getEntityManager()->persist($payment);
+            $this->getEntityManager()->flush();
+
+            $workflow = $this->getStateMachineManager()->get($payment, 'coreshop_payment');
+            $workflow->apply($payment, PaymentTransitions::TRANSITION_PROCESS);
+
+            return $this->viewHandler->handle([
+                'success' => true,
+                'totalPayed' => $totalPayed,
+            ]);
+        }
+
+        return $this->viewHandler->handle([
+            'success' => false,
+            'message' => sprintf('Payment Provider %s not found', $paymentProviderId),
+        ]);
+    }
+
+    private function getOrderRepository(): OrderRepositoryInterface
+    {
+        return $this->container->get('coreshop.repository.order');
+    }
+
+    private function getInvoiceProcessableHelper(): ProcessableInterface
+    {
+        return $this->container->get('coreshop.order.invoice.processable');
+    }
+
+    private function getShipmentProcessableHelper(): ProcessableInterface
+    {
+        return $this->container->get('coreshop.order.shipment.processable');
+    }
+
+    private function getInvoiceFactory(): PimcoreFactoryInterface
+    {
+        return $this->container->get('coreshop.factory.order_invoice');
+    }
+
+    private function getShipmentFactory(): FactoryInterface
+    {
+        return $this->container->get('coreshop.factory.order_shipment');
+    }
+
+    private function getOrderToInvoiceTransformer(): OrderDocumentTransformerInterface
+    {
+        return $this->container->get('coreshop.order.transformer.order_to_invoice');
+    }
+
+    private function getOrderToShipmentTransformer(): OrderDocumentTransformerInterface
+    {
+        return $this->container->get(OrderToShipmentTransformer::class);
+    }
+
+    private function getPaymentRepository(): PaymentRepositoryInterface
+    {
+        return $this->container->get('coreshop.repository.payment');
+    }
+
+    private function getPaymentProviderRepository(): PaymentProviderRepositoryInterface
+    {
+        return $this->container->get('coreshop.repository.payment_provider');
+    }
+
+    private function getPaymentFactory(): FactoryInterface
+    {
+        return $this->container->get('coreshop.factory.payment');
+    }
+
+    private function getEntityManager(): EntityManager
+    {
+        return $this->container->get('doctrine.orm.entity_manager');
+    }
+
+    protected function getStateMachineManager(): StateMachineManager
+    {
+        return $this->container->get(StateMachineManagerInterface::class);
+    }
+
+    public static function getSubscribedServices(): array
+    {
+        return array_merge(parent::getSubscribedServices(), [
+            new SubscribedService(StateMachineManagerInterface::class, StateMachineManagerInterface::class),
+            new SubscribedService('coreshop.repository.order', OrderRepositoryInterface::class),
+            new SubscribedService('event_dispatcher', EventDispatcherInterface::class),
+            new SubscribedService(ErrorSerializer::class, ErrorSerializer::class),
+            new SubscribedService('coreshop.order.invoice.processable', ProcessableInterface::class, attributes: new Autowire(service: 'coreshop.order.invoice.processable')),
+            new SubscribedService('coreshop.order.shipment.processable', ProcessableInterface::class, attributes: new Autowire(service: 'coreshop.order.shipment.processable')),
+            new SubscribedService('coreshop.factory.order_invoice', PimcoreFactoryInterface::class, attributes: new Autowire(service: 'coreshop.factory.order_invoice')),
+            new SubscribedService('coreshop.factory.order_shipment', FactoryInterface::class, attributes: new Autowire(service: 'coreshop.factory.order_shipment')),
+            new SubscribedService('coreshop.order.transformer.order_to_invoice', OrderDocumentTransformerInterface::class, attributes: new Autowire('@CoreShop\Component\Order\Transformer\OrderToInvoiceTransformer')),
+            new SubscribedService(OrderToShipmentTransformer::class, OrderToShipmentTransformer::class),
+            new SubscribedService('coreshop.repository.payment', PaymentRepositoryInterface::class),
+            new SubscribedService('coreshop.repository.payment_provider', PaymentProviderRepositoryInterface::class),
+            new SubscribedService('coreshop.factory.payment', FactoryInterface::class, attributes: new Autowire(service: 'coreshop.factory.payment')),
+            new SubscribedService('doctrine.orm.entity_manager', EntityManager::class, attributes: new Autowire(service: 'doctrine.orm.entity_manager')),
+        ]);
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/CoreShopOrderBundle.php b/src/CoreShop/Bundle/OrderBundle/CoreShopOrderBundle.php
index 7afd7838d5..e688d37bc0 100644
--- a/src/CoreShop/Bundle/OrderBundle/CoreShopOrderBundle.php
+++ b/src/CoreShop/Bundle/OrderBundle/CoreShopOrderBundle.php
@@ -24,6 +24,7 @@
 use CoreShop\Bundle\OrderBundle\DependencyInjection\Compiler\CartItemPriceRuleConditionPass;
 use CoreShop\Bundle\OrderBundle\DependencyInjection\Compiler\CartPriceRuleActionPass;
 use CoreShop\Bundle\OrderBundle\DependencyInjection\Compiler\CartPriceRuleConditionPass;
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterFormTypesFromTagsPass;
 use CoreShop\Bundle\OrderBundle\DependencyInjection\Compiler\PurchasableCustomAttributesCalculatorsPass;
 use CoreShop\Bundle\OrderBundle\DependencyInjection\Compiler\PurchasableDiscountCalculatorsPass;
 use CoreShop\Bundle\OrderBundle\DependencyInjection\Compiler\PurchasableDiscountPriceCalculatorsPass;
@@ -67,6 +68,11 @@ public function build(ContainerBuilder $container): void
         $container->addCompilerPass(new PurchasableRetailPriceCalculatorsPass());
         $container->addCompilerPass(new PurchasableWholesalePriceCalculatorsPass());
         $container->addCompilerPass(new PurchasableCustomAttributesCalculatorsPass());
+
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(CartPriceRuleConditionPass::CART_PRICE_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(CartPriceRuleActionPass::CART_PRICE_RULE_ACTION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(CartItemPriceRuleConditionPass::CART_ITEM_PRICE_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(CartItemPriceRuleActionPass::CART_ITEM_PRICE_RULE_ACTION_TAG));
     }
 
     public static function registerDependentBundles(BundleCollection $collection): void
diff --git a/src/CoreShop/Bundle/OrderBundle/DependencyInjection/CoreShopOrderExtension.php b/src/CoreShop/Bundle/OrderBundle/DependencyInjection/CoreShopOrderExtension.php
index b834a584dc..77f5d0e454 100644
--- a/src/CoreShop/Bundle/OrderBundle/DependencyInjection/CoreShopOrderExtension.php
+++ b/src/CoreShop/Bundle/OrderBundle/DependencyInjection/CoreShopOrderExtension.php
@@ -46,10 +46,26 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopOrderExtension extends AbstractModelExtension
+final class CoreShopOrderExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopCartPriceRule',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -76,6 +92,14 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
+        if (array_key_exists('PimcoreAdminBundle', $bundles)) {
+            $loader->load('services/classic_admin.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Schema/AdminAddressCreationSchemaEnricher.php b/src/CoreShop/Bundle/OrderBundle/Form/Schema/AdminAddressCreationSchemaEnricher.php
new file mode 100644
index 0000000000..c7c79ed801
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Schema/AdminAddressCreationSchemaEnricher.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Schema;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\AdminAddressCreationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class AdminAddressCreationSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array HIDDEN_FIELDS = [
+        'customer',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === AdminAddressCreationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->fields = array_values(array_filter($schema->fields, function ($field) {
+            return !in_array($field->name, self::HIDDEN_FIELDS, true);
+        }));
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Schema/CartCreationSchemaEnricher.php b/src/CoreShop/Bundle/OrderBundle/Form/Schema/CartCreationSchemaEnricher.php
new file mode 100644
index 0000000000..5506266831
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Schema/CartCreationSchemaEnricher.php
@@ -0,0 +1,63 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Schema;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\CartCreationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\SectionSchema;
+
+final class CartCreationSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_SECTIONS = [
+        'store' => 'base',
+        'currency' => 'base',
+        'localeCode' => 'base',
+        'items' => 'items',
+    ];
+
+    private const array HIDDEN_FIELDS = [
+        'name',
+        'customer',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === CartCreationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->sections = array_merge($schema->sections, [
+            new SectionSchema('base', 'coreshop_order_creation_base', 10),
+            new SectionSchema('items', 'coreshop_order_creation_products', 20),
+        ]);
+
+        $schema->fields = array_values(array_filter($schema->fields, function ($field) {
+            return !in_array($field->name, self::HIDDEN_FIELDS, true);
+        }));
+
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_SECTIONS[$field->name])) {
+                $field->section = self::FIELD_SECTIONS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderInvoiceCreationSchemaEnricher.php b/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderInvoiceCreationSchemaEnricher.php
new file mode 100644
index 0000000000..b9114ba84a
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderInvoiceCreationSchemaEnricher.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Schema;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderInvoiceCreationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class OrderInvoiceCreationSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array HIDDEN_FIELDS = [
+        'id',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === OrderInvoiceCreationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->fields = array_values(array_filter($schema->fields, function ($field) {
+            return !in_array($field->name, self::HIDDEN_FIELDS, true);
+        }));
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderPaymentCreationSchemaEnricher.php b/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderPaymentCreationSchemaEnricher.php
new file mode 100644
index 0000000000..02efeeeeac
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderPaymentCreationSchemaEnricher.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Schema;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderPaymentCreationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class OrderPaymentCreationSchemaEnricher implements FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === OrderPaymentCreationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderShipmentCreationSchemaEnricher.php b/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderShipmentCreationSchemaEnricher.php
new file mode 100644
index 0000000000..ee97f1b452
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Schema/OrderShipmentCreationSchemaEnricher.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Schema;
+
+use CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderShipmentCreationType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+
+final class OrderShipmentCreationSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array HIDDEN_FIELDS = [
+        'id',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === OrderShipmentCreationType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->fields = array_values(array_filter($schema->fields, function ($field) {
+            return !in_array($field->name, self::HIDDEN_FIELDS, true);
+        }));
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/AdminAddressCreationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/AdminAddressCreationType.php
index 1aaf19785d..b0bd07e1ff 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/AdminAddressCreationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/AdminAddressCreationType.php
@@ -52,4 +52,9 @@ public function configureOptions(OptionsResolver $resolver): void
             'allow_extra_fields' => true,
         ]);
     }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_admin_address_creation';
+    }
 }
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/CartCreationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/CartCreationType.php
index 416241ccd8..6f312ad63c 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/CartCreationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/CartCreationType.php
@@ -24,6 +24,7 @@
 use CoreShop\Bundle\StoreBundle\Form\Type\StoreChoiceType;
 use CoreShop\Component\Order\OrderSaleStates;
 use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Form\FormEvent;
 use Symfony\Component\Form\FormEvents;
@@ -34,10 +35,19 @@ final class CartCreationType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
+            ->add('name', TextType::class, [
+                'required' => false,
+            ])
             ->add('customer', CustomerSelectionType::class)
-            ->add('store', StoreChoiceType::class)
-            ->add('currency', CurrencyChoiceType::class)
-            ->add('localeCode', LocaleChoiceType::class)
+            ->add('store', StoreChoiceType::class, [
+                'label' => 'coreshop_store',
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_currency',
+            ])
+            ->add('localeCode', LocaleChoiceType::class, [
+                'label' => 'coreshop_locale',
+            ])
             ->add('items', CollectionType::class, [
                 'entry_type' => CartCreationCartItemType::class,
                 'allow_add' => true,
@@ -58,4 +68,9 @@ public function configureOptions(OptionsResolver $resolver): void
             'sales_state' => OrderSaleStates::STATE_CART,
         ]);
     }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_cart_creation';
+    }
 }
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/CartPriceRuleChoiceType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/CartPriceRuleChoiceType.php
index 3004bfd5b3..b3d5103b9e 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/CartPriceRuleChoiceType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/CartPriceRuleChoiceType.php
@@ -18,8 +18,10 @@
 namespace CoreShop\Bundle\OrderBundle\Form\Type;
 
 use CoreShop\Component\Resource\Repository\RepositoryInterface;
+use Symfony\Bridge\Doctrine\Form\DataTransformer\CollectionToArrayTransformer;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\OptionsResolver\Options;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 
@@ -30,6 +32,13 @@ public function __construct(
     ) {
     }
 
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        if ($options['multiple']) {
+            $builder->addModelTransformer(new CollectionToArrayTransformer());
+        }
+    }
+
     public function configureOptions(OptionsResolver $resolver): void
     {
         $resolver
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/OrderShipmentCreationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/OrderShipmentCreationType.php
index 442a896e2c..9c7abd5a7f 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/OrderShipmentCreationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/OrderShipmentCreationType.php
@@ -29,7 +29,9 @@ final class OrderShipmentCreationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('trackingCode', TextType::class)
+            ->add('trackingCode', TextType::class, [
+                'priority' => 200
+            ])
             ->add('id', IntegerType::class)
             ->add('items', CollectionType::class, [
                 'entry_type' => OrderShipmentCreationItemsType::class,
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/CartItemActionConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/CartItemActionConfigurationType.php
index 4103734542..8c3b9a3494 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/CartItemActionConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/CartItemActionConfigurationType.php
@@ -39,12 +39,14 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', CartItemPriceRuleConditionCollectionType::class, [
                 'constraints' => new Valid(groups: $this->conditionsValidationGroups),
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
         $builder
             ->add('actions', CartItemPriceRuleActionCollectionType::class, [
                 'constraints' => new Valid(groups: $this->actionsValidationGroups),
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php
index c4af70e9eb..9bce1392ed 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php
@@ -43,6 +43,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('amount', MoneyType::class, [
+                'label' => 'coreshop_action_discount_amount_amount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
@@ -50,14 +51,17 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 ],
             ])
             ->add('gross', CheckboxType::class, [
+                'label' => 'coreshop_action_discountAmount_gross',
             ])
             ->add('applyOn', ChoiceType::class, [
+                'label' => 'coreshop_action_discount_apply_on',
                 'choices' => [
                     'total' => 'total',
                     'subtotal' => 'subtotal',
                 ],
             ])
             ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_currency',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php
index 05fdef891a..9b5a83b8a1 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_discount_percent_percent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargeAmountConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargeAmountConfigurationType.php
index 33b314a0a9..88c04fddfd 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargeAmountConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargeAmountConfigurationType.php
@@ -42,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('amount', MoneyType::class, [
+                'label' => 'coreshop_action_surcharge_amount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
@@ -49,8 +50,10 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 ],
             ])
             ->add('gross', CheckboxType::class, [
+                'label' => 'coreshop_action_surchargeAmount_gross',
             ])
             ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_currency',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargePercentConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargePercentConfigurationType.php
index 1f384765dd..697a05e043 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargePercentConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Action/SurchargePercentConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_surcharge_percent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/AmountConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
index 1dd4b922df..08ace4578e 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
@@ -37,12 +37,14 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('minAmount', MoneyType::class, [
+                'label' => 'coreshop_condition_amount_minAmount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('maxAmount', MoneyType::class, [
+                'label' => 'coreshop_condition_amount_maxAmount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NestedConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
index 3a617670e8..01d57123b6 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
@@ -42,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', CartPriceRuleConditionCollectionType::class, [
                 'constraints' => new Valid(groups: $this->validationGroups),
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NotCombinableConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NotCombinableConfigurationType.php
index 8a9df255c3..c76ecd6ee1 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NotCombinableConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/NotCombinableConfigurationType.php
@@ -17,8 +17,8 @@
 
 namespace CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\OrderBundle\Form\Type\CartPriceRuleChoiceType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\CollectionType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class NotCombinableConfigurationType extends AbstractType
@@ -34,10 +34,15 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('price_rules', CollectionType::class, [
-                'allow_add' => true,
-                'allow_delete' => true,
+            ->add('price_rules', CartPriceRuleChoiceType::class, [
+                'label' => 'coreshop_cart_pricerules',
+                'multiple' => true,
             ])
         ;
     }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_cart_price_rule_condition_not_combinable';
+    }
 }
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/VoucherConfigurationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/VoucherConfigurationType.php
index 874b9ac117..f6f4f9c052 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/VoucherConfigurationType.php
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/VoucherConfigurationType.php
@@ -35,9 +35,15 @@ public function __construct(
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('maxUsagePerCode', NumberType::class)
-            ->add('maxUsagePerUser', NumberType::class)
-            ->add('onlyOnePerCart', CheckboxType::class)
+            ->add('maxUsagePerCode', NumberType::class, [
+                'label' => 'coreshop_action_voucher_max_usage_per_code',
+            ])
+            ->add('maxUsagePerUser', NumberType::class, [
+                'label' => 'coreshop_action_voucher_max_usage_per_user',
+            ])
+            ->add('onlyOnePerCart', CheckboxType::class, [
+                'label' => 'coreshop_action_voucher_only_one_per_cart',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderInvoiceCreationItemsType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderInvoiceCreationItemsType.php
new file mode 100644
index 0000000000..1021daca93
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderInvoiceCreationItemsType.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Type\Studio;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+use Symfony\Component\Validator\Constraints\Callback;
+use Symfony\Component\Validator\Context\ExecutionContextInterface;
+
+final class OrderInvoiceCreationItemsType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('orderItemId', HiddenType::class)
+            ->add('maxQuantity', HiddenType::class, [
+                'disabled' => true,
+            ])
+            ->add('name', TextType::class, [
+                'disabled' => true,
+                'required' => false,
+            ])
+            ->add('price', NumberType::class, [
+                'disabled' => true,
+                'required' => false,
+            ])
+            ->add('orderedQuantity', IntegerType::class, [
+                'disabled' => true,
+                'required' => false,
+                'label' => 'coreshop_quantity',
+            ])
+            ->add('quantityInvoiced', IntegerType::class, [
+                'disabled' => true,
+                'required' => false,
+                'label' => 'coreshop_invoiced_quantity',
+            ])
+            ->add('quantity', IntegerType::class, [
+                'required' => false,
+                'label' => 'coreshop_to_invoice',
+            ])
+        ;
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'constraints' => [
+                new Callback(static function (mixed $data, ExecutionContextInterface $context): void {
+                    if (!is_array($data)) {
+                        return;
+                    }
+
+                    $quantity = $data['quantity'] ?? 0;
+                    $maxQuantity = $data['maxQuantity'] ?? null;
+
+                    if ($maxQuantity !== null && $quantity > (int) $maxQuantity) {
+                        $context->buildViolation('Quantity ({{ quantity }}) exceeds the maximum invoiceable quantity ({{ max }}).')
+                            ->setParameter('{{ quantity }}', (string) $quantity)
+                            ->setParameter('{{ max }}', (string) $maxQuantity)
+                            ->atPath('quantity')
+                            ->addViolation();
+                    }
+                }),
+            ],
+        ]);
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderInvoiceCreationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderInvoiceCreationType.php
new file mode 100644
index 0000000000..c097251d2b
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderInvoiceCreationType.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Type\Studio;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+final class OrderInvoiceCreationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('id', HiddenType::class)
+            ->add('items', CollectionType::class, [
+                'entry_type' => OrderInvoiceCreationItemsType::class,
+                'block_prefix' => 'grid_collection',
+                'label' => 'coreshop_products',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_order_invoice_creation';
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'csrf_protection' => false,
+        ]);
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderPaymentCreationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderPaymentCreationType.php
new file mode 100644
index 0000000000..84f1eab347
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderPaymentCreationType.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Type\Studio;
+
+use CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderChoiceType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\DateType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+final class OrderPaymentCreationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('date', DateType::class, [
+                'widget' => 'single_text',
+                'label' => 'coreshop_date',
+            ])
+            ->add('paymentProvider', PaymentProviderChoiceType::class, [
+                'label' => 'coreshop_paymentProvider',
+            ])
+            ->add('amount', NumberType::class, [
+                'scale' => 2,
+                'label' => 'coreshop_amount',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_order_payment_creation';
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'csrf_protection' => false,
+        ]);
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderShipmentCreationItemsType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderShipmentCreationItemsType.php
new file mode 100644
index 0000000000..eb3e75748b
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderShipmentCreationItemsType.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Type\Studio;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+use Symfony\Component\Validator\Constraints\Callback;
+use Symfony\Component\Validator\Context\ExecutionContextInterface;
+
+final class OrderShipmentCreationItemsType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('orderItemId', HiddenType::class)
+            ->add('maxQuantity', HiddenType::class, [
+                'disabled' => true,
+            ])
+            ->add('name', TextType::class, [
+                'disabled' => true,
+                'required' => false,
+            ])
+            ->add('price', NumberType::class, [
+                'disabled' => true,
+                'required' => false,
+            ])
+            ->add('orderedQuantity', IntegerType::class, [
+                'disabled' => true,
+                'required' => false,
+                'label' => 'coreshop_quantity',
+            ])
+            ->add('quantityShipped', IntegerType::class, [
+                'disabled' => true,
+                'required' => false,
+                'label' => 'coreshop_shipped_quantity',
+            ])
+            ->add('quantity', IntegerType::class, [
+                'required' => false,
+                'label' => 'coreshop_to_ship',
+            ])
+        ;
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'constraints' => [
+                new Callback(static function (mixed $data, ExecutionContextInterface $context): void {
+                    if (!is_array($data)) {
+                        return;
+                    }
+
+                    $quantity = $data['quantity'] ?? 0;
+                    $maxQuantity = $data['maxQuantity'] ?? null;
+
+                    if ($maxQuantity !== null && $quantity > (int) $maxQuantity) {
+                        $context->buildViolation('Quantity ({{ quantity }}) exceeds the maximum shippable quantity ({{ max }}).')
+                            ->setParameter('{{ quantity }}', (string) $quantity)
+                            ->setParameter('{{ max }}', (string) $maxQuantity)
+                            ->atPath('quantity')
+                            ->addViolation();
+                    }
+                }),
+            ],
+        ]);
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderShipmentCreationType.php b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderShipmentCreationType.php
new file mode 100644
index 0000000000..be71c73105
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Form/Type/Studio/OrderShipmentCreationType.php
@@ -0,0 +1,58 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Form\Type\Studio;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\HiddenType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+final class OrderShipmentCreationType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('id', HiddenType::class)
+            ->add('trackingCode', TextType::class, [
+                'required' => false,
+                'label' => 'coreshop_tracking_code',
+                'priority' => 300,
+            ])
+            ->add('items', CollectionType::class, [
+                'entry_type' => OrderShipmentCreationItemsType::class,
+                'block_prefix' => 'grid_collection',
+                'label' => 'coreshop_products',
+                'priority' => 200,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_order_shipment_creation';
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'csrf_protection' => false,
+        ]);
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/README.md b/src/CoreShop/Bundle/OrderBundle/README.md
index 8f8b27ebb8..cd58d00ca8 100644
--- a/src/CoreShop/Bundle/OrderBundle/README.md
+++ b/src/CoreShop/Bundle/OrderBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..286cca8091
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@coreshop/order",
+  "version": "1.0.0",
+  "description": "CoreShop OrderBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/payment": "file:../../../../PaymentBundle/Resources/assets/pimcore-studio",
+    "@coreshop/pimcore": "file:../../../../PimcoreBundle/Resources/assets/pimcore-studio",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/add.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/add.svg
new file mode 100644
index 0000000000..30bc165ea9
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/add.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px"
+	 viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<circle fill="#4CAF50" cx="24" cy="24" r="21"/>
+<g>
+	<rect x="21" y="14" fill="#FFFFFF" width="6" height="20"/>
+	<rect x="14" y="21" fill="#FFFFFF" width="20" height="6"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cart-create.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cart-create.svg
new file mode 100644
index 0000000000..b55098feae
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cart-create.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48"
+     enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#607D8B"
+      d="M25.4,5.6c-0.8-0.8-2-0.8-2.8,0l-12,12c-0.8,0.8-0.8,2,0,2.8C11,20.8,11.5,21,12,21s1-0.2,1.4-0.6l12-12  C26.2,7.6,26.2,6.4,25.4,5.6z"/>
+    <path fill="#455A64"
+          d="M37.4,17.6l-12-12c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l12,12C35,20.8,35.5,21,36,21s1-0.2,1.4-0.6  C38.2,19.6,38.2,18.4,37.4,17.6z"/>
+    <path fill="#D32F2F" d="M37.4,41H10.6c-1,0-1.8-0.7-2-1.6L5,21h38l-3.7,18.4C39.1,40.3,38.3,41,37.4,41z"/>
+    <path fill="#F44336" d="M43,23H5c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h38c1.1,0,2,0.9,2,2v2C45,22.1,44.1,23,43,23z"/>
+    <path fill="#7D1313" d="M25,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C25,35.8,25,25,25,25z"/>
+    <path fill="#7D1313" d="M29,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C29,35.8,29,25,29,25z"/>
+    <path fill="#7D1313" d="M33,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C33,35.8,33,25,33,25z"/>
+    <path fill="#7D1313" d="M17,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C17,35.8,17,25,17,25z"/>
+    <path fill="#7D1313" d="M21,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C21,35.8,21,25,21,25z"/>
+    <g>
+        <g id="IOS_copy">
+            <path d="M48,38c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10"
+                  fill="#43a047"/>
+            <path d="M44,36l-4,0l0,-4l-4,0l0,4l-4,0l0,4l4,0l0,4l4,0l0,-4l4,0z" fill="#ffffff"/>
+        </g>
+        <path d="M27.16571,38c0,-5.98361 4.85067,-10.83429 10.83429,-10.83429c5.98361,0 10.83429,4.85067 10.83429,10.83429c0,5.98361 -4.85067,10.83429 -10.83429,10.83429c-5.98361,0 -10.83429,-4.85067 -10.83429,-10.83429z"
+              fill="#ff0000" opacity="0"/>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cart.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cart.svg
new file mode 100644
index 0000000000..b466fc75e4
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cart.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#607D8B" d="M25.4,5.6c-0.8-0.8-2-0.8-2.8,0l-12,12c-0.8,0.8-0.8,2,0,2.8C11,20.8,11.5,21,12,21s1-0.2,1.4-0.6l12-12  C26.2,7.6,26.2,6.4,25.4,5.6z"/>
+<path fill="#455A64" d="M37.4,17.6l-12-12c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l12,12C35,20.8,35.5,21,36,21s1-0.2,1.4-0.6  C38.2,19.6,38.2,18.4,37.4,17.6z"/>
+<path fill="#D32F2F" d="M37.4,41H10.6c-1,0-1.8-0.7-2-1.6L5,21h38l-3.7,18.4C39.1,40.3,38.3,41,37.4,41z"/>
+<path fill="#F44336" d="M43,23H5c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h38c1.1,0,2,0.9,2,2v2C45,22.1,44.1,23,43,23z"/>
+<path fill="#7D1313" d="M25,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C25,35.8,25,25,25,25z"/>
+<path fill="#7D1313" d="M29,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C29,35.8,29,25,29,25z"/>
+<path fill="#7D1313" d="M33,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C33,35.8,33,25,33,25z"/>
+<path fill="#7D1313" d="M17,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C17,35.8,17,25,17,25z"/>
+<path fill="#7D1313" d="M21,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C21,35.8,21,25,21,25z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comment_external.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comment_external.svg
new file mode 100644
index 0000000000..d9ab5f65be
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comment_external.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<path style="fill:#9C27B0;" d="M37,24c0,7.181-5.819,13-13,13s-13-5.819-13-13s5.819-13,13-13S37,16.819,37,24z"/>
+<path style="fill:none;stroke:#E1BEE7;stroke-width:4;" d="M42,24c0,9.943-8.057,18-18,18S6,33.943,6,24S14.057,6,24,6  S42,14.057,42,24z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comment_internal.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comment_internal.svg
new file mode 100644
index 0000000000..9a41a95275
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comment_internal.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<g id="surface1_18_">
+	<path style="fill:#CE93D8;" d="M28,24c0,2.208-1.792,4-4,4s-4-1.792-4-4s1.792-4,4-4S28,21.792,28,24z"/>
+	<path style="fill:none;stroke:#9C27B0;stroke-width:4;" d="M42,24c0,9.943-8.057,18-18,18S6,33.943,6,24S14.057,6,24,6   S42,14.057,42,24z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comments.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comments.svg
new file mode 100644
index 0000000000..9acaf82244
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/comments.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" version="1.1">
+<g id="surface1">
+<path style=" fill:#673AB7;" d="M 39 6 L 9 6 C 7.34375 6 6 7.34375 6 9 L 6 42 L 14.554688 34 L 39 34 C 40.65625 34 42 32.65625 42 31 L 42 9 C 42 7.34375 40.65625 6 39 6 Z "/>
+<path style=" fill:#D1C4E9;" d="M 10 14 L 38 14 L 38 16 L 10 16 Z "/>
+<path style=" fill:#D1C4E9;" d="M 10 19 L 38 19 L 38 21 L 10 21 Z "/>
+<path style=" fill:#D1C4E9;" d="M 10 24 L 26 24 L 26 26 L 10 26 Z "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg
new file mode 100644
index 0000000000..0e8fc81ea6
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<rect x="12" y="9" fill="#CFD8DC" width="2" height="30"/>
+	<path fill="#CFD8DC" d="M14,37h-2v-7.4c0-2.5,2-4.6,4.6-4.6h14.9c1.4,0,2.6-1.1,2.6-2.6V16h2v6.4c0,2.5-2,4.6-4.6,4.6H16.6   c-1.4,0-2.6,1.1-2.6,2.6V37z"/>
+</g>
+<path fill="#00BCD4" d="M9,8c0-2.2,1.8-4,4-4c2.2,0,4,1.8,4,4s-1.8,4-4,4C10.8,12,9,10.2,9,8z M35,18c2.2,0,4-1.8,4-4s-1.8-4-4-4  c-2.2,0-4,1.8-4,4S32.8,18,35,18z"/>
+<circle fill="#0097A7" cx="13" cy="40" r="4"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
new file mode 100644
index 0000000000..d4db119155
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#43A047" d="M42,35c0,8.008-8.059,8-18,8c-9.941,0-18,0.008-18-8s8.059-18,18-18C33.941,17,42,26.992,42,35z"/>
+	<path fill="#43A047" d="M30,8.571c-1.896,2.098-1-4.423-5,0c-1.897,2.098-1-4.423-5,0c-1.691,1.87-1.165-3.103-3.864-1.071L19,18   h10l2.994-10.977C31.514,7.154,30.877,7.602,30,8.571z"/>
+</g>
+<path fill="#FFFFFF" d="M25.46,33.744c0-0.48-0.134-0.862-0.399-1.147c-0.267-0.283-0.72-0.546-1.358-0.786  s-1.189-0.479-1.652-0.716c-0.463-0.238-0.86-0.51-1.191-0.818c-0.331-0.307-0.589-0.669-0.773-1.085s-0.277-0.911-0.277-1.485  c0-0.99,0.316-1.802,0.949-2.435s1.474-1.002,2.522-1.107v-1.881h1.406v1.907c1.037,0.146,1.849,0.579,2.435,1.297  S28,27.135,28,28.277h-2.54c0-0.703-0.146-1.229-0.435-1.577c-0.291-0.349-0.679-0.523-1.165-0.523c-0.48,0-0.853,0.137-1.116,0.408  c-0.264,0.273-0.396,0.649-0.396,1.13c0,0.445,0.129,0.803,0.387,1.072s0.737,0.545,1.437,0.826s1.276,0.547,1.727,0.796  s0.832,0.53,1.143,0.844s0.548,0.671,0.712,1.072S28,33.193,28,33.727c0,0.996-0.311,1.805-0.932,2.426s-1.477,0.987-2.566,1.099V39  h-1.397v-1.74c-1.201-0.129-2.131-0.555-2.791-1.278s-0.989-1.687-0.989-2.888h2.54c0,0.697,0.166,1.232,0.497,1.604  s0.807,0.558,1.428,0.558c0.516,0,0.923-0.136,1.222-0.409C25.311,34.575,25.46,34.207,25.46,33.744z"/>
+<g>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M14,38.996c-0.439-2.221-0.505-4.505-0.224-6.749   c0.545-4.359,1.983-8.853,4.43-12.473c0.264-0.391,0.607-1.138,0.997-1.403c0.339-0.23,0.42-0.145,0.83-0.041   c0.754,0.19,1.511,0.351,2.284,0.444c2.248,0.272,4.57,0.07,6.683-0.774"/>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M11,29c0-3,3.818-10.163,8-11"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cursor.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cursor.svg
new file mode 100644
index 0000000000..7e6b641f92
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/cursor.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E0E0E0;}
+	.st1{fill:#212121;}
+</style>
+<path class="st0" d="M27.8,45.4c-0.1,0-0.3,0-0.6-0.1c-0.3-0.1-0.6-0.4-0.9-0.7l-5.3-12.3l-6.4,6c-0.1,0.3-0.4,0.4-0.9,0.4
+	c-0.1,0-0.4,0-0.6-0.1c-0.4-0.1-0.9-0.7-0.9-1.3V5.8c0-0.6,0.3-1.1,0.9-1.3c0.1-0.1,0.4-0.1,0.6-0.1c0.3,0,0.7,0.1,1,0.4l22.9,21.4
+	c0.4,0.4,0.6,1,0.4,1.6c-0.1,0.6-0.7,0.9-1.3,1l-9,0.9l5.6,12.1c0.1,0.3,0.1,0.7,0,1.1c-0.1,0.3-0.4,0.7-0.7,0.9l-4.1,1.9
+	C28.3,45.4,28,45.4,27.8,45.4z"/>
+<path class="st1" d="M13.8,5.8l22.5,21.1l-10.8,1l6.3,13.8l-4.1,1.8l-6-13.9l-7.9,7.2V5.8 M13.8,3c-0.4,0-0.7,0.1-1.1,0.3
+	c-1,0.4-1.7,1.4-1.7,2.5v30.9c0,1.1,0.7,2.1,1.7,2.5c0.4,0.3,0.8,0.3,1.1,0.3c0.7,0,1.4-0.3,2-0.7l4.8-4.5l4.4,10.3
+	c0.3,0.7,0.8,1.3,1.5,1.5c0.3,0.1,0.7,0.1,1,0.1c0.4,0,0.7-0.1,1.1-0.3l4.1-1.8c0.7-0.3,1.3-0.8,1.5-1.5c0.3-0.7,0.3-1.5,0-2.1
+	l-4.6-10.1l6.9-0.6c1.1-0.1,2.1-0.8,2.4-1.8c0.4-1,0.1-2.2-0.7-2.9L15.6,4C15.2,3.3,14.5,3,13.8,3L13.8,3z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/info.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/info.svg
new file mode 100644
index 0000000000..dcc2dbd2d5
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/info.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<g id="surface1_89_">
+	<path style="fill:#2196F3;" d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24z"/>
+	<path style="fill:#FFFFFF;" d="M22,22h4v11h-4V22z"/>
+	<path style="fill:#FFFFFF;" d="M26.5,16.5c0,1.379-1.121,2.5-2.5,2.5s-2.5-1.121-2.5-2.5S22.621,14,24,14S26.5,15.121,26.5,16.5z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/invoice.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/invoice.svg
new file mode 100644
index 0000000000..ae0c2244ed
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/invoice.svg
@@ -0,0 +1,21 @@
+
+
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" style="enable-background:new 0 0 40 40;" xml:space="preserve" viewBox="0 0 40 40" >
+<g>
+	<rect x="5.5" y="1.5" style="fill:#FFFFFF;" width="29" height="37"/>
+	<g>
+		<path style="fill:#788B9C;" d="M34,2v36H6V2H34 M35,1H5v38h30V1L35,1z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path style="fill:#C5D4DE;" d="M28,15v11H12V15H28 M29,14H11v13h18V14L29,14z"/>
+	</g>
+</g>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="16.5" y1="14" x2="16.5" y2="27"/>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="23.5" y1="14" x2="23.5" y2="27"/>
+<line style="fill:#FFFFFF;stroke:#788B9C;stroke-miterlimit:10;" x1="11" y1="8.5" x2="29" y2="8.5"/>
+<line style="fill:#FFFFFF;stroke:#788B9C;stroke-miterlimit:10;" x1="20" y1="31.5" x2="29" y2="31.5"/>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="11" y1="18.5" x2="29" y2="18.5"/>
+<line style="fill:none;stroke:#C5D4DE;stroke-miterlimit:10;" x1="11" y1="22.5" x2="29" y2="22.5"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/mail.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/mail.svg
new file mode 100644
index 0000000000..8141608a17
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/mail.svg
@@ -0,0 +1,6 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#CFD8DC" d="M40,10H8c-2.209,0-4,1.791-4,4v20c0,2.209,1.791,4,4,4h32c2.209,0,4-1.791,4-4V14C44,11.791,42.209,10,40,10&#10;&#9;z"/>
+<path fill="#78909C" d="M44,14.025c0-0.465-0.095-0.904-0.24-1.32L24,27.025L4.241,12.705C4.095,13.121,4,13.561,4,14.025V15&#10;&#9;l20,14.495L44,15V14.025z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/not_combinable.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/not_combinable.svg
new file mode 100644
index 0000000000..d5a45eceaa
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/not_combinable.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0,0,256,256" fill-rule="nonzero">
+    <defs>
+        <clipPath id="clip-1">
+            <path d="M0,256v-256h256v256zM181.33333,101.33333c-41.06667,0 -74.66667,33.6 -74.66667,74.66667c0,41.06667 33.6,74.66667 74.66667,74.66667c41.06667,0 74.66667,-33.6 74.66667,-74.66667z"
+                  id="overlayBgMask" fill="none" opacity="0.5"></path>
+        </clipPath>
+    </defs>
+    <g clip-path="url(#clip-1)" fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt"
+       stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none"
+       font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <g transform="scale(5.33333,5.33333)" fill="#ffa726">
+            <path d="M44,20v-7c0,-2.2 -1.8,-4 -4,-4h-5.5c0,0.8 -0.7,1.5 -1.5,1.5c-0.8,0 -1.5,-0.7 -1.5,-1.5h-23.5c-2.2,0 -4,1.8 -4,4v7c2.2,0 4,1.8 4,4c0,2.2 -1.8,4 -4,4v7c0,2.2 1.8,4 4,4h23.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5h5.5c2.2,0 4,-1.8 4,-4v-7c-2.2,0 -4,-1.8 -4,-4c0,-2.2 1.8,-4 4,-4zM33,35.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,30.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,25.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,20.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5zM33,15.5c-0.8,0 -1.5,-0.7 -1.5,-1.5c0,-0.8 0.7,-1.5 1.5,-1.5c0.8,0 1.5,0.7 1.5,1.5c0,0.8 -0.7,1.5 -1.5,1.5z"></path>
+        </g>
+    </g>
+    <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
+       stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
+       font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <g transform="translate(117.33333,112) scale(6.4,6.4)" id="overlay">
+            <g>
+                <path d="M20,10c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10"
+                      fill="#ff3d00"></path>
+                <path d="M15.3,6.8l-2.1,-2.1l-3.2,3.2l-3.2,-3.2l-2.1,2.1l3.2,3.2l-3.2,3.2l2.1,2.1l3.2,-3.2l3.2,3.2l2.1,-2.1l-3.2,-3.2z"
+                      fill="#ffffff"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/order-create.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/order-create.svg
new file mode 100644
index 0000000000..612c7681fc
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/order-create.svg
@@ -0,0 +1,3 @@
+
+
+<svg x="0" y="0" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g fill="none" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="sans-serif" font-weight="normal" font-size="12" text-anchor="start" mix-blend-mode="normal"><g><g><path d="M0,48l0,-48l48,0l0,48z" fill="none"/><g><path d="M41,38c0,5 -4,5 -4,5l-27,0l0,-38l31,0c0,0 0,28 0,33z" fill="#c5cae9"/><g fill="#7986cb"><rect x="14" y="12" transform="scale(1,1)" width="3" height="3"/><rect x="20" y="12" transform="scale(1,1)" width="17" height="3"/><rect x="14" y="18" transform="scale(1,1)" width="3" height="3"/><rect x="20" y="18" transform="scale(1,1)" width="17" height="3"/><rect x="14" y="24" transform="scale(1,1)" width="3" height="3"/><rect x="20" y="24" transform="scale(1,1)" width="17" height="3"/></g><path d="M33,38c0,-0.713 0,-3.793 0,-5l-16,0l-6,0l-4,0c0,1.207 0,4.287 0,5c0,2.762 1.238,5 4,5l26,0c-2.762,0 -4,-2.238 -4,-5z" fill="#3f51b5"/></g><g><g id="IOS_copy"><path d="M48,38c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10" fill="#43a047"/><path d="M44,36l-4,0l0,-4l-4,0l0,4l-4,0l0,4l4,0l0,4l4,0l0,-4l4,0z" fill="#ffffff"/></g><path d="M27.16571,38c0,-5.98361 4.85067,-10.83429 10.83429,-10.83429c5.98361,0 10.83429,4.85067 10.83429,10.83429c0,5.98361 -4.85067,10.83429 -10.83429,10.83429c-5.98361,0 -10.83429,-4.85067 -10.83429,-10.83429z" fill="#ff0000" opacity="0"/></g></g></g></g></svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/orders.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/orders.svg
new file mode 100644
index 0000000000..84aa9a08f1
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/orders.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#C5CAE9" d="M41,38c0,5-4,5-4,5H10V5h31C41,5,41,33,41,38z"/>
+<g>
+	<rect x="14" y="12" fill="#7986CB" width="3" height="3"/>
+	<rect x="20" y="12" fill="#7986CB" width="17" height="3"/>
+	<rect x="14" y="18" fill="#7986CB" width="3" height="3"/>
+	<rect x="20" y="18" fill="#7986CB" width="17" height="3"/>
+	<rect x="14" y="24" fill="#7986CB" width="3" height="3"/>
+	<rect x="20" y="24" fill="#7986CB" width="17" height="3"/>
+</g>
+<path fill="#3F51B5" d="M33,38c0-0.713,0-3.793,0-5H17h-6H7c0,1.207,0,4.287,0,5c0,2.762,1.238,5,4,5h26C34.238,43,33,40.762,33,38z  "/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/pdf.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/pdf.svg
new file mode 100644
index 0000000000..464ee648f9
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/pdf.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<polygon fill="#FF5722" points="40,45 8,45 8,3 30,3 40,13 "/>
+<polygon fill="#FBE9E7" points="38.5,14 29,14 29,4.5 "/>
+<path fill="none" stroke="#FFFFFF" stroke-width="2" stroke-miterlimit="10" d="M34,31.5c0-4.2-22.8,4.1-18.5,6.4  C19,39.8,27.4,19,23.2,19c-4.1,0,2.6,13.6,8.8,13.6C33.5,32.6,34,32.3,34,31.5z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/product-add.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/product-add.svg
new file mode 100644
index 0000000000..88963c5892
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/product-add.svg
@@ -0,0 +1,3 @@
+
+
+<svg x="0" y="0" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><g fill="none" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="sans-serif" font-weight="normal" font-size="12" text-anchor="start" mix-blend-mode="normal"><g><g><path d="M0,48l0,-48l48,0l0,48z" fill="none"/><g><path d="M39,42l-30,0c-1.1,0 -2,-0.9 -2,-2l0,-26l34,0l0,26c0,1.1 -0.9,2 -2,2z" fill="#ff9800"/><g fill="#754600"><rect x="28" y="37" transform="scale(1,1)" width="9" height="1"/><rect x="34" y="32" transform="scale(1,1)" width="2" height="4"/><path d="M35,30l-2,3l4,0z"/><rect x="29" y="32" transform="scale(1,1)" width="2" height="4"/><path d="M30,30l-2,3l4,0z"/></g><path d="M43,14l-38,0l0,-6c0,-1.1 0.9,-2 2,-2l34,0c1.1,0 2,0.9 2,2z" fill="#ffaa2e"/></g><g><g id="IOS_copy"><path d="M48,38c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10" fill="#43a047"/><path d="M44,36l-4,0l0,-4l-4,0l0,4l-4,0l0,4l4,0l0,4l4,0l0,-4l4,0z" fill="#ffffff"/></g><path d="M27.16571,38c0,-5.98361 4.85067,-10.83429 10.83429,-10.83429c5.98361,0 10.83429,4.85067 10.83429,10.83429c0,5.98361 -4.85067,10.83429 -10.83429,10.83429c-5.98361,0 -10.83429,-4.85067 -10.83429,-10.83429z" fill="#ff0000" opacity="0"/></g></g></g></g></svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/quote-create.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/quote-create.svg
new file mode 100644
index 0000000000..ae7ad0c18f
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/quote-create.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC
+        "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#e8c5c5" d="M41,38c0,5-4,5-4,5H10V5h31C41,5,41,33,41,38z"/>
+<g>
+	<rect x="14" y="12" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="12" fill="#c97878" width="17" height="3"/>
+	<rect x="14" y="18" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="18" fill="#c97878" width="17" height="3"/>
+	<rect x="14" y="24" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="24" fill="#c97878" width="17" height="3"/>
+</g>
+<path fill="#b23e3e" d="M33,38c0-0.713,0-3.793,0-5H17h-6H7c0,1.207,0,4.287,0,5c0,2.762,1.238,5,4,5h26C34.238,43,33,40.762,33,38z  "/>
+<g>
+	<g id="IOS_copy">
+		<path d="M48,38c0,5.5 -4.5,10 -10,10c-5.5,0 -10,-4.5 -10,-10c0,-5.5 4.5,-10 10,-10c5.5,0 10,4.5 10,10"
+			  fill="#43a047"/>
+		<path d="M44,36l-4,0l0,-4l-4,0l0,4l-4,0l0,4l4,0l0,4l4,0l0,-4l4,0z" fill="#ffffff"/>
+	</g>
+	<path d="M27.16571,38c0,-5.98361 4.85067,-10.83429 10.83429,-10.83429c5.98361,0 10.83429,4.85067 10.83429,10.83429c0,5.98361 -4.85067,10.83429 -10.83429,10.83429c-5.98361,0 -10.83429,-4.85067 -10.83429,-10.83429z"
+		  fill="#ff0000" opacity="0"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/quotes.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/quotes.svg
new file mode 100644
index 0000000000..dc86122e0e
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/quotes.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#e8c5c5" d="M41,38c0,5-4,5-4,5H10V5h31C41,5,41,33,41,38z"/>
+<g>
+	<rect x="14" y="12" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="12" fill="#c97878" width="17" height="3"/>
+	<rect x="14" y="18" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="18" fill="#c97878" width="17" height="3"/>
+	<rect x="14" y="24" fill="#c97878" width="3" height="3"/>
+	<rect x="20" y="24" fill="#c97878" width="17" height="3"/>
+</g>
+<path fill="#b23e3e" d="M33,38c0-0.713,0-3.793,0-5H17h-6H7c0,1.207,0,4.287,0,5c0,2.762,1.238,5,4,5h26C34.238,43,33,40.762,33,38z  "/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/remove.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/remove.svg
new file mode 100644
index 0000000000..6acaff0e19
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/remove.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<path style="fill:#F44336;" d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24z"/>
+<path style="fill:#FFFFFF;" d="M29.656,15.516l2.828,2.828l-14.14,14.14l-2.828-2.828L29.656,15.516z"/>
+<path style="fill:#FFFFFF;" d="M32.484,29.656l-2.828,2.828l-14.14-14.14l2.828-2.828L32.484,29.656z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/shipment.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/shipment.svg
new file mode 100644
index 0000000000..973ba10530
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/shipment.svg
@@ -0,0 +1,21 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<path style="fill:#B71C1C;" d="M38,29V8c0-0.553-0.448-1-1-1H11c-0.552,0-1,0.447-1,1v21H38z"/>
+<path style="fill:#37474F;" d="M40,20v3h-5v2h5c0.97,0,2-0.701,2-2v-3H40z"/>
+<path style="fill:#FF5722;" d="M43,21c0,0.553-0.448,1-1,1h-2c-0.552,0-1-0.447-1-1v-6c0-0.553,0.448-1,1-1h2c0.552,0,1,0.447,1,1&#10;&#9;V21z"/>
+<path style="fill:#37474F;" d="M13,23H8v-3H6v3c0,1.299,1.03,2,2,2h5V23z"/>
+<path style="fill:#FF5722;" d="M5,21c0,0.553,0.448,1,1,1h2c0.552,0,1-0.447,1-1v-6c0-0.553-0.448-1-1-1H6c-0.552,0-1,0.447-1,1V21z&#10;&#9;"/>
+<path style="fill:#FF5722;" d="M35,29H13V14c0-1.104,0.895-2,2-2h18c1.104,0,2,0.896,2,2V29z"/>
+<path style="fill:#7A1A04;" d="M33,15c0-0.553-0.448-1-1-1H16c-0.552,0-1,0.447-1,1v8c0,0.553,0.448,1,1,1h16c0.552,0,1-0.447,1-1&#10;&#9;V15z"/>
+<path style="fill:#37474F;" d="M15,37c0-0.553-0.447-1-1-1h-3c-0.553,0-1,0.447-1,1v5c0,0.553,0.447,1,1,1h3c0.553,0,1-0.447,1-1V37&#10;&#9;z"/>
+<path style="fill:#37474F;" d="M38,37c0-0.553-0.447-1-1-1h-3c-0.553,0-1,0.447-1,1v5c0,0.553,0.447,1,1,1h3c0.553,0,1-0.447,1-1V37&#10;&#9;z"/>
+<path style="fill:#FF5722;" d="M39,29c0-1.104-0.896-2-2-2H11c-1.105,0-2,0.896-2,2v8c0,1.104,0.895,2,2,2h26c1.104,0,2-0.896,2-2&#10;&#9;V29z"/>
+<rect x="16" y="27" style="fill:#37474F;" width="16" height="10"/>
+<rect x="16" y="29" style="fill:#546E7A;" width="16" height="2"/>
+<rect x="16" y="33" style="fill:#546E7A;" width="16" height="2"/>
+<circle style="fill:#FFFFFF;" cx="12" cy="32" r="2"/>
+<circle style="fill:#FFFFFF;" cx="36" cy="32" r="2"/>
+<circle style="fill:#4CAF50;" cx="38" cy="38" r="10"/>
+<polygon style="fill:#FFFFFF;" points="43.04,33.517 36.578,39.987 33.911,37.326 32.565,38.674 36.58,42.68 44.388,34.864 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/time-span.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/time-span.svg
new file mode 100644
index 0000000000..c022ff66ac
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/time-span.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#7CB342" d="M44,24c0,11.046-8.954,20-20,20S4,35.046,4,24S12.954,4,24,4S44,12.954,44,24"/>
+<path fill="#FFFFFF" d="M40,24c0,8.837-7.163,16-16,16S8,32.837,8,24S15.163,8,24,8S40,15.163,40,24"/>
+<path fill="#DCEDC8" d="M24,22.883V4C16.529,4,10.033,8.107,6.601,14.177L24,22.883z"/>
+<g>
+	<polygon points="14.167,17.918 13.271,19.704 23.552,24.894 24.448,23.106  "/>
+	<polygon points="31.834,22.668 31.098,20.449 23.632,22.891 24.369,25.108  "/>
+	<path d="M24.896,22.212c0.988,0.495,1.387,1.696,0.892,2.685c-0.495,0.987-1.696,1.387-2.684,0.892   c-0.988-0.495-1.387-1.696-0.892-2.685C22.708,22.115,23.908,21.716,24.896,22.212"/>
+</g>
+<path fill="#8BC34A" d="M24.448,23.106c0.493,0.246,0.692,0.848,0.446,1.342c-0.248,0.492-0.849,0.692-1.342,0.445  c-0.494-0.247-0.693-0.849-0.446-1.342C23.354,23.059,23.955,22.858,24.448,23.106"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/voucher.svg b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/voucher.svg
new file mode 100644
index 0000000000..2fd8fd6c4f
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/assets/voucher.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="fill: rgb(241, 196, 15);">
+<path fill="#FFA726" d="M44,20v-7c0-2.2-1.8-4-4-4h-5.5c0,0.8-0.7,1.5-1.5,1.5S31.5,9.8,31.5,9H8c-2.2,0-4,1.8-4,4v7  c2.2,0,4,1.8,4,4c0,2.2-1.8,4-4,4v7c0,2.2,1.8,4,4,4h23.5c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5H40c2.2,0,4-1.8,4-4v-7  c-2.2,0-4-1.8-4-4C40,21.8,41.8,20,44,20z M33,35.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,35.5,33,35.5z   M33,30.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,30.5,33,30.5z M33,25.5c-0.8,0-1.5-0.7-1.5-1.5  s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,25.5,33,25.5z M33,20.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5  S33.8,20.5,33,20.5z M33,15.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5S33.8,15.5,33,15.5z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCartPriceRule.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCartPriceRule.tsx
new file mode 100644
index 0000000000..48bdcd3f77
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCartPriceRule.tsx
@@ -0,0 +1,101 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { cartPriceRuleApi } from '../modules/cart-price-rules/api'
+
+type Option = { value: number, label: string }
+
+// Module-level cache
+let cachedOptions: Option[] | null = null
+let loadPromise: Promise<Option[]> | null = null
+
+export const loadCartPriceRules = async (): Promise<Option[]> => {
+  if (cachedOptions) return cachedOptions
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const rows = await cartPriceRuleApi.list()
+      const list = Array.isArray(rows) ? rows : []
+      cachedOptions = list
+        .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+        .filter((o: any) => o.value != null && o.label)
+      return cachedOptions
+    } catch (err) {
+      console.error('Failed to load cart price rules:', err)
+      return []
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export const clearCartPriceRuleCache = () => {
+  cachedOptions = null
+  loadPromise = null
+}
+
+const CartPriceRuleSelectInner: React.FC<{
+  value?: number
+  onChange?: (value: number) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+}> = ({ value, onChange, disabled, style }) => {
+  const [options, setOptions] = React.useState<Option[]>([])
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    void (async () => {
+      try {
+        const opts = await loadCartPriceRules()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      disabled={disabled}
+      style={style}
+      showSearch
+      optionFilterProp="label"
+      allowClear
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopCartPriceRule extends DynamicTypeObjectDataAbstractSelect {
+  readonly id = 'coreShopCartPriceRule'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <CartPriceRuleSelectInner
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..06d3e31c1d
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,8 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopCartPriceRule } from './DynamicTypeObjectDataCoreShopCartPriceRule'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..ae52c0cd71
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Public API for external plugins
+
+// Cart Price Rules
+export { coreshopOrderServiceIds } from './modules/cart-price-rules/service-ids'
+export * from './modules/cart-price-rules/types'
+export * from './modules/cart-price-rules/conditions'
+export * from './modules/cart-price-rules/actions'
+
+// Sales
+export * from './modules/sales'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..d9cd213b7c
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,298 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+// Widget restorer registry import removed - type not exported
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { Input } from 'antd'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { registerMenuButton } from '@coreshop/menu/src'
+import i18n from 'i18next'
+import { OrderBundleIconModule } from './modules/icon-library'
+import { DynamicTypeObjectDataCoreShopCartPriceRule } from './dynamic-types'
+import { SalesListingBuildersModule } from './modules/sales/listing-builders'
+import { CartPriceRuleManager } from './modules/cart-price-rules/CartPriceRuleManager'
+import { ConditionRegistry, ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { CartItemAction } from './modules/cart-price-rules/actions'
+import { coreshopOrderServiceIds } from './modules/cart-price-rules/service-ids'
+import {
+  OrderList,
+  CartList,
+  QuoteList,
+  OrderDetailWidget,
+  CartDetailWidget,
+  QuoteDetailWidget
+} from './modules/sales'
+import { saleWidgetRestorer } from './modules/sales/SaleWidgetRestorer'
+import { SaleTabRegistry } from './modules/sales/registry'
+import { serviceIds as saleServiceIds } from './modules/sales/service-ids'
+import {
+  HeaderTab,
+  CustomerTab,
+  DetailTab,
+  PaymentTab,
+  ShipmentTab,
+  InvoiceTab,
+  CommentsTab,
+  InfoTab,
+  CorrespondenceTab
+} from './modules/sales/tabs'
+import { OrderCreationStepRegistry } from './modules/order-creation/registry'
+import { orderCreationServiceIds } from './modules/order-creation/service-ids'
+import { OrderCreationPanel } from './modules/order-creation/components'
+import { OrderCreationButton } from './modules/order-creation/components/OrderCreationButton'
+import { orderCreationWidgetRestorer } from './modules/order-creation/OrderCreationWidgetRestorer'
+import { BaseStepConfig, ProductsStepConfig, TotalsStepConfig } from './modules/order-creation/steps'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-order',
+
+    onInit() {
+        // ============================================
+        // Dynamic Types Registration
+        // ============================================
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCartPriceRule())
+
+        // ============================================
+        // Widget Restorer Registration
+        // ============================================
+        // Register restorer for Order/Cart/Quote detail widgets
+        // This enables widget persistence across browser refreshes
+        const widgetRestorerRegistry = container.get<any>((serviceIds as any).widgetRestorerRegistry)
+        if (widgetRestorerRegistry) {
+          widgetRestorerRegistry.register(saleWidgetRestorer)
+          widgetRestorerRegistry.register(orderCreationWidgetRestorer)
+        }
+
+        // ============================================
+        // Cart Price Rules Registry Setup
+        // ============================================
+        // Register CartPriceRule registries as singleton services in the container
+        container.bind(coreshopOrderServiceIds.cartPriceRuleConditionRegistry).to(ConditionRegistry).inSingletonScope()
+        container.bind(coreshopOrderServiceIds.cartPriceRuleActionRegistry).to(ActionRegistry).inSingletonScope()
+
+        // Register CartItem registries as singleton services in the container
+        container.bind(coreshopOrderServiceIds.cartItemActionRegistry).to(ActionRegistry).inSingletonScope()
+        container.bind(coreshopOrderServiceIds.cartItemConditionRegistry).to(ConditionRegistry).inSingletonScope()
+
+        // Get the registries
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopOrderServiceIds.cartPriceRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopOrderServiceIds.cartPriceRuleActionRegistry)
+        const cartItemConditionRegistry = container.get<ConditionRegistry>(coreshopOrderServiceIds.cartItemConditionRegistry)
+        const cartItemActionRegistry = container.get<ActionRegistry>(coreshopOrderServiceIds.cartItemActionRegistry)
+
+        // Register custom non-schema action(s).
+        // Schema-based conditions/actions are auto-registered at runtime from backend mappings.
+        actionRegistry.register('cartItemAction', CartItemAction)
+
+        // Cart Item Actions are registered by CoreBundle (glue layer)
+        void conditionRegistry
+        void cartItemConditionRegistry
+        void cartItemActionRegistry
+
+        // ============================================
+        // Sales (Order/Cart/Quote) Registry Setup
+        // ============================================
+        // Create and bind sale tab registry
+        container.bind(saleServiceIds.saleTabRegistry).to(SaleTabRegistry).inSingletonScope()
+
+        // Get registry
+        const tabRegistry = container.get<SaleTabRegistry>(saleServiceIds.saleTabRegistry)
+
+        // Register tabs with priority and type filtering
+        // Lower priority = displayed first
+
+        const t = i18n.t;
+
+        // TOP: Header Block
+        tabRegistry.register('header', {
+            key: 'header',
+            label: t('coreshop_header', { defaultValue: 'Header' }),
+            priority: 10,
+            position: 'top',
+            types: ['order', 'cart', 'quote'],
+            component: HeaderTab
+        })
+
+        // LEFT: Info Block
+        tabRegistry.register('info', {
+            key: 'info',
+            label: t('coreshop_order_info', { defaultValue: 'Order: Carrier/Payment Provider' }),
+            priority: 10,
+            position: 'left',
+            types: ['order', 'cart', 'quote'],
+            component: InfoTab
+        })
+
+        // LEFT: Payment Block
+        tabRegistry.register('payment', {
+            key: 'payment',
+            label: t('coreshop_payments', { defaultValue: 'Payment(s)' }),
+            priority: 20,
+            position: 'left',
+            types: ['order'],
+            component: PaymentTab
+            // Note: PaymentTab registers its own CreatePaymentButton dynamically
+        })
+
+        // LEFT: Shipment Block
+        tabRegistry.register('shipment', {
+            key: 'shipment',
+            label: t('coreshop_shipments', { defaultValue: 'Shipments' }),
+            priority: 30,
+            position: 'left',
+            types: ['order'],
+            component: ShipmentTab
+            // Note: ShipmentTab registers its own CreateShipmentButton dynamically
+        })
+
+        // LEFT: Invoice Block
+        tabRegistry.register('invoice', {
+            key: 'invoice',
+            label: t('coreshop_invoices', { defaultValue: 'Invoices' }),
+            priority: 40,
+            position: 'left',
+            types: ['order'],
+            component: InvoiceTab
+            // Note: InvoiceTab registers its own CreateInvoiceButton dynamically
+        })
+
+        // RIGHT: Customer Block
+        tabRegistry.register('customer', {
+            key: 'customer',
+            label: t('coreshop_customer', { defaultValue: 'Customer' }),
+            priority: 10,
+            position: 'right',
+            types: ['order', 'cart', 'quote'],
+            component: CustomerTab
+        })
+
+        // RIGHT: Comments Block
+        tabRegistry.register('comments', {
+            key: 'comments',
+            label: t('coreshop_order_comments', { defaultValue: 'Comments' }),
+            priority: 20,
+            position: 'right',
+            types: ['order', 'quote'],
+            component: CommentsTab
+        })
+
+        // RIGHT: Mail Correspondence Block
+        tabRegistry.register('correspondence', {
+            key: 'correspondence',
+            label: t('coreshop_mail_correspondence', { defaultValue: 'Mail Correspondence' }),
+            priority: 30,
+            position: 'right',
+            types: ['order'],
+            component: CorrespondenceTab
+        })
+
+        // BOTTOM: Detail/Products Block
+        tabRegistry.register('detail', {
+            key: 'detail',
+            label: t('coreshop_products', { defaultValue: 'Products' }),
+            priority: 10,
+            position: 'bottom',
+            types: ['order', 'cart', 'quote'],
+            component: DetailTab
+        })
+
+        // ============================================
+        // Order Creation Registry Setup
+        // ============================================
+        // Create and bind order creation step registry
+        container.bind(orderCreationServiceIds.stepRegistry).to(OrderCreationStepRegistry).inSingletonScope()
+
+        // Get registry and register base steps
+        const orderCreationStepRegistry = container.get<OrderCreationStepRegistry>(orderCreationServiceIds.stepRegistry)
+
+        // Register OrderBundle steps (base implementation)
+        orderCreationStepRegistry.register('base', BaseStepConfig)
+        orderCreationStepRegistry.register('products', ProductsStepConfig)
+        orderCreationStepRegistry.register('totals', TotalsStepConfig)
+
+        registerMenuButton({
+          name: 'coreshopCreateOrder',
+          button: OrderCreationButton,
+        })
+    },
+
+    onStartup({ moduleSystem }) {
+        // Hide OrderBundle-owned rule collection prefixes from generic schema forms
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+        const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+        ;[
+          'coreshop_cart_price_rule_condition_collection',
+          'coreshop_cart_price_rule_action_collection',
+          'coreshop_cart_item_price_rule_condition_collection',
+          'coreshop_cart_item_price_rule_action_collection',
+        ].forEach((prefix) => formWidgetRegistry.register(prefix, hiddenWidget))
+
+        moduleSystem.registerModule(OrderBundleIconModule)
+        moduleSystem.registerModule(SalesListingBuildersModule)
+
+        // Register widgets
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        // Register Cart Price Rules widget
+        widgets.registerWidget({
+            name: 'coreshop-order-cart-price-rules',
+            component: CartPriceRuleManager
+        })
+
+        // Register Sale List widgets
+        widgets.registerWidget({
+            name: 'coreshop-order-manager',
+            component: OrderList
+        })
+
+        widgets.registerWidget({
+            name: 'coreshop-cart-manager',
+            component: CartList
+        })
+
+        widgets.registerWidget({
+            name: 'coreshop-quote-manager',
+            component: QuoteList
+        })
+
+        // Register standalone detail widgets (not DataObject editor tabs)
+        widgets.registerWidget({
+            name: 'coreshop-order-detail',
+            component: OrderDetailWidget,
+        })
+
+        widgets.registerWidget({
+            name: 'coreshop-cart-detail',
+            component: CartDetailWidget,
+        })
+
+        widgets.registerWidget({
+            name: 'coreshop-quote-detail',
+            component: QuoteDetailWidget,
+        })
+
+        // Register Order Creation detail widget (persistent tab per customer)
+        widgets.registerWidget({
+            name: 'coreshop-order-creation-detail',
+            component: OrderCreationPanel
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/CartPriceRuleManager.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/CartPriceRuleManager.tsx
new file mode 100644
index 0000000000..9b50aed879
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/CartPriceRuleManager.tsx
@@ -0,0 +1,134 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { EntityTabbedManager, getErrorMessage, renderApiError } from '@coreshop/resource'
+import { RuleForm, type RuleFormTab } from '@coreshop/rule/src/rules'
+import type { RuleConfig } from '@coreshop/rule/src/rules'
+import {
+  ActionRegistry,
+  ConditionRegistry,
+  registerSchemaComponentsFromConfig,
+  registerSchemaComponentsFromMaps
+} from '@coreshop/rule/src/rules/registry'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { cartPriceRuleApi } from './api'
+import type { CartPriceRule } from './types'
+import { SettingsForm } from './components/SettingsForm'
+import { VoucherCodesPanel } from './components/VoucherCodesPanel'
+import { coreshopOrderServiceIds } from './service-ids'
+
+type CartPriceRuleConfig = RuleConfig & {
+  itemConditions?: string[]
+  itemActions?: string[]
+  itemConditionSchemaByType?: Record<string, string>
+  itemActionSchemaByType?: Record<string, string>
+}
+
+export const CartPriceRuleManager: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const modal = useFormModal()
+  const [config, setConfig] = React.useState<CartPriceRuleConfig>({ conditions: [], actions: [] })
+
+  // Load config on mount
+  React.useEffect(() => {
+    cartPriceRuleApi.getConfig()
+      .then((cfg: CartPriceRuleConfig) => {
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopOrderServiceIds.cartPriceRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopOrderServiceIds.cartPriceRuleActionRegistry)
+        const cartItemConditionRegistry = container.get<ConditionRegistry>(coreshopOrderServiceIds.cartItemConditionRegistry)
+        const cartItemActionRegistry = container.get<ActionRegistry>(coreshopOrderServiceIds.cartItemActionRegistry)
+
+        registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, cfg)
+        registerSchemaComponentsFromMaps(
+          cartItemConditionRegistry,
+          cartItemActionRegistry,
+          cfg.itemConditionSchemaByType,
+          cfg.itemActionSchemaByType,
+          cfg.schemas,
+        )
+
+        setConfig(cfg)
+      })
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load config')))
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<CartPriceRule>
+      api={cartPriceRuleApi}
+      dragType='coreshop:cart_price_rule'
+      leftRootTitle={t('coreshop_cart_pricerules', { defaultValue: 'Cart Price Rules' })}
+      localizable
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_cart_pricerule_add', { defaultValue: 'Add Cart Price Rule' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await cartPriceRuleApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+            {t('coreshop_cart_pricerule_select', { defaultValue: 'Select a cart price rule to view details.' })}
+          </div>
+        }
+
+        const additionalTabs: RuleFormTab[] = [
+          {
+            key: 'voucher-codes',
+            label: t('coreshop_cart_pricerule_voucherCodes', { defaultValue: 'Voucher Codes' }),
+            disabled: !data.isVoucherRule,
+            component: (
+              <VoucherCodesPanel
+                rule={data}
+                disabled={!data.isVoucherRule}
+              />
+            )
+          }
+        ]
+
+        return (
+          <RuleForm
+            rule={data}
+            config={config}
+            conditionRegistryId={coreshopOrderServiceIds.cartPriceRuleConditionRegistry}
+            actionRegistryId={coreshopOrderServiceIds.cartPriceRuleActionRegistry}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            settingsComponent={
+              <SettingsForm
+                rule={data}
+                onChange={setData}
+                currentLocale={ctx?.currentLocale ?? 'en'}
+                locales={ctx?.locales}
+              />
+            }
+            additionalTabs={additionalTabs}
+            onChange={setData}
+            hideToolbar={true}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/CartItemAction.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/CartItemAction.tsx
new file mode 100644
index 0000000000..dfb47f12fa
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/CartItemAction.tsx
@@ -0,0 +1,98 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Spin } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import type { ActionComponentProps } from '@coreshop/rule/src/rules'
+import type { RuleCondition, RuleAction } from '@coreshop/rule/src/rules/types'
+import { CartItemConditionsPanel } from '../cart-item/CartItemConditionsPanel'
+import { CartItemActionsPanel } from '../cart-item/CartItemActionsPanel'
+import { cartPriceRuleApi } from '../api'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface CartItemConfig {
+  conditions: string[]
+  actions: string[]
+}
+
+export const CartItemAction: React.FC<ActionComponentProps> = ({
+  data,
+  onChange
+}) => {
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<CartItemConfig | null>(null)
+  const [loading, setLoading] = React.useState(true)
+
+  const conditions = (data.conditions as RuleCondition[]) || []
+  const actions = (data.actions as RuleAction[]) || []
+
+  // Load cart item config
+  React.useEffect(() => {
+    cartPriceRuleApi.getCartItemConfig()
+      .then(cfg => {
+        setConfig(cfg)
+        setLoading(false)
+      })
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load cart item config')))
+        setLoading(false)
+      })
+  }, [])
+
+  const handleConditionsChange = (newConditions: RuleCondition[]) => {
+    onChange({ ...data, conditions: newConditions })
+  }
+
+  const handleActionsChange = (newActions: RuleAction[]) => {
+    onChange({ ...data, actions: newActions })
+  }
+
+  if (loading || !config) {
+    return (
+      <div style={{ padding: 24, textAlign: 'center' }}>
+        <Spin tip="Loading cart item configuration..." />
+      </div>
+    )
+  }
+
+  const tabItems = [
+    {
+      key: 'conditions',
+      label: 'Conditions',
+      children: (
+        <CartItemConditionsPanel
+          conditions={conditions}
+          availableTypes={config.conditions}
+          onChange={handleConditionsChange}
+        />
+      )
+    },
+    {
+      key: 'actions',
+      label: 'Actions',
+      children: (
+        <CartItemActionsPanel
+          actions={actions}
+          availableTypes={config.actions}
+          onChange={handleActionsChange}
+        />
+      )
+    }
+  ]
+
+  return (
+    <div>
+      <Tabs items={tabItems} defaultActiveKey="conditions" />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/index.ts
new file mode 100644
index 0000000000..abf0622c56
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/actions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { CartItemAction } from './CartItemAction'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/api.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/api.ts
new file mode 100644
index 0000000000..476651bb83
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/api.ts
@@ -0,0 +1,160 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { RuleApi } from '@coreshop/rule/src/rules'
+import type { CartPriceRule, VoucherCode, VoucherCodeGenerateParams } from './types'
+
+export class CartPriceRuleApi extends RuleApi<CartPriceRule> {
+  /**
+   * Get voucher codes for a cart price rule
+   */
+  async getVoucherCodes(cartPriceRuleId: number, params?: { start?: number; limit?: number }): Promise<{ data: VoucherCode[]; total: number }> {
+    const cfg = (this as any).cfg
+    const queryParams = new URLSearchParams()
+    queryParams.append('cartPriceRule', cartPriceRuleId.toString())
+    if (params?.start !== undefined) queryParams.append('start', params.start.toString())
+    if (params?.limit !== undefined) queryParams.append('limit', params.limit.toString())
+
+    const url = `${cfg.basePath}${cfg.resourcePath}/get-voucher-codes?${queryParams}`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to get voucher codes: ${response.statusText}`)
+    }
+
+    return response.json()
+  }
+
+  /**
+   * Create a single voucher code
+   */
+  async createVoucherCode(cartPriceRuleId: number, code: string): Promise<VoucherCode> {
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/create-voucher-code`
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin',
+      body: JSON.stringify({
+        cartPriceRule: cartPriceRuleId,
+        code
+      })
+    })
+
+    if (!response.ok) {
+      const error = await response.json()
+      throw new Error(error.message || 'Failed to create voucher code')
+    }
+
+    const result = await response.json()
+    if (!result.success) {
+      throw new Error(result.message || 'Failed to create voucher code')
+    }
+
+    return result.data
+  }
+
+  /**
+   * Generate multiple voucher codes
+   */
+  async generateVoucherCodes(params: VoucherCodeGenerateParams): Promise<{ success: boolean; message?: string }> {
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/generate-voucher-codes`
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin',
+      body: JSON.stringify(params)
+    })
+
+    if (!response.ok) {
+      const error = await response.json()
+      throw new Error(error.message || 'Failed to generate voucher codes')
+    }
+
+    const result = await response.json()
+    if (!result.success) {
+      throw new Error(result.message || 'Failed to generate voucher codes')
+    }
+
+    return result
+  }
+
+  /**
+   * Delete a voucher code
+   */
+  async deleteVoucherCode(voucherCodeId: number): Promise<void> {
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/delete-voucher-code`
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin',
+      body: JSON.stringify({ id: voucherCodeId })
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to delete voucher code: ${response.statusText}`)
+    }
+  }
+
+  /**
+   * Get export URL for voucher codes
+   */
+  getVoucherCodesExportUrl(cartPriceRuleId: number, params?: { start?: number; limit?: number }): string {
+    const cfg = (this as any).cfg
+    const queryParams = new URLSearchParams()
+    queryParams.append('cartPriceRule', cartPriceRuleId.toString())
+    if (params?.start !== undefined) queryParams.append('start', params.start.toString())
+    if (params?.limit !== undefined) queryParams.append('limit', params.limit.toString())
+
+    return `${cfg.basePath}${cfg.resourcePath}/export-voucher-codes?${queryParams}`
+  }
+
+  /**
+   * Get cart item configuration (available conditions and actions)
+   */
+  async getCartItemConfig(): Promise<{ conditions: string[]; actions: string[] }> {
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/get-cart-item-config`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to get cart item config: ${response.statusText}`)
+    }
+
+    return response.json()
+  }
+}
+
+export const cartPriceRuleApi = new CartPriceRuleApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/cart_price_rules'
+})
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemActionItem.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemActionItem.tsx
new file mode 100644
index 0000000000..7bef3f683b
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemActionItem.tsx
@@ -0,0 +1,102 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo } from 'react'
+import { Card, Button, Space } from 'antd'
+import { ArrowUpOutlined, ArrowDownOutlined, DeleteOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { RuleAction } from '@coreshop/rule/src/rules/types'
+import type { ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopOrderServiceIds } from '../service-ids'
+
+interface CartItemActionItemProps {
+  action: RuleAction
+  index: number
+  total: number
+  onChange: (action: RuleAction) => void
+  onMove: (from: number, to: number) => void
+  onDelete: () => void
+}
+
+export const CartItemActionItem: React.FC<CartItemActionItemProps> = ({
+  action,
+  index,
+  total,
+  onChange,
+  onMove,
+  onDelete
+}) => {
+  const handleDataChange = (configuration: Record<string, any>) => {
+    onChange({ ...action, configuration })
+  }
+
+  const cartItemActionRegistry = useMemo(
+    () => container.get<ActionRegistry>(coreshopOrderServiceIds.cartItemActionRegistry),
+    []
+  )
+
+  const ActionComponent = cartItemActionRegistry.get(action.type)
+
+  const title = (
+    <Space>
+      <span style={{ fontWeight: 600 }}>
+        Action: {action.type}
+      </span>
+    </Space>
+  )
+
+  const extra = (
+    <Space>
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowUpOutlined />}
+        disabled={index === 0}
+        onClick={() => onMove(index, index - 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowDownOutlined />}
+        disabled={index === total - 1}
+        onClick={() => onMove(index, index + 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<DeleteOutlined />}
+        danger
+        onClick={onDelete}
+      />
+    </Space>
+  )
+
+  return (
+    <Card
+      size="small"
+      title={title}
+      extra={extra}
+      style={{ marginBottom: 8 }}
+    >
+      {ActionComponent ? (
+        <ActionComponent
+          data={action.configuration}
+          onChange={handleDataChange}
+        />
+      ) : (
+        <div style={{ color: '#999', fontStyle: 'italic' }}>
+          Unknown action type: {action.type}
+        </div>
+      )}
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemActionsPanel.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemActionsPanel.tsx
new file mode 100644
index 0000000000..34a12900bf
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemActionsPanel.tsx
@@ -0,0 +1,108 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Dropdown, Space, Empty } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import { useTranslation } from 'react-i18next'
+import type { RuleAction } from '@coreshop/rule/src/rules/types'
+import { CartItemActionItem } from './CartItemActionItem'
+
+interface CartItemActionsPanelProps {
+  actions: RuleAction[]
+  availableTypes: string[]
+  onChange: (actions: RuleAction[]) => void
+}
+
+export const CartItemActionsPanel: React.FC<CartItemActionsPanelProps> = ({
+  actions,
+  availableTypes,
+  onChange
+}) => {
+  const { t } = useTranslation()
+
+  const handleAdd = (type: string) => {
+    const newAction: RuleAction = {
+      type,
+      configuration: {},
+      sort: actions.length
+    }
+    onChange([...actions, newAction])
+  }
+
+  const handleChange = (index: number, action: RuleAction) => {
+    const updated = [...actions]
+    updated[index] = action
+    onChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= actions.length) return
+    const updated = [...actions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    updated.forEach((a, i) => {
+      a.sort = i
+    })
+    onChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = actions.filter((_, i) => i !== index)
+    updated.forEach((a, i) => {
+      a.sort = i
+    })
+    onChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: type,
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <div>
+          <Dropdown menu={{ items: menuItems }} placement="bottomLeft">
+            <Button type="primary" icon={<PlusOutlined />}>
+              {t('coreshop_cart_item_add_action', { defaultValue: 'Add Action' })}
+            </Button>
+          </Dropdown>
+        </div>
+
+        {actions.length === 0 ? (
+          <Empty
+            description={t('coreshop_cart_item_no_actions', { defaultValue: 'No actions defined' })}
+            image={Empty.PRESENTED_IMAGE_SIMPLE}
+          />
+        ) : (
+          <div>
+            {actions.map((action, index) => (
+              <CartItemActionItem
+                key={index}
+                action={action}
+                index={index}
+                total={actions.length}
+                onChange={(a) => handleChange(index, a)}
+                onMove={handleMove}
+                onDelete={() => handleDelete(index)}
+              />
+            ))}
+          </div>
+        )}
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemConditionItem.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemConditionItem.tsx
new file mode 100644
index 0000000000..fcec56e64c
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemConditionItem.tsx
@@ -0,0 +1,102 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo } from 'react'
+import { Card, Button, Space } from 'antd'
+import { ArrowUpOutlined, ArrowDownOutlined, DeleteOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { RuleCondition } from '@coreshop/rule/src/rules/types'
+import type { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopOrderServiceIds } from '../service-ids'
+
+interface CartItemConditionItemProps {
+  condition: RuleCondition
+  index: number
+  total: number
+  onChange: (condition: RuleCondition) => void
+  onMove: (from: number, to: number) => void
+  onDelete: () => void
+}
+
+export const CartItemConditionItem: React.FC<CartItemConditionItemProps> = ({
+  condition,
+  index,
+  total,
+  onChange,
+  onMove,
+  onDelete
+}) => {
+  const handleDataChange = (configuration: Record<string, any>) => {
+    onChange({ ...condition, configuration })
+  }
+
+  const cartItemConditionRegistry = useMemo(
+    () => container.get<ConditionRegistry>(coreshopOrderServiceIds.cartItemConditionRegistry),
+    []
+  )
+
+  const ConditionComponent = cartItemConditionRegistry.get(condition.type)
+
+  const title = (
+    <Space>
+      <span style={{ fontWeight: 600 }}>
+        Condition: {condition.type}
+      </span>
+    </Space>
+  )
+
+  const extra = (
+    <Space>
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowUpOutlined />}
+        disabled={index === 0}
+        onClick={() => onMove(index, index - 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowDownOutlined />}
+        disabled={index === total - 1}
+        onClick={() => onMove(index, index + 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<DeleteOutlined />}
+        danger
+        onClick={onDelete}
+      />
+    </Space>
+  )
+
+  return (
+    <Card
+      size="small"
+      title={title}
+      extra={extra}
+      style={{ marginBottom: 8 }}
+    >
+      {ConditionComponent ? (
+        <ConditionComponent
+          data={condition.configuration}
+          onChange={handleDataChange}
+        />
+      ) : (
+        <div style={{ color: '#999', fontStyle: 'italic' }}>
+          Unknown condition type: {condition.type}
+        </div>
+      )}
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemConditionsPanel.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemConditionsPanel.tsx
new file mode 100644
index 0000000000..85b0219292
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/cart-item/CartItemConditionsPanel.tsx
@@ -0,0 +1,108 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Dropdown, Space, Empty } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import { useTranslation } from 'react-i18next'
+import type { RuleCondition } from '@coreshop/rule/src/rules/types'
+import { CartItemConditionItem } from './CartItemConditionItem'
+
+interface CartItemConditionsPanelProps {
+  conditions: RuleCondition[]
+  availableTypes: string[]
+  onChange: (conditions: RuleCondition[]) => void
+}
+
+export const CartItemConditionsPanel: React.FC<CartItemConditionsPanelProps> = ({
+  conditions,
+  availableTypes,
+  onChange
+}) => {
+  const { t } = useTranslation()
+
+  const handleAdd = (type: string) => {
+    const newCondition: RuleCondition = {
+      type,
+      configuration: {},
+      sort: conditions.length
+    }
+    onChange([...conditions, newCondition])
+  }
+
+  const handleChange = (index: number, condition: RuleCondition) => {
+    const updated = [...conditions]
+    updated[index] = condition
+    onChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= conditions.length) return
+    const updated = [...conditions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    onChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = conditions.filter((_, i) => i !== index)
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    onChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: type,
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <div>
+          <Dropdown menu={{ items: menuItems }} placement="bottomLeft">
+            <Button type="primary" icon={<PlusOutlined />}>
+              {t('coreshop_cart_item_add_condition', { defaultValue: 'Add Condition' })}
+            </Button>
+          </Dropdown>
+        </div>
+
+        {conditions.length === 0 ? (
+          <Empty
+            description={t('coreshop_cart_item_no_conditions', { defaultValue: 'No conditions defined' })}
+            image={Empty.PRESENTED_IMAGE_SIMPLE}
+          />
+        ) : (
+          <div>
+            {conditions.map((condition, index) => (
+              <CartItemConditionItem
+                key={index}
+                condition={condition}
+                index={index}
+                total={conditions.length}
+                onChange={(c) => handleChange(index, c)}
+                onMove={handleMove}
+                onDelete={() => handleDelete(index)}
+              />
+            ))}
+          </div>
+        )}
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/SettingsForm.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/SettingsForm.tsx
new file mode 100644
index 0000000000..acab5417a1
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/SettingsForm.tsx
@@ -0,0 +1,39 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { CartPriceRule } from '../types'
+
+interface SettingsFormProps {
+  rule: CartPriceRule
+  onChange: (rule: CartPriceRule) => void
+  currentLocale: string
+  locales?: string[]
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  rule,
+  onChange,
+  currentLocale,
+}) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<CartPriceRule>
+        blockPrefix="coreshop_cart_price_rule"
+        data={rule}
+        onChange={onChange}
+        currentLocale={currentLocale}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/VoucherCodesPanel.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/VoucherCodesPanel.tsx
new file mode 100644
index 0000000000..6b36b3a17e
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/VoucherCodesPanel.tsx
@@ -0,0 +1,305 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Table, Space, Popconfirm, Modal, Form, Input, InputNumber, Select, Tag } from 'antd'
+import { PlusOutlined, DeleteOutlined, DownloadOutlined, ThunderboltOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import type { CartPriceRule, VoucherCode } from '../types'
+import { cartPriceRuleApi } from '../api'
+
+interface VoucherCodesPanelProps {
+  rule: CartPriceRule
+  disabled?: boolean
+}
+
+export const VoucherCodesPanel: React.FC<VoucherCodesPanelProps> = ({
+  rule,
+  disabled = false
+}) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [vouchers, setVouchers] = React.useState<VoucherCode[]>([])
+  const [loading, setLoading] = React.useState(false)
+  const [total, setTotal] = React.useState(0)
+  const [page, setPage] = React.useState(1)
+  const [pageSize, setPageSize] = React.useState(20)
+  const [createModalOpen, setCreateModalOpen] = React.useState(false)
+  const [generateModalOpen, setGenerateModalOpen] = React.useState(false)
+  const [createForm] = Form.useForm()
+  const [generateForm] = Form.useForm()
+
+  const loadVouchers = React.useCallback(() => {
+    if (!rule.id) return
+
+    setLoading(true)
+    const start = (page - 1) * pageSize
+    cartPriceRuleApi.getVoucherCodes(rule.id, { start, limit: pageSize })
+      .then(({ data, total }) => {
+        setVouchers(data)
+        setTotal(total)
+      })
+      .catch(() => {
+        void messageApi.error(renderApiError(t('coreshop_voucher_codes_load_error', { defaultValue: 'Failed to load voucher codes' })))
+        setVouchers([])
+      })
+      .finally(() => setLoading(false))
+  }, [rule.id, page, pageSize, t])
+
+  React.useEffect(() => {
+    if (!disabled) {
+      loadVouchers()
+    }
+  }, [loadVouchers, disabled])
+
+  const handleCreate = async () => {
+    if (!rule.id) return
+
+    try {
+      const values = await createForm.validateFields()
+      await cartPriceRuleApi.createVoucherCode(rule.id, values.code)
+      void messageApi.success(t('coreshop_voucher_code_create_success', { defaultValue: 'Voucher code created' }))
+      setCreateModalOpen(false)
+      createForm.resetFields()
+      loadVouchers()
+    } catch (error: any) {
+      if (error.errorFields) return // Validation error
+      void messageApi.error(renderApiError(error.message || t('coreshop_voucher_code_create_error', { defaultValue: 'Failed to create voucher code' })))
+    }
+  }
+
+  const handleGenerate = async () => {
+    if (!rule.id) return
+
+    try {
+      const values = await generateForm.validateFields()
+      await cartPriceRuleApi.generateVoucherCodes({
+        cartPriceRule: rule.id,
+        ...values
+      })
+      void messageApi.success(t('coreshop_voucher_codes_generate_success', { defaultValue: 'Voucher codes generated' }))
+      setGenerateModalOpen(false)
+      generateForm.resetFields()
+      loadVouchers()
+    } catch (error: any) {
+      if (error.errorFields) return // Validation error
+      void messageApi.error(renderApiError(error.message || t('coreshop_voucher_codes_generate_error', { defaultValue: 'Failed to generate voucher codes' })))
+    }
+  }
+
+  const handleDelete = async (id: number) => {
+    try {
+      await cartPriceRuleApi.deleteVoucherCode(id)
+      void messageApi.success(t('coreshop_voucher_code_delete_success', { defaultValue: 'Voucher code deleted' }))
+      loadVouchers()
+    } catch (error) {
+      void messageApi.error(renderApiError(t('coreshop_voucher_code_delete_error', { defaultValue: 'Failed to delete voucher code' })))
+    }
+  }
+
+  const handleExport = () => {
+    if (!rule.id) return
+    const start = (page - 1) * pageSize
+    const url = cartPriceRuleApi.getVoucherCodesExportUrl(rule.id, { start, limit: pageSize })
+    window.open(url, '_blank')
+  }
+
+  const columns = [
+    {
+      title: t('coreshop_cart_pricerule_voucher_code', { defaultValue: 'Code' }),
+      dataIndex: 'code',
+      key: 'code'
+    },
+    {
+      title: t('coreshop_cart_pricerule_creation_date', { defaultValue: 'Creation Date' }),
+      dataIndex: 'creationDate',
+      key: 'creationDate',
+      width: 180,
+      render: (date: string) => date ? new Date(date).toLocaleString() : '-'
+    },
+    {
+      title: t('coreshop_cart_pricerule_used', { defaultValue: 'Used' }),
+      dataIndex: 'used',
+      key: 'used',
+      width: 100,
+      render: (used: boolean) => (
+        <Tag color={used ? 'red' : 'green'}>
+          {used
+            ? t('yes', { defaultValue: 'Yes' })
+            : t('no', { defaultValue: 'No' })}
+        </Tag>
+      )
+    },
+    {
+      title: t('coreshop_cart_pricerule_uses', { defaultValue: 'Uses' }),
+      dataIndex: 'uses',
+      key: 'uses',
+      width: 80
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 60,
+      render: (_: any, record: VoucherCode) => (
+        <Popconfirm
+          title={t('coreshop_voucher_code_delete_confirm', { defaultValue: 'Delete voucher code?' })}
+          onConfirm={() => handleDelete(record.id)}
+          okText={t('yes', { defaultValue: 'Yes' })}
+          cancelText={t('no', { defaultValue: 'No' })}
+          disabled={record.used}
+        >
+          <Button
+            type="text"
+            size="small"
+            icon={<DeleteOutlined />}
+            danger
+            disabled={record.used}
+          />
+        </Popconfirm>
+      )
+    }
+  ]
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <Space>
+          <Button
+            icon={<PlusOutlined />}
+            onClick={() => setCreateModalOpen(true)}
+            disabled={disabled}
+          >
+            {t('coreshop_cart_pricerule_create_voucher', { defaultValue: 'Create Voucher Code' })}
+          </Button>
+          <Button
+            icon={<ThunderboltOutlined />}
+            onClick={() => setGenerateModalOpen(true)}
+            disabled={disabled}
+          >
+            {t('coreshop_cart_pricerule_generate_vouchers', { defaultValue: 'Generate Voucher Codes' })}
+          </Button>
+          <Button
+            icon={<DownloadOutlined />}
+            onClick={handleExport}
+            disabled={disabled || vouchers.length === 0}
+          >
+            {t('coreshop_cart_pricerule_vouchers_export', { defaultValue: 'Export Voucher Codes (CSV)' })}
+          </Button>
+        </Space>
+
+        <Table
+          columns={columns}
+          dataSource={vouchers}
+          loading={loading}
+          rowKey="id"
+          pagination={{
+            current: page,
+            pageSize,
+            total,
+            onChange: (newPage, newPageSize) => {
+              setPage(newPage)
+              if (newPageSize !== pageSize) {
+                setPageSize(newPageSize)
+              }
+            }
+          }}
+        />
+      </Space>
+
+      {/* Create Modal */}
+      <Modal
+        title={t('coreshop_cart_pricerule_create_voucher', { defaultValue: 'Create Voucher Code' })}
+        open={createModalOpen}
+        onOk={handleCreate}
+        onCancel={() => {
+          setCreateModalOpen(false)
+          createForm.resetFields()
+        }}
+        okText={t('coreshop_create', { defaultValue: 'Create' })}
+        cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      >
+        <Form form={createForm} layout="vertical">
+          <Form.Item
+            name="code"
+            label={t('coreshop_cart_pricerule_voucher_code', { defaultValue: 'Code' })}
+            rules={[{ required: true, message: t('coreshop_required', { defaultValue: 'Required' }) }]}
+          >
+            <Input placeholder={t('coreshop_cart_pricerule_voucher_code', { defaultValue: 'Code' })} />
+          </Form.Item>
+        </Form>
+      </Modal>
+
+      {/* Generate Modal */}
+      <Modal
+        title={t('coreshop_cart_pricerule_generate_vouchers', { defaultValue: 'Generate Voucher Codes' })}
+        open={generateModalOpen}
+        onOk={handleGenerate}
+        onCancel={() => {
+          setGenerateModalOpen(false)
+          generateForm.resetFields()
+        }}
+        okText={t('coreshop_generate', { defaultValue: 'Generate' })}
+        cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      >
+        <Form
+          form={generateForm}
+          layout="vertical"
+          initialValues={{
+            format: 'alphanumeric'
+          }}
+        >
+          <Form.Item
+            name="amount"
+            label={t('coreshop_cart_pricerule_amount', { defaultValue: 'Amount' })}
+            rules={[{ required: true, message: t('coreshop_required', { defaultValue: 'Required' }) }]}
+          >
+            <InputNumber min={1} style={{ width: '100%' }} placeholder={t('coreshop_cart_pricerule_amount', { defaultValue: 'Amount' })} />
+          </Form.Item>
+
+          <Form.Item
+            name="length"
+            label={t('coreshop_cart_pricerule_length', { defaultValue: 'Length' })}
+            rules={[{ required: true, message: t('coreshop_required', { defaultValue: 'Required' }) }]}
+          >
+            <InputNumber min={1} style={{ width: '100%' }} placeholder={t('coreshop_cart_pricerule_length', { defaultValue: 'Length' })} />
+          </Form.Item>
+
+          <Form.Item
+            name="format"
+            label={t('coreshop_cart_pricerule_format', { defaultValue: 'Format' })}
+            rules={[{ required: true }]}
+          >
+            <Select>
+              <Select.Option value="alphanumeric">{t('coreshop_cart_pricerule_alphanumeric', { defaultValue: 'Alphanumeric' })}</Select.Option>
+              <Select.Option value="alphabetic">{t('coreshop_cart_pricerule_alphabetic', { defaultValue: 'Alphabetic' })}</Select.Option>
+              <Select.Option value="numeric">{t('coreshop_cart_pricerule_numeric', { defaultValue: 'Numeric' })}</Select.Option>
+            </Select>
+          </Form.Item>
+
+          <Form.Item name="prefix" label={t('coreshop_cart_pricerule_prefix', { defaultValue: 'Prefix' })}>
+            <Input placeholder={t('coreshop_cart_pricerule_prefix', { defaultValue: 'Prefix' })} />
+          </Form.Item>
+
+          <Form.Item name="suffix" label={t('coreshop_cart_pricerule_suffix', { defaultValue: 'Suffix' })}>
+            <Input placeholder={t('coreshop_cart_pricerule_suffix', { defaultValue: 'Suffix' })} />
+          </Form.Item>
+
+          <Form.Item name="hyphensOn" label={t('coreshop_cart_pricerule_hyphensOn', { defaultValue: 'Hyphens all X characters' })}>
+            <InputNumber min={0} style={{ width: '100%' }} placeholder={t('coreshop_cart_pricerule_hyphensOn', { defaultValue: 'Hyphens all X characters' })} />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/index.ts
new file mode 100644
index 0000000000..3bd5750710
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/components/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { SettingsForm } from './SettingsForm'
+export { VoucherCodesPanel } from './VoucherCodesPanel'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/conditions/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/conditions/index.ts
new file mode 100644
index 0000000000..b4b88303b1
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/conditions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All conditions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/index.ts
new file mode 100644
index 0000000000..225a4124c8
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/index.ts
@@ -0,0 +1,21 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Service IDs for external plugins to access registries
+export { coreshopOrderServiceIds } from './service-ids'
+
+// Types for type-safe development
+export * from './types'
+
+// Conditions and Actions
+export * from './conditions'
+export * from './actions'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/service-ids.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/service-ids.ts
new file mode 100644
index 0000000000..4013c89e22
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/service-ids.ts
@@ -0,0 +1,25 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Service IDs for CoreShop Order registries
+ * Includes both CartPriceRule and CartItem registries
+ */
+export const coreshopOrderServiceIds = {
+  // CartPriceRule registries
+  cartPriceRuleConditionRegistry: Symbol.for('coreshop.order.cart_price_rule.condition_registry'),
+  cartPriceRuleActionRegistry: Symbol.for('coreshop.order.cart_price_rule.action_registry'),
+
+  // CartItem registries (used within CartPriceRule actions)
+  cartItemActionRegistry: 'CoreShopOrderCartItemActionRegistry',
+  cartItemConditionRegistry: 'CoreShopOrderCartItemConditionRegistry'
+} as const
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/types.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/types.ts
new file mode 100644
index 0000000000..5ce8d56460
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/cart-price-rules/types.ts
@@ -0,0 +1,40 @@
+/**
+ * CoreShop OrderBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { Rule } from '@coreshop/rule/src/rules'
+
+export interface CartPriceRuleTranslation {
+  label: string
+}
+
+export interface CartPriceRule extends Rule {
+  isVoucherRule?: boolean
+  translations?: Record<string, CartPriceRuleTranslation>
+}
+
+export interface VoucherCode {
+  id: number
+  code: string
+  used: boolean
+  uses: number
+  creationDate?: string
+}
+
+export interface VoucherCodeGenerateParams {
+  cartPriceRule: number
+  amount: number
+  length: number
+  format: 'alphanumeric' | 'alphabetic' | 'numeric'
+  prefix?: string
+  suffix?: string
+  hyphensOn?: number
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..191c0f0384
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,298 @@
+/**
+ * CoreShop OrderBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import ordersIcon from '../../assets/orders.svg?react'
+// @ts-ignore
+import quotesIcon from '../../assets/quotes.svg?react'
+// @ts-ignore
+import invoiceIcon from '../../assets/invoice.svg?react'
+// @ts-ignore
+import shipmentIcon from '../../assets/shipment.svg?react'
+// @ts-ignore
+import pdfIcon from '../../assets/pdf.svg?react'
+// @ts-ignore
+import mailIcon from '../../assets/mail.svg?react'
+// @ts-ignore
+import orderCreateIcon from '../../assets/order-create.svg?react'
+// @ts-ignore
+import quoteCreateIcon from '../../assets/quote-create.svg?react'
+// @ts-ignore
+import conditionsIcon from '../../assets/conditions.svg?react'
+// @ts-ignore
+import cursorIcon from '../../assets/cursor.svg?react'
+// @ts-ignore
+import currenciesIcon from '../../assets/currencies.svg?react'
+// @ts-ignore
+import timeSpanIcon from '../../assets/time-span.svg?react'
+// @ts-ignore
+import voucherIcon from '../../assets/voucher.svg?react'
+// @ts-ignore
+import notCombinableIcon from '../../assets/not_combinable.svg?react'
+// @ts-ignore
+import cartIcon from '../../assets/cart.svg?react'
+// @ts-ignore
+import cartCreateIcon from '../../assets/cart-create.svg?react'
+// @ts-ignore
+import infoIcon from '../../assets/info.svg?react'
+// @ts-ignore
+import commentsIcon from '../../assets/comments.svg?react'
+// @ts-ignore
+import addIcon from '../../assets/add.svg?react'
+// @ts-ignore
+import removeIcon from '../../assets/remove.svg?react'
+// @ts-ignore
+import productAddIcon from '../../assets/product-add.svg?react'
+
+export const OrderBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    // Order icons
+    iconLibrary.register({
+      name: 'coreshop_icon_orders',
+      component: ordersIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_order',
+      component: ordersIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_order',
+      component: ordersIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_orders',
+      component: ordersIcon
+    })
+
+    // Quote icons
+    iconLibrary.register({
+      name: 'coreshop_icon_quotes',
+      component: quotesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_quote',
+      component: quotesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_quote',
+      component: quotesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_quotes',
+      component: quotesIcon
+    })
+
+    // Order states and operations
+    iconLibrary.register({
+      name: 'coreshop_icon_orders_invoice',
+      component: invoiceIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_invoiceState',
+      component: invoiceIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_orders_shipment',
+      component: shipmentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_shipmentState',
+      component: shipmentIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_orders_invoice_pdf',
+      component: pdfIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_orders_shipment_pdf',
+      component: pdfIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_icon_mail',
+      component: mailIcon
+    })
+
+    // Create icons
+    iconLibrary.register({
+      name: 'coreshop_icon_order_create',
+      component: orderCreateIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_order_create',
+      component: orderCreateIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_quote_create',
+      component: quoteCreateIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_quote_create',
+      component: quoteCreateIcon
+    })
+
+    // Rule conditions
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_nested',
+      component: conditionsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'x-tool-coreshop-open',
+      component: cursorIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_open',
+      component: cursorIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_amount',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_timespan',
+      component: timeSpanIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_voucher',
+      component: voucherIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_condition_not_combinable',
+      component: notCombinableIcon
+    })
+
+    // Cart icons
+    iconLibrary.register({
+      name: 'coreshop_icon_cart',
+      component: cartIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_carts',
+      component: cartIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_carts',
+      component: cartIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_cart_create',
+      component: cartCreateIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_cart_create',
+      component: cartCreateIcon
+    })
+
+    // Additional icons
+    iconLibrary.register({
+      name: 'coreshop_icon_additional_data',
+      component: infoIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_operator_orderstate',
+      component: infoIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_order_comments',
+      component: commentsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_operator_priceformatter',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_price_rule_vouchers',
+      component: voucherIcon
+    })
+
+    // Price rule actions
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_discountAmount',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_surchargeAmount',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_discountPercent',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_surchargePercent',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_price',
+      component: currenciesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_icon_action_cartItemAction',
+      component: ordersIcon
+    })
+
+    // Tools
+    iconLibrary.register({
+      name: 'x-tool-coreshop-add',
+      component: addIcon
+    })
+    
+    iconLibrary.register({
+      name: 'x-tool-coreshop-remove',
+      component: removeIcon
+    })
+    
+    iconLibrary.register({
+      name: 'x-tool-coreshop-add-product',
+      component: productAddIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/OrderCreationWidgetRestorer.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/OrderCreationWidgetRestorer.ts
new file mode 100644
index 0000000000..76c080da96
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/OrderCreationWidgetRestorer.ts
@@ -0,0 +1,48 @@
+/**
+ * CoreShop OrderBundle - Order Creation Widget Restorer
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { WidgetManagerTabConfig } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import type { AppDispatch } from '@pimcore/studio-ui-bundle/app'
+
+interface WidgetRestorer {
+  supports(config: WidgetManagerTabConfig): boolean
+  cleanConfig(config: WidgetManagerTabConfig): WidgetManagerTabConfig
+  restore(config: WidgetManagerTabConfig, dispatch: AppDispatch): boolean
+}
+
+/**
+ * Handles persistence and restoration of Order Creation detail widgets.
+ * Only the customerId is persisted — form data is fresh on restore.
+ */
+export class OrderCreationWidgetRestorer implements WidgetRestorer {
+  supports(config: WidgetManagerTabConfig): boolean {
+    return (
+      config.component === 'coreshop-order-creation-detail' &&
+      typeof config.config?.customerId === 'number'
+    )
+  }
+
+  cleanConfig(config: WidgetManagerTabConfig): WidgetManagerTabConfig {
+    return {
+      ...config,
+      config: {
+        customerId: config.config?.customerId
+      }
+    }
+  }
+
+  restore(config: WidgetManagerTabConfig, _dispatch: AppDispatch): boolean {
+    return typeof config.config?.customerId === 'number' && config.config.customerId > 0
+  }
+}
+
+export const orderCreationWidgetRestorer = new OrderCreationWidgetRestorer()
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/api.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/api.ts
new file mode 100644
index 0000000000..8d1996cf49
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/api.ts
@@ -0,0 +1,168 @@
+/**
+ * CoreShop OrderBundle - Order Creation API
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type {
+  CustomerDetails,
+  OrderCreationPreview,
+  OrderCreationRequest,
+  OrderCreationItem
+} from './types'
+
+interface ApiResponse<T> {
+  success: boolean
+  data?: T
+  customer?: CustomerDetails
+  id?: number
+  message?: string | Record<string, string[]>
+}
+
+/**
+ * Convert request to URLSearchParams, handling nested items array
+ */
+function buildUrlSearchParams(request: Record<string, unknown>): URLSearchParams {
+  const params = new URLSearchParams()
+
+  for (const [key, value] of Object.entries(request)) {
+    if (key === 'items' && Array.isArray(value)) {
+      // Handle items array in form-style format
+      const items = value as OrderCreationItem[]
+      items.forEach((item, index) => {
+        params.append(`items[${index}][product]`, String(item.product))
+        params.append(`items[${index}][quantity]`, String(item.quantity))
+        if (item.customItemPrice !== undefined) {
+          params.append(`items[${index}][customItemPrice]`, String(item.customItemPrice))
+        }
+        if (item.customItemDiscount !== undefined) {
+          params.append(`items[${index}][customItemDiscount]`, String(item.customItemDiscount))
+        }
+        if (item.unitDefinition !== undefined) {
+          params.append(`items[${index}][unitDefinition]`, String(item.unitDefinition))
+        }
+      })
+    } else if (value !== null && value !== undefined) {
+      params.append(key, String(value))
+    }
+  }
+
+  return params
+}
+
+class OrderCreationApi {
+  private basePath = '/pimcore-studio/api/coreshop/order-creation'
+
+  /**
+   * Get customer details by ID
+   */
+  async getCustomerDetails(customerId: number): Promise<CustomerDetails> {
+    const url = `${this.basePath}/get-customer-details?customerId=${customerId}`
+    const res = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!res.ok) {
+      throw new Error('Failed to fetch customer details')
+    }
+
+    const data: ApiResponse<CustomerDetails> = await res.json()
+    if (!data.success) {
+      throw new Error(
+        typeof data.message === 'string' ? data.message : 'Failed to fetch customer'
+      )
+    }
+
+    if (!data.customer) {
+      throw new Error('Customer not found in response')
+    }
+
+    return data.customer
+  }
+
+  /**
+   * Preview order/cart with current data
+   */
+  async preview(request: Record<string, unknown>): Promise<OrderCreationPreview> {
+    const params = buildUrlSearchParams(request)
+
+    const res = await fetch(`${this.basePath}/preview`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      credentials: 'same-origin',
+      body: params
+    })
+
+    if (!res.ok) {
+      throw new Error('Preview request failed')
+    }
+
+    const data: ApiResponse<OrderCreationPreview> = await res.json()
+    if (!data.success) {
+      const message =
+        typeof data.message === 'string'
+          ? data.message
+          : data.message
+            ? JSON.stringify(data.message)
+            : 'Preview failed'
+      throw new Error(message)
+    }
+
+    if (!data.data) {
+      throw new Error('Preview data not found in response')
+    }
+
+    return data.data
+  }
+
+  /**
+   * Create cart or order
+   */
+  async create(request: OrderCreationRequest): Promise<{ success: boolean; id: number }> {
+    const params = buildUrlSearchParams(request as unknown as Record<string, unknown>)
+
+    const res = await fetch(`${this.basePath}/create`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      credentials: 'same-origin',
+      body: params
+    })
+
+    if (!res.ok) {
+      throw new Error('Create request failed')
+    }
+
+    const data: ApiResponse<never> = await res.json()
+    if (!data.success) {
+      const message =
+        typeof data.message === 'string'
+          ? data.message
+          : data.message
+            ? JSON.stringify(data.message)
+            : 'Create failed'
+      throw new Error(message)
+    }
+
+    if (data.id === undefined) {
+      throw new Error('Created ID not found in response')
+    }
+
+    return { success: true, id: data.id }
+  }
+}
+
+export const orderCreationApi = new OrderCreationApi()
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/CustomerSelector.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/CustomerSelector.tsx
new file mode 100644
index 0000000000..d5bcd8cc2c
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/CustomerSelector.tsx
@@ -0,0 +1,208 @@
+/**
+ * CoreShop OrderBundle - Customer Selector Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState, useEffect, useMemo, useCallback } from 'react'
+import { Card, Button, Space, Typography, Spin, Alert, Avatar } from 'antd'
+import { UserOutlined, SearchOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import { container } from '@pimcore/studio-ui-bundle'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { useOrderCreation } from '../context'
+import type { CustomerDetails } from '../types'
+
+const useStyles = createStyles(({ css }) => ({
+  selectorCard: css`
+    max-width: 600px;
+    margin: 0 auto;
+  `,
+  selectButton: css`
+    min-width: 200px;
+  `,
+}))
+
+export const CustomerSelector: React.FC = () => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const messageApi = useMessage()
+  const { loadCustomer } = useOrderCreation()
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const [allowedClasses, setAllowedClasses] = useState<string[]>([])
+
+  const configProvider = useMemo(
+    () => container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider),
+    []
+  )
+
+  // Load allowed customer classes from config
+  useEffect(() => {
+    const loadAllowedClasses = async () => {
+      try {
+        const classes = await configProvider.getAllowedClasses('coreshop.customer')
+        setAllowedClasses(classes)
+      } catch (err) {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load allowed customer classes')))
+        // Fallback to default
+        setAllowedClasses(['CoreShopCustomer'])
+      }
+    }
+    void loadAllowedClasses()
+  }, [configProvider, messageApi])
+
+  const handleCustomerSelected = useCallback(async (customerId: number) => {
+    setLoading(true)
+    setError(null)
+    try {
+      await loadCustomer(customerId)
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to load customer')
+    } finally {
+      setLoading(false)
+    }
+  }, [loadCustomer])
+
+  const { open: openSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        void handleCustomerSelected(selected.data.id)
+      }
+    }
+  })
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Card className={styles.selectorCard}>
+        <Space direction="vertical" size="large" style={{ width: '100%' }}>
+          <div style={{ textAlign: 'center' }}>
+            <UserOutlined style={{ fontSize: 48, color: '#1890ff', marginBottom: 16 }} />
+
+            <Typography.Title level={4} style={{ margin: 0 }}>
+              {t('coreshop_order_creation_select_customer', { defaultValue: 'Select a Customer' })}
+            </Typography.Title>
+
+            <Typography.Text type="secondary">
+              {t('coreshop_order_creation_select_customer_description', {
+                defaultValue: 'Select a customer to create an order for.'
+              })}
+            </Typography.Text>
+          </div>
+
+          {error && (
+            <Alert type="error" message={error} showIcon closable onClose={() => setError(null)} />
+          )}
+
+          <Spin spinning={loading}>
+            <div style={{ textAlign: 'center' }}>
+              <Button
+                type="primary"
+                size="large"
+                icon={<SearchOutlined />}
+                onClick={openSelector}
+                className={styles.selectButton}
+              >
+                {t('coreshop_order_creation_browse_customers', { defaultValue: 'Browse Customers' })}
+              </Button>
+            </div>
+          </Spin>
+        </Space>
+      </Card>
+    </div>
+  )
+}
+
+interface CustomerInfoCardProps {
+  customer: CustomerDetails
+  onChangeCustomer: () => void
+}
+
+const useInfoCardStyles = createStyles(({ css, token }) => ({
+  customerRow: css`
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  `,
+  avatar: css`
+    flex-shrink: 0;
+    background: ${token.colorPrimary};
+    font-weight: 600;
+  `,
+  info: css`
+    flex: 1;
+    min-width: 0;
+  `,
+  name: css`
+    font-weight: 600;
+    font-size: 14px;
+    line-height: 1.3;
+  `,
+  email: css`
+    font-size: 12px;
+    color: ${token.colorTextSecondary};
+    line-height: 1.3;
+  `
+}))
+
+export const CustomerInfoCard: React.FC<CustomerInfoCardProps> = ({
+  customer,
+  onChangeCustomer
+}) => {
+  const { t } = useTranslation()
+  const { styles } = useInfoCardStyles()
+
+  const initials = [customer.firstname, customer.lastname]
+    .filter(Boolean)
+    .map(n => n!.charAt(0).toUpperCase())
+    .join('')
+
+  return (
+    <Card
+      title={t('coreshop_customer', { defaultValue: 'Customer' })}
+      extra={
+        <Button size="small" onClick={onChangeCustomer}>
+          {t('coreshop_order_creation_change_customer', { defaultValue: 'Change' })}
+        </Button>
+      }
+    >
+      <div className={styles.customerRow}>
+        <Avatar size={40} className={styles.avatar}>
+          {initials || <UserOutlined />}
+        </Avatar>
+        <div className={styles.info}>
+          <div className={styles.name}>
+            {customer.firstname} {customer.lastname}
+          </div>
+          {customer.email && (
+            <div className={styles.email}>{customer.email}</div>
+          )}
+        </div>
+      </div>
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/OrderCreationButton.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/OrderCreationButton.tsx
new file mode 100644
index 0000000000..b1c4f33079
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/OrderCreationButton.tsx
@@ -0,0 +1,105 @@
+/**
+ * CoreShop Order Creation Menu Button
+ *
+ * Opens the Element Selector for customer selection directly from the menu
+ * and then opens the Order Creation detail widget for the selected customer.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Icon } from '@pimcore/studio-ui-bundle/components'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { store } from '@pimcore/studio-ui-bundle/app'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { type MenuButtonProps } from '@coreshop/menu/src'
+import { orderCreationApi } from '../api'
+
+export const OrderCreationButton = ({ icon, label, closeMainNav }: MenuButtonProps): React.JSX.Element => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [allowedClasses, setAllowedClasses] = React.useState<string[]>([])
+  const [classesLoaded, setClassesLoaded] = React.useState(false)
+
+  React.useEffect(() => {
+    const loadClasses = async (): Promise<void> => {
+      try {
+        const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+        const classes = await configProvider.getAllowedClasses('coreshop.customer')
+        setAllowedClasses(classes)
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load allowed customer classes')))
+        setAllowedClasses(['CoreShopCustomer'])
+      } finally {
+        setClassesLoaded(true)
+      }
+    }
+
+    void loadClasses()
+  }, [messageApi])
+
+  const { open: openCustomerSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        const customerId = selected.data.id
+
+        void orderCreationApi.getCustomerDetails(customerId).then((details) => {
+          const customerName = [details.firstname, details.lastname].filter(Boolean).join(' ') || `Customer #${customerId}`
+
+          store.dispatch({
+            type: 'widget-manager/openMainWidget',
+            payload: {
+              name: `New Order - ${customerName}`,
+              id: `coreshop-order-creation-${customerId}`,
+              component: 'coreshop-order-creation-detail',
+              config: { customerId }
+            }
+          })
+        }).catch((error) => {
+          void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load customer')))
+        })
+      }
+    }
+  })
+
+  const handleClick = (event: React.MouseEvent): void => {
+    event.preventDefault()
+    event.stopPropagation()
+
+    if (!classesLoaded) {
+      return
+    }
+
+    closeMainNav?.()
+    openCustomerSelector()
+  }
+
+  return (
+    <button
+      className="main-nav__list-btn"
+      onClick={handleClick}
+    >
+      <Icon value={icon ?? ''} />
+      {label || t('coreshop_order_create', { defaultValue: 'Create Order' })}
+    </button>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/OrderCreationPanel.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/OrderCreationPanel.tsx
new file mode 100644
index 0000000000..1fe355ef40
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/OrderCreationPanel.tsx
@@ -0,0 +1,552 @@
+/**
+ * CoreShop OrderBundle - Order Creation Panel Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo, useState, useCallback, useEffect } from 'react'
+import { Button, Space, Alert, Spin, Modal, Input, Form, Result } from 'antd'
+import {
+  ReloadOutlined,
+  DeleteOutlined,
+  ShoppingCartOutlined,
+  FileOutlined,
+  CheckCircleOutlined,
+  FolderOpenOutlined,
+  PlusOutlined,
+  CloseOutlined
+} from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { createStyles } from 'antd-style'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import { useWidgetManager } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { OrderCreationProvider, useOrderCreation } from '../context'
+import { CustomerInfoCard } from './CustomerSelector'
+import type { OrderCreationStepRegistry } from '../registry/OrderCreationStepRegistry'
+import { orderCreationServiceIds } from '../service-ids'
+import { orderCreationApi } from '../api'
+import { useSaleHelper } from '../../sales/hooks'
+
+const useStyles = createStyles(({ css, token }) => ({
+  container: css`
+    container-type: inline-size;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: auto;
+    padding: 16px;
+    background: ${token.colorBgLayout};
+    gap: 16px;
+  `,
+  toolbar: css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: ${token.colorBgContainer};
+    border: 1px solid ${token.colorBorderSecondary};
+    border-radius: ${token.borderRadiusLG}px;
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
+    padding: 8px;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  `,
+  toolbarSpacer: css`
+    flex: 1;
+  `,
+  content: css`
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  `,
+  topRow: css`
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 700px) {
+      flex-direction: row;
+      align-items: stretch;
+
+      > :first-child {
+        flex: 0 0 auto;
+        min-width: 280px;
+        max-width: 340px;
+      }
+
+      > :last-child {
+        flex: 1;
+        min-width: 0;
+      }
+
+      > * > .ant-card {
+        height: 100%;
+      }
+    }
+  `,
+  multiRow: css`
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 800px) {
+      flex-direction: row;
+
+      > * {
+        flex: 1;
+        min-width: 0;
+      }
+
+      > * > .ant-card {
+        height: 100%;
+      }
+    }
+  `,
+  block: css`
+    .ant-card {
+      border-radius: ${token.borderRadiusLG}px;
+      border: 1px solid ${token.colorBorderSecondary};
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02);
+      overflow: hidden;
+
+      .ant-card-head {
+        border-bottom: 1px solid ${token.colorBorderSecondary};
+        min-height: 44px;
+        padding: 0 16px;
+        font-size: 13px;
+        font-weight: 600;
+        letter-spacing: 0.01em;
+        text-transform: uppercase;
+        color: ${token.colorTextSecondary};
+      }
+
+      .ant-card-head-title {
+        font-size: 13px;
+        padding: 10px 0;
+      }
+
+      .ant-card-extra {
+        padding: 6px 0;
+      }
+
+      .ant-card-body {
+        > div:last-child {
+          margin-bottom: 0;
+        }
+
+        .ant-form-item:last-child {
+          margin-bottom: 0;
+        }
+
+        .ant-row:last-child .ant-form-item {
+          margin-bottom: 0;
+        }
+      }
+    }
+  `,
+  blockDisabled: css`
+    position: relative;
+    pointer-events: none;
+
+    &::after {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: ${token.colorBgContainer};
+      opacity: 0.55;
+      z-index: 1;
+      border-radius: ${token.borderRadiusLG}px;
+    }
+  `
+}))
+
+const OrderCreationPanelContent: React.FC = () => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const { openSale } = useSaleHelper()
+  const widgetManager = useWidgetManager()
+  const messageApi = useMessage()
+  const { state, dispatch, triggerPreview, createSale, reset, fullReset, isValid } =
+    useOrderCreation()
+
+  const [cartNameModalOpen, setCartNameModalOpen] = useState(false)
+  const [cartName, setCartName] = useState('')
+  const [successModal, setSuccessModal] = useState<{
+    open: boolean
+    type: 'cart' | 'order'
+    id: number
+  } | null>(null)
+  const [allowedClasses, setAllowedClasses] = useState<string[]>([])
+
+  const configProvider = useMemo(
+    () => container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider),
+    []
+  )
+
+  useEffect(() => {
+    const load = async () => {
+      try {
+        const classes = await configProvider.getAllowedClasses('coreshop.customer')
+        setAllowedClasses(classes)
+      } catch {
+        setAllowedClasses(['CoreShopCustomer'])
+      }
+    }
+    void load()
+  }, [configProvider])
+
+  const handleNewCustomerSelected = useCallback(async (customerId: number) => {
+    try {
+      const details = await orderCreationApi.getCustomerDetails(customerId)
+      const customerName = [details.firstname, details.lastname].filter(Boolean).join(' ') || `Customer #${customerId}`
+
+      widgetManager.openMainWidget({
+        name: `New Order - ${customerName}`,
+        id: `coreshop-order-creation-${customerId}`,
+        component: 'coreshop-order-creation-detail',
+        config: {
+          customerId
+        }
+      })
+    } catch (err) {
+      void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load customer')))
+    }
+  }, [widgetManager, messageApi])
+
+  const { open: openChangeSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        void handleNewCustomerSelected(selected.data.id)
+      }
+    }
+  })
+
+  // Get sorted steps from registry
+  const stepRegistry = useMemo(() => {
+    if (container.isBound(orderCreationServiceIds.stepRegistry)) {
+      return container.get<OrderCreationStepRegistry>(orderCreationServiceIds.stepRegistry)
+    }
+    return null
+  }, [])
+
+  const steps = useMemo(() => stepRegistry?.getSorted() ?? [], [stepRegistry])
+
+  // Determine which steps are disabled (not yet available)
+  const stepDisabled = useMemo(
+    () => new Map(steps.map((step) => [step.key, step.isVisible ? !step.isVisible(state) : false])),
+    [steps, state]
+  )
+
+  // Generate default cart name
+  const getDefaultCartName = (): string => {
+    const customer = state.customerDetails
+    const date = new Date().toLocaleDateString()
+    if (customer) {
+      return `${customer.firstname ?? ''} ${customer.lastname ?? ''} - ${date}`.trim()
+    }
+    return date
+  }
+
+  const handleCreateCart = (): void => {
+    setCartName(getDefaultCartName())
+    setCartNameModalOpen(true)
+  }
+
+  const handleConfirmCreateCart = async (): Promise<void> => {
+    setCartNameModalOpen(false)
+    const id = await createSale('cart', cartName)
+    if (id) {
+      setSuccessModal({ open: true, type: 'cart', id })
+    }
+    setCartName('')
+  }
+
+  const handleCreateOrder = async (): Promise<void> => {
+    const id = await createSale('order')
+    if (id) {
+      setSuccessModal({ open: true, type: 'order', id })
+    }
+  }
+
+  const handleSuccessClose = (): void => {
+    setSuccessModal(null)
+    fullReset()
+  }
+
+  const handleSuccessCreateAnother = (): void => {
+    setSuccessModal(null)
+    reset()
+  }
+
+  const handleSuccessOpen = (): void => {
+    if (successModal) {
+      openSale({ id: successModal.id, type: successModal.type })
+    }
+    setSuccessModal(null)
+    reset()
+  }
+
+  const handleChangeCustomer = (): void => {
+    openChangeSelector()
+  }
+
+  // Show loading state while customer is being loaded
+  if (!state.customerId || !state.customerDetails) {
+    return (
+      <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%' }}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      {/* Toolbar - floating sticky */}
+      <div className={styles.toolbar}>
+        <Button icon={<DeleteOutlined />} onClick={reset} disabled={state.creating} size="small">
+          {t('coreshop_reset', { defaultValue: 'Reset' })}
+        </Button>
+        <Button icon={<ReloadOutlined />} onClick={triggerPreview} disabled={state.creating} size="small">
+          {t('coreshop_refresh', { defaultValue: 'Refresh' })}
+        </Button>
+        <div className={styles.toolbarSpacer} />
+        <Button
+          type="primary"
+          icon={<ShoppingCartOutlined />}
+          onClick={handleCreateCart}
+          disabled={!isValid() || state.creating}
+          loading={state.creating}
+          size="small"
+        >
+          {t('coreshop_create_cart', { defaultValue: 'Create Cart' })}
+        </Button>
+        <Button
+          type="primary"
+          icon={<FileOutlined />}
+          onClick={() => void handleCreateOrder()}
+          disabled={!isValid() || state.creating}
+          loading={state.creating}
+          size="small"
+        >
+          {t('coreshop_create_order', { defaultValue: 'Create Order' })}
+        </Button>
+      </div>
+
+      {/* Content */}
+      <Spin
+        spinning={state.creating}
+        tip={t('coreshop_order_creation_creating', { defaultValue: 'Creating...' })}
+        size="large"
+      >
+        <div key={state.resetKey} className={styles.content}>
+          {/* Customer + Base Settings side by side */}
+          <div className={styles.topRow}>
+            <div className={styles.block}>
+              <CustomerInfoCard
+                customer={state.customerDetails}
+                onChangeCustomer={handleChangeCustomer}
+              />
+            </div>
+            {steps.filter(s => s.key === 'base').map((step) => {
+              const StepComponent = step.component
+              return (
+                <div key={step.key} className={styles.block}>
+                  <StepComponent
+                    state={state}
+                    dispatch={dispatch}
+                    preview={state.preview}
+                    triggerPreview={triggerPreview}
+                  />
+                </div>
+              )
+            })}
+          </div>
+
+          {/* Error display */}
+          {state.previewError && (
+            <Alert
+              type="error"
+              message={state.previewError}
+              showIcon
+              closable
+            />
+          )}
+
+          {state.createError && (
+            <Alert
+              type="error"
+              message={state.createError}
+              showIcon
+              closable
+            />
+          )}
+
+          {/* Steps (excluding base, rendered above) */}
+          <Spin spinning={state.previewLoading}>
+            {(() => {
+              const middleKeys = new Set(['address', 'shipping', 'payment'])
+              const skipKeys = new Set(['base', ...middleKeys])
+              const beforeMiddle = steps.filter(s => !skipKeys.has(s.key) && s.priority < 40)
+              const middleSteps = steps.filter(s => middleKeys.has(s.key))
+              const afterMiddle = steps.filter(s => !skipKeys.has(s.key) && s.priority >= 40)
+
+              const renderStep = (step: typeof steps[0]) => {
+                const disabled = stepDisabled.get(step.key) ?? false
+                const StepComponent = step.component
+                return (
+                  <div key={step.key} className={`${styles.block} ${disabled ? styles.blockDisabled : ''}`}>
+                    <StepComponent
+                      state={state}
+                      dispatch={dispatch}
+                      preview={state.preview}
+                      triggerPreview={triggerPreview}
+                    />
+                  </div>
+                )
+              }
+
+              return (
+                <div className={styles.content}>
+                  {/* Steps before the middle group (e.g. products) */}
+                  {beforeMiddle.map(renderStep)}
+
+                  {/* Address + Shipping + Payment side by side */}
+                  {middleSteps.length > 0 && (
+                    <div className={styles.multiRow}>
+                      {middleSteps.map(renderStep)}
+                    </div>
+                  )}
+
+                  {/* Steps after middle group (e.g. totals) */}
+                  {afterMiddle.map(renderStep)}
+                </div>
+              )
+            })()}
+          </Spin>
+        </div>
+      </Spin>
+
+      {/* Cart Name Modal */}
+      <Modal
+        title={t('coreshop_create_cart', { defaultValue: 'Create Cart' })}
+        open={cartNameModalOpen}
+        onOk={() => void handleConfirmCreateCart()}
+        onCancel={() => setCartNameModalOpen(false)}
+        okText={t('coreshop_create', { defaultValue: 'Create' })}
+        cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      >
+        <Form layout="vertical">
+          <Form.Item
+            label={t('coreshop_cart_name', { defaultValue: 'Cart Name' })}
+          >
+            <Input
+              value={cartName}
+              onChange={(e) => setCartName(e.target.value)}
+              placeholder={t('coreshop_cart_name_placeholder', {
+                defaultValue: 'Enter a name for this cart'
+              })}
+              autoFocus
+            />
+          </Form.Item>
+        </Form>
+      </Modal>
+
+      {/* Success Modal */}
+      <Modal
+        open={successModal?.open ?? false}
+        onCancel={handleSuccessClose}
+        footer={null}
+        centered
+        width={480}
+      >
+        <Result
+          icon={<CheckCircleOutlined style={{ color: '#52c41a' }} />}
+          title={
+            successModal?.type === 'cart'
+              ? t('coreshop_order_creation_cart_created', { defaultValue: 'Cart Created Successfully' })
+              : t('coreshop_order_creation_order_created', { defaultValue: 'Order Created Successfully' })
+          }
+          subTitle={
+            successModal?.type === 'cart'
+              ? t('coreshop_order_creation_cart_created_description', {
+                  defaultValue: 'The cart has been saved and is ready for further processing.'
+                })
+              : t('coreshop_order_creation_order_created_description', {
+                  defaultValue: 'The order has been created and confirmed.'
+                })
+          }
+          extra={
+            <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+              <Button
+                type="primary"
+                icon={<FolderOpenOutlined />}
+                onClick={handleSuccessOpen}
+                block
+                size="large"
+              >
+                {successModal?.type === 'cart'
+                  ? t('coreshop_order_creation_open_cart', { defaultValue: 'Open Cart' })
+                  : t('coreshop_order_creation_open_order', { defaultValue: 'Open Order' })}
+              </Button>
+              <Button
+                icon={<PlusOutlined />}
+                onClick={handleSuccessCreateAnother}
+                block
+              >
+                {t('coreshop_order_creation_create_another_same_customer', {
+                  defaultValue: 'Create Another for Same Customer'
+                })}
+              </Button>
+              <Button
+                icon={<CloseOutlined />}
+                onClick={handleSuccessClose}
+                block
+              >
+                {t('coreshop_close', { defaultValue: 'Close' })}
+              </Button>
+            </Space>
+          }
+        />
+      </Modal>
+    </div>
+  )
+}
+
+interface OrderCreationPanelProps {
+  customerId?: number
+}
+
+// Main exported component - receives customerId from widget config
+export const OrderCreationPanel: React.FC<OrderCreationPanelProps> = (config) => {
+  const customerId = config?.customerId
+
+  return (
+    <OrderCreationProvider initialCustomerId={customerId}>
+      <OrderCreationPanelContent />
+    </OrderCreationProvider>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/index.ts
new file mode 100644
index 0000000000..c3ed23957a
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/components/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop OrderBundle - Order Creation Components Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { OrderCreationPanel } from './OrderCreationPanel'
+export { OrderCreationButton } from './OrderCreationButton'
+export { CustomerInfoCard } from './CustomerSelector'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/context/OrderCreationContext.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/context/OrderCreationContext.tsx
new file mode 100644
index 0000000000..0d89cb6273
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/context/OrderCreationContext.tsx
@@ -0,0 +1,327 @@
+/**
+ * CoreShop OrderBundle - Order Creation Context
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, {
+  createContext,
+  useContext,
+  useReducer,
+  useCallback,
+  useEffect,
+  useRef,
+  useMemo
+} from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import type {
+  OrderCreationState,
+  OrderCreationAction,
+  OrderCreationFormData,
+  CustomerDetails,
+  OrderCreationRequest
+} from '../types'
+import { orderCreationApi } from '../api'
+import type { OrderCreationStepRegistry } from '../registry/OrderCreationStepRegistry'
+import { orderCreationServiceIds } from '../service-ids'
+
+// Initial state
+const initialFormData: OrderCreationFormData = {
+  store: null,
+  currency: null,
+  localeCode: null,
+  items: [],
+  shippingAddress: null,
+  invoiceAddress: null,
+  carrier: null
+}
+
+const initialState: OrderCreationState = {
+  customerId: null,
+  customerDetails: null,
+  formData: initialFormData,
+  preview: null,
+  previewLoading: false,
+  previewError: null,
+  stepValidation: {},
+  creating: false,
+  createError: null,
+  resetKey: 0
+}
+
+// Reducer
+function orderCreationReducer(
+  state: OrderCreationState,
+  action: OrderCreationAction
+): OrderCreationState {
+  switch (action.type) {
+    case 'SET_CUSTOMER':
+      return {
+        ...state,
+        customerId: action.payload.id,
+        customerDetails: action.payload.details
+      }
+
+    case 'UPDATE_FORM_DATA':
+      return {
+        ...state,
+        formData: { ...state.formData, ...action.payload }
+      }
+
+    case 'SET_PREVIEW_LOADING':
+      return { ...state, previewLoading: action.payload }
+
+    case 'SET_PREVIEW':
+      return {
+        ...state,
+        preview: action.payload,
+        previewLoading: false,
+        previewError: null
+      }
+
+    case 'SET_PREVIEW_ERROR':
+      return {
+        ...state,
+        previewError: action.payload,
+        previewLoading: false
+      }
+
+    case 'SET_STEP_VALIDATION':
+      return {
+        ...state,
+        stepValidation: {
+          ...state.stepValidation,
+          [action.payload.step]: action.payload.valid
+        }
+      }
+
+    case 'SET_CREATING':
+      return { ...state, creating: action.payload }
+
+    case 'SET_CREATE_ERROR':
+      return { ...state, createError: action.payload, creating: false }
+
+    case 'RESET':
+      return {
+        ...initialState,
+        customerId: state.customerId,
+        customerDetails: state.customerDetails,
+        resetKey: state.resetKey + 1
+      }
+
+    case 'FULL_RESET':
+      return initialState
+
+    default:
+      return state
+  }
+}
+
+// Context type
+interface OrderCreationContextType {
+  state: OrderCreationState
+  dispatch: React.Dispatch<OrderCreationAction>
+  triggerPreview: () => void
+  loadCustomer: (customerId: number) => Promise<void>
+  createSale: (saleType: 'cart' | 'order' | 'quote', name?: string) => Promise<number | null>
+  reset: () => void
+  fullReset: () => void
+  isValid: () => boolean
+}
+
+const OrderCreationContext = createContext<OrderCreationContextType | null>(null)
+
+export const useOrderCreation = (): OrderCreationContextType => {
+  const context = useContext(OrderCreationContext)
+  if (!context) {
+    throw new Error('useOrderCreation must be used within OrderCreationProvider')
+  }
+  return context
+}
+
+interface OrderCreationProviderProps {
+  children: React.ReactNode
+  initialCustomerId?: number
+}
+
+export const OrderCreationProvider: React.FC<OrderCreationProviderProps> = ({
+  children,
+  initialCustomerId
+}) => {
+  const [state, dispatch] = useReducer(orderCreationReducer, initialState)
+  const previewTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const messageApi = useMessage()
+  // Use ref to always access current state in async callbacks
+  const stateRef = useRef(state)
+  stateRef.current = state
+
+  // Get step registry
+  const stepRegistry = useMemo(() => {
+    if (container.isBound(orderCreationServiceIds.stepRegistry)) {
+      return container.get<OrderCreationStepRegistry>(orderCreationServiceIds.stepRegistry)
+    }
+    return null
+  }, [])
+
+  // Load customer details
+  const loadCustomer = useCallback(async (customerId: number) => {
+    try {
+      const details = await orderCreationApi.getCustomerDetails(customerId)
+      dispatch({ type: 'SET_CUSTOMER', payload: { id: customerId, details } })
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load customer')))
+    }
+  }, [messageApi])
+
+  // Load initial customer if provided
+  useEffect(() => {
+    if (initialCustomerId && !state.customerId) {
+      void loadCustomer(initialCustomerId)
+    }
+  }, [initialCustomerId, state.customerId, loadCustomer])
+
+  // Debounced preview trigger
+  const triggerPreview = useCallback(() => {
+    // Clear existing timeout
+    if (previewTimeoutRef.current) {
+      clearTimeout(previewTimeoutRef.current)
+    }
+
+    // Don't preview without customer or registry
+    if (!stateRef.current.customerId || !stepRegistry) return
+
+    // Check minimum requirements
+    if (!stateRef.current.formData.store || !stateRef.current.formData.currency || !stateRef.current.formData.localeCode) {
+      return
+    }
+
+    // Debounce preview calls (300ms)
+    previewTimeoutRef.current = setTimeout(async () => {
+      dispatch({ type: 'SET_PREVIEW_LOADING', payload: true })
+
+      try {
+        // Use ref to get current state (not stale closure value)
+        const currentState = stateRef.current
+        // Collect values from all steps
+        const steps = stepRegistry.getSorted()
+        let requestData: Record<string, unknown> = {
+          customer: currentState.customerId
+        }
+
+        for (const step of steps) {
+          const stepValues = step.getValues(currentState)
+          requestData = { ...requestData, ...stepValues }
+        }
+
+        const preview = await orderCreationApi.preview(requestData)
+        dispatch({ type: 'SET_PREVIEW', payload: preview })
+
+        // Notify steps about preview data
+        for (const step of steps) {
+          if (step.onPreviewData) {
+            step.onPreviewData(preview, dispatch)
+          }
+        }
+      } catch (error) {
+        dispatch({
+          type: 'SET_PREVIEW_ERROR',
+          payload: error instanceof Error ? error.message : 'Preview failed'
+        })
+      }
+    }, 300)
+  }, [stepRegistry])
+
+  // Check if all required steps are valid
+  const isValid = useCallback((): boolean => {
+    if (!stepRegistry) return false
+
+    const steps = stepRegistry.getSorted()
+    return steps.every((step) => {
+      if (step.isVisible && !step.isVisible(state)) return true // Skip hidden steps
+      return step.isValid(state)
+    })
+  }, [state, stepRegistry])
+
+  // Create sale
+  const createSale = useCallback(
+    async (saleType: 'cart' | 'order' | 'quote', name?: string): Promise<number | null> => {
+      if (!isValid() || !stepRegistry || !state.customerId) return null
+
+      dispatch({ type: 'SET_CREATING', payload: true })
+
+      try {
+        // Collect values from all steps
+        const steps = stepRegistry.getSorted()
+        let requestData: Record<string, unknown> = {
+          customer: state.customerId,
+          saleType
+        }
+
+        // Add name for carts
+        if (name) {
+          requestData.name = name
+        }
+
+        for (const step of steps) {
+          const stepValues = step.getValues(state)
+          requestData = { ...requestData, ...stepValues }
+        }
+
+        const result = await orderCreationApi.create(requestData as OrderCreationRequest)
+        dispatch({ type: 'SET_CREATING', payload: false })
+        return result.id
+      } catch (error) {
+        dispatch({
+          type: 'SET_CREATE_ERROR',
+          payload: error instanceof Error ? error.message : 'Create failed'
+        })
+        return null
+      }
+    },
+    [state, isValid, stepRegistry]
+  )
+
+  // Reset (keep customer)
+  const reset = useCallback(() => {
+    dispatch({ type: 'RESET' })
+  }, [])
+
+  // Full reset (clear customer too)
+  const fullReset = useCallback(() => {
+    dispatch({ type: 'FULL_RESET' })
+  }, [])
+
+  // Clean up timeout on unmount
+  useEffect(() => {
+    return () => {
+      if (previewTimeoutRef.current) {
+        clearTimeout(previewTimeoutRef.current)
+      }
+    }
+  }, [])
+
+  return (
+    <OrderCreationContext.Provider
+      value={{
+        state,
+        dispatch,
+        triggerPreview,
+        loadCustomer,
+        createSale,
+        reset,
+        fullReset,
+        isValid
+      }}
+    >
+      {children}
+    </OrderCreationContext.Provider>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/context/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/context/index.ts
new file mode 100644
index 0000000000..e3051953ae
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/context/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop OrderBundle - Order Creation Context Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { OrderCreationProvider, useOrderCreation } from './OrderCreationContext'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/index.ts
new file mode 100644
index 0000000000..302c8b3e24
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/index.ts
@@ -0,0 +1,48 @@
+/**
+ * CoreShop OrderBundle - Order Creation Module Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Service IDs
+export { orderCreationServiceIds } from './service-ids'
+
+// Types
+export type {
+  OrderCreationState,
+  OrderCreationAction,
+  OrderCreationFormData,
+  OrderCreationItem,
+  OrderCreationRequest,
+  OrderCreationPreview,
+  OrderCreationStepConfig,
+  OrderCreationStepProps,
+  CustomerDetails,
+  AddressInfo,
+  PreviewItem,
+  CurrencyInfo,
+  StoreInfo,
+  SummaryItem,
+  CarrierInfo
+} from './types'
+
+// Registry
+export { OrderCreationStepRegistry } from './registry'
+
+// Context
+export { OrderCreationProvider, useOrderCreation } from './context'
+
+// Components
+export { OrderCreationPanel, CustomerInfoCard } from './components'
+
+// Steps
+export { BaseStepConfig, ProductsStepConfig, TotalsStepConfig } from './steps'
+
+// API
+export { orderCreationApi } from './api'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/registry/OrderCreationStepRegistry.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/registry/OrderCreationStepRegistry.ts
new file mode 100644
index 0000000000..e637f2488b
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/registry/OrderCreationStepRegistry.ts
@@ -0,0 +1,76 @@
+/**
+ * CoreShop OrderBundle - Order Creation Step Registry
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { injectable } from 'inversify'
+import type { OrderCreationStepConfig } from '../types'
+
+/**
+ * Registry for managing order creation wizard steps
+ *
+ * Allows bundles to register custom steps that will be displayed
+ * in the order creation wizard.
+ *
+ * Pattern follows the same approach as SaleTabRegistry.
+ */
+@injectable()
+export class OrderCreationStepRegistry {
+  private steps: Map<string, OrderCreationStepConfig> = new Map()
+
+  /**
+   * Register a step
+   */
+  register(key: string, config: OrderCreationStepConfig): void {
+    this.steps.set(key, config)
+  }
+
+  /**
+   * Get a specific step by key
+   */
+  get(key: string): OrderCreationStepConfig | undefined {
+    return this.steps.get(key)
+  }
+
+  /**
+   * Check if a step exists
+   */
+  has(key: string): boolean {
+    return this.steps.has(key)
+  }
+
+  /**
+   * Get all registered steps
+   */
+  getAll(): OrderCreationStepConfig[] {
+    return Array.from(this.steps.values())
+  }
+
+  /**
+   * Get all steps sorted by priority (lower = first)
+   */
+  getSorted(): OrderCreationStepConfig[] {
+    return this.getAll().sort((a, b) => a.priority - b.priority)
+  }
+
+  /**
+   * Remove a step
+   */
+  unregister(key: string): void {
+    this.steps.delete(key)
+  }
+
+  /**
+   * Clear all steps
+   */
+  clear(): void {
+    this.steps.clear()
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/registry/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/registry/index.ts
new file mode 100644
index 0000000000..b25f0dd202
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/registry/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop OrderBundle - Order Creation Registry Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { OrderCreationStepRegistry } from './OrderCreationStepRegistry'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/service-ids.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/service-ids.ts
new file mode 100644
index 0000000000..c890fa14ce
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/service-ids.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop OrderBundle - Order Creation Service IDs
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const orderCreationServiceIds = {
+  stepRegistry: Symbol.for('CoreShop/Order/OrderCreation/StepRegistry'),
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/BaseStep.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/BaseStep.tsx
new file mode 100644
index 0000000000..173906acd7
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/BaseStep.tsx
@@ -0,0 +1,89 @@
+/**
+ * CoreShop OrderBundle - Base Step Component
+ *
+ * Schema-driven base settings step (store, currency, locale).
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Spin } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { useFormSchema, DynamicForm, sectionFilterDecorator } from '@coreshop/studio-form'
+import type { FormDecorator } from '@coreshop/studio-form'
+import type { OrderCreationStepConfig, OrderCreationState, OrderCreationStepProps } from '../types'
+
+const columnsDecorator: FormDecorator = (config) => ({
+  ...config,
+  columns: 3,
+  fields: config.fields.map((f) => ({ ...f, span: 8 })),
+})
+
+const hideSectionTitleDecorator: FormDecorator = (config) => ({
+  ...config,
+  sections: config.sections?.map((s) => ({ ...s, title: '', description: undefined })),
+})
+
+const BaseStepComponent: React.FC<OrderCreationStepProps> = ({ state, dispatch, triggerPreview }) => {
+  const { t } = useTranslation()
+
+  const { builder, loading } = useFormSchema('coreshop_cart_creation', [
+    { name: 'section-filter', decorator: sectionFilterDecorator('base') },
+    { name: 'hide-section-title', decorator: hideSectionTitleDecorator },
+    { name: 'columns', decorator: columnsDecorator },
+  ])
+
+  if (loading || !builder) {
+    return (
+      <Card title={t('coreshop_order_creation_base', { defaultValue: 'Base Settings' })}>
+        <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
+          <Spin />
+        </div>
+      </Card>
+    )
+  }
+
+  const config = builder.build()
+
+  return (
+    <Card
+      title={t('coreshop_order_creation_base', { defaultValue: 'Base Settings' })}
+    >
+      <DynamicForm
+        config={config}
+        data={state.formData}
+        onChange={(changedValues) => {
+          dispatch({ type: 'UPDATE_FORM_DATA', payload: changedValues })
+          setTimeout(triggerPreview, 0)
+        }}
+      />
+    </Card>
+  )
+}
+
+// Step configuration
+export const BaseStepConfig: OrderCreationStepConfig = {
+  key: 'base',
+  label: 'coreshop_order_creation_base',
+  icon: 'coreshop_icon_localization',
+  priority: 20,
+  component: BaseStepComponent,
+
+  isValid: (state: OrderCreationState) => {
+    return Boolean(
+      state.formData.store && state.formData.currency && state.formData.localeCode
+    )
+  },
+
+  getValues: (state: OrderCreationState) => ({
+    store: state.formData.store,
+    currency: state.formData.currency,
+    localeCode: state.formData.localeCode
+  })
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/ProductsStep.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/ProductsStep.tsx
new file mode 100644
index 0000000000..8a2fc04158
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/ProductsStep.tsx
@@ -0,0 +1,339 @@
+/**
+ * CoreShop OrderBundle - Products Step Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useState, useEffect, useMemo, useCallback } from 'react'
+import { Card, Table, Button, InputNumber, Typography, Popconfirm, Space } from 'antd'
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import { container } from '@pimcore/studio-ui-bundle'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { useTableCardStyles } from '../../sales/styles/useTableCardStyles'
+import type {
+  OrderCreationStepConfig,
+  OrderCreationState,
+  OrderCreationStepProps,
+  OrderCreationItem,
+  PreviewItem
+} from '../types'
+
+const useStyles = createStyles(({ css, token }) => ({
+  emptyState: css`
+    padding: 32px;
+    text-align: center;
+    background: ${token.colorBgLayout};
+    border-radius: ${token.borderRadius}px;
+  `,
+  addButton: css`
+    margin-top: 16px;
+  `,
+}))
+
+/**
+ * Format currency value (cents to display)
+ */
+const formatCurrency = (value: number, isoCode?: string): string => {
+  const amount = value / 100
+  if (isoCode) {
+    try {
+      return new Intl.NumberFormat(undefined, {
+        style: 'currency',
+        currency: isoCode
+      }).format(amount)
+    } catch {
+      // Fallback if currency code is invalid
+    }
+  }
+  return amount.toFixed(2)
+}
+
+const ProductsStepComponent: React.FC<OrderCreationStepProps> = ({ state, dispatch, triggerPreview }) => {
+  const { t } = useTranslation()
+  const { styles } = useStyles()
+  const { styles: tableStyles } = useTableCardStyles()
+  const messageApi = useMessage()
+  const [allowedClasses, setAllowedClasses] = useState<string[]>([])
+
+  const configProvider = useMemo(
+    () => container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider),
+    []
+  )
+
+  // Load allowed purchasable classes from config
+  useEffect(() => {
+    const loadAllowedClasses = async () => {
+      try {
+        const classes = await configProvider.getAllowedClasses('coreshop.purchasable')
+        setAllowedClasses(classes)
+      } catch (err) {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load allowed purchasable classes')))
+        // Fallback to default
+        setAllowedClasses(['CoreShopProduct'])
+      }
+    }
+    void loadAllowedClasses()
+  }, [configProvider, messageApi])
+
+  const handleAddProducts = useCallback((productIds: number[]): void => {
+    if (productIds.length === 0) return
+
+    // Filter out products that are already in the list
+    const existingProductIds = new Set(state.formData.items.map(item => item.product))
+    const newProductIds = productIds.filter(id => !existingProductIds.has(id))
+
+    if (newProductIds.length === 0) return
+
+    const newItems: OrderCreationItem[] = newProductIds.map((productId) => ({
+      product: productId,
+      quantity: 1,
+      customItemPrice: 0,
+      customItemDiscount: 0
+    }))
+
+    dispatch({
+      type: 'UPDATE_FORM_DATA',
+      payload: {
+        items: [...state.formData.items, ...newItems]
+      }
+    })
+
+    triggerPreview()
+  }, [state.formData.items, dispatch, triggerPreview])
+
+  const { open: openProductSelector } = useElementSelector({
+    selectionType: SelectionType.Multiple,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const productIds = event.items.map(item => item.data.id)
+        handleAddProducts(productIds)
+      }
+    }
+  })
+
+  const handleQuantityChange = (index: number, quantity: number | null): void => {
+    if (quantity === null || quantity < 1) return
+
+    const newItems = [...state.formData.items]
+    newItems[index] = { ...newItems[index], quantity }
+    dispatch({ type: 'UPDATE_FORM_DATA', payload: { items: newItems } })
+    triggerPreview()
+  }
+
+  const handleCustomPriceChange = (index: number, value: number | null): void => {
+    const newItems = [...state.formData.items]
+    // Convert from display value to cents
+    newItems[index] = { ...newItems[index], customItemPrice: (value ?? 0) * 100 }
+    dispatch({ type: 'UPDATE_FORM_DATA', payload: { items: newItems } })
+    triggerPreview()
+  }
+
+  const handleCustomDiscountChange = (index: number, value: number | null): void => {
+    const newItems = [...state.formData.items]
+    // Convert from display value to cents
+    newItems[index] = { ...newItems[index], customItemDiscount: (value ?? 0) * 100 }
+    dispatch({ type: 'UPDATE_FORM_DATA', payload: { items: newItems } })
+    triggerPreview()
+  }
+
+  const handleRemoveProduct = (index: number): void => {
+    const newItems = state.formData.items.filter((_, i) => i !== index)
+    dispatch({ type: 'UPDATE_FORM_DATA', payload: { items: newItems } })
+    triggerPreview()
+  }
+
+  // Use preview data for display
+  const previewItems = state.preview?.items || []
+  const currencyCode = state.preview?.baseCurrency?.isoCode
+
+  const columns = [
+    {
+      title: t('coreshop_id', { defaultValue: 'ID' }),
+      dataIndex: 'product',
+      width: 80
+    },
+    {
+      title: t('coreshop_name', { defaultValue: 'Name' }),
+      dataIndex: 'productName',
+      render: (_: unknown, record: OrderCreationItem, index: number) => {
+        const previewItem = previewItems[index] as PreviewItem | undefined
+        return previewItem?.productName || `Product #${record.product}`
+      }
+    },
+    {
+      title: t('coreshop_quantity', { defaultValue: 'Quantity' }),
+      dataIndex: 'quantity',
+      width: 100,
+      render: (value: number, _: OrderCreationItem, index: number) => (
+        <InputNumber
+          min={1}
+          value={value}
+          onChange={(val) => handleQuantityChange(index, val)}
+          size="small"
+          style={{ width: '100%' }}
+        />
+      )
+    },
+    {
+      title: t('coreshop_custom_price', { defaultValue: 'Custom Price' }),
+      dataIndex: 'customItemPrice',
+      width: 120,
+      render: (value: number | undefined, _: OrderCreationItem, index: number) => (
+        <InputNumber
+          min={0}
+          value={(value ?? 0) / 100}
+          onChange={(val) => handleCustomPriceChange(index, val)}
+          size="small"
+          style={{ width: '100%' }}
+          precision={2}
+          step={0.01}
+        />
+      )
+    },
+    {
+      title: t('coreshop_custom_discount', { defaultValue: 'Discount' }),
+      dataIndex: 'customItemDiscount',
+      width: 120,
+      render: (value: number | undefined, _: OrderCreationItem, index: number) => (
+        <InputNumber
+          min={0}
+          value={(value ?? 0) / 100}
+          onChange={(val) => handleCustomDiscountChange(index, val)}
+          size="small"
+          style={{ width: '100%' }}
+          precision={2}
+          step={0.01}
+        />
+      )
+    },
+    {
+      title: t('coreshop_unit_price', { defaultValue: 'Unit Price' }),
+      dataIndex: 'price',
+      width: 120,
+      align: 'right' as const,
+      render: (_: unknown, __: OrderCreationItem, index: number) => {
+        const previewItem = previewItems[index] as PreviewItem | undefined
+        if (!previewItem) return '-'
+        return formatCurrency(previewItem.price, currencyCode)
+      }
+    },
+    {
+      title: t('coreshop_total', { defaultValue: 'Total' }),
+      dataIndex: 'total',
+      width: 120,
+      align: 'right' as const,
+      render: (_: unknown, __: OrderCreationItem, index: number) => {
+        const previewItem = previewItems[index] as PreviewItem | undefined
+        if (!previewItem) return '-'
+        return (
+          <Typography.Text strong>
+            {formatCurrency(previewItem.total, currencyCode)}
+          </Typography.Text>
+        )
+      }
+    },
+    {
+      title: '',
+      width: 50,
+      render: (_: unknown, __: OrderCreationItem, index: number) => (
+        <Popconfirm
+          title={t('coreshop_remove_product_confirm', {
+            defaultValue: 'Remove this product?'
+          })}
+          onConfirm={() => handleRemoveProduct(index)}
+          okText={t('coreshop_yes', { defaultValue: 'Yes' })}
+          cancelText={t('coreshop_no', { defaultValue: 'No' })}
+        >
+          <Button type="text" danger icon={<DeleteOutlined />} size="small" />
+        </Popconfirm>
+      )
+    }
+  ]
+
+  return (
+    <Card
+      title={t('coreshop_order_creation_products', { defaultValue: 'Products' })}
+      className={tableStyles.card}
+      extra={
+        state.formData.items.length > 0 && (
+          <Button
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={openProductSelector}
+            size="small"
+          >
+            {t('coreshop_order_creation_add_products', { defaultValue: 'Add Products' })}
+          </Button>
+        )
+      }
+    >
+      {state.formData.items.length > 0 ? (
+        <Table
+          dataSource={state.formData.items}
+          columns={columns}
+          rowKey={(_, index) => `item-${index}`}
+          pagination={false}
+          size="small"
+          className={tableStyles.table}
+          scroll={{ x: 'max-content' }}
+        />
+      ) : (
+        <div className={styles.emptyState}>
+          <Space direction="vertical" size="middle">
+            <Typography.Text type="secondary">
+              {t('coreshop_order_creation_no_products', {
+                defaultValue: 'No products added yet. Click the button below to add products.'
+              })}
+            </Typography.Text>
+            <Button
+              type="primary"
+              icon={<PlusOutlined />}
+              onClick={openProductSelector}
+            >
+              {t('coreshop_order_creation_add_products', { defaultValue: 'Add Products' })}
+            </Button>
+          </Space>
+        </div>
+      )}
+    </Card>
+  )
+}
+
+export const ProductsStepConfig: OrderCreationStepConfig = {
+  key: 'products',
+  label: 'coreshop_order_creation_products',
+  icon: 'coreshop_icon_cart',
+  priority: 30,
+  component: ProductsStepComponent,
+
+  isValid: (state: OrderCreationState) => {
+    return state.formData.items.length > 0
+  },
+
+  getValues: (state: OrderCreationState) => ({
+    items: state.formData.items
+  })
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/TotalsStep.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/TotalsStep.tsx
new file mode 100644
index 0000000000..d6f89a7547
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/TotalsStep.tsx
@@ -0,0 +1,181 @@
+/**
+ * CoreShop OrderBundle - Totals Step Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Typography, Space, theme } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { createStyles } from 'antd-style'
+import type { OrderCreationStepConfig, OrderCreationState, OrderCreationStepProps, SummaryItem } from '../types'
+
+/**
+ * Format currency value (cents to display)
+ */
+const formatCurrency = (value: number, isoCode?: string): string => {
+  const amount = value / 100
+  if (isoCode) {
+    try {
+      return new Intl.NumberFormat(undefined, {
+        style: 'currency',
+        currency: isoCode
+      }).format(amount)
+    } catch {
+      // Fallback if currency code is invalid
+    }
+  }
+  return amount.toFixed(2)
+}
+
+/**
+ * Get translation for summary item key
+ */
+const summaryLabelKeys: Record<string, { key: string; defaultValue: string }> = {
+  subtotal: { key: 'coreshop_subtotal', defaultValue: 'Subtotal' },
+  subtotal_without_tax: { key: 'coreshop_subtotal_without_tax', defaultValue: 'Subtotal (excl. Tax)' },
+  subtotal_tax: { key: 'coreshop_subtotal_tax', defaultValue: 'Subtotal Tax' },
+  discount: { key: 'coreshop_discount', defaultValue: 'Discount' },
+  discount_without_tax: { key: 'coreshop_discount_without_tax', defaultValue: 'Discount (excl. Tax)' },
+  discount_tax: { key: 'coreshop_discount_tax', defaultValue: 'Discount Tax' },
+  shipping: { key: 'coreshop_shipping', defaultValue: 'Shipping' },
+  shipping_without_tax: { key: 'coreshop_shipping_without_tax', defaultValue: 'Shipping (excl. Tax)' },
+  shipping_tax: { key: 'coreshop_shipping_tax', defaultValue: 'Shipping Tax' },
+  payment_provider_fee: { key: 'coreshop_payment_provider_fee', defaultValue: 'Payment Provider Fee' },
+  total: { key: 'coreshop_total', defaultValue: 'Total' },
+  total_without_tax: { key: 'coreshop_total_without_tax', defaultValue: 'Total (excl. Tax)' },
+  total_tax: { key: 'coreshop_total_tax', defaultValue: 'Total Tax' }
+}
+
+const useTotalsStyles = createStyles(({ css, token }) => ({
+  summaryWrapper: css`
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  `,
+  summaryRow: css`
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    padding: 6px 0;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+  `,
+  summaryRowTotal: css`
+    border-bottom: none;
+    border-top: 2px solid ${token.colorBorder};
+    padding-top: 10px;
+    margin-top: 4px;
+  `,
+  summaryLabel: css`
+    font-size: 13px;
+    color: ${token.colorTextSecondary};
+  `,
+  summaryValues: css`
+    display: flex;
+    gap: 16px;
+  `,
+  summaryValue: css`
+    text-align: right;
+    font-size: 13px;
+    font-weight: 500;
+    color: ${token.colorText};
+    min-width: 90px;
+    font-variant-numeric: tabular-nums;
+  `
+}))
+
+const TotalsStepComponent: React.FC<OrderCreationStepProps> = ({ state }) => {
+  const { t } = useTranslation()
+  const { styles } = useTotalsStyles()
+  const { token } = theme.useToken()
+
+  const summary = state.preview?.summary || []
+  const currencyCode = state.preview?.baseCurrency?.isoCode
+  const convertedCurrencyCode = state.preview?.currency?.isoCode
+  const showConverted = currencyCode !== convertedCurrencyCode
+
+  // Filter out zero values and tax-related items for cleaner display
+  const displayItems = summary.filter((item) => {
+    if (item.key === 'total') return true
+    if (item.key === 'subtotal') return true
+    return item.value !== 0
+  })
+
+  const isTotalRow = (key: string) => key === 'total'
+
+  // Sort: regular items first, then total last
+  const sortedItems = React.useMemo(() => {
+    const regular = displayItems.filter(item => !isTotalRow(item.key))
+    const totals = displayItems.filter(item => isTotalRow(item.key))
+    return [...regular, ...totals]
+  }, [displayItems])
+
+  if (!state.preview || displayItems.length === 0) {
+    return (
+      <Card
+        title={t('coreshop_order_creation_totals', { defaultValue: 'Order Summary' })}
+      >
+        <Space direction="vertical" style={{ width: '100%', textAlign: 'center', padding: 24 }}>
+          <Typography.Text type="secondary">
+            {t('coreshop_no_preview_available', {
+              defaultValue: 'Fill in the required fields to see the order summary.'
+            })}
+          </Typography.Text>
+        </Space>
+      </Card>
+    )
+  }
+
+  return (
+    <Card
+      title={t('coreshop_order_creation_totals', { defaultValue: 'Order Summary' })}
+    >
+      <div className={styles.summaryWrapper}>
+        {sortedItems.map((item) => {
+          const isTotal = isTotalRow(item.key)
+          const labelConfig = summaryLabelKeys[item.key]
+          const label = labelConfig
+            ? t(labelConfig.key, { defaultValue: labelConfig.defaultValue })
+            : item.key
+          return (
+            <div key={item.key} className={`${styles.summaryRow} ${isTotal ? styles.summaryRowTotal : ''}`}>
+              <span className={styles.summaryLabel} style={isTotal ? { fontWeight: 600, color: token.colorText } : undefined}>
+                {label}
+              </span>
+              <div className={styles.summaryValues}>
+                <span className={styles.summaryValue} style={isTotal ? { fontWeight: 700, fontSize: 15 } : undefined}>
+                  {formatCurrency(item.value, currencyCode)}
+                </span>
+                {showConverted && (
+                  <span className={styles.summaryValue} style={isTotal ? { fontWeight: 700, fontSize: 15 } : undefined}>
+                    {formatCurrency(item.convertedValue ?? item.value, convertedCurrencyCode)}
+                  </span>
+                )}
+              </div>
+            </div>
+          )
+        })}
+      </div>
+    </Card>
+  )
+}
+
+export const TotalsStepConfig: OrderCreationStepConfig = {
+  key: 'totals',
+  label: 'coreshop_order_creation_totals',
+  icon: 'coreshop_icon_order',
+  priority: 100,
+  component: TotalsStepComponent,
+
+  // Totals step is always valid (it's just display)
+  isValid: () => true,
+
+  // No values to contribute to the request
+  getValues: () => ({})
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/index.ts
new file mode 100644
index 0000000000..b3d56bee33
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/steps/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop OrderBundle - Order Creation Steps Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { BaseStepConfig } from './BaseStep'
+export { ProductsStepConfig } from './ProductsStep'
+export { TotalsStepConfig } from './TotalsStep'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/types.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/types.ts
new file mode 100644
index 0000000000..8e3f6fbc48
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/order-creation/types.ts
@@ -0,0 +1,211 @@
+/**
+ * CoreShop OrderBundle - Order Creation Types
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type React from 'react'
+
+// ============================================
+// API Request/Response Types
+// ============================================
+
+export interface OrderCreationItem {
+  product: number
+  quantity: number
+  customItemPrice?: number
+  customItemDiscount?: number
+  unitDefinition?: number
+}
+
+export interface OrderCreationRequest {
+  customer: number
+  store: number
+  currency: number
+  localeCode: string
+  saleType: 'cart' | 'order' | 'quote'
+  items: OrderCreationItem[]
+  // Cart name (only for carts)
+  name?: string
+  // Extended by CoreBundle
+  shippingAddress?: number
+  invoiceAddress?: number
+  carrier?: number
+  [key: string]: unknown
+}
+
+export interface AddressInfo {
+  id: number
+  firstname?: string
+  lastname?: string
+  company?: string
+  street?: string
+  number?: string
+  postcode?: string
+  city?: string
+  country?: number
+  countryName?: string
+  phoneNumber?: string
+}
+
+export interface CustomerDetails {
+  id: number
+  email?: string
+  firstname?: string
+  lastname?: string
+  addresses?: AddressInfo[]
+}
+
+export interface PreviewItem {
+  product: number
+  productName: string
+  quantity: number
+  price: number
+  total: number
+  convertedPrice: number
+  convertedTotal: number
+  customItemPrice: number
+  customItemDiscount: number
+  convertedCustomItemPrice: number
+  unitDefinition: number | null
+  unitDefinitionRecord: unknown | null
+  units: unknown[]
+}
+
+export interface CurrencyInfo {
+  id: number
+  name: string
+  symbol: string
+  isoCode: string
+}
+
+export interface StoreInfo {
+  id: number
+  name: string
+}
+
+export interface SummaryItem {
+  key: string
+  value: number
+  convertedValue: number
+}
+
+export interface CarrierInfo {
+  id: number
+  name: string
+  price: number
+}
+
+export interface OrderCreationPreview {
+  id: number | null
+  customer: CustomerDetails | null
+  items: PreviewItem[]
+  currency: CurrencyInfo
+  baseCurrency: CurrencyInfo
+  store: StoreInfo
+  summary: SummaryItem[]
+  address: {
+    shipping: AddressInfo | null
+    billing: AddressInfo | null
+  }
+  address_shipping_formatted: string
+  address_billing_formatted: string
+  // CoreBundle extension
+  carriers?: CarrierInfo[]
+}
+
+// ============================================
+// State Management Types
+// ============================================
+
+export interface OrderCreationFormData {
+  store: number | null
+  currency: number | null
+  localeCode: string | null
+  items: OrderCreationItem[]
+  // Extended by CoreBundle
+  shippingAddress: number | null
+  invoiceAddress: number | null
+  carrier: number | null
+  [key: string]: unknown
+}
+
+export interface OrderCreationState {
+  // Customer (selected first, before wizard)
+  customerId: number | null
+  customerDetails: CustomerDetails | null
+
+  // Form data
+  formData: OrderCreationFormData
+
+  // Preview state (from API)
+  preview: OrderCreationPreview | null
+  previewLoading: boolean
+  previewError: string | null
+
+  // Validation
+  stepValidation: Record<string, boolean>
+
+  // UI state
+  creating: boolean
+  createError: string | null
+  resetKey: number
+}
+
+// ============================================
+// Action Types
+// ============================================
+
+export type OrderCreationAction =
+  | { type: 'SET_CUSTOMER'; payload: { id: number; details: CustomerDetails } }
+  | { type: 'UPDATE_FORM_DATA'; payload: Partial<OrderCreationFormData> }
+  | { type: 'SET_PREVIEW_LOADING'; payload: boolean }
+  | { type: 'SET_PREVIEW'; payload: OrderCreationPreview }
+  | { type: 'SET_PREVIEW_ERROR'; payload: string }
+  | { type: 'SET_STEP_VALIDATION'; payload: { step: string; valid: boolean } }
+  | { type: 'SET_CREATING'; payload: boolean }
+  | { type: 'SET_CREATE_ERROR'; payload: string }
+  | { type: 'RESET' }
+  | { type: 'FULL_RESET' }
+
+// ============================================
+// Step Registry Types
+// ============================================
+
+export interface OrderCreationStepProps {
+  state: OrderCreationState
+  dispatch: React.Dispatch<OrderCreationAction>
+  preview: OrderCreationPreview | null
+  triggerPreview: () => void
+}
+
+export interface OrderCreationStepConfig {
+  key: string
+  label: string
+  icon?: string
+  priority: number
+
+  // Component to render the step
+  component: React.ComponentType<OrderCreationStepProps>
+
+  // Validation function - determines if step is valid
+  isValid: (state: OrderCreationState) => boolean
+
+  // Get values from this step for preview/create API
+  getValues: (state: OrderCreationState) => Record<string, unknown>
+
+  // Optional: Condition for showing this step
+  isVisible?: (state: OrderCreationState) => boolean
+
+  // Optional: Receive preview data and update state
+  onPreviewData?: (
+    data: OrderCreationPreview,
+    dispatch: React.Dispatch<OrderCreationAction>
+  ) => void
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/CartDetailWidget.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/CartDetailWidget.tsx
new file mode 100644
index 0000000000..43a822f119
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/CartDetailWidget.tsx
@@ -0,0 +1,140 @@
+/**
+ * CoreShop OrderBundle - Cart Detail Widget
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { SaleDetail } from './SaleDetail'
+import { SaleDetailSkeleton } from './SaleDetailSkeleton'
+import type { Sale } from './types'
+
+interface CartDetailWidgetProps {
+  orderId: number
+}
+
+const loadCartFromBackend = async (id: number): Promise<Sale | null> => {
+  try {
+    const response = await fetch(`/pimcore-studio/api/coreshop/order/detail?id=${id}&saleType=cart`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json()
+
+    if (data.success && data.sale) {
+      return data.sale as Sale
+    }
+
+    return null
+  } catch (error) {
+    console.error('Error loading cart:', error)
+    throw error
+  }
+}
+
+export const CartDetailWidget: React.FC<CartDetailWidgetProps> = (props) => {
+  const [cart, setCart] = React.useState<Sale | undefined>()
+  const [loading, setLoading] = React.useState(true)
+  const messageApi = useMessage()
+
+  const cartId = props?.orderId
+
+  // Note: messageApi is intentionally excluded from deps to prevent infinite loops
+  const loadCart = React.useCallback(async () => {
+    if (!cartId) {
+      setLoading(false)
+      return
+    }
+
+    try {
+      setLoading(true)
+      const data = await loadCartFromBackend(cartId)
+
+      if (data) {
+        setCart(data)
+      } else {
+        void messageApi.error(renderApiError('Failed to load cart data'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError('Error loading cart'))
+    } finally {
+      setLoading(false)
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [cartId])
+
+  React.useEffect(() => {
+    void loadCart()
+  }, [loadCart])
+
+  const handleChange = React.useCallback(async (updates: Partial<Sale>) => {
+    setCart(prev => prev ? { ...prev, ...updates } : prev)
+
+    try {
+      const response = await fetch(`/pimcore-studio/api/coreshop/order/update/${cartId}`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(updates)
+      })
+
+      if (!response.ok) {
+        throw new Error('Failed to save')
+      }
+
+      void messageApi.success('Cart updated successfully')
+      await loadCart()
+    } catch (error) {
+      void messageApi.error(renderApiError('Failed to save changes'))
+      await loadCart()
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [cartId, loadCart])
+
+  if (loading) {
+    return <SaleDetailSkeleton />
+  }
+
+  if (!cart) {
+    return (
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        width: '100%',
+        minHeight: 400,
+        flexDirection: 'column',
+        gap: 16
+      }}>
+        <h2>Cart not found</h2>
+        <p style={{ color: '#999' }}>Cart #{cartId} could not be loaded</p>
+      </div>
+    )
+  }
+
+  return (
+    <SaleDetail
+      sale={cart}
+      type="cart"
+      onChange={handleChange}
+      onReload={loadCart}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/CartList.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/CartList.tsx
new file mode 100644
index 0000000000..fbc630d9e3
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/CartList.tsx
@@ -0,0 +1,229 @@
+/**
+ * CoreShop OrderBundle Cart List
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Spin } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import { BaseListing, DataObjectProvider, listingDefaultProps, type ObjectListingBuilder } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { createStyles } from 'antd-style'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { GridToolbar } from '@coreshop/pimcore/src/modules/grid/components/GridToolbar'
+import { PresetFilterProvider, usePresetFilter } from '@coreshop/pimcore/src/modules/grid/context/PresetFilterContext'
+import { orderCreationApi } from '../order-creation/api'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  `,
+  toolbar: css`
+    padding: 8px 16px;
+    border-bottom: 1px solid #f0f0f0;
+    flex-shrink: 0;
+  `,
+  listing: css`
+    flex: 1;
+    overflow: hidden;
+  `,
+  loading: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+interface FolderConfig {
+  success: boolean
+  className: string
+  folderId: number
+}
+
+const LIST_TYPE = 'coreshop_cart'
+
+/**
+ * Inner component that uses the preset filter context
+ */
+const CartListInner: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const { styles } = useStyles()
+  const [folderId, setFolderId] = React.useState<number | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const [listingKey, setListingKey] = React.useState(0)
+  const [allowedClasses, setAllowedClasses] = React.useState<string[]>([])
+  const [classesLoaded, setClassesLoaded] = React.useState(false)
+  const listingBuilder = container.get<ObjectListingBuilder>('CoreShop/Cart/Listing/Builder')
+
+  // Use the preset filter context
+  const { selectedFilter, setSelectedFilter } = usePresetFilter()
+
+  React.useEffect(() => {
+    const fetchFolderConfig = async (): Promise<void> => {
+      try {
+        const response = await fetch('/pimcore-studio/api/coreshop/order/get-folder-configuration?saleType=cart')
+        const data: FolderConfig = await response.json()
+
+        if (data.success && data.folderId) {
+          setFolderId(data.folderId)
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch cart folder configuration')))
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void fetchFolderConfig()
+  }, [])
+
+  React.useEffect(() => {
+    const loadClasses = async (): Promise<void> => {
+      try {
+        const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+        const classes = await configProvider.getAllowedClasses('coreshop.customer')
+        setAllowedClasses(classes)
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load allowed customer classes')))
+        setAllowedClasses(['CoreShopCustomer'])
+      } finally {
+        setClassesLoaded(true)
+      }
+    }
+
+    void loadClasses()
+  }, [messageApi])
+
+  const { open: openCustomerSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        const customerId = selected.data.id
+
+        void orderCreationApi.getCustomerDetails(customerId).then((details) => {
+          const customerName = [details.firstname, details.lastname].filter(Boolean).join(' ') || `Customer #${customerId}`
+          const widgetManager = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+          widgetManager.openMainWidget({
+            name: `New Order - ${customerName}`,
+            id: `coreshop-order-creation-${customerId}`,
+            component: 'coreshop-order-creation-detail',
+            config: { customerId }
+          })
+        }).catch((error) => {
+          void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load customer')))
+        })
+      }
+    }
+  })
+
+  const handleCreateCart = (): void => {
+    if (classesLoaded) {
+      openCustomerSelector()
+    }
+  }
+
+  const handleFilterChange = (filterId: string | null): void => {
+    setSelectedFilter(filterId)
+    setListingKey(prev => prev + 1)
+  }
+
+  const handleRefresh = (): void => {
+    setListingKey(prev => prev + 1)
+  }
+
+  if (loading) {
+    return (
+      <div className={styles.loading}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (folderId === null) {
+    return (
+      <div className={styles.loading}>
+        <span>{t('coreshop_no_folder_configured', { defaultValue: 'No folder configured for carts' })}</span>
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.toolbar}>
+        <GridToolbar
+          listType={LIST_TYPE}
+          selectedFilter={selectedFilter}
+          onFilterChange={handleFilterChange}
+          onRefresh={handleRefresh}
+        >
+          <Button
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={handleCreateCart}
+            disabled={!classesLoaded}
+          >
+            {t('coreshop_create_cart', { defaultValue: 'Create Cart' })}
+          </Button>
+        </GridToolbar>
+      </div>
+      <div className={styles.listing}>
+        <DataObjectProvider id={folderId}>
+          <BaseListing
+            key={listingKey}
+            {...listingBuilder.build({
+              props: {
+                ...listingDefaultProps
+              },
+              config: {}
+            })}
+          />
+        </DataObjectProvider>
+      </div>
+    </div>
+  )
+}
+
+/**
+ * Cart List Component
+ *
+ * Displays CoreShopCart DataObjects using Pimcore's DataObject listing.
+ * Wrapped in PresetFilterProvider to enable filter state sharing.
+ */
+export const CartList: React.FC = () => {
+  return (
+    <PresetFilterProvider initialListType={LIST_TYPE}>
+      <CartListInner />
+    </PresetFilterProvider>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/OrderDetailWidget.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/OrderDetailWidget.tsx
new file mode 100644
index 0000000000..18aa943efc
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/OrderDetailWidget.tsx
@@ -0,0 +1,157 @@
+/**
+ * CoreShop OrderBundle - Order Detail Widget
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { SaleDetail } from './SaleDetail'
+import { SaleDetailSkeleton } from './SaleDetailSkeleton'
+import type { Sale } from './types'
+
+interface OrderDetailWidgetProps {
+    orderId: number
+}
+
+/**
+ * Loads order details from the backend API
+ */
+const loadOrderFromBackend = async (id: number): Promise<Sale | null> => {
+  try {
+    const response = await fetch(`/pimcore-studio/api/coreshop/order/detail?id=${id}`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json()
+
+    if (data.success && data.sale) {
+      return data.sale as Sale
+    }
+
+    return null
+  } catch (error) {
+    console.error('Error loading order:', error)
+    throw error
+  }
+}
+
+/**
+ * Standalone Order Detail Widget
+ *
+ * This widget displays order details in its own tab,
+ * not integrated with Pimcore's DataObject editor.
+ */
+export const OrderDetailWidget: React.FC<OrderDetailWidgetProps> = (config) => {
+  const [order, setOrder] = React.useState<Sale | undefined>()
+  const [loading, setLoading] = React.useState(true)
+  const messageApi = useMessage()
+
+  const orderId = config?.orderId
+
+  // Load order data from backend
+  // Note: messageApi is intentionally excluded from deps - it should be stable but
+  // some implementations return a new reference on each render, causing infinite loops
+  const loadOrder = React.useCallback(async () => {
+    if (!orderId) {
+      setLoading(false)
+      return
+    }
+
+    try {
+      setLoading(true)
+      const data = await loadOrderFromBackend(orderId)
+
+      if (data) {
+        setOrder(data)
+      } else {
+        void messageApi.error(renderApiError('Failed to load order data'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError('Error loading order'))
+    } finally {
+      setLoading(false)
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [orderId])
+
+  // Load on mount and when orderId changes
+  React.useEffect(() => {
+    void loadOrder()
+  }, [loadOrder])
+
+  const handleChange = React.useCallback(async (updates: Partial<Sale>) => {
+    // Optimistic update using functional updater
+    setOrder(prev => prev ? { ...prev, ...updates } : prev)
+
+    try {
+      // Save to backend
+      const response = await fetch(`/pimcore-studio/api/coreshop/order/update/${orderId}`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(updates)
+      })
+
+      if (!response.ok) {
+        throw new Error('Failed to save')
+      }
+
+      void messageApi.success('Order updated successfully')
+
+      // Reload to get fresh data
+      await loadOrder()
+    } catch (error) {
+      void messageApi.error(renderApiError('Failed to save changes'))
+      // Revert on error
+      await loadOrder()
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [orderId, loadOrder])
+
+  if (loading) {
+    return <SaleDetailSkeleton />
+  }
+
+  if (!order) {
+    return (
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        width: '100%',
+        minHeight: 400,
+        flexDirection: 'column',
+        gap: 16
+      }}>
+        <h2>Order not found</h2>
+        <p style={{ color: '#999' }}>Order #{orderId} could not be loaded</p>
+      </div>
+    )
+  }
+
+  return (
+    <SaleDetail
+      sale={order}
+      type="order"
+      onChange={handleChange}
+      onReload={loadOrder}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/OrderList.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/OrderList.tsx
new file mode 100644
index 0000000000..9cbc0632da
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/OrderList.tsx
@@ -0,0 +1,231 @@
+/**
+ * CoreShop OrderBundle Order List
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Spin } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { useElementSelector, SelectionType } from '@pimcore/studio-ui-bundle/modules/element'
+import { BaseListing, DataObjectProvider, listingDefaultProps, type ObjectListingBuilder } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { createStyles } from 'antd-style'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { GridToolbar } from '@coreshop/pimcore/src/modules/grid/components/GridToolbar'
+import { PresetFilterProvider, usePresetFilter } from '@coreshop/pimcore/src/modules/grid/context/PresetFilterContext'
+import { orderCreationApi } from '../order-creation/api'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  `,
+  toolbar: css`
+    padding: 8px 16px;
+    border-bottom: 1px solid #f0f0f0;
+    flex-shrink: 0;
+  `,
+  listing: css`
+    flex: 1;
+    overflow: hidden;
+  `,
+  loading: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+interface FolderConfig {
+  success: boolean
+  className: string
+  folderId: number
+}
+
+const LIST_TYPE = 'coreshop_order'
+
+/**
+ * Inner component that uses the preset filter context
+ */
+const OrderListInner: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const { styles } = useStyles()
+  const [folderId, setFolderId] = React.useState<number | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const [listingKey, setListingKey] = React.useState(0)
+  const [allowedClasses, setAllowedClasses] = React.useState<string[]>([])
+  const [classesLoaded, setClassesLoaded] = React.useState(false)
+  const listingBuilder = container.get<ObjectListingBuilder>('CoreShop/Order/Listing/Builder')
+
+  // Use the preset filter context
+  const { selectedFilter, setSelectedFilter } = usePresetFilter()
+
+  React.useEffect(() => {
+    const fetchFolderConfig = async (): Promise<void> => {
+      try {
+        const response = await fetch('/pimcore-studio/api/coreshop/order/get-folder-configuration?saleType=order')
+        const data: FolderConfig = await response.json()
+
+        if (data.success && data.folderId) {
+          setFolderId(data.folderId)
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch order folder configuration')))
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void fetchFolderConfig()
+  }, [])
+
+  React.useEffect(() => {
+    const loadClasses = async (): Promise<void> => {
+      try {
+        const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+        const classes = await configProvider.getAllowedClasses('coreshop.customer')
+        setAllowedClasses(classes)
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load allowed customer classes')))
+        setAllowedClasses(['CoreShopCustomer'])
+      } finally {
+        setClassesLoaded(true)
+      }
+    }
+
+    void loadClasses()
+  }, [messageApi])
+
+  const { open: openCustomerSelector } = useElementSelector({
+    selectionType: SelectionType.Single,
+    areas: {
+      asset: false,
+      document: false,
+      object: true
+    },
+    config: {
+      objects: {
+        allowedTypes: ['object'],
+        allowedClasses: allowedClasses.length > 0 ? allowedClasses : undefined
+      }
+    },
+    onFinish: (event) => {
+      if (event.items.length > 0) {
+        const selected = event.items[0]
+        const customerId = selected.data.id
+
+        void orderCreationApi.getCustomerDetails(customerId).then((details) => {
+          const customerName = [details.firstname, details.lastname].filter(Boolean).join(' ') || `Customer #${customerId}`
+          const widgetManager = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+          widgetManager.openMainWidget({
+            name: `New Order - ${customerName}`,
+            id: `coreshop-order-creation-${customerId}`,
+            component: 'coreshop-order-creation-detail',
+            config: { customerId }
+          })
+        }).catch((error) => {
+          void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load customer')))
+        })
+      }
+    }
+  })
+
+  const handleCreateOrder = (): void => {
+    if (classesLoaded) {
+      openCustomerSelector()
+    }
+  }
+
+  const handleFilterChange = (filterId: string | null): void => {
+    setSelectedFilter(filterId)
+    // Trigger listing refresh by changing key
+    setListingKey(prev => prev + 1)
+  }
+
+  const handleRefresh = (): void => {
+    setListingKey(prev => prev + 1)
+  }
+
+  if (loading) {
+    return (
+      <div className={styles.loading}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (folderId === null) {
+    return (
+      <div className={styles.loading}>
+        <span>{t('coreshop_no_folder_configured', { defaultValue: 'No folder configured for orders' })}</span>
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.toolbar}>
+        <GridToolbar
+          listType={LIST_TYPE}
+          selectedFilter={selectedFilter}
+          onFilterChange={handleFilterChange}
+          onRefresh={handleRefresh}
+        >
+          <Button
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={handleCreateOrder}
+            disabled={!classesLoaded}
+          >
+            {t('coreshop_create_order', { defaultValue: 'Create Order' })}
+          </Button>
+        </GridToolbar>
+      </div>
+      <div className={styles.listing}>
+        <DataObjectProvider id={folderId}>
+          <BaseListing
+            key={listingKey}
+            {...listingBuilder.build({
+              props: {
+                ...listingDefaultProps
+              },
+              config: {}
+            })}
+          />
+        </DataObjectProvider>
+      </div>
+    </div>
+  )
+}
+
+/**
+ * Order List Component
+ *
+ * Displays CoreShopOrder DataObjects using Pimcore's DataObject listing.
+ * Wrapped in PresetFilterProvider to enable filter state sharing between
+ * the toolbar and the listing decorator.
+ */
+export const OrderList: React.FC = () => {
+  return (
+    <PresetFilterProvider initialListType={LIST_TYPE}>
+      <OrderListInner />
+    </PresetFilterProvider>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/QuoteDetailWidget.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/QuoteDetailWidget.tsx
new file mode 100644
index 0000000000..efc6fee20b
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/QuoteDetailWidget.tsx
@@ -0,0 +1,140 @@
+/**
+ * CoreShop OrderBundle - Quote Detail Widget
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { SaleDetail } from './SaleDetail'
+import { SaleDetailSkeleton } from './SaleDetailSkeleton'
+import type { Sale } from './types'
+
+interface QuoteDetailWidgetProps {
+  orderId: number
+}
+
+const loadQuoteFromBackend = async (id: number): Promise<Sale | null> => {
+  try {
+    const response = await fetch(`/pimcore-studio/api/coreshop/order/detail?id=${id}&saleType=quote`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json()
+
+    if (data.success && data.sale) {
+      return data.sale as Sale
+    }
+
+    return null
+  } catch (error) {
+    console.error('Error loading quote:', error)
+    throw error
+  }
+}
+
+export const QuoteDetailWidget: React.FC<QuoteDetailWidgetProps> = (props) => {
+  const [quote, setQuote] = React.useState<Sale | undefined>()
+  const [loading, setLoading] = React.useState(true)
+  const messageApi = useMessage()
+
+  const quoteId = props?.orderId
+
+  // Note: messageApi is intentionally excluded from deps to prevent infinite loops
+  const loadQuote = React.useCallback(async () => {
+    if (!quoteId) {
+      setLoading(false)
+      return
+    }
+
+    try {
+      setLoading(true)
+      const data = await loadQuoteFromBackend(quoteId)
+
+      if (data) {
+        setQuote(data)
+      } else {
+        void messageApi.error(renderApiError('Failed to load quote data'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError('Error loading quote'))
+    } finally {
+      setLoading(false)
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [quoteId])
+
+  React.useEffect(() => {
+    void loadQuote()
+  }, [loadQuote])
+
+  const handleChange = React.useCallback(async (updates: Partial<Sale>) => {
+    setQuote(prev => prev ? { ...prev, ...updates } : prev)
+
+    try {
+      const response = await fetch(`/pimcore-studio/api/coreshop/order/update/${quoteId}`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(updates)
+      })
+
+      if (!response.ok) {
+        throw new Error('Failed to save')
+      }
+
+      void messageApi.success('Quote updated successfully')
+      await loadQuote()
+    } catch (error) {
+      void messageApi.error(renderApiError('Failed to save changes'))
+      await loadQuote()
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [quoteId, loadQuote])
+
+  if (loading) {
+    return <SaleDetailSkeleton />
+  }
+
+  if (!quote) {
+    return (
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        width: '100%',
+        minHeight: 400,
+        flexDirection: 'column',
+        gap: 16
+      }}>
+        <h2>Quote not found</h2>
+        <p style={{ color: '#999' }}>Quote #{quoteId} could not be loaded</p>
+      </div>
+    )
+  }
+
+  return (
+    <SaleDetail
+      sale={quote}
+      type="quote"
+      onChange={handleChange}
+      onReload={loadQuote}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/QuoteList.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/QuoteList.tsx
new file mode 100644
index 0000000000..eb02c60a51
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/QuoteList.tsx
@@ -0,0 +1,153 @@
+/**
+ * CoreShop OrderBundle Quote List
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { BaseListing, DataObjectProvider, listingDefaultProps, type ObjectListingBuilder } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { createStyles } from 'antd-style'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { GridToolbar } from '@coreshop/pimcore/src/modules/grid/components/GridToolbar'
+import { PresetFilterProvider, usePresetFilter } from '@coreshop/pimcore/src/modules/grid/context/PresetFilterContext'
+
+const useStyles = createStyles(({ css }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  `,
+  toolbar: css`
+    padding: 8px 16px;
+    border-bottom: 1px solid #f0f0f0;
+    flex-shrink: 0;
+  `,
+  listing: css`
+    flex: 1;
+    overflow: hidden;
+  `,
+  loading: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `
+}))
+
+interface FolderConfig {
+  success: boolean
+  className: string
+  folderId: number
+}
+
+const LIST_TYPE = 'coreshop_quote'
+
+/**
+ * Inner component that uses the preset filter context
+ */
+const QuoteListInner: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const { styles } = useStyles()
+  const [folderId, setFolderId] = React.useState<number | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const [listingKey, setListingKey] = React.useState(0)
+  const listingBuilder = container.get<ObjectListingBuilder>('CoreShop/Quote/Listing/Builder')
+
+  // Use the preset filter context
+  const { selectedFilter, setSelectedFilter } = usePresetFilter()
+
+  React.useEffect(() => {
+    const fetchFolderConfig = async (): Promise<void> => {
+      try {
+        const response = await fetch('/pimcore-studio/api/coreshop/order/get-folder-configuration?saleType=quote')
+        const data: FolderConfig = await response.json()
+
+        if (data.success && data.folderId) {
+          setFolderId(data.folderId)
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to fetch quote folder configuration')))
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void fetchFolderConfig()
+  }, [])
+
+  const handleFilterChange = (filterId: string | null): void => {
+    setSelectedFilter(filterId)
+    setListingKey(prev => prev + 1)
+  }
+
+  const handleRefresh = (): void => {
+    setListingKey(prev => prev + 1)
+  }
+
+  if (loading) {
+    return (
+      <div className={styles.loading}>
+        <Spin size="large" />
+      </div>
+    )
+  }
+
+  if (folderId === null) {
+    return (
+      <div className={styles.loading}>
+        <span>{t('coreshop_no_folder_configured', { defaultValue: 'No folder configured for quotes' })}</span>
+      </div>
+    )
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.toolbar}>
+        <GridToolbar
+          listType={LIST_TYPE}
+          selectedFilter={selectedFilter}
+          onFilterChange={handleFilterChange}
+          onRefresh={handleRefresh}
+        />
+      </div>
+      <div className={styles.listing}>
+        <DataObjectProvider id={folderId}>
+          <BaseListing
+            key={listingKey}
+            {...listingBuilder.build({
+              props: {
+                ...listingDefaultProps
+              },
+              config: {}
+            })}
+          />
+        </DataObjectProvider>
+      </div>
+    </div>
+  )
+}
+
+/**
+ * Quote List Component
+ *
+ * Displays CoreShopQuote DataObjects using Pimcore's DataObject listing.
+ * Wrapped in PresetFilterProvider to enable filter state sharing.
+ */
+export const QuoteList: React.FC = () => {
+  return (
+    <PresetFilterProvider initialListType={LIST_TYPE}>
+      <QuoteListInner />
+    </PresetFilterProvider>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleDetail.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleDetail.tsx
new file mode 100644
index 0000000000..1b299e608a
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleDetail.tsx
@@ -0,0 +1,203 @@
+/**
+ * CoreShop OrderBundle Sale Detail
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { createStyles } from 'antd-style'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { Sale, SaleType } from './types'
+import type {SaleTabProps, SaleTabRegistry} from './registry'
+import { serviceIds } from './service-ids'
+import { SaleContextProvider } from './context/SaleActionsContext'
+import { SaleToolbar } from './components/SaleToolbar'
+
+interface SaleDetailProps {
+  sale: Sale | undefined
+  type: SaleType
+  onChange: (updates: Partial<Sale>) => void
+  onReload?: () => void
+}
+
+export const SaleDetail: React.FC<SaleDetailProps> = ({
+  sale,
+  type,
+  onChange,
+  onReload = () => {}
+}) => {
+  const { styles } = useSaleDetailStyles()
+
+  // Get tab registry - memoized to prevent re-fetching
+  const tabRegistry = React.useMemo(
+    () => container.get<SaleTabRegistry>(serviceIds.saleTabRegistry),
+    []
+  )
+
+  // Get all blocks for current sale type and group by position
+  const blocks = React.useMemo(() => {
+    const allBlocks = tabRegistry.getForType(type)
+
+    return {
+      all: allBlocks,
+      top: allBlocks.filter(b => b.position === 'top').sort((a, b) => a.priority - b.priority),
+      left: allBlocks.filter(b => b.position === 'left').sort((a, b) => a.priority - b.priority),
+      right: allBlocks.filter(b => b.position === 'right').sort((a, b) => a.priority - b.priority),
+      bottom: allBlocks.filter(b => b.position === 'bottom').sort((a, b) => a.priority - b.priority)
+    }
+  }, [type, tabRegistry])
+
+  if (!sale) {
+    return (
+      <div className={styles.emptyState}>
+        <div className={styles.emptyStateText}>
+          Select a {type} to view details
+        </div>
+      </div>
+    )
+  }
+
+  const renderBlocks = (blockList: typeof blocks.top) => {
+    return blockList.map((block) => {
+      const BlockComponent = block.component
+      return (
+        <div key={block.key} className={styles.block}>
+          <BlockComponent />
+        </div>
+      )
+    })
+  }
+
+  return (
+    <SaleContextProvider
+      sale={sale ?? null}
+      onChange={onChange}
+      onReload={onReload}
+    >
+      <div className={styles.container}>
+        {/* Toolbar with dynamically registered buttons */}
+        <SaleToolbar />
+
+      {/* Top Area */}
+      {blocks.top.length > 0 && (
+        <div className={styles.topArea}>
+          {renderBlocks(blocks.top)}
+        </div>
+      )}
+
+      {/* Two Column Area */}
+      <div className={styles.columnsArea}>
+        {/* Left Column (flex: 7) */}
+        <div className={styles.leftColumn}>
+          {renderBlocks(blocks.left)}
+        </div>
+
+        {/* Right Column (flex: 5) */}
+        <div className={styles.rightColumn}>
+          {renderBlocks(blocks.right)}
+        </div>
+      </div>
+
+      {/* Bottom Area */}
+      {blocks.bottom.length > 0 && (
+        <div className={styles.bottomArea}>
+          {renderBlocks(blocks.bottom)}
+        </div>
+      )}
+      </div>
+    </SaleContextProvider>
+  )
+}
+
+const useSaleDetailStyles = createStyles(({ css, token }) => ({
+  container: css`
+    container-type: inline-size;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: auto;
+    padding: 8px 12px;
+    background: ${token.colorBgLayout};
+    gap: 16px;
+  `,
+  topArea: css`
+    margin-bottom: 0;
+  `,
+  columnsArea: css`
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 800px) {
+      flex-direction: row;
+    }
+  `,
+  leftColumn: css`
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 800px) {
+      flex: 1 1 50%;
+    }
+  `,
+  rightColumn: css`
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 800px) {
+      flex: 1 1 50%;
+    }
+  `,
+  bottomArea: css`
+    margin-bottom: 0;
+  `,
+  block: css`
+    .ant-card {
+      border-radius: ${token.borderRadiusLG}px;
+      border: 1px solid ${token.colorBorderSecondary};
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02);
+      overflow: hidden;
+
+      .ant-card-head {
+        border-bottom: 1px solid ${token.colorBorderSecondary};
+        min-height: 44px;
+        padding: 0 16px;
+        font-size: 13px;
+        font-weight: 600;
+        letter-spacing: 0.01em;
+        text-transform: uppercase;
+        color: ${token.colorTextSecondary};
+      }
+
+      .ant-card-head-title {
+        font-size: 13px;
+        padding: 10px 0;
+      }
+
+      .ant-card-extra {
+        padding: 6px 0;
+      }
+    }
+  `,
+  emptyState: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-height: 400px;
+  `,
+  emptyStateText: css`
+    color: ${token.colorTextTertiary};
+    font-size: 14px;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleDetailSkeleton.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleDetailSkeleton.tsx
new file mode 100644
index 0000000000..15f2657842
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleDetailSkeleton.tsx
@@ -0,0 +1,166 @@
+/**
+ * CoreShop OrderBundle Sale Detail Skeleton
+ *
+ * Skeleton loader that mimics the SaleDetail layout while data is loading.
+ */
+
+import React from 'react'
+import { Skeleton, Card } from 'antd'
+import { createStyles } from 'antd-style'
+
+export const SaleDetailSkeleton: React.FC = () => {
+  const { styles } = useSkeletonStyles()
+
+  return (
+    <div className={styles.container}>
+      {/* Toolbar */}
+      <div className={styles.toolbar}>
+        <Skeleton.Button active size="small" style={{ width: 80, height: 28 }} />
+        <div style={{ flex: 1 }} />
+        <Skeleton.Button active size="small" style={{ width: 100, height: 28 }} />
+        <Skeleton.Button active size="small" style={{ width: 100, height: 28 }} />
+      </div>
+
+      {/* Header: 4 state cards */}
+      <div className={styles.statesRow}>
+        {[1, 2, 3, 4].map(i => (
+          <div key={i} className={styles.stateCard}>
+            <Skeleton.Button active size="small" style={{ width: 50, height: 12 }} />
+            <Skeleton.Button active style={{ width: 80, height: 24, borderRadius: 999 }} />
+          </div>
+        ))}
+      </div>
+
+      {/* Metrics: 4 cards */}
+      <div className={styles.statesRow}>
+        {[1, 2, 3, 4].map(i => (
+          <div key={i} className={styles.metricCard}>
+            <Skeleton.Button active size="small" style={{ width: 40, height: 10 }} />
+            <Skeleton.Button active style={{ width: 100, height: 20 }} />
+          </div>
+        ))}
+      </div>
+
+      {/* Two column layout */}
+      <div className={styles.columnsArea}>
+        {/* Left column */}
+        <div className={styles.column}>
+          {/* Order info card */}
+          <Card className={styles.card}>
+            <Skeleton active paragraph={{ rows: 3 }} />
+          </Card>
+
+          {/* Payments card */}
+          <Card className={styles.card}>
+            <Skeleton active paragraph={{ rows: 2 }} />
+          </Card>
+
+          {/* Shipments card */}
+          <Card className={styles.card}>
+            <Skeleton active paragraph={{ rows: 2 }} />
+          </Card>
+        </div>
+
+        {/* Right column */}
+        <div className={styles.column}>
+          {/* Customer card */}
+          <Card className={styles.card}>
+            <div className={styles.customerSkeleton}>
+              <Skeleton.Avatar active size={44} />
+              <Skeleton active title={{ width: 160 }} paragraph={{ rows: 1, width: [200] }} />
+            </div>
+          </Card>
+
+          {/* Comments card */}
+          <Card className={styles.card}>
+            <Skeleton active paragraph={{ rows: 2 }} />
+          </Card>
+        </div>
+      </div>
+
+      {/* Products card */}
+      <Card className={styles.card}>
+        <Skeleton active paragraph={{ rows: 3 }} />
+      </Card>
+    </div>
+  )
+}
+
+const useSkeletonStyles = createStyles(({ css, token }) => ({
+  container: css`
+    container-type: inline-size;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: auto;
+    padding: 8px 12px;
+    background: ${token.colorBgLayout};
+    gap: 16px;
+  `,
+  toolbar: css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorBorderSecondary};
+  `,
+  statesRow: css`
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+
+    @container (min-width: 600px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  `,
+  stateCard: css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+    padding: 14px 12px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorBorderSecondary};
+  `,
+  metricCard: css`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 16px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorBorderSecondary};
+  `,
+  columnsArea: css`
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 800px) {
+      flex-direction: row;
+    }
+  `,
+  column: css`
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    @container (min-width: 800px) {
+      flex: 1 1 50%;
+    }
+  `,
+  card: css`
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorBorderSecondary};
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
+  `,
+  customerSkeleton: css`
+    display: flex;
+    align-items: center;
+    gap: 14px;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleEditorTabs.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleEditorTabs.tsx
new file mode 100644
index 0000000000..ccdeb635ce
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleEditorTabs.tsx
@@ -0,0 +1,119 @@
+/**
+ * CoreShop OrderBundle Sale Editor Tabs
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { SaleDetail } from './SaleDetail'
+import type { SaleType, Sale } from './types'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface SaleEditorTabsProps {
+  element: any // Pimcore DataObject element
+  type: SaleType
+}
+
+/**
+ * Loads sale details from the backend API
+ */
+const loadSaleFromBackend = async (id: number, type: SaleType): Promise<Sale | null> => {
+  try {
+    const response = await fetch(`/pimcore-studio/api/coreshop/order/detail?id=${id}&saleType=${type}`, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json()
+
+    if (data.success && data.sale) {
+      return data.sale as Sale
+    }
+
+    return null
+  } catch (error) {
+    console.error('Error loading sale:', error)
+    throw error
+  }
+}
+
+export const SaleEditorTabs: React.FC<SaleEditorTabsProps> = ({ element, type }) => {
+  const messageApi = useMessage()
+  const [sale, setSale] = React.useState<Sale | undefined>()
+  const [loading, setLoading] = React.useState(true)
+
+  // Load sale data from backend
+  const loadSale = React.useCallback(async () => {
+    if (!element?.id) {
+      setLoading(false)
+      return
+    }
+
+    try {
+      setLoading(true)
+      const data = await loadSaleFromBackend(element.id, type)
+
+      if (data) {
+        setSale(data)
+      } else {
+        void messageApi.error(renderApiError('Failed to load sale data'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Error loading sale')))
+    } finally {
+      setLoading(false)
+    }
+  }, [element?.id, type])
+
+  // Load on mount and when element/type changes
+  React.useEffect(() => {
+    void loadSale()
+  }, [loadSale])
+
+  const handleChange = React.useCallback(async (updates: Partial<Sale>) => {
+    // Optimistic update using functional updater to avoid stale closure
+    setSale(prev => prev ? { ...prev, ...updates } : prev)
+
+    // TODO: Implement save logic through Pimcore API
+    // For now just log
+
+    // Note: If save fails, loadSale() should be called to revert
+  }, [])
+
+  if (loading) {
+    return (
+      <div style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        minHeight: 400
+      }}>
+        <Spin size="large" tip="Loading sale details..." />
+      </div>
+    )
+  }
+
+  return (
+    <SaleDetail
+      sale={sale}
+      type={type}
+      onChange={handleChange}
+      onReload={loadSale}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleWidgetRestorer.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleWidgetRestorer.ts
new file mode 100644
index 0000000000..5a6b60cae8
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/SaleWidgetRestorer.ts
@@ -0,0 +1,90 @@
+/**
+ * CoreShop OrderBundle - Sale Widget Restorer
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { WidgetManagerTabConfig } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import type { AppDispatch } from '@pimcore/studio-ui-bundle/app'
+
+// WidgetRestorer interface defined locally since the module path is not exported
+interface WidgetRestorer {
+  supports(config: WidgetManagerTabConfig): boolean
+  cleanConfig(config: WidgetManagerTabConfig): WidgetManagerTabConfig
+  restore(config: WidgetManagerTabConfig, dispatch: AppDispatch): boolean
+}
+
+/**
+ * Widget component names that this restorer handles
+ */
+const SALE_WIDGETS = [
+  'coreshop-order-detail',
+  'coreshop-cart-detail',
+  'coreshop-quote-detail'
+] as const
+
+/**
+ * SaleWidgetRestorer handles persistence and restoration of
+ * Order, Cart, and Quote detail widgets.
+ *
+ * When the browser is refreshed, Pimcore's WidgetManager restores
+ * previously open widgets from localStorage. This restorer ensures
+ * that CoreShop sale detail widgets can be properly restored by:
+ *
+ * 1. Supporting the three sale detail widget types
+ * 2. Cleaning the config to only persist essential data (orderId)
+ * 3. Allowing restoration when a valid orderId exists
+ *
+ * The actual data loading is handled by each widget component itself
+ * (OrderDetailWidget, CartDetailWidget, QuoteDetailWidget) - they
+ * fetch their data from the backend API using the orderId prop.
+ */
+export class SaleWidgetRestorer implements WidgetRestorer {
+  /**
+   * Check if this restorer can handle the given widget config
+   */
+  supports(config: WidgetManagerTabConfig): boolean {
+    return (
+      config.component !== undefined &&
+      SALE_WIDGETS.includes(config.component as typeof SALE_WIDGETS[number]) &&
+      typeof config.config?.orderId === 'number'
+    )
+  }
+
+  /**
+   * Clean the config before persisting to localStorage.
+   * Only keep the orderId - everything else will be reloaded
+   * from the backend when the widget is restored.
+   */
+  cleanConfig(config: WidgetManagerTabConfig): WidgetManagerTabConfig {
+    return {
+      ...config,
+      config: {
+        orderId: config.config?.orderId
+      }
+    }
+  }
+
+  /**
+   * Restore the widget from persisted config.
+   * The widgets themselves handle data loading, so we just need
+   * to verify that we have a valid orderId and return true to
+   * allow the widget to be rendered.
+   */
+  restore(config: WidgetManagerTabConfig, _dispatch: AppDispatch): boolean {
+    // If we have a valid orderId, the widget can be restored
+    // The widget component will load its own data from the backend
+    if (typeof config.config?.orderId === 'number' && config.config.orderId > 0) {
+      return true
+    }
+    return false
+  }
+}
+
+export const saleWidgetRestorer = new SaleWidgetRestorer()
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateInvoiceButton.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateInvoiceButton.tsx
new file mode 100644
index 0000000000..b96f7c9f18
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateInvoiceButton.tsx
@@ -0,0 +1,30 @@
+/**
+ * CoreShop OrderBundle - Create Invoice Button
+ */
+
+import React from 'react'
+import { Button } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+export const CreateInvoiceButton: React.FC = () => {
+  const { t } = useTranslation()
+  const { sale, openAction } = useSaleContext()
+
+  // Don't show button if invoice creation is not allowed
+  const saleData = sale as any
+  if (!saleData?.invoiceCreationAllowed) {
+    return null
+  }
+
+  return (
+    <Button
+      type="default"
+      icon={<PlusOutlined />}
+      onClick={() => openAction('createInvoice')}
+    >
+      {t('coreshop_create_invoice', { defaultValue: 'Create Invoice' })}
+    </Button>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateInvoiceModal.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateInvoiceModal.tsx
new file mode 100644
index 0000000000..471b733f31
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateInvoiceModal.tsx
@@ -0,0 +1,158 @@
+/**
+ * CoreShop OrderBundle Create Invoice Modal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect } from 'react'
+import { Modal } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { SchemaForm } from '@coreshop/studio-form'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { formatCurrency } from '@coreshop/pimcore/src/utils'
+
+export interface CreateInvoiceModalProps {
+  open: boolean
+  orderId: number
+  currencyCode: string
+  onSuccess: () => void
+  onCancel: () => void
+}
+
+/**
+ * Create Invoice Modal
+ *
+ * Form fields and items grid rendered via SchemaForm.
+ * Columns are defined by OrderInvoiceCreationItemsType (configurable via form types).
+ */
+export const CreateInvoiceModal: React.FC<CreateInvoiceModalProps> = ({
+  open,
+  orderId,
+  currencyCode,
+  onSuccess,
+  onCancel
+}) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [formData, setFormData] = useState<Record<string, unknown>>({})
+  const [loading, setLoading] = useState(false)
+  const [loadingItems, setLoadingItems] = useState(false)
+
+  // Load invoiceable items and populate formData
+  useEffect(() => {
+    if (!open) return
+
+    const loadItems = async () => {
+      setLoadingItems(true)
+      try {
+        const response = await fetch(`/pimcore-studio/api/coreshop/order-invoice/get-invoice-able-items?id=${orderId}`)
+        const data = await response.json()
+
+        if (data.success && data.items && Object.keys(data.items).length > 0) {
+          // Map API data (keyed by orderItemId) to form field names
+          const items: Record<string, any> = {}
+          for (const [orderItemId, item] of Object.entries(data.items) as Array<[string, any]>) {
+            items[orderItemId] = {
+              orderItemId: item.orderItemId,
+              name: item.name,
+              price: formatCurrency(item.price, currencyCode),
+              orderedQuantity: item.quantity,
+              quantityInvoiced: item.quantityInvoiced,
+              quantity: item.toInvoice,
+              maxQuantity: item.maxToInvoice,
+            }
+          }
+          setFormData((prev) => ({ ...prev, items }))
+        } else {
+          void messageApi.info(t('coreshop_invoice_no_items', { defaultValue: 'No invoiceable items found' }))
+          onCancel()
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_invoice_load_items_error', { defaultValue: 'Failed to load invoiceable items' }))))
+        onCancel()
+      } finally {
+        setLoadingItems(false)
+      }
+    }
+
+    void loadItems()
+  }, [open, orderId, onCancel, t])
+
+  // Handle save
+  const handleSave = async () => {
+    try {
+      setLoading(true)
+
+      const itemsObj = (formData.items && typeof formData.items === 'object' && !Array.isArray(formData.items))
+        ? formData.items as Record<string, any>
+        : {}
+      const itemsToInvoice: Record<string, any> = {}
+      for (const [key, item] of Object.entries(itemsObj)) {
+        if (item.quantity > 0) {
+          itemsToInvoice[key] = {
+            orderItemId: item.orderItemId,
+            quantity: item.quantity,
+            maxQuantity: item.maxQuantity
+          }
+        }
+      }
+
+      const { items: _, ...otherFormData } = formData
+
+      const payload = {
+        id: orderId,
+        items: itemsToInvoice,
+        ...otherFormData
+      }
+
+      const response = await fetch('/pimcore-studio/api/coreshop/order-invoice/create-invoice', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(payload)
+      })
+
+      const result = await response.json()
+
+      if (result.success) {
+        void messageApi.success(t('coreshop_invoice_create_success', { defaultValue: 'Invoice created successfully' }))
+        setFormData({})
+        onSuccess()
+      } else {
+        void messageApi.error(renderApiError(result.message || t('coreshop_invoice_create_error', { defaultValue: 'Failed to create invoice' })))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_invoice_create_error', { defaultValue: 'Failed to create invoice' }))))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <Modal
+      title={`${t('coreshop_invoice_create_new', { defaultValue: 'Create Invoice for Order' })} (${orderId})`}
+      open={open}
+      onCancel={onCancel}
+      onOk={handleSave}
+      okText={t('coreshop_save', { defaultValue: 'Save' })}
+      cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      width={1200}
+      confirmLoading={loading || loadingItems}
+      destroyOnClose
+    >
+      <SchemaForm
+        blockPrefix="coreshop_order_invoice_creation"
+        data={formData}
+        onChange={(draft) => setFormData((prev) => ({ ...prev, ...draft }))}
+      />
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreatePaymentButton.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreatePaymentButton.tsx
new file mode 100644
index 0000000000..25217cb6ee
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreatePaymentButton.tsx
@@ -0,0 +1,30 @@
+/**
+ * CoreShop OrderBundle - Create Payment Button
+ */
+
+import React from 'react'
+import { Button } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+export const CreatePaymentButton: React.FC = () => {
+  const { t } = useTranslation()
+  const { sale, openAction } = useSaleContext()
+
+  // Don't show button if payment creation is not allowed
+  const saleData = sale as any
+  if (!saleData?.paymentCreationAllowed) {
+    return null
+  }
+
+  return (
+    <Button
+      type="default"
+      icon={<PlusOutlined />}
+      onClick={() => openAction('createPayment')}
+    >
+      {t('coreshop_create_payment', { defaultValue: 'Create Payment' })}
+    </Button>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreatePaymentModal.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreatePaymentModal.tsx
new file mode 100644
index 0000000000..c2186282ac
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreatePaymentModal.tsx
@@ -0,0 +1,112 @@
+/**
+ * CoreShop OrderBundle Create Payment Modal
+ *
+ * Pattern from ExtJS: /order/createPayment.js
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect } from 'react'
+import { Modal } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { SchemaForm } from '@coreshop/studio-form'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { toDayJs, fromDayJs } from '@pimcore/studio-ui-bundle/components'
+
+export interface CreatePaymentModalProps {
+  open: boolean
+  orderId: number
+  unpaidAmount?: number
+  onSuccess: () => void
+  onCancel: () => void
+}
+
+/**
+ * Create Payment Modal
+ *
+ * Allows adding a payment to an order
+ */
+export const CreatePaymentModal: React.FC<CreatePaymentModalProps> = ({
+  open,
+  orderId,
+  unpaidAmount,
+  onSuccess,
+  onCancel
+}) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [loading, setLoading] = useState(false)
+  const [formData, setFormData] = useState<Record<string, unknown>>({})
+
+  // Set default values when modal opens
+  useEffect(() => {
+    if (open) {
+      setFormData({
+        date: toDayJs(new Date().toISOString()),
+        amount: unpaidAmount ? unpaidAmount / 100 : undefined
+      })
+    }
+  }, [open, unpaidAmount])
+
+  // Handle save
+  const handleSave = async () => {
+    try {
+      setLoading(true)
+
+      const payload = {
+        id: orderId,
+        date: fromDayJs(formData.date as any, 'dateString', 'YYYY-MM-DD'),
+        paymentProvider: formData.paymentProvider,
+        amount: formData.amount
+      }
+
+      const response = await fetch('/pimcore-studio/api/coreshop/order-payment/add-payment', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: new URLSearchParams(payload as any)
+      })
+
+      const result = await response.json()
+
+      if (result.success) {
+        void messageApi.success(t('coreshop_payment_create_success', { defaultValue: 'Payment created successfully' }))
+        setFormData({})
+        onSuccess()
+      } else {
+        void messageApi.error(renderApiError(result.message || t('coreshop_payment_create_error', { defaultValue: 'Failed to create payment' })))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_payment_create_error', { defaultValue: 'Failed to create payment' }))))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <Modal
+      title={t('coreshop_order_add_payment', { defaultValue: 'Add Payment' })}
+      open={open}
+      onCancel={onCancel}
+      onOk={handleSave}
+      okText={t('coreshop_save', { defaultValue: 'Save' })}
+      cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      confirmLoading={loading}
+      destroyOnClose
+    >
+      <SchemaForm
+        blockPrefix="coreshop_order_payment_creation"
+        data={formData}
+        onChange={(draft) => setFormData((prev) => ({ ...prev, ...draft }))}
+      />
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateShipmentButton.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateShipmentButton.tsx
new file mode 100644
index 0000000000..4d69c208cd
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateShipmentButton.tsx
@@ -0,0 +1,30 @@
+/**
+ * CoreShop OrderBundle - Create Shipment Button
+ */
+
+import React from 'react'
+import { Button } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+export const CreateShipmentButton: React.FC = () => {
+  const { t } = useTranslation()
+  const { sale, openAction } = useSaleContext()
+
+  // Don't show button if shipment creation is not allowed
+  const saleData = sale as any
+  if (!saleData?.shipmentCreationAllowed) {
+    return null
+  }
+
+  return (
+    <Button
+      type="default"
+      icon={<PlusOutlined />}
+      onClick={() => openAction('createShipment')}
+    >
+      {t('coreshop_create_shipment', { defaultValue: 'Create Shipment' })}
+    </Button>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateShipmentModal.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateShipmentModal.tsx
new file mode 100644
index 0000000000..8769d05fe3
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/CreateShipmentModal.tsx
@@ -0,0 +1,170 @@
+/**
+ * CoreShop OrderBundle Create Shipment Modal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect } from 'react'
+import { Modal } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { SchemaForm } from '@coreshop/studio-form'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { formatCurrency } from '@coreshop/pimcore/src/utils'
+import React from "react"
+
+export interface CreateShipmentModalProps {
+  open: boolean
+  orderId: number
+  currencyCode: string
+  carrierId?: number
+  onSuccess: () => void
+  onCancel: () => void
+}
+
+/**
+ * Create Shipment Modal
+ *
+ * Form fields and items grid rendered via SchemaForm.
+ * Columns are defined by OrderShipmentCreationItemsType (configurable via form types).
+ */
+export const CreateShipmentModal: React.FC<CreateShipmentModalProps> = ({
+  open,
+  orderId,
+  currencyCode,
+  carrierId,
+  onSuccess,
+  onCancel
+}) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [formData, setFormData] = useState<Record<string, unknown>>({})
+  const [loading, setLoading] = useState(false)
+  const [loadingItems, setLoadingItems] = useState(false)
+
+  // Set default carrier and load items when modal opens
+  useEffect(() => {
+    if (!open) return
+
+    if (carrierId) {
+      setFormData((prev) => ({ ...prev, carrier: carrierId }))
+    }
+
+    const loadItems = async () => {
+      setLoadingItems(true)
+      try {
+        const response = await fetch(`/pimcore-studio/api/coreshop/order-shipment/get-ship-able-items?id=${orderId}`)
+        const data = await response.json()
+
+        if (data.success && data.items && Object.keys(data.items).length > 0) {
+          // Map API data (keyed by orderItemId) to form field names
+          const items: Record<string, any> = {}
+          for (const [orderItemId, item] of Object.entries(data.items) as Array<[string, any]>) {
+            items[orderItemId] = {
+              orderItemId: item.orderItemId,
+              name: item.name,
+              price: formatCurrency(item.price, currencyCode),
+              orderedQuantity: item.quantity,
+              quantityShipped: item.quantityShipped,
+              quantity: item.toShip,
+              maxQuantity: item.maxToShip,
+            }
+          }
+          setFormData((prev) => ({ ...prev, items }))
+        } else {
+          void messageApi.warning(t('coreshop_shipment_no_items', { defaultValue: 'No shippable items found' }))
+          onCancel()
+        }
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_shipment_load_items_error', { defaultValue: 'Failed to load items' }))))
+        onCancel()
+      } finally {
+        setLoadingItems(false)
+      }
+    }
+
+    void loadItems()
+  }, [open, orderId, carrierId, onCancel, t])
+
+  // Handle save
+  const handleSave = async () => {
+    try {
+      const itemsObj = (formData.items && typeof formData.items === 'object' && !Array.isArray(formData.items))
+        ? formData.items as Record<string, any>
+        : {}
+      const itemsToShip: Record<string, any> = {}
+      for (const [key, item] of Object.entries(itemsObj)) {
+        if (item.quantity > 0) {
+          itemsToShip[key] = {
+            orderItemId: item.orderItemId,
+            quantity: item.quantity,
+            maxQuantity: item.maxQuantity
+          }
+        }
+      }
+
+      if (Object.keys(itemsToShip).length === 0) {
+        void messageApi.warning(t('coreshop_shipment_select_items', { defaultValue: 'Please select items to ship' }))
+        return
+      }
+
+      setLoading(true)
+
+      const { items: _, ...otherFormData } = formData
+
+      const payload = {
+        ...otherFormData,
+        id: orderId,
+        items: itemsToShip
+      }
+
+      const response = await fetch('/pimcore-studio/api/coreshop/order-shipment/create-shipment', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(payload)
+      })
+
+      const data = await response.json()
+
+      if (data.success) {
+        void messageApi.success(t('coreshop_shipment_create_success', { defaultValue: 'Shipment created successfully' }))
+        setFormData({})
+        onSuccess()
+      } else {
+        void messageApi.error(renderApiError(data.message || t('coreshop_shipment_create_error', { defaultValue: 'Failed to create shipment' })))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_shipment_create_error', { defaultValue: 'Failed to create shipment' }))))
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <Modal
+      open={open}
+      title={`${t('coreshop_shipment_create_new', { defaultValue: 'Create Shipment for Order' })} (${orderId})`}
+      onCancel={onCancel}
+      onOk={handleSave}
+      okText={t('coreshop_save', { defaultValue: 'Save' })}
+      cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      width={900}
+      confirmLoading={loading || loadingItems}
+      destroyOnClose
+    >
+      <SchemaForm
+        blockPrefix="coreshop_order_shipment_creation"
+        data={formData}
+        onChange={(draft) => setFormData((prev) => ({ ...prev, ...draft }))}
+      />
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/InvoiceDetailModal.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/InvoiceDetailModal.tsx
new file mode 100644
index 0000000000..568262ecb7
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/InvoiceDetailModal.tsx
@@ -0,0 +1,165 @@
+/**
+ * CoreShop OrderBundle Invoice Detail Modal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Modal, Button, Table } from 'antd'
+import { createStyles } from 'antd-style'
+import { formatDateTime, formatCurrency } from '@coreshop/pimcore/src/utils'
+import { useDataObjectHelper } from '@pimcore/studio-ui-bundle/modules/data-object'
+
+interface InvoiceItem {
+  _itemName: string
+  quantity: number
+}
+
+interface Invoice {
+  id: number
+  invoiceDate: number
+  invoiceNumber: string
+  totalNet: number
+  totalGross: number
+  items: InvoiceItem[]
+}
+
+interface InvoiceDetailModalProps {
+  open: boolean
+  invoice: Invoice
+  currencyCode: string
+  onClose: () => void
+}
+
+/**
+ * Invoice Detail Modal
+ *
+ * Shows invoice details in a read-only modal
+ * Pattern from ExtJS: /order/editInvoice.js
+ */
+export const InvoiceDetailModal: React.FC<InvoiceDetailModalProps> = ({
+  open,
+  invoice,
+  currencyCode,
+  onClose
+}) => {
+  const { styles } = useInvoiceDetailModalStyles()
+  const { openDataObject } = useDataObjectHelper()
+
+  // Open invoice DataObject
+  const handleOpenInvoice = () => {
+    void openDataObject({ config: { id: invoice.id } })
+    onClose()
+  }
+
+  return (
+    <Modal
+      open={open}
+      title={null}
+      onCancel={onClose}
+      footer={[
+        <Button key="ok" type="primary" onClick={onClose}>
+          OK
+        </Button>
+      ]}
+      width={600}
+    >
+      <div className={styles.content}>
+        <div className={styles.field}>
+          <div className={styles.label}>Date:</div>
+          <div className={styles.value}>{formatDateTime(invoice.invoiceDate)}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Invoice Number:</div>
+          <div className={styles.value}>{invoice.invoiceNumber}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Total (excl.):</div>
+          <div className={styles.value}>{formatCurrency(invoice.totalNet, currencyCode)}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Total:</div>
+          <div className={styles.value}>{formatCurrency(invoice.totalGross, currencyCode)}</div>
+        </div>
+
+        <div className={styles.buttonContainer}>
+          <Button
+            type="default"
+            onClick={handleOpenInvoice}
+          >
+            Open Invoice ({invoice.invoiceNumber})
+          </Button>
+        </div>
+
+        {/* Details Table */}
+        <div className={styles.detailsSection}>
+          <div className={styles.detailsHeader}>Details</div>
+          <Table
+            dataSource={invoice.items}
+            columns={[
+              {
+                title: 'Item',
+                dataIndex: '_itemName',
+                key: '_itemName',
+                width: '70%'
+              },
+              {
+                title: 'Quantity',
+                dataIndex: 'quantity',
+                key: 'quantity',
+                width: '30%'
+              }
+            ]}
+            pagination={false}
+            size="small"
+            rowKey={(record, index) => index?.toString() || '0'}
+          />
+        </div>
+      </div>
+    </Modal>
+  )
+}
+
+const useInvoiceDetailModalStyles = createStyles(({ css, token }) => ({
+  content: css`
+    padding: 16px 0;
+  `,
+  field: css`
+    display: flex;
+    padding: 12px 0;
+    border-bottom: 1px solid ${token.colorBorder};
+  `,
+  label: css`
+    width: 180px;
+    font-weight: 500;
+    color: ${token.colorTextSecondary};
+    flex-shrink: 0;
+  `,
+  value: css`
+    flex: 1;
+    color: ${token.colorText};
+  `,
+  buttonContainer: css`
+    margin: 16px 0;
+    padding: 4px 0 16px 0;
+    border-bottom: 1px solid ${token.colorBorder};
+  `,
+  detailsSection: css`
+    margin-top: 24px;
+  `,
+  detailsHeader: css`
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    color: ${token.colorText};
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/SaleToolbar.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/SaleToolbar.tsx
new file mode 100644
index 0000000000..48d8566579
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/SaleToolbar.tsx
@@ -0,0 +1,62 @@
+/**
+ * CoreShop OrderBundle - Sale Toolbar
+ *
+ * Renders the toolbar with reload button and dynamically registered buttons
+ */
+
+import React from 'react'
+import { Button } from 'antd'
+import { ReloadOutlined } from '@ant-design/icons'
+import { createStyles } from 'antd-style'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+export const SaleToolbar: React.FC = () => {
+  const { styles } = useToolbarStyles()
+  const { buttonRegistry, onReload } = useSaleContext()
+  const [, forceUpdate] = React.useReducer(x => x + 1, 0)
+
+  // Set callback to re-render when buttons change
+  React.useEffect(() => {
+    buttonRegistry.setChangeCallback(forceUpdate)
+    return () => buttonRegistry.setChangeCallback(() => {})
+  }, [buttonRegistry])
+
+  // Get all registered buttons sorted by priority
+  const buttons = buttonRegistry.getAll()
+
+  return (
+    <div className={styles.toolbar}>
+      <Button
+        icon={<ReloadOutlined />}
+        onClick={onReload}
+        type="default"
+        size="small"
+      >
+        Reload
+      </Button>
+      <div className={styles.spacer} />
+      {buttons.map(({ key, component: ButtonComponent }) => (
+        <ButtonComponent key={key} />
+      ))}
+    </div>
+  )
+}
+
+const useToolbarStyles = createStyles(({ css, token }) => ({
+  toolbar: css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: ${token.colorBgContainer};
+    border: 1px solid ${token.colorBorderSecondary};
+    border-radius: ${token.borderRadiusLG}px;
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
+    padding: 8px;
+    position: sticky;
+    top: 0;
+    z-index: 10;
+  `,
+  spacer: css`
+    flex: 1;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/ShipmentDetailModal.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/ShipmentDetailModal.tsx
new file mode 100644
index 0000000000..bfad0ed1e5
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/ShipmentDetailModal.tsx
@@ -0,0 +1,169 @@
+/**
+ * CoreShop OrderBundle Shipment Detail Modal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Modal, Button, Table } from 'antd'
+import { createStyles } from 'antd-style'
+import { formatDateTime } from '@coreshop/pimcore/src/utils'
+import { useDataObjectHelper } from '@pimcore/studio-ui-bundle/modules/data-object'
+
+interface ShipmentItem {
+  _itemName: string
+  quantity: number
+}
+
+interface Shipment {
+  id: number
+  shipmentDate: number
+  shipmentNumber: string
+  trackingCode?: string
+  weight?: number
+  carrierName: string
+  items: ShipmentItem[]
+}
+
+interface ShipmentDetailModalProps {
+  open: boolean
+  shipment: Shipment
+  onClose: () => void
+}
+
+/**
+ * Shipment Detail Modal
+ *
+ * Shows shipment details in a read-only modal
+ * Pattern from ExtJS: /order/editShipment.js
+ */
+export const ShipmentDetailModal: React.FC<ShipmentDetailModalProps> = ({
+  open,
+  shipment,
+  onClose
+}) => {
+  const { styles } = useShipmentDetailModalStyles()
+  const { openDataObject } = useDataObjectHelper()
+
+  // Open shipment DataObject
+  const handleOpenShipment = () => {
+    void openDataObject({ config: { id: shipment.id } })
+    onClose()
+  }
+
+  return (
+    <Modal
+      open={open}
+      title={null}
+      onCancel={onClose}
+      footer={[
+        <Button key="ok" type="primary" onClick={onClose}>
+          OK
+        </Button>
+      ]}
+      width={600}
+    >
+      <div className={styles.content}>
+        <div className={styles.field}>
+          <div className={styles.label}>Date:</div>
+          <div className={styles.value}>{formatDateTime(shipment.shipmentDate)}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Shipment Number:</div>
+          <div className={styles.value}>{shipment.shipmentNumber}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Tracking-Number:</div>
+          <div className={styles.value}>{shipment.trackingCode || '-'}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Weight:</div>
+          <div className={styles.value}>{shipment.weight || '-'}</div>
+        </div>
+
+        <div className={styles.field}>
+          <div className={styles.label}>Carrier:</div>
+          <div className={styles.value}>{shipment.carrierName}</div>
+        </div>
+
+        <div className={styles.buttonContainer}>
+          <Button
+            type="default"
+            onClick={handleOpenShipment}
+          >
+            Open Shipment ({shipment.shipmentNumber})
+          </Button>
+        </div>
+
+        {/* Products Table */}
+        <div className={styles.productsSection}>
+          <div className={styles.productsHeader}>Products</div>
+          <Table
+            dataSource={shipment.items}
+            columns={[
+              {
+                title: 'Item',
+                dataIndex: '_itemName',
+                key: '_itemName',
+                width: '70%'
+              },
+              {
+                title: 'Quantity',
+                dataIndex: 'quantity',
+                key: 'quantity',
+                width: '30%'
+              }
+            ]}
+            pagination={false}
+            size="small"
+            rowKey={(record, index) => index?.toString() || '0'}
+          />
+        </div>
+      </div>
+    </Modal>
+  )
+}
+
+const useShipmentDetailModalStyles = createStyles(({ css, token }) => ({
+  content: css`
+    padding: 16px 0;
+  `,
+  field: css`
+    display: flex;
+    padding: 12px 0;
+    border-bottom: 1px solid ${token.colorBorder};
+  `,
+  label: css`
+    width: 180px;
+    font-weight: 500;
+    color: ${token.colorTextSecondary};
+    flex-shrink: 0;
+  `,
+  value: css`
+    flex: 1;
+    color: ${token.colorText};
+  `,
+  buttonContainer: css`
+    margin: 16px 0;
+    padding: 4px 0 16px 0;
+    border-bottom: 1px solid ${token.colorBorder};
+  `,
+  productsSection: css`
+    margin-top: 24px;
+  `,
+  productsHeader: css`
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 12px;
+    color: ${token.colorText};
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/StateChangeModal.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/StateChangeModal.tsx
new file mode 100644
index 0000000000..e734d04457
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/StateChangeModal.tsx
@@ -0,0 +1,156 @@
+/**
+ * CoreShop OrderBundle State Change Modal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Modal, Button, Space } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { createStyles } from 'antd-style'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+interface Transition {
+  transition: string
+  label: string
+  color: string
+}
+
+interface StateChangeModalProps {
+  open: boolean
+  title?: string
+  description?: string
+  transitions: Transition[]
+  url: string
+  id: number
+  onSuccess: () => void
+  onCancel: () => void
+}
+
+/**
+ * Reusable State Change Modal
+ *
+ * Used for changing states of:
+ * - Payments
+ * - Shipments
+ * - Invoices
+ *
+ * Pattern from ExtJS: /order/state/changeState.js
+ */
+export const StateChangeModal: React.FC<StateChangeModalProps> = ({
+  open,
+  title = 'Change State',
+  description = 'Select a transition to apply',
+  transitions,
+  url,
+  id,
+  onSuccess,
+  onCancel
+}) => {
+  const { styles } = useStateChangeModalStyles()
+  const messageApi = useMessage()
+  const [loading, setLoading] = React.useState<string | null>(null)
+
+  const handleTransition = async (transition: string) => {
+    setLoading(transition)
+
+    try {
+      const params = new URLSearchParams()
+      params.append('id', String(id))
+      params.append('transition', transition)
+
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: params.toString()
+      })
+
+      const data = await response.json()
+
+      if (data.success) {
+        void messageApi.success('State changed successfully')
+        onSuccess()
+      } else {
+        void messageApi.error(renderApiError(data.message || 'Failed to change state'))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to change state')))
+    } finally {
+      setLoading(null)
+    }
+  }
+
+  return (
+    <Modal
+      open={open}
+      title={title}
+      onCancel={onCancel}
+      footer={null}
+      width={450}
+    >
+      <div className={styles.content}>
+        <div className={styles.description}>{description}</div>
+
+        <Space direction="horizontal" wrap className={styles.buttonContainer}>
+          {transitions.map((trans) => (
+            <Button
+              key={trans.transition}
+              className={styles.transitionButton}
+              style={{
+                backgroundColor: '#524646',
+                borderLeft: `10px solid ${trans.color}`,
+                borderTop: '0',
+                borderRight: '0',
+                borderBottom: '0',
+                color: '#fff'
+              }}
+              onClick={() => handleTransition(trans.transition)}
+              loading={loading === trans.transition}
+              disabled={loading !== null && loading !== trans.transition}
+            >
+              {trans.label}
+            </Button>
+          ))}
+        </Space>
+      </div>
+    </Modal>
+  )
+}
+
+const useStateChangeModalStyles = createStyles(({ css, token }) => ({
+  content: css`
+    padding: 16px 0;
+  `,
+  description: css`
+    margin-bottom: 24px;
+    color: ${token.colorText};
+    font-size: 14px;
+  `,
+  buttonContainer: css`
+    display: flex;
+    gap: 8px;
+  `,
+  transitionButton: css`
+    &:hover:not(:disabled) {
+      opacity: 0.9 !important;
+      background-color: #524646 !important;
+    }
+
+    &:disabled {
+      opacity: 0.5 !important;
+      background-color: #524646 !important;
+    }
+
+    &:focus {
+      background-color: #524646 !important;
+    }
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/index.ts
new file mode 100644
index 0000000000..ad7b03b917
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/components/index.ts
@@ -0,0 +1,25 @@
+/**
+ * CoreShop OrderBundle Components Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { StateChangeModal } from './StateChangeModal'
+export { ShipmentDetailModal } from './ShipmentDetailModal'
+export { InvoiceDetailModal } from './InvoiceDetailModal'
+export { CreateShipmentModal } from './CreateShipmentModal'
+export type { CreateShipmentModalProps } from './CreateShipmentModal'
+export { CreateInvoiceModal } from './CreateInvoiceModal'
+export type { CreateInvoiceModalProps } from './CreateInvoiceModal'
+export { CreatePaymentModal } from './CreatePaymentModal'
+export type { CreatePaymentModalProps } from './CreatePaymentModal'
+export { CreatePaymentButton } from './CreatePaymentButton'
+export { CreateShipmentButton } from './CreateShipmentButton'
+export { CreateInvoiceButton } from './CreateInvoiceButton'
+export { SaleToolbar } from './SaleToolbar'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/ButtonRegistry.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/ButtonRegistry.tsx
new file mode 100644
index 0000000000..cc630a0136
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/ButtonRegistry.tsx
@@ -0,0 +1,58 @@
+/**
+ * CoreShop OrderBundle - Button Registry
+ *
+ * Registry for toolbar buttons that tabs can add dynamically
+ */
+
+import type React from 'react'
+
+export interface ToolbarButton {
+  key: string
+  component: React.ComponentType
+  priority?: number
+}
+
+export class ButtonRegistry {
+  private buttons: Map<string, ToolbarButton> = new Map()
+  private changeCallback?: () => void
+
+  /**
+   * Set callback that gets called when buttons change
+   */
+  setChangeCallback(callback: () => void): void {
+    this.changeCallback = callback
+  }
+
+  /**
+   * Add a button to the toolbar
+   */
+  add(key: string, component: React.ComponentType, priority: number = 100): void {
+    this.buttons.set(key, { key, component, priority })
+    this.changeCallback?.()
+  }
+
+  /**
+   * Remove a button from the toolbar
+   */
+  remove(key: string): void {
+    this.buttons.delete(key)
+    this.changeCallback?.()
+  }
+
+  /**
+   * Get all buttons sorted by priority (lower = first)
+   */
+  getAll(): ToolbarButton[] {
+    return Array.from(this.buttons.values()).sort((a, b) =>
+      (a.priority ?? 100) - (b.priority ?? 100)
+    )
+  }
+
+  /**
+   * Clear all buttons
+   */
+  clear(): void {
+    this.buttons.clear()
+    this.changeCallback?.()
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/SaleActionsContext.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/SaleActionsContext.tsx
new file mode 100644
index 0000000000..debcfc42bc
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/SaleActionsContext.tsx
@@ -0,0 +1,93 @@
+/**
+ * CoreShop OrderBundle - Sale Context
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { createContext, useContext, useState, useMemo, useCallback, type ReactNode } from 'react'
+import type { Sale } from '../types'
+import { ButtonRegistry } from './ButtonRegistry'
+
+interface SaleContextType {
+  sale: Sale | null
+  readonly: boolean
+  onChange: (updates: Partial<Sale>) => void
+  onReload: () => void
+  // Dynamic action system - generic for ANY action
+  isActionOpen: (actionKey: string) => boolean
+  openAction: (actionKey: string) => void
+  closeAction: (actionKey: string) => void
+  // Button registry - tabs can add their own toolbar buttons
+  buttonRegistry: ButtonRegistry
+}
+
+const SaleContext = createContext<SaleContextType | null>(null)
+
+export const useSaleContext = (): SaleContextType => {
+  const context = useContext(SaleContext)
+  if (!context) {
+    throw new Error('useSaleContext must be used within SaleContextProvider')
+  }
+  return context
+}
+
+interface SaleContextProviderProps {
+  sale: Sale
+  onChange: (updates: Partial<Sale>) => void
+  onReload: () => void
+  children: ReactNode
+}
+
+export const SaleContextProvider: React.FC<SaleContextProviderProps> = ({
+  sale,
+  onChange,
+  onReload,
+  children
+}) => {
+  const readonly = sale ? !sale.editable : true
+
+  // Dynamic action states - Map of actionKey -> isOpen
+  // This supports ANY action key, registered by ANY bundle/tab
+  const [actionStates, setActionStates] = useState<Record<string, boolean>>({})
+
+  // Button registry - create once per sale detail instance
+  const buttonRegistry = useMemo(() => new ButtonRegistry(), [])
+
+  // Generic action system - works for any action key
+  // Memoize to prevent unnecessary re-renders
+  const isActionOpen = useCallback((actionKey: string): boolean => {
+    return actionStates[actionKey] ?? false
+  }, [actionStates])
+
+  const openAction = useCallback((actionKey: string): void => {
+    setActionStates(prev => ({ ...prev, [actionKey]: true }))
+  }, [])
+
+  const closeAction = useCallback((actionKey: string): void => {
+    setActionStates(prev => ({ ...prev, [actionKey]: false }))
+  }, [])
+
+  // Memoize context value to prevent unnecessary re-renders of consumers
+  const contextValue = useMemo<SaleContextType>(() => ({
+    sale,
+    readonly,
+    onChange,
+    onReload,
+    isActionOpen,
+    openAction,
+    closeAction,
+    buttonRegistry
+  }), [sale, readonly, onChange, onReload, isActionOpen, openAction, closeAction, buttonRegistry])
+
+  return (
+    <SaleContext.Provider value={contextValue}>
+      {children}
+    </SaleContext.Provider>
+  )
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/index.ts
new file mode 100644
index 0000000000..32c18b1cd0
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/context/index.ts
@@ -0,0 +1,6 @@
+/**
+ * CoreShop OrderBundle Context Exports
+ */
+
+export { SaleContextProvider, useSaleContext } from './SaleActionsContext'
+export { ButtonRegistry, type ToolbarButton } from './ButtonRegistry'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/DetailEvents.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/DetailEvents.ts
new file mode 100644
index 0000000000..a4737face3
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/DetailEvents.ts
@@ -0,0 +1,87 @@
+/**
+ * CoreShop OrderBundle Detail Events
+ *
+ * Event system for order detail editing (preview, save, cancel)
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+type DetailEventHandler = () => void
+
+class DetailEventEmitter {
+  private readonly listeners: Map<string, DetailEventHandler[]> = new Map()
+  private editModeActive: boolean = false
+  private toolbarUpdateHandlers: Array<() => void> = []
+
+  on(event: string, handler: DetailEventHandler): void {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, [])
+    }
+    this.listeners.get(event)!.push(handler)
+  }
+
+  off(event: string, handler: DetailEventHandler): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      const index = handlers.indexOf(handler)
+      if (index > -1) {
+        handlers.splice(index, 1)
+      }
+    }
+  }
+
+  emit(event: string): void {
+    // Track edit mode state
+    const wasEditMode = this.editModeActive
+
+    if (event === 'edit') {
+      this.editModeActive = true
+    } else if (event === 'save' || event === 'cancel') {
+      this.editModeActive = false
+    }
+
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      handlers.forEach(handler => handler())
+    }
+
+    // Notify toolbar to update if edit mode changed
+    if (wasEditMode !== this.editModeActive) {
+      this.notifyToolbarUpdate()
+    }
+  }
+
+  isEditModeActive(): boolean {
+    return this.editModeActive
+  }
+
+  onToolbarUpdate(handler: () => void): void {
+    this.toolbarUpdateHandlers.push(handler)
+  }
+
+  offToolbarUpdate(handler: () => void): void {
+    const index = this.toolbarUpdateHandlers.indexOf(handler)
+    if (index > -1) {
+      this.toolbarUpdateHandlers.splice(index, 1)
+    }
+  }
+
+  private notifyToolbarUpdate(): void {
+    this.toolbarUpdateHandlers.forEach(handler => handler())
+  }
+}
+
+export const detailEvents = new DetailEventEmitter()
+
+export const DETAIL_EVENTS = {
+  EDIT: 'edit',
+  PREVIEW: 'preview',
+  SAVE: 'save',
+  CANCEL: 'cancel'
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/InvoiceEvents.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/InvoiceEvents.ts
new file mode 100644
index 0000000000..78654e18d3
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/InvoiceEvents.ts
@@ -0,0 +1,51 @@
+/**
+ * CoreShop OrderBundle - Invoice Events
+ *
+ * Event system to allow toolbar buttons to trigger modal opening
+ * without direct access to component state.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+type InvoiceEventHandler = () => void
+
+class InvoiceEventEmitter {
+  private listeners: Map<string, InvoiceEventHandler[]> = new Map()
+
+  on(event: string, handler: InvoiceEventHandler): void {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, [])
+    }
+    this.listeners.get(event)!.push(handler)
+  }
+
+  off(event: string, handler: InvoiceEventHandler): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      const index = handlers.indexOf(handler)
+      if (index > -1) {
+        handlers.splice(index, 1)
+      }
+    }
+  }
+
+  emit(event: string): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      handlers.forEach(handler => handler())
+    }
+  }
+}
+
+export const invoiceEvents = new InvoiceEventEmitter()
+
+// Event names
+export const INVOICE_EVENTS = {
+  CREATE_INVOICE: 'create-invoice'
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/PaymentEvents.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/PaymentEvents.ts
new file mode 100644
index 0000000000..99c08643ef
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/PaymentEvents.ts
@@ -0,0 +1,51 @@
+/**
+ * CoreShop OrderBundle - Payment Events
+ *
+ * Event system to allow toolbar buttons to trigger modal opening
+ * without direct access to component state.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+type PaymentEventHandler = () => void
+
+class PaymentEventEmitter {
+  private listeners: Map<string, PaymentEventHandler[]> = new Map()
+
+  on(event: string, handler: PaymentEventHandler): void {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, [])
+    }
+    this.listeners.get(event)!.push(handler)
+  }
+
+  off(event: string, handler: PaymentEventHandler): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      const index = handlers.indexOf(handler)
+      if (index > -1) {
+        handlers.splice(index, 1)
+      }
+    }
+  }
+
+  emit(event: string): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      handlers.forEach(handler => handler())
+    }
+  }
+}
+
+export const paymentEvents = new PaymentEventEmitter()
+
+// Event names
+export const PAYMENT_EVENTS = {
+  CREATE_PAYMENT: 'create-payment'
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/ShipmentEvents.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/ShipmentEvents.ts
new file mode 100644
index 0000000000..a25a3081d9
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/events/ShipmentEvents.ts
@@ -0,0 +1,51 @@
+/**
+ * CoreShop OrderBundle - Shipment Events
+ *
+ * Event system to allow toolbar buttons to trigger modal opening
+ * without direct access to component state.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+type ShipmentEventHandler = () => void
+
+class ShipmentEventEmitter {
+  private listeners: Map<string, ShipmentEventHandler[]> = new Map()
+
+  on(event: string, handler: ShipmentEventHandler): void {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, [])
+    }
+    this.listeners.get(event)!.push(handler)
+  }
+
+  off(event: string, handler: ShipmentEventHandler): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      const index = handlers.indexOf(handler)
+      if (index > -1) {
+        handlers.splice(index, 1)
+      }
+    }
+  }
+
+  emit(event: string): void {
+    const handlers = this.listeners.get(event)
+    if (handlers) {
+      handlers.forEach(handler => handler())
+    }
+  }
+}
+
+export const shipmentEvents = new ShipmentEventEmitter()
+
+// Event names
+export const SHIPMENT_EVENTS = {
+  CREATE_SHIPMENT: 'create-shipment'
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/index.ts
new file mode 100644
index 0000000000..766bebc133
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/index.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop OrderBundle Hooks
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { useDetailEditMode } from './useDetailEditMode'
+export {
+  useSaleHelper,
+  openSaleWidget,
+  saleWidgetConfig,
+  type OpenSaleConfig
+} from './useSaleHelper'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/useDetailEditMode.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/useDetailEditMode.ts
new file mode 100644
index 0000000000..8596a622e3
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/useDetailEditMode.ts
@@ -0,0 +1,40 @@
+/**
+ * CoreShop OrderBundle - useDetailEditMode Hook
+ *
+ * Custom hook for managing detail edit mode state
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { detailEvents } from '../events/DetailEvents'
+
+/**
+ * Hook to track detail edit mode state
+ *
+ * This hook subscribes to edit mode changes and triggers re-renders
+ * when the edit mode state changes.
+ */
+export function useDetailEditMode(): boolean {
+  const [editMode, setEditMode] = React.useState(() => detailEvents.isEditModeActive())
+
+  React.useEffect(() => {
+    const handleUpdate = () => {
+      setEditMode(detailEvents.isEditModeActive())
+    }
+
+    detailEvents.onToolbarUpdate(handleUpdate)
+
+    return () => {
+      detailEvents.offToolbarUpdate(handleUpdate)
+    }
+  }, [])
+
+  return editMode
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/useSaleHelper.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/useSaleHelper.ts
new file mode 100644
index 0000000000..aa4c1270fa
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/hooks/useSaleHelper.ts
@@ -0,0 +1,94 @@
+/**
+ * CoreShop OrderBundle - Sale Helper Hook
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useWidgetManager } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { useCallback } from 'react'
+import type { SaleType } from '../types'
+
+type WidgetManager = ReturnType<typeof useWidgetManager>
+
+export interface OpenSaleConfig {
+  id: number
+  type: SaleType
+}
+
+interface UseSaleHelperReturn {
+  openSale: (config: OpenSaleConfig) => void
+  openOrder: (id: number) => void
+  openCart: (id: number) => void
+  openQuote: (id: number) => void
+}
+
+export const saleWidgetConfig: Record<SaleType, { widget: string; label: string }> = {
+  order: { widget: 'coreshop-order-detail', label: 'Order' },
+  cart: { widget: 'coreshop-cart-detail', label: 'Cart' },
+  quote: { widget: 'coreshop-quote-detail', label: 'Quote' }
+}
+
+/**
+ * Opens a sale (order/cart/quote) detail widget using the provided widget manager.
+ * Use this utility function when you have access to a widgetManager instance but can't use React hooks.
+ */
+export const openSaleWidget = (
+  widgetManager: WidgetManager,
+  { id, type }: OpenSaleConfig
+): void => {
+  const config = saleWidgetConfig[type]
+
+  widgetManager.openMainWidget({
+    name: `${config.label} #${id}`,
+    id: `${config.widget}-${id}`,
+    component: config.widget,
+    config: {
+      orderId: id
+    }
+  })
+}
+
+export const useSaleHelper = (): UseSaleHelperReturn => {
+  const widgetManager = useWidgetManager()
+
+  const openSale = useCallback(
+    (config: OpenSaleConfig): void => {
+      openSaleWidget(widgetManager, config)
+    },
+    [widgetManager]
+  )
+
+  const openOrder = useCallback(
+    (id: number): void => {
+      openSale({ id, type: 'order' })
+    },
+    [openSale]
+  )
+
+  const openCart = useCallback(
+    (id: number): void => {
+      openSale({ id, type: 'cart' })
+    },
+    [openSale]
+  )
+
+  const openQuote = useCallback(
+    (id: number): void => {
+      openSale({ id, type: 'quote' })
+    },
+    [openSale]
+  )
+
+  return {
+    openSale,
+    openOrder,
+    openCart,
+    openQuote
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/index.ts
new file mode 100644
index 0000000000..0c7fc36145
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/index.ts
@@ -0,0 +1,34 @@
+/**
+ * CoreShop OrderBundle Sales Module
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// List components (Pimcore DataObject Lists)
+export { OrderList } from './OrderList'
+export { CartList } from './CartList'
+export { QuoteList } from './QuoteList'
+
+// Detail view components
+export { SaleDetail } from './SaleDetail'
+export { SaleEditorTabs } from './SaleEditorTabs'
+
+// Standalone detail widgets (not integrated with Pimcore DataObject editor)
+export { OrderDetailWidget } from './OrderDetailWidget'
+export { CartDetailWidget } from './CartDetailWidget'
+export { QuoteDetailWidget } from './QuoteDetailWidget'
+
+// Widget persistence
+export { SaleWidgetRestorer, saleWidgetRestorer } from './SaleWidgetRestorer'
+
+// Types and API
+export * from './types'
+
+// Hooks
+export * from './hooks'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/listing-builders/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/listing-builders/index.ts
new file mode 100644
index 0000000000..c12ab6067c
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/listing-builders/index.ts
@@ -0,0 +1,187 @@
+/**
+ * CoreShop OrderBundle Sales Listing Builders Module
+ *
+ * This module creates custom listing builders for Orders, Carts, and Quotes
+ * by copying the standard DataObject listing builder and customizing it.
+ *
+ * Uses ResourceConfigProvider to fetch allowed classes from CoreShop stack configuration.
+ *
+ * Based on: https://github.com/pimcore/studio-example-bundle/blob/main/assets/js/src/examples/listings/modules/custom-data-object-listing.tsx
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import type { ListingBuilder } from '@pimcore/studio-ui-bundle/modules/element'
+import type { ClassDefinitionSelectionDecoratorConfig } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { ResourceConfigProvider } from '@coreshop/resource/src/config/ConfigProvider'
+import { useWidgetManager } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { type AbstractDecorator, type AbstractDecoratorProps } from '@pimcore/studio-ui-bundle/modules/element'
+import { createPresetFilterDecorator } from '@coreshop/pimcore/src/modules/grid/decorators/PresetFilterDecorator'
+import { openSaleWidget } from '../hooks'
+import type { SaleType } from '../types'
+
+/**
+ * Creates a custom decorator that adds onRowDoubleClick functionality
+ * Uses centralized openSaleWidget utility for opening sale details
+ */
+const createRowDoubleClickDecorator = (saleType: SaleType): AbstractDecorator => {
+  return (props: AbstractDecoratorProps): AbstractDecoratorProps => {
+    const { useGridOptions, ...defaultProps } = props
+
+    const newUseGridOptions: AbstractDecoratorProps['useGridOptions'] = () => {
+      const baseOptions = useGridOptions()
+      const widgetManager = useWidgetManager()
+
+      return {
+        ...baseOptions,
+        getGridProps: () => {
+          const baseGridProps = baseOptions.getGridProps()
+
+          return {
+            ...baseGridProps,
+            onRowDoubleClick: (row: any) => {
+              openSaleWidget(widgetManager, { id: row.id, type: saleType })
+            }
+          }
+        }
+      }
+    }
+
+    return {
+      ...defaultProps,
+      useGridOptions: newUseGridOptions
+    }
+  }
+}
+
+export const SalesListingBuildersModule: AbstractModule = {
+  async onInit(): Promise<void> {
+    try {
+      // Get the standard DataObject listing builder
+      const dataObjectListingBuilder = container.get<ListingBuilder>('DataObject/Listing/Builder')
+
+      // Get ResourceConfigProvider to fetch allowed classes from stack
+      const configProvider = new ResourceConfigProvider()
+
+      // ===========================
+      // Order Listing Builder
+      // ===========================
+      container.bind('CoreShop/Order/Listing/Builder').toConstantValue(dataObjectListingBuilder.copy())
+      const orderListingBuilder = container.get<ListingBuilder>('CoreShop/Order/Listing/Builder')
+
+      // Get allowed classes for coreshop.order from stack
+      const orderClasses = await configProvider.getAllowedClasses('coreshop.order')
+
+      if (orderClasses.length > 0) {
+        const classDefinitionSelectionDecorator = orderListingBuilder.getDecorator('classDefinitionSelection')
+
+        if (classDefinitionSelectionDecorator !== undefined) {
+          const classDefinitionSelectionDecoratorConfig: ClassDefinitionSelectionDecoratorConfig = {
+            ...classDefinitionSelectionDecorator.config,
+            classRestriction: orderClasses.map(className => ({ classes: className }))
+          }
+
+          orderListingBuilder.overrideDecorator({
+            name: 'classDefinitionSelection',
+            config: classDefinitionSelectionDecoratorConfig
+          })
+        }
+      }
+
+      // Override actionColumn decorator to add onRowDoubleClick for opening Order detail widget
+      orderListingBuilder.overrideDecorator({
+        name: 'actionColumn',
+        decorator: createRowDoubleClickDecorator('order')
+      })
+
+      // Add preset filter decorator for Studio v2 filter support
+      orderListingBuilder.addDecorator({
+        name: 'presetFilter',
+        decorator: createPresetFilterDecorator({ listType: 'coreshop_order' })
+      })
+
+      // ===========================
+      // Cart Listing Builder
+      // ===========================
+      container.bind('CoreShop/Cart/Listing/Builder').toConstantValue(dataObjectListingBuilder.copy())
+      const cartListingBuilder = container.get<ListingBuilder>('CoreShop/Cart/Listing/Builder')
+
+      // Get allowed classes for coreshop.cart from stack
+      const cartClasses = await configProvider.getAllowedClasses('coreshop.cart')
+
+      if (cartClasses.length > 0) {
+        const classDefinitionSelectionDecorator = cartListingBuilder.getDecorator('classDefinitionSelection')
+
+        if (classDefinitionSelectionDecorator !== undefined) {
+          const classDefinitionSelectionDecoratorConfig: ClassDefinitionSelectionDecoratorConfig = {
+            ...classDefinitionSelectionDecorator.config,
+            classRestriction: cartClasses.map(className => ({ classes: className }))
+          }
+
+          cartListingBuilder.overrideDecorator({
+            name: 'classDefinitionSelection',
+            config: classDefinitionSelectionDecoratorConfig
+          })
+        }
+      }
+
+      // Override actionColumn decorator to add onRowDoubleClick for opening Cart detail widget
+      cartListingBuilder.overrideDecorator({
+        name: 'actionColumn',
+        decorator: createRowDoubleClickDecorator('cart')
+      })
+
+      // Add preset filter decorator for Studio v2 filter support
+      cartListingBuilder.addDecorator({
+        name: 'presetFilter',
+        decorator: createPresetFilterDecorator({ listType: 'coreshop_cart' })
+      })
+
+      // ===========================
+      // Quote Listing Builder
+      // ===========================
+      container.bind('CoreShop/Quote/Listing/Builder').toConstantValue(dataObjectListingBuilder.copy())
+      const quoteListingBuilder = container.get<ListingBuilder>('CoreShop/Quote/Listing/Builder')
+
+      // Get allowed classes for coreshop.quote from stack
+      const quoteClasses = await configProvider.getAllowedClasses('coreshop.quote')
+
+      if (quoteClasses.length > 0) {
+        const classDefinitionSelectionDecorator = quoteListingBuilder.getDecorator('classDefinitionSelection')
+
+        if (classDefinitionSelectionDecorator !== undefined) {
+          const classDefinitionSelectionDecoratorConfig: ClassDefinitionSelectionDecoratorConfig = {
+            ...classDefinitionSelectionDecorator.config,
+            classRestriction: quoteClasses.map(className => ({ classes: className }))
+          }
+
+          quoteListingBuilder.overrideDecorator({
+            name: 'classDefinitionSelection',
+            config: classDefinitionSelectionDecoratorConfig
+          })
+        }
+      }
+
+      // Override actionColumn decorator to add onRowDoubleClick for opening Quote detail widget
+      quoteListingBuilder.overrideDecorator({
+        name: 'actionColumn',
+        decorator: createRowDoubleClickDecorator('quote')
+      })
+
+      // Add preset filter decorator for Studio v2 filter support
+      quoteListingBuilder.addDecorator({
+        name: 'presetFilter',
+        decorator: createPresetFilterDecorator({ listType: 'coreshop_quote' })
+      })
+    } catch (err) {
+      console.error('[CoreShop] Failed to initialize sales listing builders:', err)
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/ComponentRegistry.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/ComponentRegistry.ts
new file mode 100644
index 0000000000..c5358b38d9
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/ComponentRegistry.ts
@@ -0,0 +1,40 @@
+/**
+ * CoreShop OrderBundle - Component Registry
+ *
+ * Allows CoreBundle to override/extend components like CreateShipmentModal
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { CreateShipmentModalProps } from '../components'
+
+interface ComponentRegistry {
+  CreateShipmentModal: React.ComponentType<CreateShipmentModalProps>
+}
+
+let registry: Partial<ComponentRegistry> = {}
+
+export const registerComponent = <K extends keyof ComponentRegistry>(
+  key: K,
+  component: ComponentRegistry[K]
+): void => {
+  registry[key] = component
+}
+
+export const getComponent = <K extends keyof ComponentRegistry>(
+  key: K,
+  fallback: ComponentRegistry[K]
+): ComponentRegistry[K] => {
+  return (registry[key] || fallback) as ComponentRegistry[K]
+}
+
+export const hasComponent = <K extends keyof ComponentRegistry>(key: K): boolean => {
+  return registry[key] !== undefined
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/SaleTabRegistry.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/SaleTabRegistry.ts
new file mode 100644
index 0000000000..a52f03cae2
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/SaleTabRegistry.ts
@@ -0,0 +1,108 @@
+/**
+ * CoreShop OrderBundle Sale Tab Registry
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { injectable } from 'inversify'
+import type React from 'react'
+import type { Sale, SaleType } from '../types'
+
+/**
+ * Props passed to each tab component
+ * All props are now optional as they are provided via SaleContext
+ * @deprecated Use useSaleContext() hook instead of props
+ */
+export interface SaleTabProps {
+  // These props are kept for backwards compatibility but are deprecated
+  // Use useSaleContext() hook to access sale data and actions
+}
+
+/**
+ * Block position in the layout
+ */
+export type BlockPosition = 'top' | 'left' | 'right' | 'bottom'
+
+/**
+ * Block configuration (previously Tab)
+ */
+export interface SaleTab {
+  key: string
+  label: string
+  icon?: string
+  priority: number
+  position: BlockPosition  // Where to render the block
+  types: SaleType[]  // Which sale types should show this block
+  component: React.ComponentType<SaleTabProps>
+  toolbarButtons?: React.ComponentType[]  // Optional toolbar button components
+}
+
+/**
+ * Registry for managing sale detail tabs
+ *
+ * Allows bundles to register custom tabs that will be displayed
+ * in the sale detail view based on the sale type.
+ *
+ * Pattern follows the same approach as ConditionRegistry/ActionRegistry.
+ */
+@injectable()
+export class SaleTabRegistry {
+  private tabs: Map<string, SaleTab> = new Map()
+
+  /**
+   * Register a tab
+   */
+  register(key: string, tab: SaleTab): void {
+    this.tabs.set(key, tab)
+  }
+
+  /**
+   * Get a specific tab by key
+   */
+  get(key: string): SaleTab | undefined {
+    return this.tabs.get(key)
+  }
+
+  /**
+   * Check if a tab exists
+   */
+  has(key: string): boolean {
+    return this.tabs.has(key)
+  }
+
+  /**
+   * Get all registered tabs
+   */
+  getAll(): SaleTab[] {
+    return Array.from(this.tabs.values())
+  }
+
+  /**
+   * Get tabs for a specific sale type, sorted by priority
+   */
+  getForType(type: SaleType): SaleTab[] {
+    return Array.from(this.tabs.values())
+      .filter(tab => tab.types.includes(type))
+      .sort((a, b) => a.priority - b.priority)
+  }
+
+  /**
+   * Remove a tab
+   */
+  unregister(key: string): void {
+    this.tabs.delete(key)
+  }
+
+  /**
+   * Clear all tabs
+   */
+  clear(): void {
+    this.tabs.clear()
+  }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/index.ts
new file mode 100644
index 0000000000..e453661fd9
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/registry/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop OrderBundle Registry Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { SaleTabRegistry } from './SaleTabRegistry'
+export type { SaleTab, SaleTabProps } from './SaleTabRegistry'
+export { registerComponent, getComponent, hasComponent } from './ComponentRegistry'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/service-ids.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/service-ids.ts
new file mode 100644
index 0000000000..95f1120c2c
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/service-ids.ts
@@ -0,0 +1,21 @@
+/**
+ * CoreShop OrderBundle Service IDs
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const serviceIds = {
+  // Tab Registry
+  saleTabRegistry: Symbol.for('coreshop.order.sale_tab_registry'),
+
+  // API Instances
+  orderApi: Symbol.for('coreshop.order.order_api'),
+  cartApi: Symbol.for('coreshop.order.cart_api'),
+  quoteApi: Symbol.for('coreshop.order.quote_api'),
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/styles/useTableCardStyles.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/styles/useTableCardStyles.ts
new file mode 100644
index 0000000000..4ace5dc9ac
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/styles/useTableCardStyles.ts
@@ -0,0 +1,77 @@
+/**
+ * Shared styles for sale detail table cards (Payments, Shipments, Invoices)
+ */
+
+import { createStyles } from 'antd-style'
+
+export const useTableCardStyles = createStyles(({ css, token }) => ({
+  card: css`
+    .ant-card-body {
+      padding: 0;
+    }
+
+    .ant-empty {
+      padding: 24px 16px;
+      margin: 0;
+      margin-block: 0;
+    }
+  `,
+  table: css`
+    .ant-table-thead > tr > th {
+      background: ${token.colorBgLayout};
+      font-weight: 600;
+      font-size: 12px;
+      color: ${token.colorTextSecondary};
+      padding: 8px 16px !important;
+      white-space: nowrap;
+    }
+
+    .ant-table-thead > tr > th:first-child {
+      padding-left: 24px !important;
+    }
+
+    .ant-table-thead > tr > th:last-child {
+      padding-right: 24px !important;
+    }
+
+    .ant-table-tbody > tr > td {
+      padding: 10px 16px !important;
+    }
+
+    .ant-table-tbody > tr > td:first-child {
+      padding-left: 24px !important;
+    }
+
+    .ant-table-tbody > tr > td:last-child {
+      padding-right: 24px !important;
+    }
+
+    .ant-table-tbody > tr:hover > td {
+      background: ${token.colorPrimaryBg} !important;
+    }
+  `,
+  dimText: css`
+    color: ${token.colorTextSecondary};
+    font-size: 12px;
+  `,
+  statusBadge: css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px 10px;
+    border-radius: 999px;
+    font-size: 11px;
+    font-weight: 600;
+    color: #fff;
+    white-space: nowrap;
+    line-height: 1.5;
+  `,
+  statusBadgeClickable: css`
+    cursor: pointer;
+    transition: opacity 0.15s;
+
+    &:hover {
+      opacity: 0.85;
+    }
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CommentsTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CommentsTab.tsx
new file mode 100644
index 0000000000..2d8d96a431
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CommentsTab.tsx
@@ -0,0 +1,340 @@
+/**
+ * CoreShop OrderBundle Comments Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Empty, Button, Modal, Input, Checkbox, Space } from 'antd'
+import { createStyles } from 'antd-style'
+import { PlusOutlined, DeleteOutlined, MailOutlined, UserOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { formatDateTime } from '@coreshop/pimcore/src/utils'
+import type { SaleTabProps } from '../registry'
+import { useSaleContext } from '../context/SaleActionsContext'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+const { TextArea } = Input
+
+interface Comment {
+  id: number
+  text: string
+  date: number
+  userName: string
+  submitAsEmail: boolean
+}
+
+export const CommentsTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const { sale, readonly } = useSaleContext()
+  const { styles } = useCommentsTabStyles()
+  const [isModalOpen, setIsModalOpen] = React.useState(false)
+  const [newComment, setNewComment] = React.useState('')
+  const [submitToCustomer, setSubmitToCustomer] = React.useState(false)
+  const [comments, setComments] = React.useState<Comment[]>([])
+  const [loading, setLoading] = React.useState(true)
+
+  // Load comments from API
+  React.useEffect(() => {
+    if (!sale) return
+
+    const loadComments = async () => {
+      setLoading(true)
+      try {
+        const response = await fetch(`/pimcore-studio/api/coreshop/order-comment/list?id=${sale.id}`)
+        const data = await response.json()
+        setComments(data.comments || [])
+      } catch (error) {
+        void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load comments')))
+        setComments([])
+      } finally {
+        setLoading(false)
+      }
+    }
+
+    void loadComments()
+  }, [sale?.id])
+
+  // Handle add comment
+  const handleAddComment = async () => {
+    if (!sale) return
+
+    if (!newComment.trim()) {
+      void messageApi.warning(t('coreshop_order_comment', { defaultValue: 'Comment' }))
+      return
+    }
+
+    try {
+      const formData = new URLSearchParams()
+      formData.append('comment', newComment)
+      formData.append('submitAsEmail', submitToCustomer ? 'true' : 'false')
+      formData.append('id', String(sale.id))
+
+      const response = await fetch('/pimcore-studio/api/coreshop/order-comment/add', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded'
+        },
+        body: formData.toString()
+      })
+
+      const data = await response.json()
+
+      if (data.success) {
+        void messageApi.success(t('coreshop_order_comment_added', { defaultValue: 'Comment added successfully' }))
+        setIsModalOpen(false)
+        setNewComment('')
+        setSubmitToCustomer(false)
+
+        // Reload comments
+        const listResponse = await fetch(`/pimcore-studio/api/coreshop/order-comment/list?id=${sale.id}`)
+        const listData = await listResponse.json()
+        setComments(listData.comments || [])
+      } else {
+        void messageApi.error(renderApiError(t('coreshop_save_error', { defaultValue: 'Error saving item' })))
+      }
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_save_error', { defaultValue: 'Error saving item' }))))
+    }
+  }
+
+  // Handle delete comment
+  const handleDeleteComment = (commentId: number) => {
+    Modal.confirm({
+      title: t('coreshop_delete_order_comment_confirm', { defaultValue: 'Do you really want to delete this Comment?' }),
+      okText: t('coreshop_yes', { defaultValue: 'Yes' }),
+      cancelText: t('coreshop_no', { defaultValue: 'No' }),
+      onOk: async () => {
+        try {
+          const formData = new URLSearchParams()
+          formData.append('id', String(commentId))
+
+          const response = await fetch('/pimcore-studio/api/coreshop/order-comment/delete', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/x-www-form-urlencoded'
+            },
+            body: formData.toString()
+          })
+
+          const data = await response.json()
+
+          if (data.success) {
+            void messageApi.success(t('coreshop_order_comment', { defaultValue: 'Comment' }))
+
+            // Reload comments
+            if (sale) {
+              const listResponse = await fetch(`/pimcore-studio/api/coreshop/order-comment/list?id=${sale.id}`)
+              const listData = await listResponse.json()
+              setComments(listData.comments || [])
+            }
+          } else {
+            void messageApi.error(renderApiError(t('coreshop_save_error', { defaultValue: 'Error saving item' })))
+          }
+        } catch (error) {
+          void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_save_error', { defaultValue: 'Error saving item' }))))
+        }
+      }
+    })
+  }
+
+  const getInitials = (name: string) => {
+    return name.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2)
+  }
+
+  return (
+    <>
+      <Card
+        title={t('coreshop_order_comments', { defaultValue: 'Comments' })}
+        className={styles.card}
+        extra={
+          (
+            <Button
+              type="text"
+              icon={<PlusOutlined />}
+              onClick={() => setIsModalOpen(true)}
+              size="small"
+              title={t('coreshop_order_comment_create', { defaultValue: 'Create Comment' })}
+            />
+          )
+        }
+      >
+        {comments.length === 0 ? (
+          <div className={styles.emptyState}>
+            <Empty
+              description={t('coreshop_order_comments_nothing_found', { defaultValue: 'No Comments available' })}
+              image={Empty.PRESENTED_IMAGE_SIMPLE}
+            />
+          </div>
+        ) : (
+          <div className={styles.commentsList}>
+            {comments.map((comment) => (
+              <div key={comment.id} className={styles.commentItem}>
+                <div className={styles.commentAvatar}>
+                  {comment.userName ? getInitials(comment.userName) : <UserOutlined />}
+                </div>
+                <div className={styles.commentBody}>
+                  <div className={styles.commentHeader}>
+                    <span className={styles.commentAuthor}>{comment.userName}</span>
+                    <span className={styles.commentDate}>{formatDateTime(comment.date)}</span>
+                    {!readonly && (
+                      <Button
+                        type="text"
+                        danger
+                        size="small"
+                        icon={<DeleteOutlined style={{ fontSize: 12 }} />}
+                        className={styles.deleteButton}
+                        onClick={() => handleDeleteComment(comment.id)}
+                      />
+                    )}
+                  </div>
+                  <div className={styles.commentText}>{comment.text}</div>
+                  {comment.submitAsEmail && (
+                    <div className={styles.commentBadge}>
+                      <MailOutlined style={{ fontSize: 11, marginRight: 4 }} />
+                      {t('coreshop_order_comments_notification_applied', { defaultValue: 'Comment has been submitted to Customer' })}
+                    </div>
+                  )}
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </Card>
+
+      {/* Add Comment Modal */}
+      <Modal
+        title={t('coreshop_order_comment_create', { defaultValue: 'Create Comment' })}
+        open={isModalOpen}
+        onOk={handleAddComment}
+        onCancel={() => {
+          setIsModalOpen(false)
+          setNewComment('')
+          setSubmitToCustomer(false)
+        }}
+        okText={t('coreshop_add', { defaultValue: 'Add' })}
+        cancelText={t('coreshop_cancel', { defaultValue: 'Cancel' })}
+      >
+        <Space direction="vertical" style={{ width: '100%' }} size="middle">
+          <TextArea
+            value={newComment}
+            onChange={(e) => setNewComment(e.target.value)}
+            placeholder={t('coreshop_order_comment', { defaultValue: 'Comment' })}
+            rows={6}
+            autoFocus
+          />
+          <Checkbox
+            checked={submitToCustomer}
+            onChange={(e) => setSubmitToCustomer(e.target.checked)}
+          >
+            {t('coreshop_order_comment_trigger_notifications', { defaultValue: 'Submit Comment to Customer' })}
+          </Checkbox>
+        </Space>
+      </Modal>
+    </>
+  )
+}
+
+const useCommentsTabStyles = createStyles(({ css, token }) => ({
+  card: css`
+    .ant-card-body {
+      padding: 0;
+    }
+  `,
+  emptyState: css`
+    padding: 24px 16px;
+    text-align: center;
+
+    .ant-empty {
+      margin-block: 0;
+    }
+  `,
+  commentsList: css`
+    display: flex;
+    flex-direction: column;
+    max-height: 400px;
+    overflow-y: auto;
+  `,
+  commentItem: css`
+    display: flex;
+    gap: 12px;
+    padding: 14px 16px;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+    transition: background 0.15s;
+
+    &:last-child {
+      border-bottom: none;
+    }
+
+    &:hover {
+      background: ${token.colorBgLayout};
+
+      .ant-btn-dangerous {
+        opacity: 1;
+      }
+    }
+  `,
+  commentAvatar: css`
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background: ${token.colorPrimary}12;
+    color: ${token.colorPrimary};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 11px;
+    font-weight: 600;
+    flex-shrink: 0;
+    margin-top: 2px;
+  `,
+  commentBody: css`
+    flex: 1;
+    min-width: 0;
+  `,
+  commentHeader: css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+  `,
+  commentAuthor: css`
+    font-size: 13px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+  commentDate: css`
+    font-size: 11px;
+    color: ${token.colorTextTertiary};
+    flex: 1;
+  `,
+  deleteButton: css`
+    opacity: 0;
+    transition: opacity 0.15s;
+  `,
+  commentText: css`
+    font-size: 13px;
+    color: ${token.colorText};
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    line-height: 1.5;
+  `,
+  commentBadge: css`
+    display: inline-flex;
+    align-items: center;
+    font-size: 11px;
+    color: ${token.colorPrimary};
+    margin-top: 6px;
+    padding: 2px 8px;
+    background: ${token.colorPrimary}08;
+    border-radius: ${token.borderRadiusSM}px;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CorrespondenceTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CorrespondenceTab.tsx
new file mode 100644
index 0000000000..d13715c1d7
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CorrespondenceTab.tsx
@@ -0,0 +1,220 @@
+/**
+ * CoreShop OrderBundle Correspondence Tab
+ *
+ * Displays email correspondence history for orders.
+ * Pattern from ExtJS: /order/detail/blocks/correspondence.js
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, Card, Empty, Modal } from 'antd'
+import { createStyles } from 'antd-style'
+import { MailOutlined, FileTextOutlined, MessageOutlined } from '@ant-design/icons'
+import { useTableCardStyles } from '../styles/useTableCardStyles'
+import { formatDateTime } from '@coreshop/pimcore/src/utils'
+import { useTranslation } from 'react-i18next'
+import type { ColumnType } from 'antd/es/table'
+import type { SaleTabProps } from '../registry'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface EmailCorrespondence {
+  date: number
+  subject: string
+  recipient: string
+  'email-log'?: number
+  document?: number
+  threadId?: number
+}
+
+export const CorrespondenceTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale } = useSaleContext()
+  const { styles: sharedStyles } = useTableCardStyles()
+  const { styles: localStyles } = useCorrespondenceTabStyles()
+  const styles = { ...sharedStyles, ...localStyles }
+  const [emailLogModal, setEmailLogModal] = React.useState<number | null>(null)
+  const [iframeKey, setIframeKey] = React.useState(0)
+
+  if (!sale) return null
+
+  const correspondence = ((sale as any).mailCorrespondence || []) as EmailCorrespondence[]
+
+  // Open email log in modal
+  const openEmailLog = (emailLogId: number) => {
+    setEmailLogModal(emailLogId)
+    setIframeKey(prev => prev + 1)
+  }
+
+  // Open email document in Pimcore
+  const openEmailDocument = (documentId: number) => {
+    alert(
+      `${t('coreshop_mail_correspondence_open_document', { defaultValue: 'Open Email Document' })} (ID: ${documentId})\n\n` +
+      t('coreshop_mail_correspondence_open_document_not_supported', {
+        defaultValue: 'Studio v2 does not yet support opening Pimcore Documents.'
+      })
+    )
+    console.warn('[CorrespondenceTab] TODO: Implement document opening for Studio v2', { documentId })
+  }
+
+  // Open messaging thread
+  const openMessagingThread = (threadId: number) => {
+    if ((window as any).coreshop?.helpers?.openMessagingThread) {
+      (window as any).coreshop.helpers.openMessagingThread(threadId)
+    }
+  }
+
+  const columns: Array<ColumnType<EmailCorrespondence>> = [
+    {
+      title: t('coreshop_date', { defaultValue: 'Date' }),
+      dataIndex: 'date',
+      key: 'date',
+      width: 180,
+      render: (date) => <span className={styles.dimText}>{formatDateTime(date)}</span>
+    },
+    {
+      title: t('coreshop_mail_correspondence_subject', { defaultValue: 'Subject' }),
+      dataIndex: 'subject',
+      key: 'subject',
+      ellipsis: true,
+      render: (value) => <span style={{ fontWeight: 500 }}>{value}</span>
+    },
+    {
+      title: t('coreshop_mail_correspondence_recipient', { defaultValue: 'Recipient' }),
+      dataIndex: 'recipient',
+      key: 'recipient',
+      width: 250,
+      ellipsis: true
+    },
+    {
+      title: '',
+      key: 'email-log',
+      width: 36,
+      align: 'center',
+      render: (_, record) => {
+        if (!record['email-log']) return null
+
+        return (
+          <Button
+            type="text"
+            size="small"
+            icon={<MailOutlined />}
+            title={t('coreshop_mail_correspondence_mail_log_show', { defaultValue: 'Show sent mail log' })}
+            onClick={() => openEmailLog(record['email-log']!)}
+          />
+        )
+      }
+    },
+    {
+      title: '',
+      key: 'document',
+      width: 36,
+      align: 'center',
+      render: (_, record) => {
+        if (!record.document) return null
+
+        return (
+          <Button
+            type="text"
+            size="small"
+            icon={<FileTextOutlined />}
+            title={t('coreshop_mail_correspondence_open_document', { defaultValue: 'Open Email Document' })}
+            onClick={() => openEmailDocument(record.document!)}
+          />
+        )
+      }
+    },
+    {
+      title: '',
+      key: 'thread',
+      width: 36,
+      align: 'center',
+      render: (_, record) => {
+        if (!record.threadId) return null
+
+        return (
+          <Button
+            type="text"
+            size="small"
+            icon={<MessageOutlined />}
+            title={t('coreshop_mail_correspondence_open_thread', { defaultValue: 'Open Messaging Thread' })}
+            onClick={() => openMessagingThread(record.threadId!)}
+          />
+        )
+      }
+    }
+  ]
+
+  return (
+    <>
+      <Card
+        title={t('coreshop_mail_correspondence', { defaultValue: 'Mail Correspondence' })}
+        className={styles.card}
+      >
+        {correspondence.length === 0 ? (
+          <Empty
+            description={t('coreshop_mail_correspondence_none', { defaultValue: 'No email correspondence' })}
+            image={Empty.PRESENTED_IMAGE_SIMPLE}
+          />
+        ) : (
+          <Table
+            dataSource={correspondence}
+            columns={columns}
+            rowKey={(record, index) => `${record.date}-${index}`}
+            pagination={false}
+            className={styles.table}
+            size="small"
+            scroll={{ x: 'max-content' }}
+          />
+        )}
+      </Card>
+
+      {/* Email Log Modal */}
+      {emailLogModal !== null && (
+        <Modal
+          title={t('coreshop_mail_correspondence', { defaultValue: 'Mail correspondence' })}
+          open={true}
+          onCancel={() => setEmailLogModal(null)}
+          footer={null}
+          width={700}
+          className={styles.modal}
+        >
+          <div className={styles.iframeContainer}>
+            <iframe
+              key={iframeKey}
+              src={`/admin/email/show-email-log?id=${emailLogModal}&type=html`}
+              className={styles.iframe}
+              title={t('coreshop_mail_correspondence_mail_log', { defaultValue: 'Mail Log' })}
+              sandbox="allow-same-origin allow-scripts"
+            />
+          </div>
+        </Modal>
+      )}
+    </>
+  )
+}
+
+const useCorrespondenceTabStyles = createStyles(({ css, token }) => ({
+  modal: css`
+    .ant-modal-body {
+      padding: 0;
+    }
+  `,
+  iframeContainer: css`
+    width: 100%;
+    height: 500px;
+    overflow: hidden;
+    border-radius: 0 0 ${token.borderRadiusLG}px ${token.borderRadiusLG}px;
+  `,
+  iframe: css`
+    width: 100%;
+    height: 100%;
+    border: none;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CustomerTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CustomerTab.tsx
new file mode 100644
index 0000000000..410b61af62
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/CustomerTab.tsx
@@ -0,0 +1,225 @@
+/**
+ * CoreShop OrderBundle Customer Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Tabs, Button } from 'antd'
+import { createStyles } from 'antd-style'
+import { FolderOpenOutlined, UserOutlined, EnvironmentOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { formatDateTime } from '@coreshop/pimcore/src/utils'
+import { useDataObjectHelper } from '@pimcore/studio-ui-bundle/modules/data-object'
+import type { SaleTabProps } from '../registry'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface Address {
+  id?: number
+  formatted?: string
+}
+
+interface Customer {
+  id?: number
+  firstname?: string
+  lastname?: string
+  email?: string
+  creationDate?: number
+}
+
+export const CustomerTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale } = useSaleContext()
+  const { styles } = useCustomerTabStyles()
+  const { openDataObject } = useDataObjectHelper()
+
+  if (!sale) return null
+
+  const customer = (sale as any).customer as Customer | undefined
+  const shippingAddress = (sale as any).address?.shipping as Address | undefined
+  const invoiceAddress = (sale as any).address?.billing as Address | undefined
+
+  // Open customer DataObject
+  const handleOpenCustomer = () => {
+    if (customer?.id) {
+      void openDataObject({ config: { id: customer.id } })
+    }
+  }
+
+  // Open address DataObject
+  const handleOpenAddress = (addressId?: number) => {
+    if (addressId) {
+      void openDataObject({ config: { id: addressId } })
+    }
+  }
+
+  // Render address content
+  const renderAddress = (address?: Address) => {
+    if (!address) {
+      return <div className={styles.noData}>No address available</div>
+    }
+
+    // Parse HTML and convert <br> to line breaks
+    const formatAddress = (html: string) => {
+      return html.replace(/<br\s*\/?>/gi, '\n').replace(/<[^>]*>/g, '').replace(/^\n+|\n+$/g, '')
+    }
+
+    return (
+      <div className={styles.addressContent}>
+        <EnvironmentOutlined className={styles.addressIcon} />
+        <div className={styles.addressText}>
+          {address.formatted ? formatAddress(address.formatted) : 'No address data'}
+        </div>
+        {address.id && (
+          <Button
+            type="text"
+            size="small"
+            icon={<FolderOpenOutlined />}
+            onClick={() => handleOpenAddress(address?.id)}
+            title="Open Address"
+          />
+        )}
+      </div>
+    )
+  }
+
+  const initials = [customer?.firstname?.[0], customer?.lastname?.[0]].filter(Boolean).join('').toUpperCase() || '?'
+
+  const tabItems = [
+    {
+      key: 'shipping',
+      label: t('coreshop_shipping_address', { defaultValue: 'Shipping Address' }),
+      children: renderAddress(shippingAddress)
+    },
+    {
+      key: 'invoice',
+      label: t('coreshop_invoice_address', { defaultValue: 'Invoice Address' }),
+      children: renderAddress(invoiceAddress)
+    }
+  ]
+
+  return (
+    <Card
+      title={t('coreshop_customer', { defaultValue: 'Customer' })}
+      className={styles.card}
+      extra={
+        <Button
+          type="text"
+          icon={<FolderOpenOutlined />}
+          onClick={handleOpenCustomer}
+          size="small"
+          title={t('coreshop_open_customer_data_object', { defaultValue: 'Open Customer DataObject' })}
+        />
+      }
+    >
+      <div className={styles.container}>
+        {/* Customer Identity */}
+        <div className={styles.customerHeader}>
+          <div className={styles.avatar}>
+            {initials.length > 0 ? initials : <UserOutlined />}
+          </div>
+          <div className={styles.customerInfo}>
+            <div className={styles.customerName}>
+              {customer?.firstname || ''} {customer?.lastname || ''}
+            </div>
+            <div className={styles.customerEmail}>{customer?.email || '-'}</div>
+            <div className={styles.customerSince}>
+              {t('coreshop_customer_since', { defaultValue: 'Customer since' })} {formatDateTime(customer?.creationDate)}
+            </div>
+          </div>
+        </div>
+
+        {/* Address Tabs */}
+        <Tabs items={tabItems} className={styles.tabs} size="small" />
+      </div>
+    </Card>
+  )
+}
+
+const useCustomerTabStyles = createStyles(({ css, token }) => ({
+  card: css``,
+  container: css`
+    display: flex;
+    flex-direction: column;
+  `,
+  customerHeader: css`
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    padding: 0 0 8px 0;
+  `,
+  avatar: css`
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    background: ${token.colorPrimary}15;
+    color: ${token.colorPrimary};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    font-weight: 600;
+    flex-shrink: 0;
+  `,
+  customerInfo: css`
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    min-width: 0;
+  `,
+  customerName: css`
+    font-size: 14px;
+    font-weight: 600;
+    color: ${token.colorText};
+  `,
+  customerEmail: css`
+    font-size: 13px;
+    color: ${token.colorTextSecondary};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  customerSince: css`
+    font-size: 11px;
+    color: ${token.colorTextTertiary};
+  `,
+  tabs: css`
+    .ant-tabs-nav {
+      margin-bottom: 0;
+      padding: 0 16px;
+    }
+
+    .ant-tabs-content {
+      padding: 0;
+    }
+  `,
+  addressContent: css`
+    display: flex;
+    align-items: flex-start;
+    gap: 10px;
+    padding: 14px 16px;
+  `,
+  addressIcon: css`
+    color: ${token.colorTextTertiary};
+    font-size: 16px;
+    margin-top: 2px;
+    flex-shrink: 0;
+  `,
+  addressText: css`
+    flex: 1;
+    white-space: pre-line;
+    line-height: 1;
+    color: ${token.colorText};
+  `,
+  noData: css`
+    padding: 16px;
+    color: ${token.colorTextTertiary};
+    font-size: 13px;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/DetailTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/DetailTab.tsx
new file mode 100644
index 0000000000..9d0e42b766
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/DetailTab.tsx
@@ -0,0 +1,370 @@
+/**
+ * CoreShop OrderBundle Detail Tab
+ *
+ * Displays order items, price rules, and summary totals (read-only).
+ * Pattern from ExtJS: /order/detail/blocks/detail.js
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Card, Tag, theme } from 'antd'
+import { createStyles } from 'antd-style'
+import { useTranslation } from 'react-i18next'
+import { useTableCardStyles } from '../styles/useTableCardStyles'
+import { formatCurrency, getCurrencyCode } from '@coreshop/pimcore/src/utils'
+import type { ColumnType } from 'antd/es/table'
+import type { SaleTabProps } from '../registry'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface DetailItem {
+  id: number
+  productName: string
+  priceNet: number
+  price: number
+  quantity: number
+  unit?: string
+  total: number
+  totalTax: number
+  convertedPriceNet?: number
+  convertedPrice?: number
+  convertedTotal?: number
+  convertedTotalTax?: number
+}
+
+interface PriceRule {
+  name: string
+  code?: string
+  discount: number
+  convertedDiscount?: number
+}
+
+interface SummaryItem {
+  key: string
+  text?: string
+  value: number
+  convertedValue?: number
+  precision?: number
+  factor?: number
+}
+
+export const DetailTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale } = useSaleContext()
+  const { styles: sharedStyles } = useTableCardStyles()
+  const { styles: localStyles } = useDetailTabStyles()
+  const styles = { ...sharedStyles, ...localStyles }
+
+  if (!sale) return null
+
+  const details = ((sale as any).details || []) as DetailItem[]
+  const priceRules = ((sale as any).priceRule || []) as PriceRule[]
+  const summary = ((sale as any).summary || []) as SummaryItem[]
+
+  // Determine if we need converted currency columns
+  const showConverted = sale.currency?.id !== (sale as any).baseCurrency?.id
+  const currencyCode = getCurrencyCode(sale.currency)
+  const baseCurrencyCode = getCurrencyCode((sale as any).baseCurrency)
+
+  // Items table columns
+  const itemColumns: Array<ColumnType<DetailItem>> = [
+    {
+      title: t('coreshop_product', { defaultValue: 'Product' }),
+      dataIndex: 'productName',
+      key: 'productName',
+      ellipsis: true,
+      render: (value) => <span style={{ fontWeight: 500 }}>{value}</span>
+    },
+    {
+      title: t('coreshop_price_without_tax', { defaultValue: 'Price (excl.)' }),
+      dataIndex: 'priceNet',
+      key: 'priceNet',
+      width: 110,
+      align: 'right',
+      render: (value) => <span className={styles.monoNum}>{formatCurrency(value, baseCurrencyCode)}</span>
+    },
+    {
+      title: t('coreshop_price_with_tax', { defaultValue: 'Price (incl.)' }),
+      dataIndex: 'price',
+      key: 'price',
+      width: 110,
+      align: 'right',
+      render: (value) => <span className={styles.monoNum}>{formatCurrency(value, baseCurrencyCode)}</span>
+    },
+    {
+      title: t('coreshop_quantity', { defaultValue: 'Qty' }),
+      dataIndex: 'quantity',
+      key: 'quantity',
+      width: 50,
+      align: 'center',
+      render: (value) => <span style={{ fontWeight: 600 }}>{value}</span>
+    },
+    {
+      title: t('coreshop_unit', { defaultValue: 'Unit' }),
+      dataIndex: 'unit',
+      key: 'unit',
+      width: 70,
+      align: 'center',
+      render: (value) => value || '\u2013'
+    },
+    {
+      title: t('coreshop_total_without_tax', { defaultValue: 'Total (excl.)' }),
+      key: 'totalNet',
+      width: 110,
+      align: 'right',
+      render: (_, record) => <span className={styles.monoNum}>{formatCurrency(record.total - record.totalTax, baseCurrencyCode)}</span>
+    },
+    {
+      title: t('coreshop_total', { defaultValue: 'Total' }),
+      dataIndex: 'total',
+      key: 'total',
+      width: 110,
+      align: 'right',
+      render: (value) => <strong className={styles.monoNum}>{formatCurrency(value, baseCurrencyCode)}</strong>
+    }
+  ]
+
+  // Add converted columns if needed
+  if (showConverted) {
+    itemColumns.splice(2, 0, {
+      title: `${t('coreshop_converted_price_without_tax', { defaultValue: 'Conv. Price (excl.)' })} ${currencyCode || ''}`.trim(),
+      dataIndex: 'convertedPriceNet',
+      key: 'convertedPriceNet',
+      width: 150,
+      align: 'right',
+      render: (value) => <span className={styles.monoNum}>{formatCurrency(value, currencyCode)}</span>
+    })
+
+    itemColumns.splice(4, 0, {
+      title: `${t('coreshop_converted_price_with_tax', { defaultValue: 'Conv. Price (incl.)' })} ${currencyCode || ''}`.trim(),
+      dataIndex: 'convertedPrice',
+      key: 'convertedPrice',
+      width: 150,
+      align: 'right',
+      render: (value) => <span className={styles.monoNum}>{formatCurrency(value, currencyCode)}</span>
+    })
+
+    itemColumns.splice(8, 0, {
+      title: `${t('coreshop_converted_total_without_tax', { defaultValue: 'Conv. Total (excl.)' })} ${currencyCode || ''}`.trim(),
+      key: 'convertedTotalNet',
+      width: 150,
+      align: 'right',
+      render: (_, record) => <span className={styles.monoNum}>{formatCurrency(
+        (record.convertedTotal || 0) - (record.convertedTotalTax || 0),
+        currencyCode
+      )}</span>
+    })
+
+    itemColumns.splice(10, 0, {
+      title: `${t('coreshop_converted_total', { defaultValue: 'Conv. Total' })} ${currencyCode || ''}`.trim(),
+      dataIndex: 'convertedTotal',
+      key: 'convertedTotal',
+      width: 150,
+      align: 'right',
+      render: (value) => <span className={styles.monoNum}>{formatCurrency(value, currencyCode)}</span>
+    })
+  }
+
+  // Price rules table columns
+  const priceRuleColumns: Array<ColumnType<PriceRule>> = [
+    {
+      dataIndex: 'name',
+      key: 'name',
+      render: (value, record) => {
+        return (
+          <span>
+            {value}
+            {record.code && (
+              <Tag color="blue" style={{ marginLeft: 8 }}>{record.code}</Tag>
+            )}
+          </span>
+        )
+      }
+    },
+    {
+      dataIndex: 'discount',
+      key: 'discount',
+      width: 150,
+      align: 'right',
+      render: (value) => (
+        <span className={styles.discountValue}>
+          {formatCurrency(value, baseCurrencyCode)}
+        </span>
+      )
+    }
+  ]
+
+  if (showConverted) {
+    priceRuleColumns.push({
+      dataIndex: 'convertedDiscount',
+      key: 'convertedDiscount',
+      width: 150,
+      align: 'right',
+      render: (value) => (
+        <span className={styles.discountValue}>
+          {formatCurrency(value, currencyCode)}
+        </span>
+      )
+    })
+  }
+
+  // Format summary key to readable label
+  const formatSummaryKey = (key: string, text?: string): string => {
+    if (text) return text
+    return key
+      .split('_')
+      .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+      .join(' ')
+  }
+
+  const { token } = theme.useToken()
+
+  const isTotalRow = (key: string) => key === 'total' || key === 'payment_total'
+
+  // Sort summary: regular items first, then totals last
+  const sortedSummary = React.useMemo(() => {
+    const regular = summary.filter(item => !isTotalRow(item.key))
+    const totals = summary.filter(item => isTotalRow(item.key))
+    return [...regular, ...totals]
+  }, [summary])
+
+  return (
+    <div className={styles.container}>
+      <Card title={t('coreshop_products', { defaultValue: 'Products' })} className={styles.card}>
+        <Table
+          dataSource={details}
+          columns={itemColumns}
+          rowKey="id"
+          pagination={false}
+          className={styles.table}
+          size="small"
+          scroll={{ x: 'max-content' }}
+        />
+
+        {/* Price Rules Section */}
+        {priceRules.length > 0 && (
+          <div className={styles.priceRulesSection}>
+            <div className={styles.sectionLabel}>{t('coreshop_price_rules', { defaultValue: 'Price Rules' })}</div>
+            <Table
+              dataSource={priceRules}
+              columns={priceRuleColumns}
+              pagination={false}
+              className={styles.priceRulesTable}
+              size="small"
+              showHeader={false}
+            />
+          </div>
+        )}
+
+        {/* Summary Section */}
+        <div className={styles.summarySection}>
+          <div className={styles.summaryWrapper}>
+            {sortedSummary.map((item) => {
+              const isTotal = isTotalRow(item.key)
+              const label = formatSummaryKey(item.key, item.text)
+              return (
+                <div key={item.key} className={`${styles.summaryRow} ${isTotal ? styles.summaryRowTotal : ''}`}>
+                  <span className={styles.summaryLabel} style={isTotal ? { fontWeight: 600, color: token.colorText } : undefined}>
+                    {label}
+                  </span>
+                  <span className={`${styles.summaryValue} ${styles.monoNum}`} style={isTotal ? { fontWeight: 700, fontSize: 15 } : undefined}>
+                    {formatCurrency(item.value, baseCurrencyCode)}
+                  </span>
+                  {showConverted && (
+                    <span className={`${styles.summaryValue} ${styles.monoNum}`} style={isTotal ? { fontWeight: 700, fontSize: 15 } : undefined}>
+                      {formatCurrency(item.convertedValue, currencyCode)}
+                    </span>
+                  )}
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      </Card>
+    </div>
+  )
+}
+
+const useDetailTabStyles = createStyles(({ css, token }) => ({
+  container: css``,
+  monoNum: css`
+    font-variant-numeric: tabular-nums;
+  `,
+  priceRulesSection: css`
+    padding: 12px 16px;
+    border-top: 1px solid ${token.colorBorderSecondary};
+    background: ${token.colorBgLayout};
+  `,
+  sectionLabel: css`
+    font-size: 11px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: ${token.colorTextTertiary};
+    margin-bottom: 8px;
+  `,
+  priceRulesTable: css`
+    .ant-table-tbody > tr > td {
+      border-bottom: none;
+      padding: 6px 0;
+      background: transparent;
+    }
+
+    .ant-table {
+      background: transparent;
+    }
+  `,
+  discountValue: css`
+    font-weight: 600;
+    color: ${token.colorError};
+    font-variant-numeric: tabular-nums;
+  `,
+  summarySection: css`
+    padding: 20px 24px;
+    background: ${token.colorBgLayout};
+    border-top: 1px solid ${token.colorBorderSecondary};
+    display: flex;
+    justify-content: flex-end;
+  `,
+  summaryWrapper: css`
+    min-width: 300px;
+    max-width: 400px;
+    width: 100%;
+  `,
+  summaryRow: css`
+    display: flex;
+    align-items: baseline;
+    padding: 6px 0;
+    border-bottom: 1px dashed ${token.colorBorderSecondary};
+
+    &:last-child {
+      border-bottom: none;
+    }
+  `,
+  summaryRowTotal: css`
+    border-bottom: none;
+    border-top: 2px solid ${token.colorBorder};
+    padding-top: 10px;
+    margin-top: 4px;
+  `,
+  summaryLabel: css`
+    flex: 1;
+    text-align: right;
+    padding-right: 20px;
+    font-size: 13px;
+    color: ${token.colorTextSecondary};
+  `,
+  summaryValue: css`
+    text-align: right;
+    font-size: 13px;
+    font-weight: 500;
+    color: ${token.colorText};
+    min-width: 100px;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/HeaderTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/HeaderTab.tsx
new file mode 100644
index 0000000000..3f59f4099d
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/HeaderTab.tsx
@@ -0,0 +1,180 @@
+/**
+ * CoreShop OrderBundle Header Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { createStyles } from 'antd-style'
+import { formatDateTime, formatCurrency, getCurrencyCode } from '@coreshop/pimcore/src/utils'
+import type { SaleTabProps } from '../registry'
+import type { State } from '../types'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+export const HeaderTab: React.FC<SaleTabProps> = () => {
+  const { sale } = useSaleContext()
+  const { styles } = useHeaderTabStyles()
+
+  if (!sale) return null
+
+  const currencyCode = getCurrencyCode(sale.currency)
+
+  // Render state pill badge
+  const renderStateBadge = (label: string, state?: string | State) => {
+    const stateLabel = typeof state === 'object' ? state.label || state.state : state || 'N/A'
+    const stateColor = typeof state === 'object' ? state.color : '#999'
+
+    return (
+      <div className={styles.stateCard}>
+        <div className={styles.stateLabel}>{label}</div>
+        <span
+          className={styles.statePill}
+          style={{ backgroundColor: stateColor }}
+        >
+          {stateLabel}
+        </span>
+      </div>
+    )
+  }
+
+  const storeName = typeof sale.store === 'object' ? sale.store?.name : sale.store || '-'
+
+  const orderStateInfo = (sale as any).orderState
+  const paymentStateInfo = (sale as any).orderPaymentState || sale.paymentState
+  const shippingStateInfo = (sale as any).orderShippingState || sale.shipmentState
+  const invoiceStateInfo = (sale as any).orderInvoiceState || sale.invoiceState
+
+  return (
+    <div className={styles.container}>
+      {/* States Row */}
+      <div className={styles.statesRow}>
+        {renderStateBadge('Order', orderStateInfo)}
+        {renderStateBadge('Payment', paymentStateInfo)}
+        {renderStateBadge('Shipping', shippingStateInfo)}
+        {renderStateBadge('Invoice', invoiceStateInfo)}
+      </div>
+
+      {/* Key Metrics Row */}
+      <div className={styles.metricsRow}>
+        <div className={styles.metricCard}>
+          <div className={styles.metricLabel}>Date</div>
+          <div className={styles.metricValue}>{formatDateTime(sale.saleDate)}</div>
+        </div>
+        <div className={styles.metricCardHighlight}>
+          <div className={styles.metricLabel}>Total</div>
+          <div className={styles.metricValueLarge}>{formatCurrency(sale.totalGross, currencyCode)}</div>
+        </div>
+        <div className={styles.metricCard}>
+          <div className={styles.metricLabel}>Products</div>
+          <div className={styles.metricValue}>{sale.items?.length || 0}</div>
+        </div>
+        <div className={styles.metricCard}>
+          <div className={styles.metricLabel}>Store</div>
+          <div className={styles.metricValue}>{storeName}</div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+const useHeaderTabStyles = createStyles(({ css, token }) => ({
+  container: css`
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  `,
+  statesRow: css`
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+
+    @container (min-width: 600px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  `,
+  stateCard: css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    padding: 14px 12px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorBorderSecondary};
+  `,
+  stateLabel: css`
+    font-size: 11px;
+    font-weight: 500;
+    color: ${token.colorTextTertiary};
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  `,
+  statePill: css`
+    display: inline-flex;
+    align-items: center;
+    padding: 3px 12px;
+    border-radius: 999px;
+    font-size: 12px;
+    font-weight: 600;
+    color: #fff;
+    line-height: 1.4;
+    white-space: nowrap;
+  `,
+  metricsRow: css`
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+
+    @container (min-width: 600px) {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  `,
+  metricCard: css`
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 16px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorBorderSecondary};
+  `,
+  metricCardHighlight: css`
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 16px;
+    background: ${token.colorBgContainer};
+    border-radius: ${token.borderRadiusLG}px;
+    border: 1px solid ${token.colorPrimary}40;
+    box-shadow: 0 0 0 1px ${token.colorPrimary}10;
+  `,
+  metricLabel: css`
+    font-size: 11px;
+    font-weight: 500;
+    color: ${token.colorTextTertiary};
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  `,
+  metricValue: css`
+    font-size: 16px;
+    font-weight: 600;
+    color: ${token.colorText};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+  metricValueLarge: css`
+    font-size: 20px;
+    font-weight: 700;
+    color: ${token.colorText};
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/InfoTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/InfoTab.tsx
new file mode 100644
index 0000000000..59e960eef6
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/InfoTab.tsx
@@ -0,0 +1,281 @@
+/**
+ * CoreShop OrderBundle Info Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Button, Space, Modal } from 'antd'
+import { createStyles } from 'antd-style'
+import { FolderOpenOutlined, ExclamationCircleOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { formatDateTime } from '@coreshop/pimcore/src/utils'
+import type { SaleTabProps } from '../registry'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { useDataObjectHelper } from "@pimcore/studio-ui-bundle/modules/data-object"
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface StateHistoryItem {
+  title: string
+  description: string
+  date: string | number
+}
+
+export const InfoTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const { sale, onReload } = useSaleContext()
+  const { styles } = useInfoTabStyles()
+  const { openDataObject } = useDataObjectHelper()
+  const [loadingTransition, setLoadingTransition] = React.useState<string | null>(null)
+
+  if (!sale) return null
+
+  // Get states history from sale
+  const statesHistory: StateHistoryItem[] = (sale as any).statesHistory || []
+  const availableTransitions = (sale as any).availableOrderTransitions || []
+
+  // Open Pimcore DataObject
+  const handleOpenObject = () => {
+    void openDataObject({ config: { id: sale.id } })
+  }
+
+  const getTransitionName = (transition: any): string => {
+    if (typeof transition === 'object') {
+      return transition.transition || transition.name || ''
+    }
+
+    return String(transition)
+  }
+
+  // Handle state transition
+  const handleTransition = async (transition: any) => {
+    const transitionName = getTransitionName(transition)
+    const transitionLabel = transition.label || transitionName
+
+    if (!transitionName) {
+      return
+    }
+
+    // Show confirmation dialog for all transitions
+    Modal.confirm({
+      title: t('coreshop_confirm_transition', { defaultValue: 'Confirm Transition' }),
+      icon: <ExclamationCircleOutlined />,
+      content: t('coreshop_confirm_transition_content', {
+        defaultValue: 'Are you sure you want to apply transition "{{transition}}"?',
+        transition: transitionLabel
+      }),
+      okText: t('yes', { defaultValue: 'Yes' }),
+      cancelText: t('no', { defaultValue: 'No' }),
+      onOk: async () => {
+        setLoadingTransition(transitionName)
+
+        try {
+          const payload = new URLSearchParams()
+          payload.append('id', String(sale.id))
+          payload.append('transition', transitionName)
+
+          const response = await fetch('/pimcore-studio/api/coreshop/order/update-order-state', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/x-www-form-urlencoded'
+            },
+            body: payload.toString()
+          })
+
+          const result = await response.json()
+
+          if (result.success) {
+            void messageApi.success(t('coreshop_change_state_success', { defaultValue: 'State changed successfully' }))
+            onReload()
+          } else {
+            void messageApi.error(renderApiError(result.message || t('coreshop_change_state_error', { defaultValue: 'Failed to change state' })))
+          }
+        } catch (error) {
+          void messageApi.error(renderApiError(getErrorMessage(error, t('coreshop_change_state_error', { defaultValue: 'Failed to change state' }))))
+        } finally {
+          setLoadingTransition(null)
+        }
+      }
+    })
+  }
+
+  // Get transition display name
+  const getTransitionLabel = (transition: any): string => {
+    if (typeof transition === 'object') {
+      return transition.label || transition.name || t('coreshop_transition', { defaultValue: 'Transition' })
+    }
+    return String(transition).charAt(0).toUpperCase() + String(transition).slice(1)
+  }
+
+  return (
+    <Card
+      title={t('coreshop_order_with_number', {
+        defaultValue: 'Order: {{number}}',
+        number: (sale as any).orderNumber || sale.id
+      })}
+      className={styles.card}
+      extra={
+        <Space size={6}>
+          {/* Transition Buttons */}
+          {availableTransitions.map((transition: any, index: number) => {
+            const transitionName = getTransitionName(transition)
+            const transitionColor = typeof transition === 'object' ? transition.color : undefined
+            const isCancel = transitionName === 'cancel'
+
+            return (
+              <Button
+                key={`${transitionName}-${index}`}
+                size="small"
+                className={isCancel ? styles.cancelButton : styles.transitionButton}
+                loading={loadingTransition === transitionName}
+                disabled={loadingTransition !== null && loadingTransition !== transitionName}
+                style={
+                  isCancel
+                    ? undefined
+                    : transitionColor
+                      ? { borderColor: transitionColor, color: transitionColor }
+                      : undefined
+                }
+                onClick={() => handleTransition(transition)}
+              >
+                {getTransitionLabel(transition)}
+              </Button>
+            )
+          })}
+          {/* Open DataObject Tool */}
+          <Button
+            type="text"
+            icon={<FolderOpenOutlined />}
+            onClick={handleOpenObject}
+            size="small"
+            title={t('coreshop_open_data_object', { defaultValue: 'Open DataObject' })}
+          />
+        </Space>
+      }
+    >
+      {statesHistory.length === 0 ? (
+        <div className={styles.emptyTimeline}>
+          {t('coreshop_no_state_history', { defaultValue: 'No state history available' })}
+        </div>
+      ) : (
+        <div className={styles.timelineContainer}>
+          {statesHistory.map((item, index) => {
+            const dateFormatted = typeof item.date === 'number'
+              ? formatDateTime(item.date)
+              : String(item.date)
+
+            return (
+              <div key={`${item.title}-${index}`} className={styles.timelineItem}>
+                <div className={styles.timelineDot} />
+                {index < statesHistory.length - 1 && <div className={styles.timelineLine} />}
+                <div className={styles.timelineContent}>
+                  <div className={styles.timelineHeader}>
+                    <span className={styles.timelineTitle}>{item.title}</span>
+                    <span className={styles.timelineDate}>{dateFormatted}</span>
+                  </div>
+                  {item.description && item.description !== item.title && (
+                    <div className={styles.timelineDescription}>{item.description}</div>
+                  )}
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      )}
+    </Card>
+  )
+}
+
+const useInfoTabStyles = createStyles(({ css, token }) => ({
+  card: css``,
+  transitionButton: css`
+    font-weight: 500;
+    border-width: 1.5px;
+
+    &:hover {
+      opacity: 0.85;
+    }
+  `,
+  cancelButton: css`
+    color: ${token.colorError} !important;
+    border-color: ${token.colorError} !important;
+    font-weight: 500;
+
+    &:hover {
+      color: #fff !important;
+      background-color: ${token.colorError} !important;
+      border-color: ${token.colorError} !important;
+    }
+  `,
+  emptyTimeline: css`
+    padding: 24px;
+    text-align: center;
+    color: ${token.colorTextTertiary};
+    font-size: 13px;
+  `,
+  timelineContainer: css`
+    max-height: 280px;
+    overflow-y: auto;
+    padding-right: 4px;
+  `,
+  timelineItem: css`
+    position: relative;
+    padding-left: 24px;
+    padding-bottom: 16px;
+
+    &:last-child {
+      padding-bottom: 0;
+    }
+  `,
+  timelineDot: css`
+    position: absolute;
+    left: 0;
+    top: 6px;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: ${token.colorPrimary};
+    z-index: 1;
+  `,
+  timelineLine: css`
+    position: absolute;
+    left: 3px;
+    top: 18px;
+    bottom: 0;
+    width: 2px;
+    background: ${token.colorBorderSecondary};
+  `,
+  timelineContent: css`
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  `,
+  timelineHeader: css`
+    display: flex;
+    align-items: baseline;
+    gap: 8px;
+  `,
+  timelineTitle: css`
+    font-size: 13px;
+    font-weight: 500;
+    color: ${token.colorText};
+  `,
+  timelineDescription: css`
+    font-size: 12px;
+    color: ${token.colorTextTertiary};
+  `,
+  timelineDate: css`
+    font-size: 11px;
+    color: ${token.colorTextTertiary};
+    white-space: nowrap;
+    margin-left: auto;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/InvoiceTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/InvoiceTab.tsx
new file mode 100644
index 0000000000..4758bdcd49
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/InvoiceTab.tsx
@@ -0,0 +1,215 @@
+/**
+ * CoreShop OrderBundle Invoice Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, Card, Empty } from 'antd'
+import { FolderOpenOutlined, PlusOutlined } from '@ant-design/icons'
+import { useTableCardStyles } from '../styles/useTableCardStyles'
+import { useTranslation } from 'react-i18next'
+import { formatDateTime, formatCurrency, getCurrencyCode } from '@coreshop/pimcore/src/utils'
+import type { ColumnType } from 'antd/es/table'
+import type { SaleTabProps } from '../registry'
+import { StateChangeModal, InvoiceDetailModal, CreateInvoiceModal, CreateInvoiceButton } from '../components'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface StateInfo {
+  label: string
+  state: string
+  color: string
+}
+
+interface Transition {
+  label: string
+  transition: string
+  color: string
+}
+
+interface InvoiceItem {
+  _itemName: string
+  quantity: number
+}
+
+interface Invoice {
+  id: number
+  invoiceDate: number
+  invoiceNumber: string
+  totalNet: number
+  totalGross: number
+  stateInfo: StateInfo
+  transitions: Transition[]
+  items: InvoiceItem[]
+}
+
+export const InvoiceTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale, onReload, isActionOpen, openAction, closeAction, buttonRegistry } = useSaleContext()
+  const { styles } = useTableCardStyles()
+  const [stateChangeInvoice, setStateChangeInvoice] = React.useState<Invoice | null>(null)
+  const [detailInvoice, setDetailInvoice] = React.useState<Invoice | null>(null)
+
+  if (!sale) return null
+
+  const invoices = ((sale as any).invoices || []) as Invoice[]
+
+  // Register button in toolbar
+  React.useEffect(() => {
+    if ((sale as any)?.invoiceCreationAllowed) {
+      buttonRegistry.add('createInvoice', CreateInvoiceButton, 30)
+      return () => buttonRegistry.remove('createInvoice')
+    }
+  }, [buttonRegistry, sale])
+
+  const currencyCode = getCurrencyCode(sale.currency)
+
+  const columns: Array<ColumnType<Invoice>> = [
+    {
+      title: t('coreshop_date', { defaultValue: 'Date' }),
+      dataIndex: 'invoiceDate',
+      key: 'invoiceDate',
+      width: 160,
+      render: (date) => <span className={styles.dimText}>{formatDateTime(date)}</span>
+    },
+    {
+      title: t('coreshop_total_without_tax', { defaultValue: 'Total (excl.)' }),
+      dataIndex: 'totalNet',
+      key: 'totalNet',
+      width: 130,
+      align: 'right',
+      render: (amount) => <span style={{ fontVariantNumeric: 'tabular-nums' }}>{formatCurrency(amount, currencyCode)}</span>
+    },
+    {
+      title: t('coreshop_total', { defaultValue: 'Total' }),
+      dataIndex: 'totalGross',
+      key: 'totalGross',
+      width: 130,
+      align: 'right',
+      render: (amount) => <strong style={{ fontVariantNumeric: 'tabular-nums' }}>{formatCurrency(amount, currencyCode)}</strong>
+    },
+    {
+      title: t('coreshop_status', { defaultValue: 'Status' }),
+      key: 'state',
+      width: 160,
+      align: 'center',
+      render: (_, record) => {
+        const hasTransitions = record.transitions && record.transitions.length > 0
+        return (
+          <span
+            className={`${styles.statusBadge} ${hasTransitions ? styles.statusBadgeClickable : ''}`}
+            style={{ backgroundColor: record.stateInfo.color }}
+            onClick={() => {
+              if (hasTransitions) {
+                setStateChangeInvoice(record)
+              }
+            }}
+          >
+            {record.stateInfo.label}
+          </span>
+        )
+      }
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 40,
+      align: 'center',
+      render: (_, record) => (
+        <Button
+          type="text"
+          icon={<FolderOpenOutlined />}
+          size="small"
+          title={t('coreshop_open_order_invoice', { defaultValue: 'Open Invoice ({0})' }).replace('{0}', record.invoiceNumber)}
+          onClick={() => setDetailInvoice(record)}
+        />
+      )
+    }
+  ]
+
+  return (
+    <>
+      <Card
+        title={t('coreshop_invoices', { defaultValue: 'Invoices' })}
+        className={styles.card}
+        extra={
+          (sale as any).invoiceCreationAllowed && (
+            <Button
+              type="text"
+              icon={<PlusOutlined />}
+              size="small"
+              title={t('coreshop_invoice_create_short', { defaultValue: 'Create Invoice' })}
+              onClick={() => openAction('createInvoice')}
+            />
+          )
+        }
+      >
+        {invoices.length === 0 ? (
+          <Empty description={t('coreshop_invoice_no_items', { defaultValue: 'No Invoice able Items found' })} image={Empty.PRESENTED_IMAGE_SIMPLE} />
+        ) : (
+          <Table
+            dataSource={invoices}
+            columns={columns}
+            rowKey="id"
+            pagination={false}
+            className={styles.table}
+            size="small"
+            scroll={{ x: 'max-content' }}
+          />
+        )}
+      </Card>
+
+      {/* State Change Modal */}
+      {stateChangeInvoice && (
+        <StateChangeModal
+          open={true}
+          title={t('coreshop_change_state', { defaultValue: 'Change State' })}
+          description={t('coreshop_change_state_description', { defaultValue: 'Click on a Button below to change the current State' })}
+          transitions={stateChangeInvoice.transitions}
+          url="/pimcore-studio/api/coreshop/order-invoice/update-invoice-state"
+          id={stateChangeInvoice.id}
+          onSuccess={() => {
+            setStateChangeInvoice(null)
+            onReload()
+          }}
+          onCancel={() => setStateChangeInvoice(null)}
+        />
+      )}
+
+      {/* Invoice Detail Modal */}
+      {detailInvoice && (
+        <InvoiceDetailModal
+          open={true}
+          invoice={detailInvoice}
+          currencyCode={typeof sale.currency === 'object' && sale.currency?.isoCode
+            ? sale.currency.isoCode
+            : typeof sale.currency === 'string'
+              ? sale.currency
+              : 'EUR'}
+          onClose={() => setDetailInvoice(null)}
+        />
+      )}
+
+      {/* Create Invoice Modal */}
+      {isActionOpen('createInvoice') && (
+        <CreateInvoiceModal
+          open={true}
+          orderId={sale.id}
+          currencyCode={sale.currency?.isoCode}
+          onSuccess={() => {
+            closeAction('createInvoice')
+            onReload()
+          }}
+          onCancel={() => closeAction('createInvoice')}
+        />
+      )}
+    </>
+  )
+}
+
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/PaymentTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/PaymentTab.tsx
new file mode 100644
index 0000000000..c9d01f63bc
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/PaymentTab.tsx
@@ -0,0 +1,342 @@
+/**
+ * CoreShop OrderBundle Payment Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, Card, Empty, Modal } from 'antd'
+import { createStyles } from 'antd-style'
+import { PlusOutlined, FolderOpenOutlined } from '@ant-design/icons'
+import { useTableCardStyles } from '../styles/useTableCardStyles'
+import { useTranslation } from 'react-i18next'
+import { formatDate, formatCurrency, getCurrencyCode } from '@coreshop/pimcore/src/utils'
+import type { ColumnType } from 'antd/es/table'
+import type { SaleTabProps } from '../registry'
+import { StateChangeModal, CreatePaymentModal, CreatePaymentButton } from '../components'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface StateInfo {
+  label: string
+  state: string
+  color: string
+}
+
+interface Transition {
+  label: string
+  transition: string
+  color: string
+}
+
+interface Payment {
+  id: number
+  datePayment: number
+  provider: string
+  paymentNumber: string
+  details: any[]
+  amount: number
+  stateInfo: StateInfo
+  transitions: Transition[]
+}
+
+export const PaymentTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale, onReload, isActionOpen, openAction, closeAction, buttonRegistry } = useSaleContext()
+  const { styles: sharedStyles } = useTableCardStyles()
+  const { styles: localStyles } = usePaymentTabStyles()
+  const styles = { ...sharedStyles, ...localStyles }
+  const [selectedPayment, setSelectedPayment] = React.useState<Payment | null>(null)
+  const [isDetailModalOpen, setIsDetailModalOpen] = React.useState(false)
+  const [stateChangePayment, setStateChangePayment] = React.useState<Payment | null>(null)
+
+  if (!sale) return null
+
+  const payments = ((sale as any).payments || []) as Payment[]
+
+  // Register button in toolbar
+  React.useEffect(() => {
+    // Only add button if payment creation is allowed
+    if ((sale as any)?.paymentCreationAllowed) {
+      buttonRegistry.add('createPayment', CreatePaymentButton, 10)
+      return () => buttonRegistry.remove('createPayment')
+    }
+  }, [buttonRegistry, sale])
+
+  // Handle open payment detail
+  const handleOpenPaymentDetail = (payment: Payment) => {
+    setSelectedPayment(payment)
+    setIsDetailModalOpen(true)
+  }
+
+  const currencyCode = getCurrencyCode(sale.currency)
+
+  const columns: Array<ColumnType<Payment>> = [
+    {
+      title: t('coreshop_payment_number', { defaultValue: 'Transaction' }),
+      dataIndex: 'paymentNumber',
+      key: 'paymentNumber',
+      ellipsis: true,
+      render: (value) => <span style={{ fontWeight: 500 }}>{value}</span>
+    },
+    {
+      title: t('coreshop_date', { defaultValue: 'Date' }),
+      dataIndex: 'datePayment',
+      key: 'datePayment',
+      width: 120,
+      render: (date) => <span className={styles.dimText}>{formatDate(date)}</span>
+    },
+    {
+      title: t('coreshop_paymentProvider', { defaultValue: 'Provider' }),
+      dataIndex: 'provider',
+      key: 'provider',
+      width: 120,
+      render: (provider) => provider || '\u2013'
+    },
+    {
+      title: t('coreshop_amount', { defaultValue: 'Amount' }),
+      dataIndex: 'amount',
+      key: 'amount',
+      width: 110,
+      align: 'right',
+      render: (amount) => <strong style={{ fontVariantNumeric: 'tabular-nums' }}>{formatCurrency(amount, currencyCode)}</strong>
+    },
+    {
+      title: t('coreshop_status', { defaultValue: 'Status' }),
+      key: 'state',
+      width: 150,
+      align: 'center',
+      render: (_, record) => {
+        const hasTransitions = record.transitions && record.transitions.length > 0
+        return (
+          <span
+            className={`${styles.statusBadge} ${hasTransitions ? styles.statusBadgeClickable : ''}`}
+            style={{ backgroundColor: record.stateInfo.color }}
+            onClick={() => {
+              if (hasTransitions) {
+                setStateChangePayment(record)
+              }
+            }}
+          >
+            {record.stateInfo.label}
+          </span>
+        )
+      }
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 40,
+      align: 'center',
+      render: (_, record) => (
+        <Button
+          type="text"
+          icon={<FolderOpenOutlined />}
+          size="small"
+          title={t('coreshop_open_payment_details', { defaultValue: 'Open Payment Details' })}
+          onClick={() => handleOpenPaymentDetail(record)}
+        />
+      )
+    }
+  ]
+
+  return (
+    <>
+      <Card
+        title={t('coreshop_payments', { defaultValue: 'Payments' })}
+        className={styles.card}
+        extra={
+          (sale as any).paymentCreationAllowed && (
+            <Button
+              type="text"
+              icon={<PlusOutlined />}
+              size="small"
+              title={t('coreshop_order_add_payment', { defaultValue: 'Add Payment' })}
+              onClick={() => openAction('createPayment')}
+            />
+          )
+        }
+      >
+        {payments.length === 0 ? (
+          <Empty description={t('coreshop_no_payments', { defaultValue: 'No payments recorded' })} image={Empty.PRESENTED_IMAGE_SIMPLE} />
+        ) : (
+          <Table
+            dataSource={payments}
+            columns={columns}
+            rowKey="id"
+            pagination={false}
+            className={styles.table}
+            size="small"
+            scroll={{ x: 'max-content' }}
+          />
+        )}
+      </Card>
+
+      {/* Payment Detail Modal */}
+      <Modal
+        title={t('coreshop_payment_details', { defaultValue: 'Payment Details' })}
+        open={isDetailModalOpen}
+        onCancel={() => {
+          setIsDetailModalOpen(false)
+          setSelectedPayment(null)
+        }}
+        footer={[
+          <Button key="ok" type="primary" onClick={() => setIsDetailModalOpen(false)}>
+            {t('coreshop_ok', { defaultValue: 'OK' })}
+          </Button>
+        ]}
+        width={600}
+      >
+        {selectedPayment && (
+          <div className={styles.detailContent}>
+            <div className={styles.detailRow}>
+              <div className={styles.detailLabel}>{t('coreshop_date', { defaultValue: 'Date' })}</div>
+              <div className={styles.detailValue}>
+                {new Date(selectedPayment.datePayment * 1000).toLocaleString('de-DE', {
+                  day: '2-digit',
+                  month: '2-digit',
+                  year: 'numeric',
+                  hour: '2-digit',
+                  minute: '2-digit'
+                })}
+              </div>
+            </div>
+
+            <div className={styles.detailRow}>
+              <div className={styles.detailLabel}>{t('coreshop_payment_number', { defaultValue: 'Transaction Number' })}</div>
+              <div className={styles.detailValue}>{selectedPayment.paymentNumber}</div>
+            </div>
+
+            <div className={styles.detailRow}>
+              <div className={styles.detailLabel}>{t('coreshop_paymentProvider', { defaultValue: 'Payment Provider' })}</div>
+              <div className={styles.detailValue}>{selectedPayment.provider}</div>
+            </div>
+
+            <div className={styles.detailRow}>
+              <div className={styles.detailLabel}>{t('coreshop_amount', { defaultValue: 'Amount' })}</div>
+              <div className={styles.detailValue}>{selectedPayment.amount / 100}</div>
+            </div>
+
+            {/* Details Table */}
+            {selectedPayment.details && selectedPayment.details.length > 0 && (
+              <>
+                <div className={styles.detailsHeader}>{t('coreshop_details', { defaultValue: 'Details' })}</div>
+                <Table
+                  dataSource={selectedPayment.details}
+                  columns={[
+                    {
+                      title: t('coreshop_name', { defaultValue: 'Name' }),
+                      dataIndex: 'name',
+                      key: 'name',
+                      width: '30%'
+                    },
+                    {
+                      title: t('coreshop_value', { defaultValue: 'Value' }),
+                      dataIndex: 'value',
+                      key: 'value',
+                      width: '70%',
+                      render: (value) => (
+                        <div style={{ whiteSpace: 'normal', wordWrap: 'break-word' }}>
+                          {value}
+                        </div>
+                      )
+                    }
+                  ]}
+                  pagination={false}
+                  size="small"
+                  rowKey={(record, index) => index?.toString() || '0'}
+                  expandable={{
+                    expandedRowRender: (record) => (
+                      <div className={styles.detailRowBody}>
+                        {record.detail}
+                      </div>
+                    ),
+                    rowExpandable: (record) => !!record.detail
+                  }}
+                />
+              </>
+            )}
+          </div>
+        )}
+      </Modal>
+
+      {/* State Change Modal */}
+      {stateChangePayment && (
+        <StateChangeModal
+          open={true}
+          title={t('coreshop_change_payment_state', { defaultValue: 'Change Payment State' })}
+          description={t('coreshop_change_payment_state_description', { defaultValue: 'Select a transition to apply to this payment' })}
+          transitions={stateChangePayment.transitions}
+          url="/pimcore-studio/api/coreshop/order-payment/update-payment-state"
+          id={stateChangePayment.id}
+          onSuccess={() => {
+            setStateChangePayment(null)
+            onReload()
+          }}
+          onCancel={() => setStateChangePayment(null)}
+        />
+      )}
+
+      {/* Create Payment Modal */}
+      {isActionOpen('createPayment') && (
+        <CreatePaymentModal
+          open={true}
+          orderId={(sale as any).id}
+          unpaidAmount={(sale as any).totalUnpaid}
+          onSuccess={() => {
+            closeAction('createPayment')
+            onReload()
+          }}
+          onCancel={() => closeAction('createPayment')}
+        />
+      )}
+    </>
+  )
+}
+
+const usePaymentTabStyles = createStyles(({ css, token }) => ({
+  detailContent: css`
+    padding: 8px 0;
+  `,
+  detailRow: css`
+    display: flex;
+    padding: 10px 0;
+    border-bottom: 1px solid ${token.colorBorderSecondary};
+
+    &:last-of-type {
+      border-bottom: none;
+    }
+  `,
+  detailLabel: css`
+    width: 180px;
+    font-size: 13px;
+    font-weight: 500;
+    color: ${token.colorTextSecondary};
+    flex-shrink: 0;
+  `,
+  detailValue: css`
+    flex: 1;
+    font-size: 13px;
+    color: ${token.colorText};
+  `,
+  detailsHeader: css`
+    font-size: 13px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    margin: 20px 0 10px 0;
+    color: ${token.colorTextSecondary};
+  `,
+  detailRowBody: css`
+    padding: 12px;
+    background: ${token.colorBgLayout};
+    white-space: normal;
+    word-wrap: break-word;
+    border-radius: ${token.borderRadius}px;
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/ShipmentTab.tsx b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/ShipmentTab.tsx
new file mode 100644
index 0000000000..f67b7ab347
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/ShipmentTab.tsx
@@ -0,0 +1,231 @@
+/**
+ * CoreShop OrderBundle Shipment Tab
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, Card, Empty } from 'antd'
+import { createStyles } from 'antd-style'
+import { FolderOpenOutlined, PlusOutlined } from '@ant-design/icons'
+import { useTableCardStyles } from '../styles/useTableCardStyles'
+import { useTranslation } from 'react-i18next'
+import { formatDateTime } from '@coreshop/pimcore/src/utils'
+import type { ColumnType } from 'antd/es/table'
+import type { SaleTabProps, SaleTab } from '../registry'
+import { StateChangeModal, ShipmentDetailModal, CreateShipmentModal as BaseCreateShipmentModal, CreateShipmentButton } from '../components'
+import { getComponent } from '../registry'
+import { useSaleContext } from '../context/SaleActionsContext'
+
+interface StateInfo {
+  label: string
+  state: string
+  color: string
+}
+
+interface Transition {
+  label: string
+  transition: string
+  color: string
+}
+
+interface ShipmentItem {
+  _itemName: string
+  quantity: number
+}
+
+interface Shipment {
+  id: number
+  shipmentDate: number
+  shipmentNumber: string
+  carrierName: string
+  trackingCode?: string
+  weight?: number
+  stateInfo: StateInfo
+  transitions: Transition[]
+  items: ShipmentItem[]
+}
+
+export const ShipmentTab: React.FC<SaleTabProps> = () => {
+  const { t } = useTranslation()
+  const { sale, onReload, isActionOpen, openAction, closeAction, buttonRegistry } = useSaleContext()
+  const { styles: sharedStyles } = useTableCardStyles()
+  const { styles: localStyles } = useShipmentTabStyles()
+  const styles = { ...sharedStyles, ...localStyles }
+  const [stateChangeShipment, setStateChangeShipment] = React.useState<Shipment | null>(null)
+  const [detailShipment, setDetailShipment] = React.useState<Shipment | null>(null)
+
+  if (!sale) return null
+
+  // Get CreateShipmentModal from registry (CoreBundle may have registered an extended version)
+  const CreateShipmentModal = getComponent('CreateShipmentModal', BaseCreateShipmentModal)
+
+  const shipments = ((sale as any).shipments || []) as Shipment[]
+
+  // Register button in toolbar
+  React.useEffect(() => {
+    if ((sale as any)?.shipmentCreationAllowed) {
+      buttonRegistry.add('createShipment', CreateShipmentButton, 20)
+      return () => buttonRegistry.remove('createShipment')
+    }
+  }, [buttonRegistry, sale])
+
+  const columns: Array<ColumnType<Shipment>> = [
+    {
+      title: t('coreshop_date', { defaultValue: 'Date' }),
+      dataIndex: 'shipmentDate',
+      key: 'shipmentDate',
+      width: 160,
+      render: (date) => <span className={styles.dimText}>{formatDateTime(date)}</span>
+    },
+    {
+      title: t('coreshop_carrier', { defaultValue: 'Carrier' }),
+      dataIndex: 'carrierName',
+      key: 'carrierName',
+      width: 140,
+      render: (carrier) => <span style={{ fontWeight: 500 }}>{carrier || '\u2013'}</span>
+    },
+    {
+      title: t('coreshop_tracking_code', { defaultValue: 'Tracking' }),
+      dataIndex: 'trackingCode',
+      key: 'trackingCode',
+      ellipsis: true,
+      render: (code) => code ? <code className={styles.trackingCode}>{code}</code> : '\u2013'
+    },
+    {
+      title: t('coreshop_status', { defaultValue: 'Status' }),
+      key: 'state',
+      width: 160,
+      align: 'center',
+      render: (_, record) => {
+        const hasTransitions = record.transitions && record.transitions.length > 0
+        return (
+          <span
+            className={`${styles.statusBadge} ${hasTransitions ? styles.statusBadgeClickable : ''}`}
+            style={{ backgroundColor: record.stateInfo.color }}
+            onClick={() => {
+              if (hasTransitions) {
+                setStateChangeShipment(record)
+              }
+            }}
+          >
+            {record.stateInfo.label}
+          </span>
+        )
+      }
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 40,
+      align: 'center',
+      render: (_, record) => (
+        <Button
+          type="text"
+          icon={<FolderOpenOutlined />}
+          size="small"
+          title={t('coreshop_open_shipment_details', { defaultValue: 'Open Shipment Details' })}
+          onClick={() => setDetailShipment(record)}
+        />
+      )
+    }
+  ]
+
+  return (
+    <>
+      <Card
+        title={t('coreshop_shipments', { defaultValue: 'Shipments' })}
+        className={styles.card}
+        extra={
+          (sale as any).shipmentCreationAllowed && (
+            <Button
+              type="text"
+              icon={<PlusOutlined />}
+              size="small"
+              title={t('coreshop_order_add_shipment', { defaultValue: 'Add Shipment' })}
+              onClick={() => openAction('createShipment')}
+            />
+          )
+        }
+      >
+        {shipments.length === 0 ? (
+          <Empty description={t('coreshop_no_shipments', { defaultValue: 'No shipments recorded' })} image={Empty.PRESENTED_IMAGE_SIMPLE} />
+        ) : (
+          <Table
+            dataSource={shipments}
+            columns={columns}
+            rowKey="id"
+            pagination={false}
+            className={styles.table}
+            size="small"
+            scroll={{ x: 'max-content' }}
+          />
+        )}
+      </Card>
+
+      {/* State Change Modal */}
+      {stateChangeShipment && (
+        <StateChangeModal
+          open={true}
+          title={t('coreshop_change_shipment_state', { defaultValue: 'Change Shipment State' })}
+          description={t('coreshop_change_shipment_state_description', { defaultValue: 'Select a transition to apply to this shipment' })}
+          transitions={stateChangeShipment.transitions}
+          url="/pimcore-studio/api/coreshop/order-shipment/update-shipment-state"
+          id={stateChangeShipment.id}
+          onSuccess={() => {
+            setStateChangeShipment(null)
+            onReload()
+          }}
+          onCancel={() => setStateChangeShipment(null)}
+        />
+      )}
+
+      {/* Shipment Detail Modal */}
+      {detailShipment && (
+        <ShipmentDetailModal
+          open={true}
+          shipment={detailShipment}
+          onClose={() => setDetailShipment(null)}
+        />
+      )}
+
+      {/* Create Shipment Modal */}
+      {isActionOpen('createShipment') && (
+        <CreateShipmentModal
+          open={true}
+          orderId={(sale as any).id}
+          currencyCode={
+            typeof sale.currency === 'object' && sale.currency?.isoCode
+              ? sale.currency.isoCode
+              : typeof sale.currency === 'string'
+                ? sale.currency
+                : 'EUR'
+          }
+          carrierId={(sale as any).carrier}
+          onSuccess={() => {
+            closeAction('createShipment')
+            onReload()
+          }}
+          onCancel={() => closeAction('createShipment')}
+        />
+      )}
+    </>
+  )
+}
+
+const useShipmentTabStyles = createStyles(({ css, token }) => ({
+  trackingCode: css`
+    font-family: 'SF Mono', 'Menlo', 'Monaco', monospace;
+    font-size: 12px;
+    background: ${token.colorBgLayout};
+    padding: 2px 6px;
+    border-radius: ${token.borderRadiusSM}px;
+    color: ${token.colorText};
+  `
+}))
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/index.ts
new file mode 100644
index 0000000000..d14c38aac7
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/tabs/index.ts
@@ -0,0 +1,21 @@
+/**
+ * CoreShop OrderBundle Tab Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { HeaderTab } from './HeaderTab'
+export { CustomerTab } from './CustomerTab'
+export { DetailTab } from './DetailTab'
+export { PaymentTab } from './PaymentTab'
+export { ShipmentTab } from './ShipmentTab'
+export { InvoiceTab } from './InvoiceTab'
+export { CommentsTab } from './CommentsTab'
+export { InfoTab } from './InfoTab'
+export { CorrespondenceTab } from './CorrespondenceTab'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/types.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/types.ts
new file mode 100644
index 0000000000..b4e7c0bc96
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/sales/types.ts
@@ -0,0 +1,152 @@
+/**
+ * CoreShop OrderBundle Sale Types
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export type SaleType = 'order' | 'cart' | 'quote'
+
+export interface Customer {
+  id: number
+  name?: string
+  email?: string
+  company?: string
+}
+
+export interface SaleItem {
+  id?: number
+  productId?: number
+  productName: string
+  quantity: number
+  unitPrice: number
+  totalPrice: number
+  totalTax?: number
+  customItemDiscount?: number
+  customItemPrice?: number
+}
+
+export interface Payment {
+  id: number
+  datePayment?: string
+  amount: number
+  state?: string
+  provider?: string
+  details?: Record<string, any>
+}
+
+export interface Shipment {
+  id: number
+  trackingCode?: string
+  carrier?: string
+  weight?: number
+  state?: string
+  dateShipped?: string
+}
+
+export interface Invoice {
+  id: number
+  invoiceNumber?: string
+  invoiceDate?: string
+  totalGross: number
+  totalNet: number
+  state?: string
+}
+
+export interface Comment {
+  id: number
+  comment: string
+  date: string
+  submitAsEmail?: boolean
+}
+
+export interface PriceRule {
+  id: number
+  name: string
+  discount: number
+}
+
+export interface Currency {
+  id: number
+  name: string
+  symbol: string
+  isoCode: string
+}
+
+export interface Store {
+  id: number
+  name: string
+}
+
+export interface State {
+  label: string
+  state: string
+  color: string
+}
+
+export interface Sale {
+  id: number
+  type: SaleType
+
+  // Common fields
+  customer?: Customer
+  customerId?: number
+  currency: Currency  // Can be string or Currency object
+  store?: string | Store  // Can be string or Store object
+  storeId?: number
+  saleDate: string | number  // Can be string or timestamp
+  saleLanguage?: string
+
+  // Financial
+  totalGross: number
+  totalNet?: number
+  totalTax?: number
+  subtotalGross?: number
+  subtotalNet?: number
+  subtotalTax?: number
+  shippingGross?: number
+  shippingNet?: number
+  shippingTax?: number
+  discount?: number
+
+  // Items & Rules
+  items: SaleItem[]
+  priceRules?: PriceRule[]
+
+  // States & Editable
+  editable: boolean
+
+  // Order specific
+  saleNumber?: string
+  orderState?: string | State  // Can be string or State object
+  paymentState?: string | State  // Can be string or State object
+  shipmentState?: string | State  // Can be string or State object
+  invoiceState?: string | State  // Can be string or State object
+  payments?: Payment[]
+  shipments?: Shipment[]
+  invoices?: Invoice[]
+
+  // Quote specific
+  quoteNumber?: string
+
+  // Comments
+  comments?: Comment[]
+
+  // Additional data
+  shippingAddress?: any
+  billingAddress?: any
+  details?: Record<string, any>
+  summary?: Record<string, any>
+}
+
+export interface StateList {
+  orderStates: Array<{ key: string; label: string }>
+  paymentStates: Array<{ key: string; label: string }>
+  shipmentStates: Array<{ key: string; label: string }>
+  invoiceStates: Array<{ key: string; label: string }>
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/shared/rules/actions/index.ts b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/shared/rules/actions/index.ts
new file mode 100644
index 0000000000..68efc6d258
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/modules/shared/rules/actions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop OrderBundle Actions
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All actions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/pimcore/routing.yml
index e47c7334ee..2eacf9a142 100755
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/pimcore/routing.yml
@@ -48,171 +48,333 @@ coreshop_admin_cart_price_rule:
 ##### ORDERS
 coreshop_admin_order_get_folder_configuration:
     path: /%coreshop.admin.route.base%/order/get-folder-configuration
-    defaults: { _controller: 'coreshop.pimcore_controller.order::getFolderConfigurationAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order::getFolderConfigurationAction'
     options:
         expose: true
 
 coreshop_admin_order_get_states:
     path: /%coreshop.admin.route.base%/order/get-states
-    defaults: { _controller: 'coreshop.pimcore_controller.order::getStatesAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order::getStatesAction'
     options:
         expose: true
 
 coreshop_admin_order_update_order_state:
     path: /%coreshop.admin.route.base%/order/update-order-state
-    defaults: { _controller: 'coreshop.pimcore_controller.order::updateOrderStateAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order::updateOrderStateAction'
     options:
         expose: true
 
 coreshop_admin_order_get_order:
     path: /%coreshop.admin.route.base%/order/detail
-    defaults: { _controller: 'coreshop.pimcore_controller.order::detailAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order::detailAction'
     options:
         expose: true
 
 coreshop_admin_order_update:
     path: /%coreshop.admin.route.base%/order/update/{id}
-    defaults: { _controller: 'coreshop.pimcore_controller.order::updateAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order::updateAction'
     methods: POST
     options:
         expose: true
 
 coreshop_admin_order_find:
     path: /%coreshop.admin.route.base%/order/find
-    defaults: { _controller: 'coreshop.pimcore_controller.order::findOrderAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order::findOrderAction'
+    options:
+        expose: true
+
+##### STUDIO ORDER DOCUMENTS (pimcore-studio/api only → new Studio FormTypes)
+coreshop_studio_order_payment_add:
+    path: /%coreshop.admin.route.base%/order-payment/add-payment
+    requirements:
+      backend: (pimcore-studio\/api)
+    defaults:
+      backend: pimcore-studio/api
+      _controller: 'CoreShop\Bundle\OrderBundle\Controller\StudioOrderDocumentController::addPaymentAction'
+    methods: POST
+    options:
+        expose: true
+
+coreshop_studio_order_invoice_get_processable_items:
+    path: /%coreshop.admin.route.base%/order-invoice/get-invoice-able-items
+    requirements:
+      backend: (pimcore-studio\/api)
+    defaults:
+      backend: pimcore-studio/api
+      _controller: 'CoreShop\Bundle\OrderBundle\Controller\StudioOrderDocumentController::getInvoiceAbleItemsAction'
+    options:
+        expose: true
+
+coreshop_studio_order_invoice_create:
+    path: /%coreshop.admin.route.base%/order-invoice/create-invoice
+    requirements:
+      backend: (pimcore-studio\/api)
+    defaults:
+      backend: pimcore-studio/api
+      _controller: 'CoreShop\Bundle\OrderBundle\Controller\StudioOrderDocumentController::createInvoiceAction'
+    methods: POST
+    options:
+        expose: true
+
+coreshop_studio_order_shipment_get_processable_items:
+    path: /%coreshop.admin.route.base%/order-shipment/get-ship-able-items
+    requirements:
+      backend: (pimcore-studio\/api)
+    defaults:
+      backend: pimcore-studio/api
+      _controller: 'CoreShop\Bundle\OrderBundle\Controller\StudioOrderDocumentController::getShipAbleItemsAction'
+    options:
+        expose: true
+
+coreshop_studio_order_shipment_create:
+    path: /%coreshop.admin.route.base%/order-shipment/create-shipment
+    requirements:
+      backend: (pimcore-studio\/api)
+    defaults:
+      backend: pimcore-studio/api
+      _controller: 'CoreShop\Bundle\OrderBundle\Controller\StudioOrderDocumentController::createShipmentAction'
+    methods: POST
     options:
         expose: true
 
 ##### ORDER PAYMENT
 coreshop_admin_order_payment_add:
     path: /%coreshop.admin.route.base%/order-payment/add-payment
-    defaults: { _controller: 'coreshop.pimcore_controller.order_payment::addPaymentAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_payment::addPaymentAction'
     options:
         expose: true
 
 coreshop_admin_order_payment_update_state:
     path: /%coreshop.admin.route.base%/order-payment/update-payment-state
-    defaults: { _controller: 'coreshop.pimcore_controller.order_payment::updateStateAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_payment::updateStateAction'
     options:
         expose: true
 
 ##### ORDER INVOICE
 coreshop_admin_order_invoice_get_processable_items:
     path: /%coreshop.admin.route.base%/order-invoice/get-invoice-able-items
-    defaults: { _controller: 'coreshop.pimcore_controller.order_invoice::getInvoiceAbleItemsAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_invoice::getInvoiceAbleItemsAction'
     options:
         expose: true
 
 coreshop_admin_order_invoice_create:
     path: /%coreshop.admin.route.base%/order-invoice/create-invoice
-    defaults: { _controller: 'coreshop.pimcore_controller.order_invoice::createInvoiceAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_invoice::createInvoiceAction'
     options:
         expose: true
 
 coreshop_admin_order_invoice_update_state:
     path: /%coreshop.admin.route.base%/order-invoice/update-invoice-state
-    defaults: { _controller: 'coreshop.pimcore_controller.order_invoice::updateStateAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_invoice::updateStateAction'
     options:
         expose: true
 
 coreshop_admin_order_invoice_render:
     path: /%coreshop.admin.route.base%/order-invoice/render
-    defaults: { _controller: 'coreshop.pimcore_controller.order_invoice::renderAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_invoice::renderAction'
     options:
         expose: true
 
 ##### ORDER Comments
 coreshop_admin_order_comments_list:
     path: /%coreshop.admin.route.base%/order-comment/list
-    defaults: { _controller: 'coreshop.pimcore_controller.order_comment::listAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_comment::listAction'
     options:
         expose: true
 
 coreshop_admin_order_comments_add:
     path: /%coreshop.admin.route.base%/order-comment/add
-    defaults: { _controller: 'coreshop.pimcore_controller.order_comment::addAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_comment::addAction'
     options:
         expose: true
 
 coreshop_admin_order_comments_delete:
     path: /%coreshop.admin.route.base%/order-comment/delete
-    defaults: { _controller: 'coreshop.pimcore_controller.order_comment::deleteAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_comment::deleteAction'
     options:
         expose: true
 
 ##### ORDER SHIPMENT
 coreshop_admin_order_shipment_get_processable_items:
     path: /%coreshop.admin.route.base%/order-shipment/get-ship-able-items
-    defaults: { _controller: 'coreshop.pimcore_controller.order_shipment::getShipAbleItemsAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_shipment::getShipAbleItemsAction'
     options:
         expose: true
 
 coreshop_admin_order_shipment_create:
     path: /%coreshop.admin.route.base%/order-shipment/create-shipment
-    defaults: { _controller: 'coreshop.pimcore_controller.order_shipment::createShipmentAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_shipment::createShipmentAction'
     options:
         expose: true
 
 coreshop_admin_order_shipment_update_state:
     path: /%coreshop.admin.route.base%/order-shipment/update-shipment-state
-    defaults: { _controller: 'coreshop.pimcore_controller.order_shipment::updateStateAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_shipment::updateStateAction'
     options:
         expose: true
 
 coreshop_admin_order_shipment_render:
     path: /%coreshop.admin.route.base%/order-shipment/render
-    defaults: { _controller: 'coreshop.pimcore_controller.order_shipment::renderAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_shipment::renderAction'
     options:
         expose: true
 
 ##### ORDER CREATION
 coreshop_admin_order_get_customer_details:
     path: /%coreshop.admin.route.base%/order-creation/get-customer-details
-    defaults: { _controller: 'coreshop.pimcore_controller.order_creation::getCustomerDetailsAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_creation::getCustomerDetailsAction'
     options:
         expose: true
 
 coreshop_admin_order_preview:
     path: /%coreshop.admin.route.base%/order-creation/preview
-    defaults: { _controller: 'coreshop.pimcore_controller.order_creation::salePreviewAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_creation::salePreviewAction'
     options:
         expose: true
 
 coreshop_admin_order_create:
     path: /%coreshop.admin.route.base%/order-creation/create
-    defaults: { _controller: 'coreshop.pimcore_controller.order_creation::saleCreationAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_creation::saleCreationAction'
     options:
         expose: true
 
 ##### ORDER EDIT
 coreshop_admin_order_edit:
     path: /%coreshop.admin.route.base%/order-edit/edit-items
-    defaults: { _controller: 'coreshop.pimcore_controller.order_edit::editItemsAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_edit::editItemsAction'
     options:
         expose: true
 
 coreshop_admin_order_add:
     path: /%coreshop.admin.route.base%/order-edit/add-items
-    defaults: { _controller: 'coreshop.pimcore_controller.order_edit::addItemsAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_edit::addItemsAction'
     options:
         expose: true
 
 coreshop_admin_order_remove:
     path: /%coreshop.admin.route.base%/order-edit/remove-item
-    defaults: { _controller: 'coreshop.pimcore_controller.order_edit::removeItemAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_edit::removeItemAction'
     options:
         expose: true
 
 ##### CUSTOMER CREATION
 coreshop_admin_order_customer_creation:
     path: /%coreshop.admin.route.base%/order/customer/create
-    defaults: { _controller: 'coreshop.pimcore_controller.order_customer_creation::createCustomerAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_customer_creation::createCustomerAction'
     options:
         expose: true
 
 coreshop_admin_order_address_creation:
     path: /%coreshop.admin.route.base%/order/address/create
-    defaults: { _controller: 'coreshop.pimcore_controller.order_address_creation::createAddressAction'}
+    requirements:
+      backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: 'coreshop.pimcore_controller.order_address_creation::createAddressAction'
     options:
         expose: true
 
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderInvoiceItem.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderInvoiceItem.yml
index 762580e805..b2ae4ecf17 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderInvoiceItem.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderInvoiceItem.yml
@@ -12,3 +12,8 @@ CoreShop\Component\Order\Model\OrderInvoiceItem:
             exp: 'object.getOrderItem() != null ? object.getOrderItem().getName() : null' # TODO: add interface check when upgrading to JMS Serializer > 3.0
             type: string
             groups: [Detailed]
+        quantity:
+          serialized_name: quantity
+          exp: 'object.getQuantity()'
+          type: float
+          groups: [Detailed]
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderShipmentItem.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderShipmentItem.yml
index 6479fa99d0..23cc000ad5 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderShipmentItem.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/serializer/Model.OrderShipmentItem.yml
@@ -12,3 +12,8 @@ CoreShop\Component\Order\Model\OrderShipmentItem:
             exp: 'object.getOrderItem() != null ? object.getOrderItem().getName() : null' # TODO: add interface check when upgrading to JMS Serializer > 3.0
             type: string
             groups: [Detailed]
+        quantity:
+            serialized_name: quantity
+            exp: 'object.getQuantity()'
+            type: float
+            groups: [Detailed]
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services.yml
index 4041c868c2..5081112e29 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services.yml
@@ -15,7 +15,6 @@ imports:
     - { resource: services/commands.yml }
     - { resource: services/profiler.yml }
     - { resource: services/cart.yml }
-    - { resource: services/grid_config.yml }
     - { resource: services/payment.yml }
     - { resource: services/forms.yml }
     - { resource: services/checkout_listener.yml }
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart-price-rules.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart-price-rules.yml
index d664f8e0d9..8c45b647e1 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart-price-rules.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart-price-rules.yml
@@ -38,6 +38,7 @@ services:
             - '%coreshop.form.type.cart_price_rule.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\OrderBundle\Form\Type\CartPriceRuleTranslationType:
         arguments:
@@ -146,7 +147,7 @@ services:
 
     CoreShop\Component\Order\Cart\Rule\Condition\TimeSpanConditionChecker:
         tags:
-            - { name: coreshop.cart_price_rule.condition, type: timespan, form-type: CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
+            - { name: coreshop.cart_price_rule.condition, type: timespan, form-type: CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
 
     CoreShop\Component\Order\Cart\Rule\Condition\VoucherConditionChecker:
         arguments:
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart.yml
index 9334d21219..89c520a596 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/cart.yml
@@ -20,6 +20,7 @@ services:
             - '%coreshop.form.type.cart.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     coreshop.form.data_mapper.cart_item_quantity.property_mapper:
         class: Symfony\Component\Form\Extension\Core\DataMapper\DataMapper
@@ -55,11 +56,6 @@ services:
         tags:
             - { name: form.type }
 
-    CoreShop\Bundle\OrderBundle\EventListener\Grid\CartFilterListener:
-        tags:
-            - { name: kernel.event_listener, event: pimcore.admin.object.list.beforeListLoad, method: checkObjectList }
-
-
     CoreShop\Bundle\OrderBundle\Form\Type\CartListChoiceType:
         arguments:
             - '@CoreShop\Component\Order\Cart\CartResolver'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/grid_config.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/classic_admin.yml
similarity index 57%
rename from src/CoreShop/Bundle/OrderBundle/Resources/config/services/grid_config.yml
rename to src/CoreShop/Bundle/OrderBundle/Resources/config/services/classic_admin.yml
index 64755fb62b..2781c296d9 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/grid_config.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/classic_admin.yml
@@ -2,15 +2,19 @@ services:
     _defaults:
         public: true
 
-    CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator\Factory\OrderStateFactory:
+    CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator\Factory\OrderStateFactory:
         arguments:
             - '@CoreShop\Bundle\WorkflowBundle\StateManager\WorkflowStateInfoManagerInterface'
         tags:
             - { name: pimcore.data_object.grid_column_config.operator_factory, id: coreshop_order_state }
 
-    CoreShop\Bundle\OrderBundle\Pimcore\GridColumnConfig\Operator\Factory\PriceFormatterFactory:
+    CoreShop\Bundle\OrderBundle\AdminClass\Pimcore\GridColumnConfig\Operator\Factory\PriceFormatterFactory:
         arguments:
             - '@CoreShop\Component\Currency\Formatter\MoneyFormatterInterface'
             - '@CoreShop\Component\Locale\Context\LocaleContextInterface'
         tags:
             - { name: pimcore.data_object.grid_column_config.operator_factory, id: coreshop_price_formatter }
+
+    CoreShop\Bundle\OrderBundle\AdminClass\EventListener\Grid\CartFilterListener:
+        tags:
+            - { name: kernel.event_listener, event: pimcore.admin.object.list.beforeListLoad, method: checkObjectList }
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/controller.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/controller.yml
index 3b054f5bae..2957942a35 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/controller.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/controller.yml
@@ -4,3 +4,8 @@ services:
         autoconfigure: true
         autowire: true
 
+    CoreShop\Bundle\OrderBundle\Controller\StudioOrderDocumentController:
+        public: true
+        autoconfigure: true
+        autowire: true
+
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/forms.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/forms.yml
index e1abc3f30b..56110a606b 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/forms.yml
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/forms.yml
@@ -10,7 +10,6 @@ parameters:
     coreshop.form.type.cart_price_rule.condition.nested.validation_groups: [coreshop]
     coreshop.form.type.cart_price_rule.condition.order_item_action_conditions.validation_groups: [coreshop]
     coreshop.form.type.cart_price_rule.condition.order_item_action_actions.validation_groups: [coreshop]
-    coreshop.form.type.cart_price_rule.condition.timespan.validation_groups: [coreshop]
     coreshop.form.type.cart_price_rule.condition.voucher.validation_groups: [coreshop]
     coreshop.form.type.cart_price_rule.condition.not_combinable.validation_groups: [coreshop]
 
@@ -87,11 +86,6 @@ services:
         tags:
             - { name: form.type }
 
-    CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition\TimespanConfigurationType:
-        arguments:
-            - '%coreshop.form.type.cart_price_rule.condition.timespan.validation_groups%'
-        tags:
-           - { name: form.type }
 
     CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition\VoucherConfigurationType:
         arguments:
@@ -104,3 +98,51 @@ services:
             - '%coreshop.form.type.cart_price_rule.condition.not_combinable.validation_groups%'
         tags:
            - { name: form.type }
+
+    CoreShop\Bundle\OrderBundle\Form\Type\AdminAddressCreationType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\OrderBundle\Form\Schema\CartCreationSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\OrderBundle\Form\Schema\AdminAddressCreationSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderInvoiceCreationType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderInvoiceCreationItemsType:
+        tags:
+            - { name: form.type }
+
+    CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderShipmentCreationType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderShipmentCreationItemsType:
+        tags:
+            - { name: form.type }
+
+    CoreShop\Bundle\OrderBundle\Form\Type\Studio\OrderPaymentCreationType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\OrderBundle\Form\Schema\OrderInvoiceCreationSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\OrderBundle\Form\Schema\OrderShipmentCreationSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
+    CoreShop\Bundle\OrderBundle\Form\Schema\OrderPaymentCreationSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..8359bd6e02
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/config/services/studio.yml
@@ -0,0 +1,9 @@
+services:
+  _defaults:
+    public: true
+    autowire: true
+    autoconfigure: true
+
+  CoreShop\Bundle\OrderBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/install/pimcore/classes/CoreShopOrderShipment.json b/src/CoreShop/Bundle/OrderBundle/Resources/install/pimcore/classes/CoreShopOrderShipment.json
index 4888841704..75208f1779 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/install/pimcore/classes/CoreShopOrderShipment.json
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/install/pimcore/classes/CoreShopOrderShipment.json
@@ -140,7 +140,7 @@
                                 "columnLength": 190,
                                 "regex": "",
                                 "name": "trackingCode",
-                                "title": "Tracking Code",
+                                "title": "coreshop.order_shipment.tracking_code",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": true,
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/translations/admin.de.yaml b/src/CoreShop/Bundle/OrderBundle/Resources/translations/admin.de.yaml
new file mode 100644
index 0000000000..7668b3cf75
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/translations/admin.de.yaml
@@ -0,0 +1,4 @@
+# Grid Filter Übersetzungen
+coreshop.grid.filter.created_today: 'Heute erstellt'
+coreshop.grid.filter.created_this_week: 'Diese Woche erstellt'
+coreshop.grid.filter.created_this_month: 'Diesen Monat erstellt'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/translations/admin.en.yaml b/src/CoreShop/Bundle/OrderBundle/Resources/translations/admin.en.yaml
new file mode 100644
index 0000000000..8f246505cd
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/translations/admin.en.yaml
@@ -0,0 +1,4 @@
+# Grid Filter Translations
+coreshop.grid.filter.created_today: 'Created Today'
+coreshop.grid.filter.created_this_week: 'Created This Week'
+coreshop.grid.filter.created_this_month: 'Created This Month'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/OrderBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..d59a3e2a03
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,650 @@
+---
+coreshop_save_error: 'Fehler beim speichern des Elements'
+coreshop_cart_price_rule: 'Warenkorb Preisregel'
+coreshop_product: 'Produkt'
+coreshop_product_count: 'Produkt(e)'
+coreshop_currency: 'Währung'
+coreshop_pricerules: 'Preisregeln'
+coreshop_condition_amount_minAmount: 'Min Gesamtwert'
+coreshop_condition_amount_maxAmount: 'Max Gesamtwert'
+coreshop_condition_timespan_dateFrom: 'Von'
+coreshop_condition_timespan_dateTo: 'Bis'
+coreshop_action_cartItemAction: 'Warenkorb Artikel'
+coreshop_action_discount_amount_amount: 'Gesamt'
+coreshop_action_surcharge_amount: 'Aufschlag Menge'
+coreshop_action_discount_percent_percent: 'Prozent'
+coreshop_action_surcharge_percent: 'Aufschlag Prozent'
+coreshop_action_discount_apply_on: 'Anwenden auf'
+coreshop_action_discount_apply_on_total: 'Gesamtsumme'
+coreshop_action_discount_apply_on_subtotal: 'Zwischensumme'
+coreshop_action_voucher_max_usage_per_code: 'Maximale Verwendung pro Code'
+coreshop_action_voucher_max_usage_per_user: 'Maximale Verwendung pro User'
+coreshop_action_voucher_only_one_per_cart: 'Nur ein Gutscheincode pro Warenkorb erlauben'
+coreshop_is_voucher_rule: 'Ist Gutschein Regel'
+coreshop_priceRule: 'Preis Regel'
+coreshop_carrier_based_on_order: 'Der Versanddienst "{0}" wurde bei der Bestellung hinterlegt und ist deswegen vorselektiert.'
+coreshop_tracking_code: 'Verfolgungsnummer'
+coreshop_invoice: 'Rechnung'
+coreshop_invoice_create_short: 'Rechnung erstellen'
+coreshop_order: 'Bestellung'
+coreshop_orderstate: 'Bestellstatus'
+coreshop_cancel_order_confirm: 'Diese Bestellung stornieren?'
+coreshop_cart: 'Warenkorb'
+coreshop_carts: 'Warenkörbe'
+coreshop_cart_create: 'Warenkorb erstellen'
+coreshop_cart_manage: 'Warenkörbe verwalten'
+coreshop_order_comments: 'Kommentare'
+coreshop_order_comment: 'Kommentar'
+coreshop_order_comment_create: 'Kommentar erstellen'
+coreshop_order_comment_trigger_notifications: 'Kommentar an Kunde senden'
+coreshop_order_comment_customer_locale_note: 'Sprache des Kunden: '
+coreshop_delete_order_comment_confirm: 'Wollen Sie dieses Kommentar wirklich löschen?'
+coreshop_order_comments_nothing_found: 'Keine Kommentare verfügbar'
+coreshop_order_comments_notification_applied: 'Kommentar wurde an Kunde weitergeleitet'
+coreshop_order_comments_is_internal: 'Kommentar ist nur für Administratoren sichtbar'
+coreshop_order_comments_published_by: 'verfasst von'
+coreshop_customer: 'Kunde'
+coreshop_order_pdf: 'Rechnung PDF'
+coreshop_date: 'Datum'
+coreshop_paymentProvider: 'Zahlungsanbieter'
+coreshop_quantity: 'Stückzahl'
+coreshop_amount: 'Summe'
+coreshop_state: 'Staat'
+coreshop_tax: 'Steuer'
+coreshop_order_new_message: 'Neue Nachricht'
+coreshop_address_shipping: 'Lieferadresse'
+coreshop_address_invoice: 'Rechnungsadresse'
+coreshop_payments: 'Zahlungsart(en)'
+coreshop_products: 'Produkte'
+coreshop_wholesale_price: 'Einkaufspreis'
+coreshop_price_net: 'Preis (exkl.)'
+coreshop_price_with_tax: 'Preis (inkl.)'
+coreshop_total: 'Gesamt (inkl.)'
+coreshop_converted_total: 'Basis Gesamt'
+coreshop_order_payment_paid_warning: 'Warnung! Es wurden nur {0} von {1} bezahlt'
+coreshop_customer_created: 'Kundenkonto angelegt am'
+coreshop_comment: 'Kommentar zur Bestellung'
+coreshop_order_additional_data: 'Zusätzliche Informationen'
+coreshop_date_time_format: 'd.m.Y H:i'
+coreshop_edit_address: 'Adresse bearbeiten'
+coreshop_cart_pricerule_voucherCodes: 'Gutschein Codes'
+coreshop_cart_pricerule_used: 'Verwendet'
+coreshop_cart_pricerule_uses: 'Verwendungen'
+coreshop_cart_pricerule_generate_vouchers: 'Gutscheincodes generieren'
+coreshop_cart_pricerule_create_voucher: 'Gutscheincode erstellen'
+coreshop_cart_pricerule_voucher_code: 'Code'
+coreshop_cart_pricerule_creation_date: 'Erstellungsdatum'
+coreshop_cart_pricerule_amount: 'Anzahl'
+coreshop_cart_pricerule_length: 'Länge'
+coreshop_cart_pricerule_alphanumeric: 'Alphanumerisch'
+coreshop_cart_pricerule_alphabetic: 'Alphabetisch'
+coreshop_cart_pricerule_numeric: 'Numerisch'
+coreshop_cart_pricerule_format: 'Format'
+coreshop_cart_pricerule_prefix: 'Präfix'
+coreshop_cart_pricerule_suffix: 'Suffix'
+coreshop_cart_pricerule_hyphensOn: 'Bindestrich alle X Zeichen'
+coreshop_cart_pricerule_vouchers_export: 'Gutscheincodes exportieren (CSV)'
+coreshop_price: 'Preis'
+coreshop_converted_price: 'Basis Preis'
+coreshop_open_order_invoice: 'Rechnung ({0}) öffnen'
+coreshop_open_order_payment: 'Bezahlung ({0}) öffnen'
+coreshop_open_order_shipment: 'Versendung ({0}) öffnen'
+coreshop_invoice_create_new: 'Rechnung für Bestellung erstellen'
+coreshop_invoice_no_items: 'Keine offenen Positionen zum Erstellen einer Rechnung vorhanden'
+coreshop_invoiced_quantity: 'Verrechnete Anzahl'
+coreshop_quantity_to_invoice: 'Zu verrechnen'
+coreshop_shipment_create_new: 'Versendung für Bestellung erstellen'
+coreshop_shipment_no_items: 'Keine offenen Positionen zum Erstellen einer Versendung vorhanden'
+coreshop_shipment_number: 'Versendungsnummer'
+coreshop_shipped_quantity: 'Versendete Menge'
+coreshop_quantity_to_ship: 'Zu versenden'
+coreshop_shipment_pdf: 'Versendung PDF'
+coreshop_shipment: 'Versendung'
+coreshop_shipment_create_short: 'Versendung erstellen'
+coreshop_shipments: 'Versendungen'
+coreshop_invoices: 'Rechnungen'
+coreshop_invoice_date: 'Rechnungsdatum'
+coreshop_total_without_tax: 'Gesamt (exkl.)'
+coreshop_invoice_number: 'Rechnungsnummer'
+coreshop_no_currencies: 'Keine Währungen aktiviert'
+coreshop_customer_carts: 'Kunden Warenkörbe'
+coreshop_customer_orders: 'Kunden Bestellungen'
+coreshop_address: 'Adresse'
+coreshop_free_shipping: 'Kostenloser Versand'
+coreshop_order_create: 'Neue Bestellung'
+coreshop_order_quick_open: 'Schnellzugriff: Bestellung hierherziehen'
+coreshop_order_manage: 'Bestellungen verwalten'
+coreshop_quote_create: 'Neues Angebot'
+coreshop_quote_quick_open: 'Schnellzugriff: Angebot hierherziehen'
+coreshop_quote_manage: 'Angebote verwalten'
+coreshop_is_guest: 'Gast-Bestellung'
+coreshop_transaction_id: 'Transaktion ID'
+coreshop_show_transaction_notes: 'Transaktionsinformationen anzeigen'
+coreshop_no_payment_transactions: 'Keine Transaktionsinformationen verfügbar'
+coreshop_mail_correspondence: 'Mail Korrespondenz'
+coreshop_mail_correspondence_subject: 'Betreff'
+coreshop_mail_correspondence_recipient: 'Empfänger'
+coreshop_mail_correspondence_mail_log: 'E-Mail Log'
+coreshop_mail_correspondence_mail_log_show: 'E-Mail Log anzeigen'
+coreshop_messaging_message_read: 'Gelesen'
+coreshop_weight: 'Gewicht'
+coreshop_order_state: 'Zustand'
+coreshop_quote_state: 'Angebot Zustand'
+coreshop_change_state: 'Zustand ändern'
+coreshop_change_state_description: 'Sie können den Zustand via Klick auf den Button ändern'
+coreshop_payment_number: 'Transaktionsnummer'
+coreshop_payment_state_new: 'Neu'
+coreshop_payment_state_processing: 'In Bearbeitung'
+coreshop_payment_state_completed: 'Abgeschlossen'
+coreshop_payment_state_failed: 'Fehler'
+coreshop_payment_state_cancelled: 'Storniert'
+coreshop_payment_state_refunded: 'Zurückbezahlt'
+coreshop_payment_state_unknown: 'Unbekannt'
+coreshop_shipment_state_new: 'Neu'
+coreshop_shipment_state_ready: 'Versand wird vorbereitet'
+coreshop_shipment_state_cancelled: 'Storniert'
+coreshop_shipment_state_shipped: 'Versendet'
+coreshop_invoice_state_new: 'Neu'
+coreshop_invoice_state_ready: 'Rechnung wird vorbereitet'
+coreshop_invoice_state_cancelled: 'Storniert'
+coreshop_invoice_state_Complete: 'Fakturiert'
+coreshop_sale_total: 'Gesamt'
+coreshop_sale_id: 'ID'
+coreshop_sale_number: 'Nummer'
+coreshop_sale_date: 'Datum'
+coreshop_workflow_state_changed_from: 'Status aktualisiert von'
+coreshop_workflow_state_changed_to: 'zu'
+coreshop_workflow_name_coreshop_order: 'Status'
+coreshop_workflow_name_coreshop_payment: 'Zahlungsstatus'
+coreshop_workflow_name_coreshop_order_payment: 'Zahlungsstatus'
+coreshop_workflow_name_coreshop_shipment: 'Versandstatus'
+coreshop_workflow_name_coreshop_order_shipment: 'Versandstatus'
+coreshop_workflow_name_coreshop_invoice: 'Rechnungsstatus'
+coreshop_workflow_name_coreshop_order_invoice: 'Rechnungsstatus'
+coreshop_workflow_state_coreshop_invoice_new: 'Neu'
+coreshop_workflow_state_coreshop_invoice_ready: 'Rechnung in Vorbereitung'
+coreshop_workflow_state_coreshop_invoice_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_invoice_complete: 'Fakturiert'
+coreshop_workflow_state_coreshop_shipment_new: 'Neu'
+coreshop_workflow_state_coreshop_shipment_ready: 'Versand in Vorbereitung'
+coreshop_workflow_state_coreshop_shipment_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_shipment_shipped: 'Versendet'
+coreshop_workflow_state_coreshop_payment_new: 'Neu'
+coreshop_workflow_state_coreshop_payment_processing: 'Verarbeitung'
+coreshop_workflow_state_coreshop_payment_authorized: 'Autorisiert'
+coreshop_workflow_state_coreshop_payment_failed: 'Fehlgeschlagen'
+coreshop_workflow_state_coreshop_payment_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_payment_refunded: 'Zurückerstattet'
+coreshop_workflow_state_coreshop_payment_unknown: 'Unbekannt'
+coreshop_workflow_state_coreshop_payment_completed: 'Vollständig'
+coreshop_workflow_state_coreshop_order_initialized: 'Initialisiert'
+coreshop_workflow_state_coreshop_order_confirmed: 'Bestätigt'
+coreshop_workflow_state_coreshop_order_new: 'Neu'
+coreshop_workflow_state_coreshop_order_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_order_complete: 'Abgeschlossen'
+coreshop_workflow_state_coreshop_quote_initialized: 'Initialisiert'
+coreshop_workflow_state_coreshop_quote_new: 'Neu'
+coreshop_workflow_state_coreshop_quote_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_quote_complete: 'Abgeschlossen'
+coreshop_workflow_state_coreshop_order_payment_new: 'Neu'
+coreshop_workflow_state_coreshop_order_payment_partially_authorized: 'Teilweise autorisiert'
+coreshop_workflow_state_coreshop_order_payment_authorized: 'Autorisiert'
+coreshop_workflow_state_coreshop_order_payment_awaiting_payment: 'Warten auf Zahlung'
+coreshop_workflow_state_coreshop_order_payment_partially_paid: 'Zahlung teilweise eingegangen'
+coreshop_workflow_state_coreshop_order_payment_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_order_payment_paid: 'Bezahlt'
+coreshop_workflow_state_coreshop_order_payment_partially_refunded: 'Zahlung teilweise zurückerstattet'
+coreshop_workflow_state_coreshop_order_payment_refunded: 'Zurückerstattet'
+coreshop_workflow_state_coreshop_order_shipment_new: 'Neu'
+coreshop_workflow_state_coreshop_order_shipment_ready: 'Versand in Vorbereitung'
+coreshop_workflow_state_coreshop_order_shipment_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_order_shipment_partially_shipped: 'Teilweise versendet'
+coreshop_workflow_state_coreshop_order_shipment_shipped: 'Versendet'
+coreshop_workflow_state_coreshop_order_invoice_new: 'Neu'
+coreshop_workflow_state_coreshop_order_invoice_cancelled: 'Storniert'
+coreshop_workflow_state_coreshop_order_invoice_invoiced: 'Fakturiert'
+coreshop_workflow_state_coreshop_order_invoice_ready: 'Rechnung in Vorbereitung'
+coreshop_workflow_state_coreshop_order_invoice_partially_invoiced: 'Teilweise fakturiert'
+coreshop_workflow_transition_coreshop_order_create: 'Erstellen'
+coreshop_workflow_transition_coreshop_order_cancel: 'Stornieren'
+coreshop_workflow_transition_coreshop_order_complete: 'Abschließen'
+coreshop_workflow_transition_coreshop_payment_create: 'Erstellen'
+coreshop_workflow_transition_coreshop_payment_authorize: 'Autorisieren'
+coreshop_workflow_transition_coreshop_payment_process: 'Verarbeiten'
+coreshop_workflow_transition_coreshop_payment_complete: 'Abschließen'
+coreshop_workflow_transition_coreshop_payment_fail: 'Abbrechen'
+coreshop_workflow_transition_coreshop_payment_cancel: 'Stornieren'
+coreshop_workflow_transition_coreshop_payment_refund: 'Zurückerstatten'
+coreshop_workflow_transition_coreshop_payment_void: 'Invalidisieren'
+coreshop_workflow_transition_coreshop_shipment_create: 'Erstellen'
+coreshop_workflow_transition_coreshop_shipment_ship: 'Versenden'
+coreshop_workflow_transition_coreshop_shipment_cancel: 'Stornieren'
+coreshop_workflow_transition_coreshop_invoice_create: 'Erstellen'
+coreshop_workflow_transition_coreshop_invoice_complete: 'Abschließen'
+coreshop_workflow_transition_coreshop_invoice_cancel: 'Stornieren'
+coreshop_discount: 'Rabatt (inkl. Mwst.)'
+coreshop_surcharge: 'Zuschlag (inkl. MwSt.)'
+coreshop_discount_tax: 'Rabatt Mwst.'
+coreshop_discount_without_tax: 'Rabatt (exkl. Mwst.)'
+coreshop_subtotal: 'Zwischensumme (inkl. Mwst.)'
+coreshop_subtotal_tax: 'Zwischensumme Steuer'
+coreshop_subtotal_without_tax: 'Zwischensumme (ohne Mwst.)'
+coreshop_total_tax: 'Steuer'
+coreshop_permission_cart_price_rule: 'CoreShop: Warenkorbpreisregel'
+coreshop_permission_order_create: 'CoreShop: Bestellung erstellen'
+coreshop_permission_order_list: 'CoreShop: Bestellungen'
+coreshop_permission_order_detail: 'CoreShop: Bestellung Detail'
+coreshop_permission_quote_create: 'CoreShop: Angebot erstellen'
+coreshop_permission_quote_list: 'CoreShop: Angebote'
+coreshop_permission_quote_detail: 'CoreShop: Angebot Detail'
+coreshop_permission_cart_create: 'CoreShop: Warenkorb erstellen'
+coreshop_permission_cart_list: 'CoreShop: Warenkörbe'
+coreshop_condition_nested: 'Verschachtelte Regeln'
+coreshop_condition_categories: 'Kategorien'
+coreshop_condition_products: 'Produkte'
+coreshop_condition_timespan: 'Zeitspanne'
+coreshop_condition_voucher: 'Gutschein'
+coreshop_condition_amount: 'Menge'
+coreshop_condition_not_combinable: 'Nicht kombinierbar mit'
+coreshop_cart_price_rule_not_combinable: 'Automatische Regel ist nicht kombinierbar mit anderen automatischen Regeln'
+coreshop_action_discountAmount: 'Rabatt Menge'
+coreshop_action_surchargeAmount: 'Aufschlag Menge'
+coreshop_action_discountAmount_gross: 'Brutto'
+coreshop_action_discountPercent: 'Rabatt Prozent'
+coreshop_action_surchargePercent: 'Aufschlag Prozent'
+coreshop_order_by_number: 'Öffne Bestellung mit Nummer'
+coreshop_please_enter_the_number_of_the_order: 'Bitte Nummer eingeben'
+coreshop_quotes: 'Angebote'
+coreshop_quote: 'Angebot'
+coreshop_quote_by_number: 'Öffne Angebot mit Nummer'
+coreshop_please_enter_the_number_of_the_quote: 'Bitte Nummer eingeben'
+coreshop_custom_item_discount: 'Kundenspezifischer Rabatt'
+coreshop_custom_item_price: 'Kundenspezifischer Preis'
+coreshop_order_create_base: 'Basis'
+coreshop_order_create_converted: 'Basis'
+coreshop_order_create_products: 'Produkte'
+coreshop_order_create_address: 'Adressen'
+coreshop_order_create_payment: 'Bezahlung'
+coreshop_order_create_totals: 'Gesamt'
+coreshop_creating_order: 'Bestellung wird erstellt'
+coreshop_creating_quote: 'Angebot wird erstellt'
+coreshop_operator_priceformatter: 'Operator Preisformatierung'
+coreshop_operator_orderstate: 'Operator Zustand'
+coreshop_operator_orderstate_highlight: 'Labels farblich auszeichnen'
+coreshop_sale_action_close_editor: 'Editor schließen'
+coreshop_sale_action_add_another: 'Weitere hinzufügen'
+coreshop_sale_action_add_another_same_customer: 'Weitere für selben Kunden hinzufügen'
+coreshop_sale_action_open_order: 'Bestellung öffnen'
+coreshop_sale_action_open_quote: 'Angebot öffnen'
+coreshop_creating_order_finished: 'Bestellung wurde erstellt'
+coreshop_creating_order_finished_detail: 'Bestellung wurde erfolgreich erstellt, wie wollen Sie fortfahren?'
+coreshop_creating_quote_finished: 'Angebot wurde erstellt'
+coreshop_creating_quote_finished_detail: 'Angebot wurde erfolgreich erstellt, wie wollen Sie fortfahren?'
+coreshop_creating_order_finished_revise_link: 'Direktlink für die Bestellung'
+coreshop_adjustments: 'Adjustment'
+coreshop_adjustment_identifier: 'Adjustment Typ'
+coreshop_creating_cart: 'Warenkorb wird erstellt'
+coreshop_creating_cart_finished: 'Warenkorb wurde erstellt'
+coreshop_creating_cart_finished_detail: 'Der Warenkorb wurde erfolgreich erstellt, wie wollen Sie fortfahren?'
+coreshop_customer_create: 'Kunde erstellen'
+coreshop_customer_create_customer: 'Kunde'
+coreshop_customer_create_gender: 'Geschlecht'
+coreshop_customer_create_firstname: 'Vorname'
+coreshop_customer_create_lastname: 'Nachname'
+coreshop_customer_create_email: 'Email'
+coreshop_address_create: 'Kunden Adresse'
+coreshop_address_create_country: 'Land'
+coreshop_address_create_salutation: 'Anrede'
+coreshop_address_create_firstname: 'Vorname'
+coreshop_address_create_lastname: 'Nachname'
+coreshop_address_create_street: 'Straße'
+coreshop_address_create_number: 'Nummer'
+coreshop_address_create_postcode: 'Postleitzahl'
+coreshop_address_create_city: 'Stadt'
+coreshop_address_create_phone_number: 'Telefonnummer'
+coreshop_sale_create_relator_order: 'Kunde erstellen'
+coreshop_sale_create_relator_quote: 'Kunde erstellen'
+coreshop_sale_create_relator_cart: 'Kunde erstellen'
+coreshop_gender_male: 'Männlich'
+coreshop_gender_female: 'Weiblich'
+coreshop_salutation_mr: 'Herr'
+coreshop_salutation_mrs: 'Frau'
+coreshop_sale_action_open_cart: 'Warenkorb öffnen'
+coreshop_customer_to_company_assign_to_new: 'Kunde dem Unternehmen zuweisen'
+coreshop_customer_to_company_assign_to_existing: 'Kunde einer existierenden Firma zuweisen'
+coreshop_payment_total: 'Zahlung insgesamt'
+CoreShopOrder: 'Bestellung'
+CoreShopOrderItem: 'Bestellung Element'
+CoreShopCart: 'Warenkorb'
+CoreShopCartItem: 'Warenkorb Element'
+CoreShopOrderInvoice: 'Rechnung'
+CoreShopOrderInvoiceItem: 'Rechnung Element'
+CoreShopOrderShipment: 'Versendung'
+CoreShopOrderShipmentItem: 'Versendung Item'
+CoreShopQuote: 'Angebot'
+CoreShopQuoteItem: 'Angebot Element'
+coreshop.order_invoice.invoice: 'Rechnung'
+coreshop.order_invoice.order: 'Bestellung'
+coreshop.order_invoice.date: 'Datum'
+coreshop.order_invoice.number: 'Nummer'
+coreshop.order_invoice.state: 'Status'
+coreshop.order_invoice.numbers: 'Zahlen'
+coreshop.order_invoice.numbers_converted: 'Zahlen (Umgerechnet)'
+coreshop.order_invoice.numbers_store: 'Zahlen'
+coreshop.order_invoice.total_net: 'Summe (Netto)'
+coreshop.order_invoice.total_gross: 'Summe (Brutto)'
+coreshop.order_invoice.subtotal_net: 'Teilsumme (Netto)'
+coreshop.order_invoice.subtotal_gross: 'Teilsumme (Brutto)'
+coreshop.order_invoice.adjustments: 'Adaptierungen'
+coreshop.order_invoice.adjustments_total_gross: 'Adaptierungen Summe (Brutto)'
+coreshop.order_invoice.adjustments_total_net: 'Adaptierungen Summe (Netto)'
+coreshop.order_invoice.converted_total_net: 'Umgerechnet Summe (Netto)'
+coreshop.order_invoice.converted_total_gross: 'Umgerechnet Summe (Brutto)'
+coreshop.order_invoice.subconverted_total_net: 'Umgerechnet Teilsumme (Netto)'
+coreshop.order_invoice.subconverted_total_gross: 'Umgerechnet Teilsumme (Brutto)'
+coreshop.order_invoice.converted_adjustments: 'Umgerechnet Adaptierungen'
+coreshop.order_invoice.converted_adjustments_total_gross: 'Umgerechnet Adaptierungen Summe (Brutto)'
+coreshop.order_invoice.converted_adjustments_total_net: 'Umgerechnet Adaptierungen Summe (Netto)'
+coreshop.order_invoice.items: 'Positionen'
+coreshop.order_invoice_item.item: 'Position'
+coreshop.order_invoice_item.order_item: 'Bestellposition'
+coreshop.order_invoice_item.quantity: 'Menge'
+coreshop.order_invoice_item.numbers: 'Zahlen'
+coreshop.order_invoice_item.total_net: 'Summe (Netto)'
+coreshop.order_invoice_item.total_gross: 'Summe (Brutto)'
+coreshop.order_invoice_item.numbers_converted: 'Zahlen (Umgerechnet)'
+coreshop.order_invoice_item.numbers_store: 'Zahlen'
+coreshop.order_invoice_item.converted_total_net: 'Umgerechnet Summe (Netto)'
+coreshop.order_invoice_item.converted_total_gross: 'Umgerechnet Summe (Brutto)'
+coreshop.order.order: 'Bestellung'
+coreshop.order.name: 'Name'
+coreshop.order.number: 'Bestellnummer'
+coreshop.order.quote_number: 'Angebotnummer'
+coreshop.order.sale_state: 'Typ Status'
+coreshop.order.token: 'Token'
+coreshop.order.backend_created: 'Aus Admin erstellt'
+coreshop.order.date: 'Datum'
+coreshop.order.locale: 'Sprache'
+coreshop.order.store: 'Store'
+coreshop.order.payment_provider: 'Zahlungsanbieter'
+coreshop.order.additional_data: 'Zusätzliche Daten'
+coreshop.order.status: 'Status'
+coreshop.order.order_state: 'Bestellstatus'
+coreshop.order.quote_state: 'Angebotstatus'
+coreshop.order.payment_state: 'Zahlungstatus'
+coreshop.order.shipping_state: 'Versandstatus'
+coreshop.order.invoice_state: 'Rechnungstatus'
+coreshop.order.numbers: 'Zahlen'
+coreshop.order.numbers_converted: 'Zahlen (Umgerechnet)'
+coreshop.order.currency_converted: 'Umgerechnte Währung'
+coreshop.order.totals: 'Summen'
+coreshop.order.total_net: 'Summe (Netto)'
+coreshop.order.total_gross: 'Summe (Brutto)'
+coreshop.order.subtotal_net: 'Teilsumme (Netto)'
+coreshop.order.subtotal_gross: 'Teilsumme (Brutto)'
+coreshop.order.taxes: 'Steuern'
+coreshop.order.adjustments: 'Adaptierungen'
+coreshop.order.adjustments_total_gross: 'Adaptierungen Summe (Brutto)'
+coreshop.order.adjustments_total_net: 'Adaptierungen Summe (Netto)'
+coreshop.order.base_currency: 'Basis Währung'
+coreshop.order.converted_totals: 'Umgerechnet Summen'
+coreshop.order.converted_total_net: 'Umgerechnet Summe (Netto)'
+coreshop.order.converted_total_gross: 'Umgerechnet Summe (Brutto)'
+coreshop.order.converted_subtotal_net: 'Umgerechnet Teilsumme (Netto)'
+coreshop.order.converted_subtotal_gross: 'Umgerechnet Teilsumme (Brutto)'
+coreshop.order.converted_taxes: 'Umgerechnet Steuern'
+coreshop.order.converted_adjustments: 'Umgerechnet Adaptierungen'
+coreshop.order.converted_adjustments_total_gross: 'Umgerechnet Adaptierungen Summe (Brutto)'
+coreshop.order.converted_adjustments_total_net: 'Umgerechnet Adaptierungen Summe (Netto)'
+coreshop.order.other: 'Anderes'
+coreshop.order.price_rules: 'Preisregeln'
+coreshop.order.items: 'Positionen'
+coreshop.order.customer: 'Kunde'
+coreshop.order.shipping_address: 'Lieferadresse'
+coreshop.order.invoice_address: 'Rechnungsadresse'
+coreshop.order_item.informations: 'Informationen'
+coreshop.order_item.name: 'Name'
+coreshop.order_item.is_gift_item: 'Geschenkartikel?'
+coreshop.order_item.unit_identifier: 'Produkteinheit - ID'
+coreshop.order_item.unit: 'Produkteinheit'
+coreshop.order_item.quantity: 'Menge'
+coreshop.order_item.product: 'Produkt'
+coreshop.order_item.object_id: 'Objekt ID'
+coreshop.order_item.main_object_id: 'Hauptobjekt ID'
+coreshop.order_item.item_discount_price_net: 'Position Rabatt Preis (Netto)'
+coreshop.order_item.item_discount_price_gross: 'Position Rabatt Preis (Brutto)'
+coreshop.order_item.unit_definition: 'Einheitsdefinition'
+coreshop.order_item.item_discount_net: 'Position Rabatt (Netto)'
+coreshop.order_item.item_discount_gross: 'Position Rabatt (Brutto)'
+coreshop.order_item.numbers: 'Zahlen'
+coreshop.order_item.numbers_converted: 'Zahlen (Umgerechnet)'
+coreshop.order_item.numbers_store: 'Zahlen'
+coreshop.order_item.item_wholesale_price: 'Position Einkaufspreis'
+coreshop.order_item.item_price_net: 'Position Preis (Netto)'
+coreshop.order_item.item_price_gross: 'Position Preis (Brutto)'
+coreshop.order_item.item_retail_price_net: 'Position Verkaufspreis (Netto)'
+coreshop.order_item.item_retail_price_gross: 'Position Verkaufspreis (Brutto)'
+coreshop.order_item.total_net: 'Gesamt (Netto)'
+coreshop.order_item.total_gross: 'Gesamt (Brutto)'
+coreshop.order_item.item_tax: 'Position Steuer'
+coreshop.order_item.taxes: 'Steuern'
+coreshop.order_item.adjustments: 'Adaptierungen'
+coreshop.order_item.adjustments_total_gross: 'Adaptierungen Summe (Brutto)'
+coreshop.order_item.adjustments_total_net: 'Adaptierungen Summe (Netto)'
+coreshop.order_item.converted_item_wholesale_price: 'Umgerechnet Position Einkaufspreis'
+coreshop.order_item.converted_item_discount_net: 'Umgerechnet Position Rabatt (Netto)'
+coreshop.order_item.converted_item_discount_gross: 'Umgerechnet Position Rabatt (Brutto)'
+coreshop.order_item.converted_item_price_net: 'Umgerechnet Position Preis (Netto)'
+coreshop.order_item.converted_item_discount_price_net: 'Umgerechnet Position Rabatt Preis (Netto)'
+coreshop.order_item.converted_item_discount_price_gross: 'Umgerechnet Position Rabatt Preis (Brutto)'
+coreshop.order_item.converted_item_price_gross: 'Umgerechnet Position Preis (Brutto)'
+coreshop.order_item.converted_item_retail_price_net: 'Umgerechnet Position Verkaufspreis (Netto)'
+coreshop.order_item.converted_item_retail_price_gross: 'Umgerechnet Position Verkaufspreis (Brutto)'
+coreshop.order_item.converted_total_net: 'Umgerechnet Gesamt (Netto)'
+coreshop.order_item.converted_total_gross: 'Umgerechnet Gesamt (Brutto)'
+coreshop.order_item.converted_item_tax: 'Umgerechnet Position Steuer'
+coreshop.order_item.converted_taxes: 'Steuern'
+coreshop.order_item.converted_adjustments: 'Umgerechnet Adaptierungen'
+coreshop.order_item.converted_adjustments_total_gross: 'Umgerechnet Adaptierungen Summe (Brutto)'
+coreshop.order_item.converted_adjustments_total_net: 'Umgerechnet Adaptierungen Summe (Netto)'
+coreshop.order_shipment.shipment: 'Versendung'
+coreshop.order_shipment.order: 'Bestellung'
+coreshop.order_shipment.date: 'Datum'
+coreshop.order_shipment.number: 'Nummer'
+coreshop.order_shipment.state: 'Status'
+coreshop.order_shipment.tracking_code: 'Sendungsverfolgungsnummer'
+coreshop.order_shipment.items: 'Positionen'
+coreshop.order_shipment_item.item: 'Position'
+coreshop.order_shipment_item.order_item: 'Bestellposition'
+coreshop.order_shipment_item.quantity: 'Menge'
+coreshop.order_shipment_item.total_net: 'Summe (Netto)'
+coreshop.order_shipment_item.total_gross: 'Summe (Brutto)'
+coreshop.order_shipment_item.converted_total_net: 'Umgerechnet Summe (Netto)'
+coreshop.order_shipment_item.converted_total_gross: 'Umgerechnet Summe (Brutto)'
+coreshop.adjustment.type_identifier: 'Typ'
+coreshop.adjustment.label: 'Bezeichnung'
+coreshop.adjustment.amount_net: 'Betrag (Netto)'
+coreshop.adjustment.amount_gross: 'Betrag (Brutto)'
+coreshop.adjustment.neutral: 'Neutral'
+coreshop.cart_price_rule_item.price_rule: 'Preisregel'
+coreshop.cart_price_rule_item.voucher_code: 'Gutscheincode'
+coreshop.cart_price_rule_item.discount_net: 'Rabatt (Netto)'
+coreshop.cart_price_rule_item.discount_gross: 'Rabatt (Brutto)'
+coreshop.order_item.custom_item_discount: 'kundenspezifischer Positionsrabatt'
+coreshop.order_item.custom_item_price: 'kundenspezifischer Positionspreis'
+coreshop.order_item.converted_custom_item_price: 'Umgerechnet kundenspezifischer Positionspreis'
+coreshop.order.converted_payment_total: 'Umgerechnet Zahlungsbetrag'
+coreshop.order.payment_total: 'Zahlungsbetrag'
+coreshop.order.carrier: 'Versanddienst'
+coreshop.order.weight: 'Gewicht'
+coreshop_order_creation_select_customer: 'Kunde auswählen'
+coreshop_order_creation_select_customer_description: 'Wählen Sie einen Kunden, für den Sie eine Bestellung erstellen möchten.'
+coreshop_order_creation_select_customer_button: 'Kunde auswählen'
+coreshop_order_creation_change_customer: 'Ändern'
+coreshop_order_creation_base: 'Grundeinstellungen'
+coreshop_order_creation_products: 'Produkte'
+coreshop_order_creation_address: 'Adressen'
+coreshop_order_creation_shipping: 'Versand'
+coreshop_order_creation_payment: 'Zahlung'
+coreshop_order_creation_totals: 'Bestellübersicht'
+coreshop_order_creation_cart_created: 'Warenkorb erfolgreich erstellt'
+coreshop_order_creation_order_created: 'Bestellung erfolgreich erstellt'
+coreshop_order_creation_cart_created_description: 'Der Warenkorb wurde erfolgreich erstellt.'
+coreshop_order_creation_order_created_description: 'Die Bestellung wurde erfolgreich erstellt.'
+coreshop_order_creation_open_sale: 'Öffnen'
+coreshop_order_creation_create_another: 'Weitere erstellen'
+coreshop_reset: 'Zurücksetzen'
+coreshop_refresh: 'Aktualisieren'
+coreshop_select_store: 'Shop auswählen'
+coreshop_select_currency: 'Währung auswählen'
+coreshop_select_locale: 'Sprache auswählen'
+coreshop_locale: 'Sprache'
+coreshop_add_products: 'Produkte hinzufügen'
+coreshop_no_products_added: 'Noch keine Produkte hinzugefügt.'
+coreshop_id: 'ID'
+coreshop_name: 'Name'
+coreshop_custom_price: 'Sonderpreis'
+coreshop_custom_discount: 'Rabatt'
+coreshop_unit_price: 'Stückpreis'
+coreshop_remove_product_confirm: 'Dieses Produkt entfernen?'
+coreshop_yes: 'Ja'
+coreshop_no: 'Nein'
+coreshop_no_preview_available: 'Füllen Sie die erforderlichen Felder aus, um die Bestellübersicht zu sehen.'
+coreshop_shipping: 'Versand'
+coreshop_shipping_without_tax: 'Versand (exkl. MwSt.)'
+coreshop_shipping_tax: 'Versand MwSt.'
+coreshop_payment_provider_fee: 'Zahlungsanbietergebühr'
+coreshop_converted_value: 'Umgerechnet'
+coreshop_description: 'Beschreibung'
+coreshop_value: 'Wert'
+coreshop_select_address: 'Adresse auswählen'
+coreshop_copy_from_shipping: 'Von Versandadresse übernehmen'
+coreshop_no_addresses_available: 'Keine Adressen für diesen Kunden verfügbar.'
+coreshop_carrier: 'Versanddienst'
+coreshop_select_carrier: 'Versanddienst auswählen'
+coreshop_no_carriers_available: 'Keine Versanddienste verfügbar. Bitte wählen Sie zuerst Versand- und Rechnungsadresse aus.'
+coreshop_shipping_price: 'Versandkosten'
+coreshop_incl_tax: 'inkl.'
+coreshop_store: 'Shop'
+coreshop_or: 'oder'
+coreshop_add: 'Hinzufügen'
+coreshop_order_creation_drop_customer: 'Kunde aus dem Baum hierher ziehen'
+coreshop_order_creation_customer_id: 'Kunden-ID'
+coreshop_order_creation_load_customer: 'Laden'
+coreshop_order_creation_drop_products: 'Produkte aus dem Baum hierher ziehen'
+coreshop_order_creation_drop_product: 'Produkt hierher ziehen'
+coreshop_order_creation_product_id: 'Produkt-ID'
+coreshop_order_creation_add_more_products: 'Weitere Produkte hinzufügen:'
+coreshop_order_creation_select_products: 'Produkte zum Hinzufügen auswählen:'
+coreshop_order_creation_add_products: 'Produkte hinzufügen'
+coreshop_order_creation_browse_customers: 'Kunden durchsuchen'
+coreshop_order_creation_no_products: 'Noch keine Produkte hinzugefügt.'
+coreshop_order_creation_creating: 'Wird erstellt...'
+coreshop_order_creation_open_cart: 'Warenkorb öffnen'
+coreshop_order_creation_open_order: 'Bestellung öffnen'
+coreshop_order_creation_create_another_same_customer: 'Weitere für selben Kunden erstellen'
+coreshop_create_cart: 'Warenkorb erstellen'
+coreshop_create_order: 'Bestellung erstellen'
+coreshop_create: 'Erstellen'
+coreshop_cancel: 'Abbrechen'
+coreshop_cart_name: 'Warenkorb-Name'
+coreshop_cart_name_placeholder: 'Geben Sie einen Namen für diesen Warenkorb ein'
+coreshop_close: 'Schließen'
+coreshop_ok: 'OK'
+coreshop_select_payment_provider: 'Zahlungsanbieter auswählen'
+coreshop_address_created_success: 'Adresse erfolgreich erstellt'
+coreshop_required: 'Erforderlich'
+coreshop_company: 'Firma'
+coreshop_select_country: 'Land auswählen'
+coreshop_select_state: 'Bundesland auswählen'
+coreshop_details: 'Details'
+coreshop_shipping_address: 'Lieferadresse'
+coreshop_invoice_address: 'Rechnungsadresse'
+coreshop_open_customer_data_object: 'Kunde öffnen'
+coreshop_create_payment: 'Zahlung erstellen'
+coreshop_create_shipment: 'Lieferung erstellen'
+coreshop_create_invoice: 'Rechnung erstellen'
+coreshop_no_payments: 'Noch keine Zahlungen'
+coreshop_no_shipments: 'Noch keine Lieferungen'
+coreshop_payment_details: 'Zahlungsdetails'
+coreshop_open_payment_details: 'Zahlungsdetails öffnen'
+coreshop_open_shipment_details: 'Lieferungsdetails öffnen'
+coreshop_order_add_payment: 'Zahlung hinzufügen'
+coreshop_order_add_shipment: 'Lieferung hinzufügen'
+coreshop_change_payment_state: 'Zahlungsstatus ändern'
+coreshop_change_payment_state_description: 'Wählen Sie einen neuen Status für diese Zahlung'
+coreshop_change_shipment_state: 'Lieferstatus ändern'
+coreshop_change_shipment_state_description: 'Wählen Sie einen neuen Status für diese Lieferung'
+coreshop_to_invoice: 'Zu fakturieren'
+coreshop_to_ship: 'Zu versenden'
+coreshop_cart_pricerule_add: 'Preisregel hinzufügen'
+coreshop_cart_pricerule_select: 'Preisregel auswählen'
+coreshop_cart_pricerules: 'Preisregeln'
+coreshop_header: 'Kopfzeile'
+coreshop_name_required: 'Name ist erforderlich'
+coreshop_order_info: 'Bestellinformationen'
+coreshop_prices_are_gross: 'Preise inkl. MwSt.'
+
+# Zusätzliche Klassendefinition Übersetzungen
+coreshop.order_invoice.converted_subtotal_gross: 'Konvertierte Zwischensumme (Brutto)'
+coreshop.order_invoice.converted_subtotal_net: 'Konvertierte Zwischensumme (Netto)'
+coreshop.order_item.converted_subtotal_gross: 'Konvertierte Zwischensumme (Brutto)'
+coreshop.order_item.converted_subtotal_net: 'Konvertierte Zwischensumme (Netto)'
+coreshop.order_item.default_unit_quantity: 'Standard Einheitsmenge'
+coreshop.order_item.digital_product: 'Digitales Produkt'
+coreshop.order_item.immutable: 'Unveränderlich'
+coreshop.order_item.item_weight: 'Artikelgewicht'
+coreshop.order_item.order: 'Bestellung'
+coreshop.order_item.subtotal_gross: 'Zwischensumme (Brutto)'
+coreshop.order_item.subtotal_net: 'Zwischensumme (Netto)'
+coreshop.order_item.total_weight: 'Gesamtgewicht'
+coreshop.order_shipment_item.weight: 'Gewicht'
+coreshop.order_shipment.carrier: 'Versanddienstleister'
+coreshop.order_shipment.weight: 'Gewicht'
+coreshop.order.attributes: 'Attribute'
+coreshop.order.comment: 'Kommentar'
+coreshop.order.immutable: 'Unveränderlich'
+coreshop.order.needs_recalculation: 'Neuberechnung erforderlich'
+coreshop.order.payment_settings: 'Zahlungseinstellungen'
+coreshop.order.quote.number: 'Angebotsnummer'
+coreshop.order.shipping_tax_rate: 'Versand Steuersatz'
+coreshop.order.shipping: 'Versand'
+
+# Studio v2
+coreshop_no_folder_configured: 'Kein Ordner konfiguriert'
+coreshop_save: 'Speichern'
+coreshop_generate: 'Generieren'
+coreshop_voucher_codes_load_error: 'Gutscheincodes konnten nicht geladen werden'
+coreshop_voucher_code_create_success: 'Gutscheincode wurde erstellt'
+coreshop_voucher_code_create_error: 'Gutscheincode konnte nicht erstellt werden'
+coreshop_voucher_codes_generate_success: 'Gutscheincodes wurden generiert'
+coreshop_voucher_codes_generate_error: 'Gutscheincodes konnten nicht generiert werden'
+coreshop_voucher_code_delete_success: 'Gutscheincode wurde gelöscht'
+coreshop_voucher_code_delete_error: 'Gutscheincode konnte nicht gelöscht werden'
+coreshop_voucher_code_delete_confirm: 'Gutscheincode löschen?'
+coreshop_cart_item_add_condition: 'Bedingung hinzufügen'
+coreshop_cart_item_no_conditions: 'Keine Bedingungen definiert'
+coreshop_cart_item_add_action: 'Aktion hinzufügen'
+coreshop_cart_item_no_actions: 'Keine Aktionen definiert'
+coreshop_invoice_load_items_error: 'Abrechenbare Positionen konnten nicht geladen werden'
+coreshop_invoice_create_success: 'Rechnung wurde erfolgreich erstellt'
+coreshop_invoice_create_error: 'Rechnung konnte nicht erstellt werden'
+coreshop_payment_create_success: 'Zahlung wurde erfolgreich erstellt'
+coreshop_payment_create_error: 'Zahlung konnte nicht erstellt werden'
+coreshop_amount_must_be_positive: 'Der Betrag muss positiv sein'
+coreshop_shipment_load_items_error: 'Positionen konnten nicht geladen werden'
+coreshop_shipment_select_items: 'Bitte wählen Sie zu versendende Positionen aus'
+coreshop_shipment_create_success: 'Lieferung wurde erfolgreich erstellt'
+coreshop_shipment_create_error: 'Lieferung konnte nicht erstellt werden'
+coreshop_mail_correspondence_open_document: 'E-Mail-Dokument öffnen'
+coreshop_mail_correspondence_open_thread: 'Messaging-Thread öffnen'
+coreshop_mail_correspondence_none: 'Keine E-Mail-Korrespondenz'
+coreshop_mail_correspondence_open_document_not_supported: 'Studio v2 unterstützt das Öffnen von Pimcore-Dokumenten derzeit noch nicht.'
+coreshop_converted_total_without_tax: 'Basis Gesamt (exkl.)'
+coreshop_confirm_transition: 'Statuswechsel bestätigen'
+coreshop_confirm_transition_content: 'Möchten Sie den Übergang "{{transition}}" wirklich anwenden?'
+coreshop_change_state_success: 'Status wurde erfolgreich geändert'
+coreshop_change_state_error: 'Status konnte nicht geändert werden'
+coreshop_transition: 'Übergang'
+coreshop_order_with_number: 'Bestellung: {{number}}'
+coreshop_open_data_object: 'DataObject öffnen'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/OrderBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..281b856b29
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,656 @@
+---
+coreshop_save_error: 'Error saving item'
+coreshop_cart_price_rule: 'Cart Price Rule'
+coreshop_product: 'Product'
+coreshop_product_count: 'Product(s)'
+coreshop_currency: 'Currency'
+coreshop_pricerules: 'Price Rules'
+coreshop_condition_amount_minAmount: 'Min Amount'
+coreshop_condition_amount_maxAmount: 'Max Amount'
+coreshop_condition_timespan_dateFrom: 'Date From'
+coreshop_condition_timespan_dateTo: 'Date To'
+coreshop_action_cartItemAction: 'Cart Item'
+coreshop_action_discount_amount_amount: 'Amount'
+coreshop_action_surcharge_amount: 'Amount'
+coreshop_action_discount_percent_percent: 'Percent'
+coreshop_action_surcharge_percent: 'Percent'
+coreshop_action_discount_apply_on: 'Apply On'
+coreshop_action_discount_apply_on_total: 'Total'
+coreshop_action_discount_apply_on_subtotal: 'Subtotal'
+coreshop_action_voucher_max_usage_per_code: 'Max. Usage per Code'
+coreshop_action_voucher_max_usage_per_user: 'Max. Usage per User'
+coreshop_action_voucher_only_one_per_cart: 'Allow only one Voucher per Cart'
+coreshop_is_voucher_rule: 'Is Voucher Rule'
+coreshop_priceRule: 'Cart Price Rule'
+coreshop_carrier_based_on_order: 'Carrier "{0}" has been deposited in the order and therefore it is preselected.'
+coreshop_tracking_code: 'Tracking-Number'
+coreshop_invoice: 'Invoice'
+coreshop_invoice_create_short: 'Create Invoice'
+coreshop_order: 'Order'
+coreshop_orderstate: 'Order State'
+coreshop_cancel_order_confirm: 'Do you really want to cancel this order?'
+coreshop_cart: 'Cart'
+coreshop_carts: 'Carts'
+coreshop_cart_create: 'Create Cart'
+coreshop_cart_manage: 'Manage Carts'
+coreshop_order_comments: 'Comments'
+coreshop_order_comment: 'Comment'
+coreshop_order_comment_create: 'Create Comment'
+coreshop_order_comment_trigger_notifications: 'Submit Comment to Customer'
+coreshop_order_comment_customer_locale_note: 'Customer Locale: '
+coreshop_delete_order_comment_confirm: 'Do you really want to delete this Comment?'
+coreshop_order_comments_nothing_found: 'No Comments available'
+coreshop_order_comments_notification_applied: 'Comment has been submitted to Customer'
+coreshop_order_comments_is_internal: 'Comment is only visible for Admins'
+coreshop_order_comments_published_by: 'published by'
+coreshop_customer: 'Customer'
+coreshop_order_pdf: 'Invoice PDF'
+coreshop_date: 'Date'
+coreshop_paymentProvider: 'Payment Provider'
+coreshop_quantity: 'Quantity'
+coreshop_amount: 'Amount'
+coreshop_state: 'State'
+coreshop_tax: 'Tax'
+coreshop_order_new_message: 'New Message'
+coreshop_address_shipping: 'Shipping Address'
+coreshop_address_invoice: 'Invoice Address'
+coreshop_payments: 'Payment(s)'
+coreshop_products: 'Products'
+coreshop_wholesale_price: 'Wholesale Price'
+coreshop_price_without_tax: 'Price (excl.)'
+coreshop_converted_price_without_tax: 'Conv. Price (excl.)'
+coreshop_price_with_tax: 'Price (incl.)'
+coreshop_converted_price_with_tax: 'Conv. Price (incl.)'
+coreshop_total: 'Total'
+coreshop_converted_total: 'Conv. Total'
+coreshop_order_payment_paid_warning: 'Warning {0} paid instead of {1}'
+coreshop_customer_created: 'Customer created at'
+coreshop_comment: 'Order Comment'
+coreshop_order_additional_data: 'Additional Information'
+coreshop_date_time_format: 'Y-m-d H:i:s'
+coreshop_edit_address: 'Edit Address'
+coreshop_cart_pricerule_voucherCodes: 'Voucher Codes'
+coreshop_cart_pricerule_used: 'Used'
+coreshop_cart_pricerule_uses: 'Uses'
+coreshop_cart_pricerule_generate_vouchers: 'Generate Voucher Codes'
+coreshop_cart_pricerule_create_voucher: 'Create Voucher Code'
+coreshop_cart_pricerule_voucher_code: 'Code'
+coreshop_cart_pricerule_creation_date: 'Creation Date'
+coreshop_cart_pricerule_amount: 'Amount'
+coreshop_cart_pricerule_length: 'Length'
+coreshop_cart_pricerule_alphanumeric: 'Alphanumeric'
+coreshop_cart_pricerule_alphabetic: 'Alphabetic'
+coreshop_cart_pricerule_numeric: 'Numeric'
+coreshop_cart_pricerule_format: 'Format'
+coreshop_cart_pricerule_prefix: 'Prefix'
+coreshop_cart_pricerule_suffix: 'Suffix'
+coreshop_cart_pricerule_hyphensOn: 'Hyphens all X characters'
+coreshop_cart_pricerule_vouchers_export: 'Export Voucher Codes (CSV)'
+coreshop_price: 'Price'
+coreshop_converted_price: 'Conv. Price'
+coreshop_open_order_invoice: 'Open Invoice ({0})'
+coreshop_open_order_payment: 'Open Payment ({0})'
+coreshop_open_order_shipment: 'Open Shipment ({0})'
+coreshop_invoice_create_new: 'Create Inovice for Order'
+coreshop_invoice_no_items: 'No Invoice able Items found'
+coreshop_invoiced_quantity: 'Invoiced Quantity'
+coreshop_quantity_to_invoice: 'To Invoice'
+coreshop_shipment_create_new: 'Create Shipment for Order'
+coreshop_shipment_no_items: 'No Ship able Items found'
+coreshop_shipment_number: 'Shipment Number'
+coreshop_shipped_quantity: 'Shipped Quantity'
+coreshop_quantity_to_ship: 'To Ship'
+coreshop_shipment_pdf: 'Shipment PDF'
+coreshop_shipment: 'Shipment'
+coreshop_shipment_create_short: 'Create Shipment'
+coreshop_shipments: 'Shipments'
+coreshop_invoices: 'Invoices'
+coreshop_invoice_date: 'Invoice Date'
+coreshop_total_without_tax: 'Total (excl.)'
+coreshop_invoice_number: 'Invoice Number'
+coreshop_no_currencies: 'No Currencies activated'
+coreshop_customer_carts: 'Customer Carts'
+coreshop_customer_orders: 'Customer Orders'
+coreshop_address: 'Address'
+coreshop_free_shipping: 'Free Shipping'
+coreshop_order_create: 'Create Order'
+coreshop_order_quick_open: 'Quick Open'
+coreshop_order_manage: 'Manage Orders'
+coreshop_quote_create: 'Create Quote'
+coreshop_quote_manage: 'Manage Quotes'
+coreshop_is_guest: 'Guest Order'
+coreshop_transaction_id: 'transaction ID'
+coreshop_show_transaction_notes: 'Show transaction info'
+coreshop_no_payment_transactions: 'No transaction info available'
+coreshop_mail_correspondence: 'Mail correspondence'
+coreshop_mail_correspondence_subject: 'Subject'
+coreshop_mail_correspondence_recipient: 'Recipient'
+coreshop_mail_correspondence_mail_log: 'Mail Log'
+coreshop_mail_correspondence_mail_log_show: 'Show sent mail log'
+coreshop_messaging_message_read: 'Read'
+coreshop_weight: 'Weight'
+coreshop_order_state: 'State'
+coreshop_quote_state: 'Quote State'
+coreshop_change_state: 'Change State'
+coreshop_change_state_description: 'Click on a Button below to change the current State'
+coreshop_payment_number: 'Transaction Number'
+coreshop_payment_state_new: 'New'
+coreshop_payment_state_processing: 'Processing'
+coreshop_payment_state_completed: 'Completed'
+coreshop_payment_state_failed: 'Failed'
+coreshop_payment_state_cancelled: 'Canceled'
+coreshop_payment_state_refunded: 'Refunded'
+coreshop_payment_state_unknown: 'Unknown'
+coreshop_shipment_state_new: 'New'
+coreshop_shipment_state_ready: 'Preparing Shipment'
+coreshop_shipment_state_cancelled: 'Cancelled'
+coreshop_shipment_state_shipped: 'Shipped'
+coreshop_invoice_state_new: 'New'
+coreshop_invoice_state_ready: 'Preparing Invoice'
+coreshop_invoice_state_cancelled: 'Cancelled'
+coreshop_invoice_state_Complete: 'Complete'
+coreshop_sale_total: 'Total'
+coreshop_sale_id: 'ID'
+coreshop_sale_number: 'Number'
+coreshop_sale_date: 'Date'
+coreshop_workflow_state_changed_from: 'State changed from'
+coreshop_workflow_state_changed_to: 'to'
+coreshop_workflow_name_coreshop_order: 'State'
+coreshop_workflow_name_coreshop_payment: 'Payment State'
+coreshop_workflow_name_coreshop_order_payment: 'Payment State'
+coreshop_workflow_name_coreshop_shipment: 'Shipping State'
+coreshop_workflow_name_coreshop_order_shipment: 'Shipping State'
+coreshop_workflow_name_coreshop_invoice: 'Invoice State'
+coreshop_workflow_name_coreshop_order_invoice: 'Invoice State'
+coreshop_workflow_state_coreshop_invoice_new: 'New'
+coreshop_workflow_state_coreshop_invoice_ready: 'Invoice in Preparation'
+coreshop_workflow_state_coreshop_invoice_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_invoice_complete: 'Complete'
+coreshop_workflow_state_coreshop_shipment_new: 'New'
+coreshop_workflow_state_coreshop_shipment_ready: 'Preparing Shipment'
+coreshop_workflow_state_coreshop_shipment_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_shipment_shipped: 'Shipped'
+coreshop_workflow_state_coreshop_payment_new: 'New'
+coreshop_workflow_state_coreshop_payment_processing: 'Processing'
+coreshop_workflow_state_coreshop_payment_authorized: 'Authorized'
+coreshop_workflow_state_coreshop_payment_failed: 'Failed'
+coreshop_workflow_state_coreshop_payment_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_payment_refunded: 'Refunded'
+coreshop_workflow_state_coreshop_payment_unknown: 'Unknown'
+coreshop_workflow_state_coreshop_payment_completed: 'Completed'
+coreshop_workflow_state_coreshop_order_initialized: 'Initialized'
+coreshop_workflow_state_coreshop_order_confirmed: 'Confirmed'
+coreshop_workflow_state_coreshop_order_new: 'New'
+coreshop_workflow_state_coreshop_order_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_order_complete: 'Complete'
+coreshop_workflow_state_coreshop_quote_initialized: 'Initialized'
+coreshop_workflow_state_coreshop_quote_new: 'New'
+coreshop_workflow_state_coreshop_quote_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_quote_complete: 'Complete'
+coreshop_workflow_state_coreshop_order_payment_new: 'New'
+coreshop_workflow_state_coreshop_order_payment_partially_authorized: 'Partially Authorized'
+coreshop_workflow_state_coreshop_order_payment_authorized: 'Authorized'
+coreshop_workflow_state_coreshop_order_payment_awaiting_payment: 'Awaiting Payment'
+coreshop_workflow_state_coreshop_order_payment_partially_paid: 'Partially Paid'
+coreshop_workflow_state_coreshop_order_payment_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_order_payment_paid: 'Paid'
+coreshop_workflow_state_coreshop_order_payment_partially_refunded: 'Partially Refunded'
+coreshop_workflow_state_coreshop_order_payment_refunded: 'Refunded'
+coreshop_workflow_state_coreshop_order_shipment_new: 'New'
+coreshop_workflow_state_coreshop_order_shipment_ready: 'Shipment in Preparation'
+coreshop_workflow_state_coreshop_order_shipment_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_order_shipment_partially_shipped: 'Partially Shipped'
+coreshop_workflow_state_coreshop_order_shipment_shipped: 'Shipped'
+coreshop_workflow_state_coreshop_order_invoice_new: 'New'
+coreshop_workflow_state_coreshop_order_invoice_cancelled: 'Cancelled'
+coreshop_workflow_state_coreshop_order_invoice_invoiced: 'Invoiced'
+coreshop_workflow_state_coreshop_order_invoice_ready: 'Invoice in Preparation'
+coreshop_workflow_state_coreshop_order_invoice_partially_invoiced: 'Partially Invoiced'
+coreshop_workflow_transition_coreshop_order_create: 'Create'
+coreshop_workflow_transition_coreshop_order_cancel: 'Cancel'
+coreshop_workflow_transition_coreshop_order_complete: 'Complete'
+coreshop_workflow_transition_coreshop_payment_create: 'Create'
+coreshop_workflow_transition_coreshop_payment_authorize: 'Authorize'
+coreshop_workflow_transition_coreshop_payment_process: 'Process'
+coreshop_workflow_transition_coreshop_payment_complete: 'Complete'
+coreshop_workflow_transition_coreshop_payment_fail: 'Fail'
+coreshop_workflow_transition_coreshop_payment_cancel: 'Cancel'
+coreshop_workflow_transition_coreshop_payment_refund: 'Refund'
+coreshop_workflow_transition_coreshop_payment_void: 'Void'
+coreshop_workflow_transition_coreshop_shipment_create: 'Create'
+coreshop_workflow_transition_coreshop_shipment_ship: 'Ship'
+coreshop_workflow_transition_coreshop_shipment_cancel: 'Cancel'
+coreshop_workflow_transition_coreshop_invoice_create: 'Create'
+coreshop_workflow_transition_coreshop_invoice_complete: 'Complete'
+coreshop_workflow_transition_coreshop_invoice_cancel: 'Cancel'
+coreshop_workflow_name_coreshop_order_sales_type: 'Type'
+coreshop_workflow_state_coreshop_order_sales_type_cart: 'Cart'
+coreshop_workflow_state_coreshop_order_sales_type_order: 'Order'
+coreshop_workflow_state_coreshop_order_sales_type_quote: 'Quote'
+coreshop_discount: 'Discount (incl. Tax)'
+coreshop_surcharge: 'Surcharge (incl. Tax)'
+coreshop_discount_tax: 'Discount Tax'
+coreshop_discount_without_tax: 'Discount (excl. Tax.)'
+coreshop_subtotal: 'Subtotal (incl. Tax)'
+coreshop_subtotal_tax: 'Subtotal Tax'
+coreshop_subtotal_without_tax: 'Subtotal (excl Tax.)'
+coreshop_total_tax: 'Tax'
+coreshop_permission_cart_price_rule: 'CoreShop: Cart Price Rule'
+coreshop_permission_order_create: 'CoreShop: Order Create'
+coreshop_permission_order_list: 'CoreShop: Order List'
+coreshop_permission_order_detail: 'CoreShop: Order Detail'
+coreshop_permission_quote_create: 'CoreShop: Quote Create'
+coreshop_permission_quote_list: 'CoreShop: Quote List'
+coreshop_permission_quote_detail: 'CoreShop: Quote Detail'
+coreshop_permission_cart_create: 'CoreShop: Cart Create'
+coreshop_permission_cart_list: 'CoreShop: Cart List'
+coreshop_permission_cart_detail: 'CoreShop: Cart Detail'
+coreshop_condition_nested: 'Nested Rules'
+coreshop_condition_categories: 'Categories'
+coreshop_condition_products: 'Products'
+coreshop_condition_timespan: 'Timespan'
+coreshop_condition_voucher: 'Voucher'
+coreshop_condition_amount: 'Amount'
+coreshop_condition_not_combinable: 'Not combinable with'
+coreshop_cart_price_rule_not_combinable: 'Automatic Rule is not combinable with other automatic rules'
+coreshop_action_discountAmount: 'Discount Amount'
+coreshop_action_surchargeAmount: 'Surcharge Amount'
+coreshop_action_discountAmount_gross: 'Gross'
+coreshop_action_surchargeAmount_gross: 'Gross'
+coreshop_action_discountPercent: 'Discount Percent'
+coreshop_action_surchargePercent: 'Surcharge Percent'
+coreshop_order_by_number: 'Open order by number'
+coreshop_please_enter_the_number_of_the_order: 'Please enter order number'
+coreshop_quotes: 'Quotes'
+coreshop_quote: 'Quote'
+coreshop_quote_by_number: 'Open quote by number'
+coreshop_please_enter_the_number_of_the_quote: 'Please enter quote number'
+coreshop_custom_item_discount: 'Custom Discount'
+coreshop_custom_item_price: 'Custom Price'
+coreshop_order_create_base: 'Base'
+coreshop_order_create_converted: 'converted'
+coreshop_order_create_products: 'Products'
+coreshop_order_create_address: 'Addresses'
+coreshop_order_create_payment: 'Payment'
+coreshop_order_create_totals: 'Totals'
+coreshop_creating_order: 'Order is getting created'
+coreshop_creating_quote: 'Quote is getting created'
+coreshop_operator_priceformatter: 'Operator Price Formatter'
+coreshop_operator_orderstate: 'Operator State'
+coreshop_operator_orderstate_highlight: 'Highlight Labels'
+coreshop_sale_action_close_editor: 'Close Editor'
+coreshop_sale_action_add_another: 'Add another'
+coreshop_sale_action_add_another_same_customer: 'Add another for same Customer'
+coreshop_sale_action_open_order: 'Open Order'
+coreshop_sale_action_open_quote: 'Open Quote'
+coreshop_creating_order_finished: 'Order has been created'
+coreshop_creating_order_finished_detail: 'The order has been created successfully, how do you want to continue?'
+coreshop_creating_quote_finished: 'Quote has been created'
+coreshop_creating_quote_finished_detail: 'The quote has been created successfully, how do you want to continue?'
+coreshop_creating_order_finished_revise_link: 'Direct Link for Order'
+coreshop_adjustments: 'Adjustments'
+coreshop_adjustment_identifier: 'Adjustment Type'
+coreshop_creating_cart: 'Cart is getting created'
+coreshop_creating_cart_finished: 'Cart has been created'
+coreshop_creating_cart_finished_detail: 'The cart has been created successfully, how do you want to continue?'
+coreshop_order_create_customer: 'Create Customer'
+coreshop_customer_create: 'Create Customer'
+coreshop_customer_create_customer: 'Customer'
+coreshop_customer_create_gender: 'Gender'
+coreshop_customer_create_firstname: 'Firstname'
+coreshop_customer_create_lastname: 'Lastname'
+coreshop_customer_create_email: 'Email'
+coreshop_address_create: 'Customer Address'
+coreshop_address_create_country: 'Country'
+coreshop_address_create_salutation: 'Salutation'
+coreshop_address_create_firstname: 'Firstname'
+coreshop_address_create_lastname: 'Lastname'
+coreshop_address_create_street: 'Street'
+coreshop_address_create_number: 'Number'
+coreshop_address_create_postcode: 'Post Code'
+coreshop_address_create_city: 'City'
+coreshop_address_create_phone_number: 'Phone Number'
+coreshop_gender_male: 'Male'
+coreshop_gender_female: 'Female'
+coreshop_salutation_mr: 'Mr'
+coreshop_salutation_mrs: 'Mrs'
+coreshop_customer_to_company_assign_to_new: 'Assign Customer to new Company'
+coreshop_customer_to_company_assign_to_existing: 'Assign Customer to existing Company'
+coreshop_payment_total: 'Payment Total'
+CoreShopOrder: 'Order'
+CoreShopOrderItem: 'Order Item'
+CoreShopCart: 'Cart'
+CoreShopCartItem: 'Cart Item'
+CoreShopOrderInvoice: 'Invoice'
+CoreShopOrderInvoiceItem: 'Invoice Item'
+CoreShopOrderShipment: 'Shipment'
+CoreShopOrderShipmentItem: 'Shipment Item'
+CoreShopQuote: 'Quote'
+CoreShopQuoteItem: 'Quote Item'
+coreshop.order_invoice.invoice: 'Invoice'
+coreshop.order_invoice.order: 'Order'
+coreshop.order_invoice.date: 'Date'
+coreshop.order_invoice.number: 'Number'
+coreshop.order_invoice.state: 'State'
+coreshop.order_invoice.numbers: 'Numbers'
+coreshop.order_invoice.numbers_converted: 'Numbers (Converted)'
+coreshop.order_invoice.numbers_store: 'Numbers'
+coreshop.order_invoice.total_net: 'Total (Net)'
+coreshop.order_invoice.total_gross: 'Total (Gross)'
+coreshop.order_invoice.subtotal_net: 'Subtotal (Net)'
+coreshop.order_invoice.subtotal_gross: 'Subtotal (Gross)'
+coreshop.order_invoice.adjustments: 'Adjustments'
+coreshop.order_invoice.adjustments_total_gross: 'Adjustments Total (Gross)'
+coreshop.order_invoice.adjustments_total_net: 'Adjustments Total (Net)'
+coreshop.order_invoice.converted_total_net: 'Converted Total (Net)'
+coreshop.order_invoice.converted_total_gross: 'Converted Total (Gross)'
+coreshop.order_invoice.subconverted_total_net: 'Converted Subtotal (Net)'
+coreshop.order_invoice.subconverted_total_gross: 'Converted Subtotal (Gross)'
+coreshop.order_invoice.converted_adjustments: 'Converted Adjustments'
+coreshop.order_invoice.converted_adjustments_total_gross: 'Converted Adjustments Total (Gross)'
+coreshop.order_invoice.converted_adjustments_total_net: 'Converted Adjustments Total (Net)'
+coreshop.order_invoice.items: 'Items'
+coreshop.order_invoice_item.item: 'Item'
+coreshop.order_invoice_item.order_item: 'Order Item'
+coreshop.order_invoice_item.quantity: 'Quantity'
+coreshop.order_invoice_item.numbers: 'Numbers'
+coreshop.order_invoice_item.total_net: 'Total (Net)'
+coreshop.order_invoice_item.total_gross: 'Total (Gross)'
+coreshop.order_invoice_item.numbers_converted: 'Numbers (converted)'
+coreshop.order_invoice_item.numbers_store: 'Numbers'
+coreshop.order_invoice_item.converted_total_net: 'Converted Total (Net)'
+coreshop.order_invoice_item.converted_total_gross: 'Converted Total (Gross)'
+coreshop.order.order: 'Order'
+coreshop.order.name: 'Name'
+coreshop.order.number: 'Ordernumber'
+coreshop.order.quote_number: 'Quotenumber'
+coreshop.order.sale_state: 'Sale State'
+coreshop.order.token: 'Token'
+coreshop.order.backend_created: 'Backend created'
+coreshop.order.date: 'Date'
+coreshop.order.locale: 'Language'
+coreshop.order.store: 'Store'
+coreshop.order.payment_provider: 'Payment Provider'
+coreshop.order.additional_data: 'Additional Data'
+coreshop.order.status: 'State'
+coreshop.order.order_state: 'Order State'
+coreshop.order.quote_state: 'Quote State'
+coreshop.order.payment_state: 'Payment State'
+coreshop.order.shipping_state: 'Shipping State'
+coreshop.order.invoice_state: 'Invoice State'
+coreshop.order.numbers: 'Numbers'
+coreshop.order.numbers_converted: 'Numbers (Converted)'
+coreshop.order.converted_currency: 'Converted Currency'
+coreshop.order.totals: 'Totals'
+coreshop.order.total_net: 'Total (Net)'
+coreshop.order.total_gross: 'Total (Gross)'
+coreshop.order.subtotal_net: 'Subtotal (Net)'
+coreshop.order.subtotal_gross: 'Subtotal (Gross)'
+coreshop.order.taxes: 'Taxes'
+coreshop.order.adjustments: 'Adjustments'
+coreshop.order.adjustments_total_gross: 'Adjustments Total (Gross)'
+coreshop.order.adjustments_total_net: 'Adjustments Total (Net)'
+coreshop.order.base_currency: 'Base Currency'
+coreshop.order.converted_totals: 'Converted Totals'
+coreshop.order.converted_total_net: 'Converted Total (Net)'
+coreshop.order.converted_total_gross: 'Converted Total (Gross)'
+coreshop.order.converted_subtotal_net: 'Converted Subtotal (Net)'
+coreshop.order.converted_subtotal_gross: 'Converted Subtotal (Gross)'
+coreshop.order.converted_taxes: 'Converted Taxes'
+coreshop.order.converted_adjustments: 'Converted Adjustments'
+coreshop.order.converted_adjustments_total_gross: 'Converted Adjustments Total (Gross)'
+coreshop.order.converted_adjustments_total_net: 'Converted Adjustments Total (Net)'
+coreshop.order.other: 'Other'
+coreshop.order.price_rules: 'Price Rules'
+coreshop.order.items: 'Items'
+coreshop.order.customer: 'Customer'
+coreshop.order.shipping_address: 'Shipping Address'
+coreshop.order.invoice_address: 'Invoice Address'
+coreshop.order_item.informations: 'Informations'
+coreshop.order_item.name: 'Name'
+coreshop.order_item.is_gift_item: 'Is Gift Item?'
+coreshop.order_item.unit_identifier: 'Unit Identifier'
+coreshop.order_item.unit: 'Unit'
+coreshop.order_item.quantity: 'Quantity'
+coreshop.order_item.product: 'Product'
+coreshop.order_item.object_id: 'Object ID'
+coreshop.order_item.main_object_id: 'Main Object ID'
+coreshop.order_item.item_discount_price_net: 'Item Discount Price (Net)'
+coreshop.order_item.item_discount_price_gross: 'Item Discount Price (Gross)'
+coreshop.order_item.unit_definition: 'Unit Definition'
+coreshop.order_item.item_discount_net: 'Item Discount (Net)'
+coreshop.order_item.item_discount_gross: 'Item Discount (Gross)'
+coreshop.order_item.numbers: 'Numbers'
+coreshop.order_item.numbers_converted: 'Numbers (Converted)'
+coreshop.order_item.numbers_store: 'Numbers'
+coreshop.order_item.item_wholesale_price: 'Item Wholesale Price'
+coreshop.order_item.item_price_net: 'Item Price (Net)'
+coreshop.order_item.item_price_gross: 'Item Price (Gross)'
+coreshop.order_item.item_retail_price_net: 'Item Retail Price (Net)'
+coreshop.order_item.item_retail_price_gross: 'Item Retail Price (Gross)'
+coreshop.order_item.total_net: 'Total (Net)'
+coreshop.order_item.total_gross: 'Total (Gross)'
+coreshop.order_item.item_tax: 'Item Tax'
+coreshop.order_item.taxes: 'Taxes'
+coreshop.order_item.adjustments: 'Adjustments'
+coreshop.order_item.adjustments_total_gross: 'Adjustments Total (Gross)'
+coreshop.order_item.adjustments_total_net: 'Adjustments Total (Net)'
+coreshop.order_item.converted_item_wholesale_price: 'Converted Item Wholesale Price'
+coreshop.order_item.converted_item_discount_net: 'Converted Item Discount (Net)'
+coreshop.order_item.converted_item_discount_gross: 'Converted Item Discount (Gross)'
+coreshop.order_item.converted_item_price_net: 'Converted Item Price (Net)'
+coreshop.order_item.converted_item_discount_price_net: 'Converted Item Discount Price (Net)'
+coreshop.order_item.converted_item_discount_price_gross: 'Converted Item Discount Price (Gross)'
+coreshop.order_item.converted_item_price_gross: 'Converted Item Price (Gross)'
+coreshop.order_item.converted_item_retail_price_net: 'Converted Item Retail Price (Net)'
+coreshop.order_item.converted_item_retail_price_gross: 'Converted Item Retail Price (Gross)'
+coreshop.order_item.converted_total_net: 'Converted Total (Net)'
+coreshop.order_item.converted_total_gross: 'Converted Total (Gross)'
+coreshop.order_item.converted_item_tax: 'Converted Item Tax'
+coreshop.order_item.converted_taxes: 'Taxes'
+coreshop.order_item.converted_adjustments: 'Converted Adjustments'
+coreshop.order_item.converted_adjustments_total_gross: 'Converted Adjustments Total (Gross)'
+coreshop.order_item.converted_adjustments_total_net: 'Converted Adjustments Total (Net)'
+coreshop.order_shipment.shipment: 'Shipment'
+coreshop.order_shipment.order: 'Order'
+coreshop.order_shipment.date: 'Date'
+coreshop.order_shipment.number: 'Number'
+coreshop.order_shipment.state: 'State'
+coreshop.order_shipment.tracking_code: 'Tracking Code'
+coreshop.order_shipment.items: 'Items'
+coreshop.order_shipment_item.item: 'Item'
+coreshop.order_shipment_item.order_item: 'Order Item'
+coreshop.order_shipment_item.quantity: 'Quantity'
+coreshop.order_shipment_item.total_net: 'Total (Net)'
+coreshop.order_shipment_item.total_gross: 'Total (Gross)'
+coreshop.order_shipment_item.converted_total_net: 'Converted Total (Net)'
+coreshop.order_shipment_item.converted_total_gross: 'Converted Total (Gross)'
+coreshop.adjustment.type_identifier: 'Type'
+coreshop.adjustment.label: 'Label'
+coreshop.adjustment.amount_net: 'Amount (Net)'
+coreshop.adjustment.amount_gross: 'Amount (Gross)'
+coreshop.adjustment.neutral: 'Neutral'
+coreshop.cart_price_rule_item.price_rule: 'Price Rule'
+coreshop.cart_price_rule_item.voucher_code: 'Voucher Code'
+coreshop.cart_price_rule_item.discount_net: 'Discount (Net)'
+coreshop.cart_price_rule_item.discount_gross: 'Discount (Gross)'
+coreshop.order_item.custom_item_discount: 'Custom Item Discount'
+coreshop.order_item.custom_item_price: 'Custom Item Price'
+coreshop.order_item.converted_custom_item_price: 'Converted Custom Item Price'
+coreshop.order.converted_payment_total: 'Converted Payment Total'
+coreshop.order.payment_total: 'Payment Total'
+coreshop.order.carrier: 'Carrier'
+coreshop.order.weight: 'Weight'
+coreshop_order_creation_select_customer: 'Select a Customer'
+coreshop_order_creation_select_customer_description: 'Select a customer to create an order for.'
+coreshop_order_creation_select_customer_button: 'Select Customer'
+coreshop_order_creation_change_customer: 'Change'
+coreshop_order_creation_base: 'Base Settings'
+coreshop_order_creation_products: 'Products'
+coreshop_order_creation_address: 'Addresses'
+coreshop_order_creation_shipping: 'Shipping'
+coreshop_order_creation_payment: 'Payment'
+coreshop_order_creation_totals: 'Order Summary'
+coreshop_order_creation_cart_created: 'Cart created successfully'
+coreshop_order_creation_order_created: 'Order created successfully'
+coreshop_order_creation_cart_created_description: 'The cart has been created successfully.'
+coreshop_order_creation_order_created_description: 'The order has been created successfully.'
+coreshop_order_creation_open_sale: 'Open'
+coreshop_order_creation_create_another: 'Create Another'
+coreshop_reset: 'Reset'
+coreshop_refresh: 'Refresh'
+coreshop_select_store: 'Select Store'
+coreshop_select_currency: 'Select Currency'
+coreshop_select_locale: 'Select Locale'
+coreshop_locale: 'Locale'
+coreshop_add_products: 'Add Products'
+coreshop_no_products_added: 'No products added yet.'
+coreshop_id: 'ID'
+coreshop_name: 'Name'
+coreshop_custom_price: 'Custom Price'
+coreshop_custom_discount: 'Discount'
+coreshop_unit_price: 'Unit Price'
+coreshop_remove_product_confirm: 'Remove this product?'
+coreshop_yes: 'Yes'
+coreshop_no: 'No'
+coreshop_no_preview_available: 'Fill in the required fields to see the order summary.'
+coreshop_shipping: 'Shipping'
+coreshop_shipping_without_tax: 'Shipping (excl. Tax)'
+coreshop_shipping_tax: 'Shipping Tax'
+coreshop_payment_provider_fee: 'Payment Provider Fee'
+coreshop_converted_value: 'Converted'
+coreshop_description: 'Description'
+coreshop_value: 'Value'
+coreshop_select_address: 'Select Address'
+coreshop_copy_from_shipping: 'Copy from shipping'
+coreshop_no_addresses_available: 'No addresses available for this customer.'
+coreshop_carrier: 'Carrier'
+coreshop_select_carrier: 'Select Carrier'
+coreshop_no_carriers_available: 'No carriers available. Please select shipping and invoice addresses first.'
+coreshop_shipping_price: 'Shipping Price'
+coreshop_incl_tax: 'incl.'
+coreshop_store: 'Store'
+coreshop_or: 'or'
+coreshop_add: 'Add'
+coreshop_order_creation_drop_customer: 'Drop a customer here from the tree'
+coreshop_order_creation_customer_id: 'Customer ID'
+coreshop_order_creation_load_customer: 'Load'
+coreshop_order_creation_drop_products: 'Drop products here from the tree'
+coreshop_order_creation_drop_product: 'Drop product here'
+coreshop_order_creation_product_id: 'Product ID'
+coreshop_order_creation_add_more_products: 'Add more products:'
+coreshop_order_creation_select_products: 'Select products to add:'
+coreshop_order_creation_add_products: 'Add Products'
+coreshop_order_creation_browse_customers: 'Browse Customers'
+coreshop_order_creation_no_products: 'No products added yet.'
+coreshop_order_creation_creating: 'Creating...'
+coreshop_order_creation_open_cart: 'Open Cart'
+coreshop_order_creation_open_order: 'Open Order'
+coreshop_order_creation_create_another_same_customer: 'Create Another for Same Customer'
+coreshop_create_cart: 'Create Cart'
+coreshop_create_order: 'Create Order'
+coreshop_create: 'Create'
+coreshop_cancel: 'Cancel'
+coreshop_cart_name: 'Cart Name'
+coreshop_cart_name_placeholder: 'Enter a name for this cart'
+coreshop_close: 'Close'
+coreshop_ok: 'OK'
+coreshop_select_payment_provider: 'Select Payment Provider'
+coreshop_address_created_success: 'Address created successfully'
+coreshop_required: 'Required'
+coreshop_company: 'Company'
+coreshop_select_country: 'Select Country'
+coreshop_select_state: 'Select State'
+coreshop_details: 'Details'
+coreshop_shipping_address: 'Shipping Address'
+coreshop_invoice_address: 'Invoice Address'
+coreshop_open_customer_data_object: 'Open Customer'
+coreshop_create_payment: 'Create Payment'
+coreshop_create_shipment: 'Create Shipment'
+coreshop_create_invoice: 'Create Invoice'
+coreshop_no_payments: 'No payments yet'
+coreshop_no_shipments: 'No shipments yet'
+coreshop_payment_details: 'Payment Details'
+coreshop_open_payment_details: 'Open Payment Details'
+coreshop_open_shipment_details: 'Open Shipment Details'
+coreshop_order_add_payment: 'Add Payment'
+coreshop_order_add_shipment: 'Add Shipment'
+coreshop_change_payment_state: 'Change Payment State'
+coreshop_change_payment_state_description: 'Select a new state for this payment'
+coreshop_change_shipment_state: 'Change Shipment State'
+coreshop_change_shipment_state_description: 'Select a new state for this shipment'
+coreshop_to_invoice: 'To Invoice'
+coreshop_to_ship: 'To Ship'
+coreshop_cart_pricerule_add: 'Add Price Rule'
+coreshop_cart_pricerule_select: 'Select Price Rule'
+coreshop_cart_pricerules: 'Price Rules'
+coreshop_header: 'Header'
+coreshop_name_required: 'Name is required'
+coreshop_order_info: 'Order Information'
+coreshop_status: 'Status'
+coreshop_customer_since: 'Customer since'
+coreshop_prices_are_gross: 'Prices include tax'
+
+# Additional class definition translations
+coreshop.order_invoice.converted_subtotal_gross: 'Converted Subtotal (Gross)'
+coreshop.order_invoice.converted_subtotal_net: 'Converted Subtotal (Net)'
+coreshop.order_item.converted_subtotal_gross: 'Converted Subtotal (Gross)'
+coreshop.order_item.converted_subtotal_net: 'Converted Subtotal (Net)'
+coreshop.order_item.default_unit_quantity: 'Default Unit Quantity'
+coreshop.order_item.digital_product: 'Digital Product'
+coreshop.order_item.immutable: 'Immutable'
+coreshop.order_item.item_weight: 'Item Weight'
+coreshop.order_item.order: 'Order'
+coreshop.order_item.subtotal_gross: 'Subtotal (Gross)'
+coreshop.order_item.subtotal_net: 'Subtotal (Net)'
+coreshop.order_item.total_weight: 'Total Weight'
+coreshop.order_shipment_item.weight: 'Weight'
+coreshop.order_shipment.carrier: 'Carrier'
+coreshop.order_shipment.weight: 'Weight'
+coreshop.order.attributes: 'Attributes'
+coreshop.order.comment: 'Comment'
+coreshop.order.immutable: 'Immutable'
+coreshop.order.needs_recalculation: 'Needs Recalculation'
+coreshop.order.payment_settings: 'Payment Settings'
+coreshop.order.quote.number: 'Quote Number'
+coreshop.order.shipping_tax_rate: 'Shipping Tax Rate'
+coreshop.order.shipping: 'Shipping'
+
+# Studio v2
+coreshop_no_folder_configured: 'No folder configured'
+coreshop_save: 'Save'
+coreshop_generate: 'Generate'
+coreshop_voucher_codes_load_error: 'Failed to load voucher codes'
+coreshop_voucher_code_create_success: 'Voucher code created'
+coreshop_voucher_code_create_error: 'Failed to create voucher code'
+coreshop_voucher_codes_generate_success: 'Voucher codes generated'
+coreshop_voucher_codes_generate_error: 'Failed to generate voucher codes'
+coreshop_voucher_code_delete_success: 'Voucher code deleted'
+coreshop_voucher_code_delete_error: 'Failed to delete voucher code'
+coreshop_voucher_code_delete_confirm: 'Delete voucher code?'
+coreshop_cart_item_add_condition: 'Add Condition'
+coreshop_cart_item_no_conditions: 'No conditions defined'
+coreshop_cart_item_add_action: 'Add Action'
+coreshop_cart_item_no_actions: 'No actions defined'
+coreshop_invoice_load_items_error: 'Failed to load invoiceable items'
+coreshop_invoice_create_success: 'Invoice created successfully'
+coreshop_invoice_create_error: 'Failed to create invoice'
+coreshop_payment_create_success: 'Payment created successfully'
+coreshop_payment_create_error: 'Failed to create payment'
+coreshop_amount_must_be_positive: 'Amount must be positive'
+coreshop_shipment_load_items_error: 'Failed to load items'
+coreshop_shipment_select_items: 'Please select items to ship'
+coreshop_shipment_create_success: 'Shipment created successfully'
+coreshop_shipment_create_error: 'Failed to create shipment'
+coreshop_mail_correspondence_open_document: 'Open Email Document'
+coreshop_mail_correspondence_open_thread: 'Open Messaging Thread'
+coreshop_mail_correspondence_none: 'No email correspondence'
+coreshop_mail_correspondence_open_document_not_supported: 'Studio v2 does not yet support opening Pimcore Documents.'
+coreshop_converted_total_without_tax: 'Conv. Total (excl.)'
+coreshop_confirm_transition: 'Confirm Transition'
+coreshop_confirm_transition_content: 'Are you sure you want to apply transition "{{transition}}"?'
+coreshop_change_state_success: 'State changed successfully'
+coreshop_change_state_error: 'Failed to change state'
+coreshop_transition: 'Transition'
+coreshop_order_with_number: 'Order: {{number}}'
+coreshop_open_data_object: 'Open DataObject'
diff --git a/src/CoreShop/Bundle/OrderBundle/Resources/views/OrderDocumentPrint/footer.html.twig b/src/CoreShop/Bundle/OrderBundle/Resources/views/OrderDocumentPrint/footer.html.twig
index 723028bf5f..91502fb942 100644
--- a/src/CoreShop/Bundle/OrderBundle/Resources/views/OrderDocumentPrint/footer.html.twig
+++ b/src/CoreShop/Bundle/OrderBundle/Resources/views/OrderDocumentPrint/footer.html.twig
@@ -2,7 +2,7 @@
 
 {% block content %}
 <div>
-    www.coreshop.org
+    www.coreshop.com
     <span class="pull-right">
         <span class="pageNumber"></span> / <span class="totalPages"></span>
     </span>
diff --git a/src/CoreShop/Bundle/OrderBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/OrderBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..f2365cc6ad
--- /dev/null
+++ b/src/CoreShop/Bundle/OrderBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\OrderBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/OrderBundle/composer.json b/src/CoreShop/Bundle/OrderBundle/composer.json
index 30bcf35786..8fea680bfa 100644
--- a/src/CoreShop/Bundle/OrderBundle/composer.json
+++ b/src/CoreShop/Bundle/OrderBundle/composer.json
@@ -1,68 +1,75 @@
 {
-  "name": "coreshop/order-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Order Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/order-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Order Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/address-bundle": "^5.0",
+        "coreshop/currency-bundle": "^5.0",
+        "coreshop/customer-bundle": "^5.0",
+        "coreshop/payment-bundle": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/rule-bundle": "^5.0",
+        "coreshop/store-bundle": "^5.0",
+        "coreshop/storage-list-bundle": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "coreshop/workflow-bundle": "^5.0",
+        "coreshop/order": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "pimcore/web-to-print-bundle": "^2.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/address-bundle": "^5.0",
-    "coreshop/currency-bundle": "^5.0",
-    "coreshop/customer-bundle": "^5.0",
-    "coreshop/payment-bundle": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/rule-bundle": "^5.0",
-    "coreshop/store-bundle": "^5.0",
-    "coreshop/storage-list-bundle": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "coreshop/workflow-bundle": "^5.0",
-    "coreshop/order": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "pimcore/web-to-print-bundle": "^2.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\OrderBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\OrderBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/PaymentBundle/Controller/PaymentProviderRuleController.php b/src/CoreShop/Bundle/PaymentBundle/Controller/PaymentProviderRuleController.php
index e72e9d791d..907ae6cae1 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Controller/PaymentProviderRuleController.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Controller/PaymentProviderRuleController.php
@@ -18,17 +18,38 @@
 namespace CoreShop\Bundle\PaymentBundle\Controller;
 
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 
 class PaymentProviderRuleController extends ResourceController
 {
-    public function getConfigAction(Request $request): Response
-    {
+    public function getConfigAction(
+        Request $request,
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.payment_provider_rule.conditions')]
+        FormTypeRegistryInterface $conditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.payment_provider_rule.actions')]
+        FormTypeRegistryInterface $actionFormRegistry,
+    ): Response {
         $actions = $this->getConfigActions();
         $conditions = $this->getConfigConditions();
 
-        return $this->viewHandler->handle(['actions' => array_keys($actions), 'conditions' => array_keys($conditions)]);
+        $conditionSchemas = $schemaCollector->collectSchemasWithTypeMap($conditionFormRegistry, array_keys($conditions));
+        $actionSchemas = $schemaCollector->collectSchemasWithTypeMap($actionFormRegistry, array_keys($actions));
+
+        return $this->viewHandler->handle([
+            'actions' => array_keys($actions),
+            'conditions' => array_keys($conditions),
+            'schemas' => array_merge(
+                $conditionSchemas['schemas'],
+                $actionSchemas['schemas'],
+            ),
+            'conditionSchemaByType' => $conditionSchemas['schemaByType'],
+            'actionSchemaByType' => $actionSchemas['schemaByType'],
+        ]);
     }
 
     /**
diff --git a/src/CoreShop/Bundle/PaymentBundle/CoreShopPaymentBundle.php b/src/CoreShop/Bundle/PaymentBundle/CoreShopPaymentBundle.php
index e62eee26a4..e1de37a573 100644
--- a/src/CoreShop/Bundle/PaymentBundle/CoreShopPaymentBundle.php
+++ b/src/CoreShop/Bundle/PaymentBundle/CoreShopPaymentBundle.php
@@ -20,6 +20,7 @@
 use CoreShop\Bundle\PaymentBundle\DependencyInjection\Compiler\PaymentCalculatorsPass;
 use CoreShop\Bundle\PaymentBundle\DependencyInjection\Compiler\PaymentProviderRuleActionPass;
 use CoreShop\Bundle\PaymentBundle\DependencyInjection\Compiler\PaymentProviderRuleConditionPass;
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterFormTypesFromTagsPass;
 use CoreShop\Bundle\ResourceBundle\AbstractResourceBundle;
 use CoreShop\Bundle\ResourceBundle\CoreShopResourceBundle;
 use CoreShop\Bundle\RuleBundle\CoreShopRuleBundle;
@@ -51,6 +52,9 @@ public function build(ContainerBuilder $container): void
         $container->addCompilerPass(new PaymentProviderRuleConditionPass());
         $container->addCompilerPass(new PaymentProviderRuleActionPass());
         $container->addCompilerPass(new PaymentCalculatorsPass());
+
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(PaymentProviderRuleConditionPass::PAYMENT_PROVIDER_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(PaymentProviderRuleActionPass::PAYMENT_PROVIDER_RULE_ACTION_TAG));
     }
 
     protected function getModelNamespace(): string
diff --git a/src/CoreShop/Bundle/PaymentBundle/DependencyInjection/CoreShopPaymentExtension.php b/src/CoreShop/Bundle/PaymentBundle/DependencyInjection/CoreShopPaymentExtension.php
index f49faf7ddb..f84fd7d570 100644
--- a/src/CoreShop/Bundle/PaymentBundle/DependencyInjection/CoreShopPaymentExtension.php
+++ b/src/CoreShop/Bundle/PaymentBundle/DependencyInjection/CoreShopPaymentExtension.php
@@ -31,10 +31,29 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopPaymentExtension extends AbstractModelExtension
+final class CoreShopPaymentExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopPaymentProvider',
+                    ],
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopMultiSelectAdapter' => [
+                        'coreShopPaymentProviderMultiselect',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -53,6 +72,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Schema/PaymentProviderSchemaEnricher.php b/src/CoreShop/Bundle/PaymentBundle/Form/Schema/PaymentProviderSchemaEnricher.php
new file mode 100644
index 0000000000..35ad53e469
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Schema/PaymentProviderSchemaEnricher.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\PaymentBundle\Form\Schema;
+
+use CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\TabSchema;
+
+final class PaymentProviderSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_ORDER = [
+        'identifier',
+        'position',
+        'active',
+        'logo',
+        'gatewayConfig',
+        'translations',
+        'stores',
+        'paymentProviderRules',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === PaymentProviderType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->tabs = [
+            new TabSchema('settings', 'coreshop_settings', 10),
+            new TabSchema('rules', 'coreshop_payment_provider_rules', 20),
+        ];
+
+        foreach ($schema->fields as $field) {
+            if ($field->name === 'paymentProviderRules') {
+                $field->tab = 'rules';
+            }
+        }
+
+        // Reorder fields to match the desired layout.
+        $orderMap = array_flip(self::FIELD_ORDER);
+        usort($schema->fields, static function ($a, $b) use ($orderMap): int {
+            $posA = $orderMap[$a->name] ?? 999;
+            $posB = $orderMap[$b->name] ?? 999;
+
+            return $posA <=> $posB;
+        });
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderRuleGroupCollectionType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderRuleGroupCollectionType.php
index fc59335728..1f2d077fda 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderRuleGroupCollectionType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderRuleGroupCollectionType.php
@@ -36,7 +36,7 @@ public function configureOptions(OptionsResolver $resolver): void
             'entry_type' => PaymentProviderRuleGroupType::class,
             'allow_add' => true,
             'allow_delete' => true,
-            'by_reference' => true,
+            'by_reference' => false,
         ]);
     }
 }
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderType.php
index 7f15972c56..fb2e8a7ecd 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/PaymentProviderType.php
@@ -30,17 +30,22 @@ final class PaymentProviderType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('identifier', TextType::class)
+            ->add('identifier', TextType::class, [
+                'label' => 'coreshop_identifier',
+            ])
             ->add('translations', ResourceTranslationsType::class, [
                 'entry_type' => PaymentProviderTranslationType::class,
             ])
             ->add('position', IntegerType::class, [
+                'label' => 'coreshop_position',
                 'required' => false,
             ])
             ->add('logo', PimcoreAssetChoiceType::class, [
+                'label' => 'coreshop_logo',
                 'required' => false,
             ])
             ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
                 'required' => false,
             ])
             ->add('paymentProviderRules', PaymentProviderRuleGroupCollectionType::class)
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php
index 4fa7fadc3d..5d67cd6a02 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_additionPercent_percent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php
index b1aa2f19a2..3d928c45da 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_discountPercent_percent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Common/PaymentProviderRuleConfigurationType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Common/PaymentProviderRuleConfigurationType.php
index 312d704442..12508a923a 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Common/PaymentProviderRuleConfigurationType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Common/PaymentProviderRuleConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('paymentProviderRule', PaymentProviderRuleChoiceType::class, [
+                'label' => 'coreshop_payment_provider_rule',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/AmountConfigurationType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
index 3d73ed03dc..c650b832a1 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
@@ -39,6 +39,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('minAmount', MoneyType::class, [
+                'label' => 'coreshop_condition_amount_minAmount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
@@ -46,13 +47,18 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 ],
             ])
             ->add('maxAmount', MoneyType::class, [
+                'label' => 'coreshop_condition_amount_maxAmount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
-            ->add('gross', CheckboxType::class)
-            ->add('useTotal', CheckboxType::class)
+            ->add('gross', CheckboxType::class, [
+                'label' => 'coreshop_condition_amount_gross',
+            ])
+            ->add('useTotal', CheckboxType::class, [
+                'label' => 'coreshop_condition_amount_use_total',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/NestedConfigurationType.php b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
index af908e2982..e0f7abf0d1 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
+++ b/src/CoreShop/Bundle/PaymentBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
@@ -42,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', PaymentProviderRuleConditionCollectionType::class, [
                 'constraints' => [new Valid(groups: $this->validationGroups)],
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/PaymentBundle/README.md b/src/CoreShop/Bundle/PaymentBundle/README.md
index ff6c9b8e89..12e1e42bda 100644
--- a/src/CoreShop/Bundle/PaymentBundle/README.md
+++ b/src/CoreShop/Bundle/PaymentBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..860dd477b7
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@coreshop/payment",
+  "version": "1.0.0",
+  "description": "CoreShop PaymentBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payment-provider-rule.svg b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payment-provider-rule.svg
new file mode 100644
index 0000000000..e21cadeea1
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payment-provider-rule.svg
@@ -0,0 +1,57 @@
+
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0,0,256,256" fill-rule="nonzero">
+    <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
+       stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
+       font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <g transform="scale(6.4,6.4)">
+            <path d="M18,33.5c-1.378,0 -2.5,-1.122 -2.5,-2.5v-8.5h5v8.5c0,1.378 -1.122,2.5 -2.5,2.5z"
+                  fill="#e8d47b"></path>
+            <path d="M20,23v8c0,1.103 -0.897,2 -2,2c-1.103,0 -2,-0.897 -2,-2v-8h4M21,22h-6v9c0,1.657 1.343,3 3,3c1.657,0 3,-1.343 3,-3v-9z"
+                  fill="#ba9b48"></path>
+            <path d="M23,32.5c-1.378,0 -2.5,-1.122 -2.5,-2.5v-8.5h5v8.5c0,1.378 -1.122,2.5 -2.5,2.5z"
+                  fill="#e8d47b"></path>
+            <path d="M25,22v8c0,1.103 -0.897,2 -2,2c-1.103,0 -2,-0.897 -2,-2v-8h4M26,21h-6v9c0,1.657 1.343,3 3,3c1.657,0 3,-1.343 3,-3v-9zM12.5,18c-1.933,0 -3.5,1.79086 -3.5,4c0,2.20914 1.567,4 3.5,4c1.933,0 3.5,-1.79086 3.5,-4c0,-2.20914 -1.567,-4 -3.5,-4z"
+                  fill="#ba9b48"></path>
+            <path d="M28,30.5c-1.378,0 -2.5,-1.122 -2.5,-2.5v-8.5h5v8.5c0,1.378 -1.122,2.5 -2.5,2.5z"
+                  fill="#e8d47b"></path>
+            <path d="M30,20v8c0,1.103 -0.897,2 -2,2c-1.103,0 -2,-0.897 -2,-2v-8h4M31,19h-6v9c0,1.657 1.343,3 3,3c1.657,0 3,-1.343 3,-3v-9z"
+                  fill="#ba9b48"></path>
+            <path d="M14,24.5c-0.827,0 -1.5,-0.673 -1.5,-1.5v-15c0,-0.827 0.673,-1.5 1.5,-1.5h23c0.827,0 1.5,0.673 1.5,1.5v15c0,0.827 -0.673,1.5 -1.5,1.5z"
+                  fill="#f78f8f"></path>
+            <path d="M37,7c0.551,0 1,0.449 1,1v15c0,0.551 -0.449,1 -1,1h-23c-0.551,0 -1,-0.449 -1,-1v-15c0,-0.551 0.449,-1 1,-1h23M37,6h-23c-1.105,0 -2,0.895 -2,2v15c0,1.105 0.895,2 2,2h23c1.105,0 2,-0.895 2,-2v-15c0,-1.105 -0.895,-2 -2,-2z"
+                  fill="#c74343"></path>
+            <path d="M15,14h21v2h-21z" fill="#ffffff"></path>
+            <path d="M1.5,33.5v-15.238l9.237,-6.413c0.292,-0.232 0.625,-0.349 0.964,-0.349h1.799v7.567l-2.222,2.639c-0.254,0.302 -0.31,0.708 -0.146,1.06c0.166,0.357 0.521,0.588 0.905,0.588c0.164,0 0.323,-0.041 0.474,-0.121l8.015,-5.253c0.444,-0.318 0.947,-0.48 1.471,-0.48c0.806,0 1.566,0.39 2.035,1.044c0.803,1.12 0.545,2.685 -0.576,3.488l-11.406,10.449c-0.787,0.651 -1.806,1.019 -2.852,1.019z"
+                  fill="#ffeea3"></path>
+            <path d="M13,12v6.885l-2.105,2.499c-0.38,0.452 -0.463,1.062 -0.217,1.593c0.248,0.533 0.781,0.877 1.359,0.877c0.243,0 0.488,-0.062 0.708,-0.179l0.041,-0.022l0.039,-0.025l8.009,-5.254c0.343,-0.244 0.745,-0.374 1.163,-0.374c0.645,0 1.253,0.312 1.628,0.835c0.643,0.896 0.436,2.148 -0.46,2.791l-0.049,0.035l-0.044,0.041l-11.322,10.378c-0.716,0.593 -1.622,0.92 -2.552,0.92h-7.198v-14.477l9.022,-6.263l0.028,-0.019l0.027,-0.021c0.176,-0.142 0.398,-0.22 0.625,-0.22h1.298M14,11h-2.298c-0.454,0 -0.895,0.155 -1.249,0.438l-9.453,6.562v16h8.198c1.165,0 2.293,-0.407 3.19,-1.15l11.36,-10.412c1.347,-0.965 1.656,-2.839 0.69,-4.186c-0.586,-0.817 -1.507,-1.252 -2.441,-1.252c-0.605,0 -1.216,0.182 -1.745,0.562l-7.975,5.23c-0.081,0.043 -0.162,0.062 -0.239,0.062c-0.385,0 -0.673,-0.475 -0.378,-0.826l2.34,-2.778v-8.25z"
+                  fill="#ba9b48"></path>
+            <g fill="#36404d">
+                <path d="M12,9h27v4h-27z"></path>
+            </g>
+            <g fill="#c74343">
+                <path d="M12,13h1v9h-1z"></path>
+            </g>
+            <g fill="#f78f8f">
+                <path d="M13,13h2v8l-2,1.318z"></path>
+            </g>
+            <g fill="#ffeea3">
+                <path d="M3,17.829l-2,1.388v13.783h2z"></path>
+            </g>
+        </g>
+    </g>
+    <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
+       stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
+       font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <g transform="translate(127.4,143.4) scale(6.4,6.4)" id="overlay">
+            <g>
+                <g fill="#8bb7f0">
+                    <path d="M6.734,14.5h0.766v-4h-4v0.766l-2.719,-2.266l2.719,-2.266v0.766h4v-4h-0.766l2.266,-2.719l2.266,2.719h-0.766v4h4v-0.766l2.719,2.266l-2.719,2.266v-0.766h-4v4h0.766l-2.266,2.719z"></path>
+                </g>
+                <g fill="#4e7ab5">
+                    <path d="M9,1.562l1.198,1.438h-0.198v1v3v1h1h3h1v-0.198l1.438,1.198l-1.438,1.198v-0.198h-1h-3h-1v1v3v1h0.198l-1.198,1.438l-1.198,-1.438h0.198v-1v-3v-1h-1h-3h-1v0.198l-1.438,-1.198l1.438,-1.198v0.198h1h3h1v-1v-3v-1h-0.198l1.198,-1.438M9,0l-3.333,4h1.333v3h-3v-1.333l-4,3.333l4,3.333v-1.333h3v3h-1.333l3.333,4l3.333,-4h-1.333v-3h3v1.333l4,-3.333l-4,-3.333v1.333h-3v-3h1.333l-3.333,-4z"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payment-provider.svg b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payment-provider.svg
new file mode 100644
index 0000000000..d0a68178f5
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payment-provider.svg
@@ -0,0 +1,34 @@
+
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="30px" height="30px">
+    <path fill="#e8d47b" d="M18,33.5c-1.378,0-2.5-1.122-2.5-2.5v-8.5h5V31C20.5,32.378,19.378,33.5,18,33.5z"/>
+    <path fill="#ba9b48"
+          d="M20,23v8c0,1.103-0.897,2-2,2s-2-0.897-2-2v-8H20 M21,22h-6v9c0,1.657,1.343,3,3,3s3-1.343,3-3V22 L21,22z"/>
+    <path fill="#e8d47b" d="M23,32.5c-1.378,0-2.5-1.122-2.5-2.5v-8.5h5V30C25.5,31.378,24.378,32.5,23,32.5z"/>
+    <path fill="#ba9b48"
+          d="M25 22v8c0 1.103-.897 2-2 2s-2-.897-2-2v-8H25M26 21h-6v9c0 1.657 1.343 3 3 3s3-1.343 3-3V21L26 21zM12.5 18A3.5 4 0 1 0 12.5 26 3.5 4 0 1 0 12.5 18z"/>
+    <path fill="#e8d47b" d="M28,30.5c-1.378,0-2.5-1.122-2.5-2.5v-8.5h5V28C30.5,29.378,29.378,30.5,28,30.5z"/>
+    <path fill="#ba9b48"
+          d="M30,20v8c0,1.103-0.897,2-2,2s-2-0.897-2-2v-8H30 M31,19h-6v9c0,1.657,1.343,3,3,3s3-1.343,3-3V19 L31,19z"/>
+    <path fill="#f78f8f"
+          d="M14,24.5c-0.827,0-1.5-0.673-1.5-1.5V8c0-0.827,0.673-1.5,1.5-1.5h23c0.827,0,1.5,0.673,1.5,1.5v15 c0,0.827-0.673,1.5-1.5,1.5H14z"/>
+    <path fill="#c74343"
+          d="M37,7c0.551,0,1,0.449,1,1v15c0,0.551-0.449,1-1,1H14c-0.551,0-1-0.449-1-1V8c0-0.551,0.449-1,1-1 H37 M37,6H14c-1.105,0-2,0.895-2,2v15c0,1.105,0.895,2,2,2h23c1.105,0,2-0.895,2-2V8C39,6.895,38.105,6,37,6L37,6z"/>
+    <path fill="#fff" d="M15 14H36V16H15z"/>
+    <path fill="#ffeea3"
+          d="M1.5,33.5V18.262l9.237-6.413c0.292-0.232,0.625-0.349,0.964-0.349H13.5v7.567l-2.222,2.639 c-0.254,0.302-0.31,0.708-0.146,1.06c0.166,0.357,0.521,0.588,0.905,0.588c0.164,0,0.323-0.041,0.474-0.121l8.015-5.253 c0.444-0.318,0.947-0.48,1.471-0.48c0.806,0,1.566,0.39,2.035,1.044c0.803,1.12,0.545,2.685-0.576,3.488L12.05,32.481 c-0.787,0.651-1.806,1.019-2.852,1.019H1.5z"/>
+    <path fill="#ba9b48"
+          d="M13,12v6.885l-2.105,2.499c-0.38,0.452-0.463,1.062-0.217,1.593 c0.248,0.533,0.781,0.877,1.359,0.877c0.243,0,0.488-0.062,0.708-0.179l0.041-0.022l0.039-0.025l8.009-5.254 C21.177,18.13,21.579,18,21.997,18c0.645,0,1.253,0.312,1.628,0.835c0.643,0.896,0.436,2.148-0.46,2.791l-0.049,0.035 l-0.044,0.041L11.75,32.08C11.034,32.673,10.128,33,9.198,33H2V18.523l9.022-6.263l0.028-0.019l0.027-0.021 C11.253,12.078,11.475,12,11.702,12H13 M14,11h-2.298c-0.454,0-0.895,0.155-1.249,0.438L1,18v16h8.198 c1.165,0,2.293-0.407,3.19-1.15l11.36-10.412c1.347-0.965,1.656-2.839,0.69-4.186C23.852,17.435,22.931,17,21.997,17 c-0.605,0-1.216,0.182-1.745,0.562l-7.975,5.23c-0.081,0.043-0.162,0.062-0.239,0.062c-0.385,0-0.673-0.475-0.378-0.826L14,19.25 V11L14,11z"/>
+    <g>
+        <path fill="#36404d" d="M12 9H39V13H12z"/>
+    </g>
+    <g>
+        <path fill="#c74343" d="M12 13H13V22H12z"/>
+    </g>
+    <g>
+        <path fill="#f78f8f" d="M13 13L15 13 15 21 13 22.318z"/>
+    </g>
+    <g>
+        <path fill="#ffeea3" d="M3 17.829L1 19.217 1 33 3 33z"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payments.svg b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payments.svg
new file mode 100644
index 0000000000..906cf8d6db
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/assets/payments.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#78909C" d="M40,41H8c-2.2,0-4-1.8-4-4l0-20.9c0-1.3,0.6-2.5,1.7-3.3L24,0l18.3,12.8c1.1,0.7,1.7,2,1.7,3.3V37  C44,39.2,42.2,41,40,41z"/>
+<rect x="14" y="1" fill="#AED581" width="20" height="31"/>
+<g>
+	<path fill="#558B2F" d="M13,0v33h22V0H13z M33,31H15V2h18V31z"/>
+	<path fill="#558B2F" d="M34,3c0,1.7-0.3,3-2,3c-1.7,0-3-1.3-3-3s1.3-2,3-2C33.7,1,34,1.3,34,3z"/>
+	<path fill="#558B2F" d="M16,1c1.7,0,3,0.3,3,2s-1.3,3-3,3s-2-1.3-2-3S14.3,1,16,1z"/>
+	<circle fill="#558B2F" cx="24" cy="8" r="2"/>
+	<circle fill="#558B2F" cx="24" cy="20" r="6"/>
+</g>
+<path fill="#CFD8DC" d="M40,41H8c-2.2,0-4-1.8-4-4l0-20l20,13l20-13v20C44,39.2,42.2,41,40,41z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/components/PaymentProviderSelect.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/components/PaymentProviderSelect.tsx
new file mode 100644
index 0000000000..dd29bb5dd4
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/components/PaymentProviderSelect.tsx
@@ -0,0 +1,39 @@
+/**
+ * CoreShop PaymentBundle - Payment Provider Select
+ *
+ * Select component for choosing payment providers with module-level caching.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { EntitySelect } from '@coreshop/resource/src/components/EntitySelect'
+import { paymentProviderApi } from '../modules/payment-providers/api'
+
+const { load: loadPaymentProviders, getCache: getPaymentProviderCache, clearCache: clearPaymentProviderCache } = createOptionsLoader(async () => {
+  const providers = await paymentProviderApi.list()
+  return providers.map(provider => ({
+    value: provider.id!,
+    label: provider.identifier ?? `#${provider.id}`
+  }))
+})
+
+export { loadPaymentProviders, getPaymentProviderCache, clearPaymentProviderCache }
+
+export const PaymentProviderSelect: React.FC<SelectProps> = (props) => {
+  return (
+    <EntitySelect
+      {...props}
+      loadOptions={loadPaymentProviders}
+      getCachedOptions={getPaymentProviderCache}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..67ef1f28fc
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,5 @@
+/**
+ * CoreShop PaymentBundle - Components
+ */
+
+export { PaymentProviderSelect, clearPaymentProviderCache } from './PaymentProviderSelect'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopPaymentProvider.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopPaymentProvider.tsx
new file mode 100644
index 0000000000..f28d480e26
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopPaymentProvider.tsx
@@ -0,0 +1,17 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadPaymentProviders, getPaymentProviderCache, clearPaymentProviderCache } from '../components/PaymentProviderSelect'
+
+export { loadPaymentProviders, clearPaymentProviderCache }
+
+export class DynamicTypeObjectDataCoreShopPaymentProvider extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopPaymentProvider'
+  loadOptions = loadPaymentProviders
+  getCachedOptions = getPaymentProviderCache
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopPaymentProviderMultiselect.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopPaymentProviderMultiselect.tsx
new file mode 100644
index 0000000000..81a97cfa8c
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopPaymentProviderMultiselect.tsx
@@ -0,0 +1,15 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { DynamicTypeObjectDataCoreShopMultiSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect'
+import { loadPaymentProviders, getPaymentProviderCache } from '../components/PaymentProviderSelect'
+
+export class DynamicTypeObjectDataCoreShopPaymentProviderMultiselect extends DynamicTypeObjectDataCoreShopMultiSelect {
+  readonly id = 'coreShopPaymentProviderMultiselect'
+  loadOptions = loadPaymentProviders
+  getCachedOptions = getPaymentProviderCache
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..2b094afa0a
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,9 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopPaymentProvider } from './DynamicTypeObjectDataCoreShopPaymentProvider'
+export { DynamicTypeObjectDataCoreShopPaymentProviderMultiselect } from './DynamicTypeObjectDataCoreShopPaymentProviderMultiselect'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..00ea279743
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop PaymentBundle - Main Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './components'
+export * from './modules/payment-providers'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..39e5dc622f
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,123 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { Input } from 'antd'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { EntityChoiceWidget } from '@coreshop/resource/src/components/EntityChoiceWidget'
+import { loadPaymentProviders, getPaymentProviderCache } from './components/PaymentProviderSelect'
+import { PaymentBundleIconModule } from './modules/icon-library'
+import { PaymentProviderWidgetsModule } from './modules/payment-providers/widgets'
+import { ConditionRegistry, ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopPaymentServiceIds } from './modules/payment-provider-rules/service-ids'
+import { PaymentProviderManager } from './modules/payment-providers/PaymentProviderManager'
+import { PaymentProviderRuleManager } from './modules/payment-provider-rules/PaymentProviderRuleManager'
+import { GatewayRegistry } from './modules/payment-providers/gateways'
+import {
+    DynamicTypeObjectDataCoreShopPaymentProvider,
+    DynamicTypeObjectDataCoreShopPaymentProviderMultiselect
+} from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-payment',
+
+  onInit() {
+    // ============================================
+    // Dynamic Types Registration
+    // ============================================
+    const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+      serviceIds['DynamicTypes/ObjectDataRegistry']
+    )
+    objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopPaymentProvider())
+    objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopPaymentProviderMultiselect())
+
+    // ============================================
+    // Payment Provider Rules Registry Setup
+    // ============================================
+    // Create and bind registries for Payment Provider Rules (SYNCHRONOUS!)
+    container.bind(coreshopPaymentServiceIds.paymentProviderRuleConditionRegistry)
+      .to(ConditionRegistry)
+      .inSingletonScope()
+
+    container.bind(coreshopPaymentServiceIds.paymentProviderRuleActionRegistry)
+      .to(ActionRegistry)
+      .inSingletonScope()
+
+    // Get registries
+    const conditionRegistry = container.get<ConditionRegistry>(
+      coreshopPaymentServiceIds.paymentProviderRuleConditionRegistry
+    )
+    const actionRegistry = container.get<ActionRegistry>(
+      coreshopPaymentServiceIds.paymentProviderRuleActionRegistry
+    )
+
+    // Schema-based conditions/actions are auto-registered at runtime from backend mappings.
+    // Keep registries instantiated here so other bundles can extend them during startup.
+    void conditionRegistry
+    void actionRegistry
+
+    // ============================================
+    // Gateway Configurator Registry Setup
+    // ============================================
+    container.bind(coreshopPaymentServiceIds.gatewayConfiguratorRegistry)
+      .to(GatewayRegistry)
+      .inSingletonScope()
+
+    // GatewayRegistry is available for custom gateway configurators that can't
+    // be expressed as Symfony form types. Schema-based gateways are auto-resolved
+    // from backend block prefixes in GatewayConfigPanel.
+
+    // ============================================
+    // StudioForm Widget Registration
+    // ============================================
+    const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+    formWidgetRegistry.register('coreshop_payment_provider_choice', (field) => ({
+      component: EntityChoiceWidget,
+      props: { loadOptions: loadPaymentProviders, getCachedOptions: getPaymentProviderCache, droppableAccept: 'coreshop:payment_provider', mode: field.multiple ? 'multiple' as const : undefined }
+    }))
+
+    // ============================================
+    // Widget Registration
+    // ============================================
+    const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgets.registerWidget({
+      name: 'coreshop_payment_providers',
+      component: PaymentProviderManager
+    })
+
+    widgets.registerWidget({
+      name: 'coreshop_payment_provider_rules',
+      component: PaymentProviderRuleManager
+    })
+  },
+
+  onStartup({ moduleSystem }) {
+    // Hide PaymentBundle-owned rule collection prefixes from generic schema forms
+    const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+    const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+    ;[
+      'coreshop_payment_provider_rule_condition_collection',
+      'coreshop_payment_action_collection',
+    ].forEach((prefix) => formWidgetRegistry.register(prefix, hiddenWidget))
+
+    moduleSystem.registerModule(PaymentBundleIconModule)
+    moduleSystem.registerModule(PaymentProviderWidgetsModule)
+  }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..ee1b83564a
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,46 @@
+/**
+ * CoreShop PaymentBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import paymentProviderIcon from '../../assets/payment-provider.svg?react'
+// @ts-ignore
+import paymentProviderRuleIcon from '../../assets/payment-provider-rule.svg?react'
+
+export const PaymentBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'pimcore_icon_coreShopPaymentProvider',
+      component: paymentProviderIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_icon_payment_provider',
+      component: paymentProviderIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_payment_provider',
+      component: paymentProviderIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_payment_provider_rule',
+      component: paymentProviderRuleIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/PaymentProviderRuleManager.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/PaymentProviderRuleManager.tsx
new file mode 100644
index 0000000000..db0e312279
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/PaymentProviderRuleManager.tsx
@@ -0,0 +1,96 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { EntityTabbedManager } from '@coreshop/resource'
+import { RuleForm } from '@coreshop/rule/src/rules'
+import type { RuleConfig } from '@coreshop/rule/src/rules'
+import { ActionRegistry, ConditionRegistry, registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules/registry'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { paymentProviderRuleApi } from './api'
+import type { PaymentProviderRule } from './types'
+import { SettingsForm } from './components/SettingsForm'
+import { coreshopPaymentServiceIds } from './service-ids'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+export const PaymentProviderRuleManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<RuleConfig>({ conditions: [], actions: [] })
+
+  // Load config on mount
+  React.useEffect(() => {
+    paymentProviderRuleApi.getConfig()
+      .then((cfg) => {
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopPaymentServiceIds.paymentProviderRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopPaymentServiceIds.paymentProviderRuleActionRegistry)
+        registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, cfg)
+        setConfig(cfg)
+      })
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load config')))
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<PaymentProviderRule>
+      api={paymentProviderRuleApi}
+      dragType='coreshop:payment_provider_rule'
+      leftRootTitle={t('coreshop_payment_provider_rules', { defaultValue: 'Payment Provider Rules' })}
+      localizable
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_payment_provider_rule_add', { defaultValue: 'Add Payment Provider Rule' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await paymentProviderRuleApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+            {t('coreshop_payment_provider_rule_select', { defaultValue: 'Select a payment provider rule to view details.' })}
+          </div>
+        }
+
+        return (
+          <RuleForm
+            rule={data}
+            config={config}
+            conditionRegistryId={coreshopPaymentServiceIds.paymentProviderRuleConditionRegistry}
+            actionRegistryId={coreshopPaymentServiceIds.paymentProviderRuleActionRegistry}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            settingsComponent={
+              <SettingsForm
+                rule={data}
+                onChange={setData}
+                currentLocale={ctx?.currentLocale ?? 'en'}
+                locales={ctx?.locales}
+              />
+            }
+            onChange={setData}
+            hideToolbar={true}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/actions/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/actions/index.ts
new file mode 100644
index 0000000000..4b219a50bc
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/actions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All actions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/api.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/api.ts
new file mode 100644
index 0000000000..bf08b817f7
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/api.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { RuleApi } from '@coreshop/rule/src/rules'
+import type { PaymentProviderRule } from './types'
+
+export class PaymentProviderRuleApi extends RuleApi<PaymentProviderRule> {
+}
+
+export const paymentProviderRuleApi = new PaymentProviderRuleApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/payment_provider_rules'
+})
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/PaymentProviderRuleSelect.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/PaymentProviderRuleSelect.tsx
new file mode 100644
index 0000000000..cf8ac55e13
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/PaymentProviderRuleSelect.tsx
@@ -0,0 +1,85 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, type SelectProps } from 'antd'
+import { paymentProviderRuleApi } from '../api'
+
+// Module-level cache to avoid multiple API calls
+let cachedOptions: Array<{ value: number; label: string }> | null = null
+let loadPromise: Promise<Array<{ value: number; label: string }>> | null = null
+
+const loadPaymentProviderRules = async (): Promise<Array<{ value: number; label: string }>> => {
+  if (cachedOptions) {
+    return cachedOptions
+  }
+
+  if (loadPromise) {
+    return loadPromise
+  }
+
+  loadPromise = (async () => {
+    try {
+      const items = await paymentProviderRuleApi.list()
+      const result = items.map((rule: any) => ({
+        value: rule.id!,
+        label: rule.name ?? `#${rule.id}`
+      }))
+      cachedOptions = result
+      return result
+    } catch (err) {
+      console.error('Failed to load payment provider rules:', err)
+      throw err
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export const clearPaymentProviderRuleCache = () => {
+  cachedOptions = null
+  loadPromise = null
+}
+
+export const PaymentProviderRuleSelect: React.FC<SelectProps> = (props) => {
+  const [options, setOptions] = React.useState<Array<{ value: number; label: string }>>(cachedOptions || [])
+  const [loading, setLoading] = React.useState(!cachedOptions)
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!cachedOptions) {
+        setLoading(true)
+      }
+      try {
+        const opts = await loadPaymentProviderRules()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      {...props}
+      loading={loading}
+      options={options}
+      placeholder={props.placeholder ?? 'Select a payment provider rule'}
+      showSearch
+      filterOption={(input, option) =>
+        String(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/SettingsForm.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/SettingsForm.tsx
new file mode 100644
index 0000000000..56cfca1b13
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/SettingsForm.tsx
@@ -0,0 +1,39 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { PaymentProviderRule } from '../types'
+
+interface SettingsFormProps {
+  rule: PaymentProviderRule
+  onChange: (rule: PaymentProviderRule) => void
+  currentLocale: string
+  locales?: string[]
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  rule,
+  onChange,
+  currentLocale,
+}) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<PaymentProviderRule>
+        blockPrefix="coreshop_payment_provider_rule"
+        data={rule}
+        onChange={onChange}
+        currentLocale={currentLocale}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/index.ts
new file mode 100644
index 0000000000..d30a802724
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/components/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { SettingsForm } from './SettingsForm'
+export { PaymentProviderRuleSelect, clearPaymentProviderRuleCache } from './PaymentProviderRuleSelect'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/conditions/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/conditions/index.ts
new file mode 100644
index 0000000000..e8de7a3bb3
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/conditions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All conditions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/index.ts
new file mode 100644
index 0000000000..d978f65885
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/index.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { PaymentProviderRuleManager } from './PaymentProviderRuleManager'
+export { paymentProviderRuleApi, PaymentProviderRuleApi } from './api'
+export { coreshopPaymentServiceIds } from './service-ids'
+export type { PaymentProviderRule } from './types'
+
+// Components
+export { SettingsForm, PaymentProviderRuleSelect, clearPaymentProviderRuleCache } from './components'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/service-ids.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/service-ids.ts
new file mode 100644
index 0000000000..64465665ec
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/service-ids.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const coreshopPaymentServiceIds = {
+  paymentProviderRuleConditionRegistry: Symbol.for('coreshop.payment.payment_provider_rule.condition_registry'),
+  paymentProviderRuleActionRegistry: Symbol.for('coreshop.payment.payment_provider_rule.action_registry'),
+  gatewayConfiguratorRegistry: Symbol.for('coreshop.payment.gateway_configurator_registry')
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/types.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/types.ts
new file mode 100644
index 0000000000..d172a4811d
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-provider-rules/types.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { Rule } from '@coreshop/rule/src/rules'
+
+export interface PaymentProviderRule extends Rule {
+  conditions?: any[]
+  actions?: any[]
+  translations?: Record<string, { label?: string }>
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderForm.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderForm.tsx
new file mode 100644
index 0000000000..829fafe0ca
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderForm.tsx
@@ -0,0 +1,26 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { PaymentProvider } from './api'
+
+export const PaymentProviderForm: React.FC<SchemaFormProps<PaymentProvider>> = (props) => {
+  return (
+    <div style={{ padding: 24 }}>
+      <SchemaForm<PaymentProvider>
+        {...props}
+        blockPrefix="coreshop_payment_provider"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderManager.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderManager.tsx
new file mode 100644
index 0000000000..ae68d1301c
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderManager.tsx
@@ -0,0 +1,59 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useTranslation } from 'react-i18next'
+import { paymentProviderApi, type PaymentProvider } from './api'
+import { PaymentProviderForm } from './PaymentProviderForm'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+
+export const PaymentProviderManager: React.FC = () => {
+    const { t } = useTranslation()
+    const modal = useFormModal()
+
+    return (
+        <EntityTabbedManager<PaymentProvider>
+            api={paymentProviderApi}
+            dragType="coreshop:payment_provider"
+            localizable
+            leftRootTitle={t('coreshop_payment_providers', { defaultValue: 'Payment Providers' })}
+            getTitle={(li, data) => data?.identifier ?? (li as any)?.identifier ?? li?.name ?? `Provider #${data?.id ?? li?.id ?? ''}`}
+            buildSavePayload={(data) => data}
+            onAdd={async () => await new Promise<number>((resolve) => {
+                modal.input({
+                    title: t('coreshop_payment_provider_add', { defaultValue: 'Add Payment Provider' }),
+                    label: t('coreshop_identifier', { defaultValue: 'Identifier' }),
+                    rule: { required: true, message: t('coreshop_identifier_required', { defaultValue: 'Identifier is required' }) },
+                    onOk: async (value: string) => {
+                        // Backend expects 'name' for validation, but PaymentProvider uses 'identifier'
+                        const res = await paymentProviderApi.add({ name: value, identifier: value })
+                        if (res.data.id !== undefined) {
+                            resolve(res.data.id)
+                        }
+                    }
+                })
+            })}
+            renderDetail={(data, setData, ctx) => {
+                if (!data) {
+                    return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+                        {t('coreshop_payment_provider_select', { defaultValue: 'Select a payment provider to view details.' })}
+                    </div>
+                }
+
+                return (
+                    <PaymentProviderForm data={data} onChange={setData} currentLocale={ctx?.currentLocale ?? 'en'} />
+                )
+            }}
+        />
+    )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderRuleGroupPanel.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderRuleGroupPanel.tsx
new file mode 100644
index 0000000000..7be976a153
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/PaymentProviderRuleGroupPanel.tsx
@@ -0,0 +1,147 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, InputNumber, Checkbox, Space, Popconfirm } from 'antd'
+import { PlusOutlined, DeleteOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import type { PaymentProviderRuleGroup } from './api'
+import { PaymentProviderRuleSelect } from '../payment-provider-rules/components/PaymentProviderRuleSelect'
+
+export interface PaymentProviderRuleGroupPanelProps {
+  ruleGroups: PaymentProviderRuleGroup[]
+  onChange: (ruleGroups: PaymentProviderRuleGroup[]) => void
+}
+
+export const PaymentProviderRuleGroupPanel: React.FC<PaymentProviderRuleGroupPanelProps> = ({
+  ruleGroups,
+  onChange
+}) => {
+  const { t } = useTranslation()
+
+  const handleAdd = () => {
+    const newGroup: PaymentProviderRuleGroup = {
+      priority: 100,
+      stopPropagation: false,
+      paymentProviderRule: undefined
+    }
+    onChange([...ruleGroups, newGroup])
+  }
+
+  const handleRemove = (index: number) => {
+    const updated = [...ruleGroups]
+    updated.splice(index, 1)
+    onChange(updated)
+  }
+
+  const handleUpdate = (index: number, field: keyof PaymentProviderRuleGroup, value: any) => {
+    const updated = [...ruleGroups]
+    updated[index] = {
+      ...updated[index],
+      [field]: value
+    }
+
+    // If stopPropagation is enabled, disable it for all other rows
+    if (field === 'stopPropagation' && value === true) {
+      updated.forEach((group, i) => {
+        if (i !== index) {
+          updated[i] = { ...group, stopPropagation: false }
+        }
+      })
+    }
+
+    onChange(updated)
+  }
+
+  const columns = [
+    {
+      title: t('coreshop_payment_provider_rule', { defaultValue: 'Payment Provider Rule' }),
+      dataIndex: 'paymentProviderRule',
+      key: 'paymentProviderRule',
+      width: '40%',
+      render: (value: number | undefined, _: PaymentProviderRuleGroup, index: number) => (
+        <PaymentProviderRuleSelect
+          value={value}
+          onChange={(newValue) => handleUpdate(index, 'paymentProviderRule', newValue)}
+          style={{ width: '100%' }}
+        />
+      )
+    },
+    {
+      title: t('coreshop_priority', { defaultValue: 'Priority' }),
+      dataIndex: 'priority',
+      key: 'priority',
+      width: '20%',
+      render: (value: number, _: PaymentProviderRuleGroup, index: number) => (
+        <InputNumber
+          value={value}
+          onChange={(newValue) => handleUpdate(index, 'priority', newValue ?? 100)}
+          min={0}
+          style={{ width: '100%' }}
+        />
+      )
+    },
+    {
+      title: t('coreshop_stop_propagation', { defaultValue: 'Stop Propagation' }),
+      dataIndex: 'stopPropagation',
+      key: 'stopPropagation',
+      width: '20%',
+      render: (value: boolean, _: PaymentProviderRuleGroup, index: number) => (
+        <Checkbox
+          checked={value}
+          onChange={(e) => handleUpdate(index, 'stopPropagation', e.target.checked)}
+        />
+      )
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: '10%',
+      render: (_: any, __: PaymentProviderRuleGroup, index: number) => (
+        <Popconfirm
+          title={t('coreshop_delete_confirm', { defaultValue: 'Are you sure you want to delete this?' })}
+          onConfirm={() => handleRemove(index)}
+          okText={t('yes', { defaultValue: 'Yes' })}
+          cancelText={t('no', { defaultValue: 'No' })}
+        >
+          <Button
+            type="text"
+            danger
+            icon={<DeleteOutlined />}
+            size="small"
+          />
+        </Popconfirm>
+      )
+    }
+  ]
+
+  return (
+    <div>
+      <Space style={{ marginBottom: 16 }}>
+        <Button
+          type="primary"
+          icon={<PlusOutlined />}
+          onClick={handleAdd}
+        >
+          {t('coreshop_add', { defaultValue: 'Add' })}
+        </Button>
+      </Space>
+
+      <Table
+        dataSource={ruleGroups.map((group, index) => ({ ...group, key: index }))}
+        columns={columns}
+        pagination={false}
+        size="small"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/api.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/api.ts
new file mode 100644
index 0000000000..6509de3c9c
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/api.ts
@@ -0,0 +1,40 @@
+import { EntityApi } from '@coreshop/resource/src/entities/api'
+
+export interface GatewayConfig {
+  factoryName: string
+  gatewayName: string
+  config: any[]
+  decryptedConfig: any
+  id: number
+}
+
+export interface PaymentProviderTranslation {
+  title?: string
+  description?: string
+  instructions?: string
+}
+
+export interface PaymentProviderRuleGroup {
+  id?: number
+  priority: number
+  stopPropagation: boolean
+  paymentProviderRule?: any // TODO: Define PaymentProviderRule interface
+}
+
+export interface PaymentProvider extends Record<string, any> {
+  id?: number
+  identifier?: string
+  active?: boolean
+  position?: number
+  logo?: any // Asset
+  translations?: Record<string, PaymentProviderTranslation>
+  gatewayConfig?: GatewayConfig
+  paymentProviderRules?: PaymentProviderRuleGroup[]
+}
+
+class PaymentProviderApi extends EntityApi<PaymentProvider> { }
+
+export const paymentProviderApi = new PaymentProviderApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/payment_providers'
+})
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/GatewayConfigPanel.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/GatewayConfigPanel.tsx
new file mode 100644
index 0000000000..ffac01e644
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/GatewayConfigPanel.tsx
@@ -0,0 +1,218 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Form, Select, Typography, Alert, Spin } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import { GatewayRegistry } from './GatewayRegistry'
+import { coreshopPaymentServiceIds } from '../../payment-provider-rules/service-ids'
+import type { GatewayConfig } from '../api'
+
+interface GatewayFactory {
+  type: string
+  name: string
+}
+
+interface GatewayConfigResponse {
+  factories: GatewayFactory[]
+  gatewayBlockPrefixes: Record<string, string>
+}
+
+// Module-level cache to avoid multiple API calls
+let cachedConfig: GatewayConfigResponse | null = null
+let loadPromise: Promise<GatewayConfigResponse> | null = null
+
+const loadGatewayConfig = async (): Promise<GatewayConfigResponse> => {
+  if (cachedConfig) {
+    return cachedConfig
+  }
+
+  if (loadPromise) {
+    return loadPromise
+  }
+
+  loadPromise = (async () => {
+    try {
+      const response = await fetch('/pimcore-studio/api/coreshop/payment_providers/get-config', {
+        credentials: 'same-origin'
+      })
+
+      if (!response.ok) {
+        throw new Error(`Failed to load gateway config: ${response.status}`)
+      }
+
+      const data = await response.json()
+      cachedConfig = {
+        factories: data.factories || [],
+        gatewayBlockPrefixes: data.gatewayBlockPrefixes || {}
+      }
+      return cachedConfig
+    } catch (err) {
+      console.error('Failed to load gateway config:', err)
+      throw err
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export interface GatewayConfigPanelProps {
+  gatewayConfig?: GatewayConfig
+  onChange: (gatewayConfig: GatewayConfig) => void
+}
+
+export const GatewayConfigPanel: React.FC<GatewayConfigPanelProps> = ({
+  gatewayConfig,
+  onChange
+}) => {
+  const { t } = useTranslation()
+  const [factories, setFactories] = React.useState<GatewayFactory[]>(cachedConfig?.factories || [])
+  const [blockPrefixes, setBlockPrefixes] = React.useState<Record<string, string>>(cachedConfig?.gatewayBlockPrefixes || {})
+  const [loading, setLoading] = React.useState(!cachedConfig)
+
+  // Track if the factory was already saved when data was first loaded
+  // Only lock if: had a factory name when first loaded with an ID
+  const [initialFactory, setInitialFactory] = React.useState<string | null | undefined>(undefined)
+
+  React.useEffect(() => {
+    // Only capture once when we have a gatewayConfig with an ID (loaded from server)
+    // undefined = not initialized yet, null = initialized but no factory, string = initialized with factory
+    if (initialFactory === undefined && gatewayConfig?.id !== undefined && gatewayConfig.id > 0) {
+      setInitialFactory(gatewayConfig.factoryName ?? null)
+    }
+  }, [gatewayConfig, initialFactory])
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!cachedConfig) {
+        setLoading(true)
+      }
+      try {
+        const data = await loadGatewayConfig()
+        setFactories(data.factories)
+        setBlockPrefixes(data.gatewayBlockPrefixes)
+      } catch {
+        // Error already logged
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  const selectedFactory = gatewayConfig?.factoryName
+
+  // Lock the select only if the gateway was saved with a factory
+  // initialFactory: undefined = not loaded yet, null = loaded without factory, string = loaded with factory
+  const isLocked = typeof initialFactory === 'string' && initialFactory.length > 0
+
+  // Get the gateway registry from container (fallback for custom configurators)
+  const gatewayRegistry = React.useMemo(() => {
+    if (container.isBound(coreshopPaymentServiceIds.gatewayConfiguratorRegistry)) {
+      return container.get<GatewayRegistry>(coreshopPaymentServiceIds.gatewayConfiguratorRegistry)
+    }
+    return null
+  }, [])
+
+  // Check if factory has a schema-based form or a custom React configurator
+  const factoryBlockPrefix = selectedFactory ? blockPrefixes[selectedFactory] : undefined
+  const GatewayConfigurator = selectedFactory && gatewayRegistry
+    ? gatewayRegistry.get(selectedFactory)
+    : undefined
+
+  const handleFactoryChange = (factoryName: string) => {
+    onChange({
+      ...(gatewayConfig ?? { id: 0, gatewayName: '', config: [], decryptedConfig: {} }),
+      factoryName,
+      // Reset config when factory changes
+      config: [],
+      decryptedConfig: {}
+    })
+  }
+
+  const handleConfigChange = (config: Record<string, any>) => {
+    onChange({
+      ...(gatewayConfig ?? { id: 0, factoryName: '', gatewayName: '', config: [] }),
+      decryptedConfig: config
+    })
+  }
+
+  if (loading) {
+    return (
+      <div style={{ textAlign: 'center', padding: 24 }}>
+        <Spin />
+        <Typography.Text type="secondary" style={{ display: 'block', marginTop: 8 }}>
+          {t('coreshop_loading_gateway_factories', { defaultValue: 'Loading gateway factories...' })}
+        </Typography.Text>
+      </div>
+    )
+  }
+
+  return (
+    <div>
+      <Form.Item
+        label={t('coreshop_payment_provider_factory', { defaultValue: 'Payment Gateway' })}
+        required
+      >
+        <Select
+          value={selectedFactory}
+          onChange={handleFactoryChange}
+          placeholder={t('coreshop_select_payment_gateway', { defaultValue: 'Select a payment gateway' })}
+          disabled={isLocked}
+          options={factories.map(f => ({
+            value: f.type,
+            label: f.name
+          }))}
+          showSearch
+          filterOption={(input, option) =>
+            (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+          }
+        />
+        {isLocked && (
+          <Typography.Text type="secondary" style={{ display: 'block', marginTop: 4 }}>
+            {t('coreshop_payment_gateway_readonly', { defaultValue: 'Gateway cannot be changed after saving' })}
+          </Typography.Text>
+        )}
+      </Form.Item>
+
+      {selectedFactory && (
+        <div style={{ marginTop: 16 }}>
+          {GatewayConfigurator ? (
+            // Custom React configurator takes precedence
+            <GatewayConfigurator
+              config={gatewayConfig?.decryptedConfig ?? {}}
+              onChange={handleConfigChange}
+            />
+          ) : factoryBlockPrefix ? (
+            // Schema-based form from backend FormType
+            <SchemaForm
+              blockPrefix={factoryBlockPrefix}
+              data={gatewayConfig?.decryptedConfig ?? {}}
+              onChange={handleConfigChange}
+            />
+          ) : (
+            <Alert
+              type="info"
+              message={t('coreshop_no_gateway_configuration', { defaultValue: 'No additional configuration required' })}
+              description={t('coreshop_gateway_no_config_description', {
+                defaultValue: 'This payment gateway does not require any additional configuration.'
+              })}
+            />
+          )}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/GatewayRegistry.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/GatewayRegistry.ts
new file mode 100644
index 0000000000..955fc47f52
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/GatewayRegistry.ts
@@ -0,0 +1,47 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type React from 'react'
+import { injectable } from 'inversify'
+
+export interface GatewayConfiguratorProps {
+  config: Record<string, any>
+  onChange: (config: Record<string, any>) => void
+}
+
+export type GatewayConfigurator = React.FC<GatewayConfiguratorProps>
+
+/**
+ * Registry for gateway configurators.
+ * Each payment gateway (e.g., PayPal, Sofort) can register its own configuration component.
+ * Other bundles can register their gateway configurators via the container.
+ */
+@injectable()
+export class GatewayRegistry {
+  private readonly configurators: Map<string, GatewayConfigurator> = new Map()
+
+  register(factoryName: string, configurator: GatewayConfigurator): void {
+    this.configurators.set(factoryName.toLowerCase(), configurator)
+  }
+
+  get(factoryName: string): GatewayConfigurator | undefined {
+    return this.configurators.get(factoryName.toLowerCase())
+  }
+
+  has(factoryName: string): boolean {
+    return this.configurators.has(factoryName.toLowerCase())
+  }
+
+  getAll(): Map<string, GatewayConfigurator> {
+    return new Map(this.configurators)
+  }
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/index.ts
new file mode 100644
index 0000000000..de2e7c41de
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/gateways/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { GatewayRegistry, type GatewayConfigurator, type GatewayConfiguratorProps } from './GatewayRegistry'
+export { GatewayConfigPanel, type GatewayConfigPanelProps } from './GatewayConfigPanel'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/index.ts
new file mode 100644
index 0000000000..a18c46dec7
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/index.ts
@@ -0,0 +1,5 @@
+/**
+ * CoreShop PaymentBundle - Payment Providers Module
+ */
+
+export * from './api'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/GatewayConfigWidget.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/GatewayConfigWidget.tsx
new file mode 100644
index 0000000000..26502ae366
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/GatewayConfigWidget.tsx
@@ -0,0 +1,35 @@
+/**
+ * CoreShop PaymentBundle - Gateway Config Widget
+ *
+ * Schema form widget that renders GatewayConfigPanel for the
+ * 'gateway_config' block prefix.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { GatewayConfigPanel } from '../gateways/GatewayConfigPanel'
+import type { GatewayConfig } from '../api'
+
+interface GatewayConfigWidgetProps {
+  value?: GatewayConfig
+  onChange?: (value: GatewayConfig) => void
+}
+
+export const GatewayConfigWidget: React.FC<GatewayConfigWidgetProps> = ({
+  value,
+  onChange,
+}) => {
+  return (
+    <GatewayConfigPanel
+      gatewayConfig={value}
+      onChange={(gatewayConfig) => onChange?.(gatewayConfig)}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/PaymentProviderRuleGroupWidget.tsx b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/PaymentProviderRuleGroupWidget.tsx
new file mode 100644
index 0000000000..2fbb556f30
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/PaymentProviderRuleGroupWidget.tsx
@@ -0,0 +1,35 @@
+/**
+ * CoreShop PaymentBundle - Payment Provider Rule Group Widget
+ *
+ * Schema form widget that renders PaymentProviderRuleGroupPanel for the
+ * 'payment_provider_rule_group_collection' block prefix.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { PaymentProviderRuleGroupPanel } from '../PaymentProviderRuleGroupPanel'
+import type { PaymentProviderRuleGroup } from '../api'
+
+interface PaymentProviderRuleGroupWidgetProps {
+  value?: PaymentProviderRuleGroup[]
+  onChange?: (value: PaymentProviderRuleGroup[]) => void
+}
+
+export const PaymentProviderRuleGroupWidget: React.FC<PaymentProviderRuleGroupWidgetProps> = ({
+  value,
+  onChange,
+}) => {
+  return (
+    <PaymentProviderRuleGroupPanel
+      ruleGroups={value ?? []}
+      onChange={(ruleGroups) => onChange?.(ruleGroups)}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/index.ts b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/index.ts
new file mode 100644
index 0000000000..815063eb63
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/modules/payment-providers/widgets/index.ts
@@ -0,0 +1,36 @@
+/**
+ * CoreShop PaymentBundle - Payment Provider Widgets Module
+ *
+ * Registers schema form widgets for payment provider compound types.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { AbstractModule } from '@pimcore/studio-ui-bundle'
+import { container } from '@pimcore/studio-ui-bundle'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry } from '@coreshop/studio-form'
+import { GatewayConfigWidget } from './GatewayConfigWidget'
+import { PaymentProviderRuleGroupWidget } from './PaymentProviderRuleGroupWidget'
+
+export const PaymentProviderWidgetsModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+    // GatewayConfigType compound field → GatewayConfigPanel
+    widgetRegistry.register('gateway_config', () => ({
+      component: GatewayConfigWidget,
+    }))
+
+    // PaymentProviderRuleGroupCollectionType → PaymentProviderRuleGroupPanel
+    widgetRegistry.register('payment_provider_rule_group_collection', () => ({
+      component: PaymentProviderRuleGroupWidget,
+    }))
+  }
+}
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/config/serializer/Model.PaymentProviderRule.yml b/src/CoreShop/Bundle/PaymentBundle/Resources/config/serializer/Model.PaymentProviderRule.yml
index b2933fb02b..1075115b5c 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Resources/config/serializer/Model.PaymentProviderRule.yml
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/config/serializer/Model.PaymentProviderRule.yml
@@ -14,7 +14,7 @@ CoreShop\Component\Payment\Model\PaymentProviderRule:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
+            groups: [List, Detailed]
         conditions:
             expose: true
             type: ArrayCollection
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/form.yml
index aa683e7220..bd245faefd 100644
--- a/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/form.yml
@@ -36,7 +36,7 @@ services:
             - '%coreshop.form.type.payment_provider.validation_groups%'
         tags:
             - { name: form.type }
-
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderTranslationType:
         arguments:
@@ -71,6 +71,7 @@ services:
             - '%coreshop.form.type.payment_provider_rule.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderRuleTranslationType:
         arguments:
@@ -136,3 +137,7 @@ services:
         tags:
             - { name: form.type }
 
+    CoreShop\Bundle\PaymentBundle\Form\Schema\PaymentProviderSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..6380cd12c3
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\PaymentBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/PaymentBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..0fef2ea576
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,76 @@
+---
+coreshop_save_error: 'Fehler beim speichern des Elements'
+coreshop_payment_provider: 'Payment Anbieter'
+coreshop_payment_provider_rules: 'Payment Anbieter Regeln'
+coreshop_payment_provider_multiselect: 'Payment Anbieter Multiselect'
+coreshop_identifier: 'Identifier'
+coreshop_position: 'Position'
+coreshop_instructions: 'Anleitung'
+coreshop_payment_provider_factory: 'Typ'
+coreshop_username: 'Benutzername'
+coreshop_password: 'Passwort'
+coreshop_signature: 'Signatur'
+coreshop_permission_payment_provider: 'CoreShop: Zahlungsanbieter'
+coreshop_payment_sofort_config_key: 'Konfigurationsschlüssel'
+coreshop_paypal_sandbox: 'Sandbox'
+coreshop_logo: 'Logo'
+coreshop_payment_provider_rule: 'Zahlungsanbieterregel'
+coreshop_action_paymentProviderRule: 'Zahlungsanbieterregel'
+coreshop_condition_paymentProviderRule: 'Zahlungsanbieterregel'
+coreshop_payment_provider_rule_label: 'Bezeichnung'
+
+# Studio v2 - Payment Provider
+coreshop_active: 'Aktiv'
+coreshop_title: 'Titel'
+coreshop_description: 'Beschreibung'
+coreshop_gateway_configuration: 'Gateway Konfiguration'
+coreshop_payment_provider_add: 'Zahlungsanbieter hinzufügen'
+coreshop_payment_provider_select: 'Wählen Sie einen Zahlungsanbieter aus, um Details anzuzeigen.'
+coreshop_payment_provider_rules_description: 'Weisen Sie Zahlungsanbieterregeln zu, um Preise und Verfügbarkeit zu steuern. Regeln werden in Prioritätsreihenfolge ausgewertet.'
+coreshop_delete_confirm: 'Sind Sie sicher, dass Sie dies löschen möchten?'
+coreshop_add: 'Hinzufügen'
+coreshop_priority: 'Priorität'
+coreshop_stop_propagation: 'Propagation stoppen'
+
+# Gateway Configuration
+coreshop_loading_gateway_factories: 'Gateway-Factories werden geladen...'
+coreshop_select_payment_gateway: 'Zahlungs-Gateway auswählen'
+coreshop_payment_gateway_readonly: 'Gateway kann nach dem Speichern nicht mehr geändert werden'
+coreshop_no_gateway_configuration: 'Keine zusätzliche Konfiguration erforderlich'
+coreshop_gateway_no_config_description: 'Dieses Gateway benötigt keine weiteren Einstellungen.'
+
+# Validation
+coreshop_identifier_required: 'Identifier ist erforderlich'
+coreshop_username_required: 'Benutzername ist erforderlich'
+coreshop_password_required: 'Passwort ist erforderlich'
+coreshop_signature_required: 'Signatur ist erforderlich'
+coreshop_config_key_required: 'Konfigurationsschlüssel ist erforderlich'
+
+# Payment Provider Rules
+coreshop_payment_provider_rule_add: 'Zahlungsanbieterregel hinzufügen'
+coreshop_payment_provider_rule_select: 'Wählen Sie eine Zahlungsanbieterregel aus, um Details anzuzeigen.'
+coreshop_name: 'Name'
+coreshop_name_required: 'Name ist erforderlich'
+
+# Actions
+coreshop_action_price_price: 'Preis'
+coreshop_action_price_help: 'Festpreis (in kleinster Währungseinheit, z.B. Cent)'
+coreshop_action_price_currency_help: 'Währung für den Preis'
+coreshop_price_required: 'Preis ist erforderlich'
+coreshop_currency_required: 'Währung ist erforderlich'
+coreshop_amount_required: 'Betrag ist erforderlich'
+coreshop_price: 'Preis'
+coreshop_currency: 'Währung'
+coreshop_select_currency: 'Währung auswählen'
+coreshop_amount: 'Betrag'
+coreshop_action_additionAmount_amount: 'Betrag'
+coreshop_action_additionAmount_help: 'Hinzuzufügender Betrag (in kleinster Währungseinheit, z.B. Cent)'
+coreshop_action_additionAmount_currency_help: 'Währung für den Betrag'
+coreshop_action_additionPercent_percent: 'Aufschlag Prozent (%)'
+coreshop_action_discountPercent_percent: 'Rabatt Prozent (%)'
+
+# Conditions
+coreshop_condition_amount_minAmount: 'Mindestbetrag'
+coreshop_condition_amount_maxAmount: 'Höchstbetrag'
+coreshop_condition_amount_gross: 'Bruttobetrag verwenden'
+coreshop_condition_amount_use_total: 'Gesamtbetrag verwenden'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/PaymentBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..48fcceea2f
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,77 @@
+---
+coreshop_save_error: 'Error saving item'
+coreshop_payment_provider: 'Payment Provider'
+coreshop_payment_provider_rules: 'Payment Provider Rules'
+coreshop_payment_provider_multiselect: 'Payment Provider Multiselect'
+coreshop_identifier: 'Identifier'
+coreshop_position: 'Position'
+coreshop_instructions: 'Instruction'
+coreshop_payment_provider_factory: 'Type'
+coreshop_username: 'Username'
+coreshop_password: 'Password'
+coreshop_signature: 'Signature'
+coreshop_permission_payment_provider: 'CoreShop: Payment Provider'
+coreshop_payment_sofort_config_key: 'Config Key'
+coreshop_paypal_sandbox: 'Sandbox'
+coreshop_logo: 'Logo'
+coreshop_payment_provider_rule: 'Payment Provider Rules'
+coreshop_payment_provider_main_panel: 'Main'
+coreshop_action_paymentProviderRule: 'Payment Provider Rule'
+coreshop_condition_paymentProviderRule: 'Payment Provider Rule'
+coreshop_payment_provider_rule_label: 'Label'
+
+# Studio v2 - Payment Provider
+coreshop_active: 'Active'
+coreshop_title: 'Title'
+coreshop_description: 'Description'
+coreshop_gateway_configuration: 'Gateway Configuration'
+coreshop_payment_provider_add: 'Add Payment Provider'
+coreshop_payment_provider_select: 'Select a payment provider to view details.'
+coreshop_payment_provider_rules_description: 'Assign payment provider rules to control pricing and availability. Rules are evaluated in priority order.'
+coreshop_delete_confirm: 'Are you sure you want to delete this?'
+coreshop_add: 'Add'
+coreshop_priority: 'Priority'
+coreshop_stop_propagation: 'Stop Propagation'
+
+# Gateway Configuration
+coreshop_loading_gateway_factories: 'Loading gateway factories...'
+coreshop_select_payment_gateway: 'Select a payment gateway'
+coreshop_payment_gateway_readonly: 'Gateway cannot be changed after saving'
+coreshop_no_gateway_configuration: 'No additional configuration required'
+coreshop_gateway_no_config_description: 'This gateway does not require any additional settings.'
+
+# Validation
+coreshop_identifier_required: 'Identifier is required'
+coreshop_username_required: 'Username is required'
+coreshop_password_required: 'Password is required'
+coreshop_signature_required: 'Signature is required'
+coreshop_config_key_required: 'Config key is required'
+
+# Payment Provider Rules
+coreshop_payment_provider_rule_add: 'Add Payment Provider Rule'
+coreshop_payment_provider_rule_select: 'Select a payment provider rule to view details.'
+coreshop_name: 'Name'
+coreshop_name_required: 'Name is required'
+
+# Actions
+coreshop_action_price_price: 'Price'
+coreshop_action_price_help: 'Fixed price (in smallest currency unit, e.g., cents)'
+coreshop_action_price_currency_help: 'Currency for the price'
+coreshop_price_required: 'Price is required'
+coreshop_currency_required: 'Currency is required'
+coreshop_amount_required: 'Amount is required'
+coreshop_price: 'Price'
+coreshop_currency: 'Currency'
+coreshop_select_currency: 'Select currency'
+coreshop_amount: 'Amount'
+coreshop_action_additionAmount_amount: 'Amount'
+coreshop_action_additionAmount_help: 'Amount to add (in smallest currency unit, e.g., cents)'
+coreshop_action_additionAmount_currency_help: 'Currency for the amount'
+coreshop_action_additionPercent_percent: 'Addition Percent (%)'
+coreshop_action_discountPercent_percent: 'Discount Percent (%)'
+
+# Conditions
+coreshop_condition_amount_minAmount: 'Minimum Amount'
+coreshop_condition_amount_maxAmount: 'Maximum Amount'
+coreshop_condition_amount_gross: 'Use Gross Amount'
+coreshop_condition_amount_use_total: 'Use Total Amount'
diff --git a/src/CoreShop/Bundle/PaymentBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/PaymentBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..f466cea238
--- /dev/null
+++ b/src/CoreShop/Bundle/PaymentBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\PaymentBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PaymentBundle/composer.json b/src/CoreShop/Bundle/PaymentBundle/composer.json
index 28af230c8a..99a626d2ec 100644
--- a/src/CoreShop/Bundle/PaymentBundle/composer.json
+++ b/src/CoreShop/Bundle/PaymentBundle/composer.json
@@ -1,61 +1,68 @@
 {
-  "name": "coreshop/payment-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Payment Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/payment-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Payment Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/payment": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/rule-bundle": "^5.0",
+        "coreshop/workflow-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/payment": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/rule-bundle": "^5.0",
-    "coreshop/workflow-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\PaymentBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\PaymentBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/PayumBundle/README.md b/src/CoreShop/Bundle/PayumBundle/README.md
index a6ba561961..b150500412 100644
--- a/src/CoreShop/Bundle/PayumBundle/README.md
+++ b/src/CoreShop/Bundle/PayumBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/PayumBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/PayumBundle/Resources/config/services/form.yml
index bd28381569..54c31ce2db 100644
--- a/src/CoreShop/Bundle/PayumBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/PayumBundle/Resources/config/services/form.yml
@@ -9,8 +9,10 @@ services:
         tags:
             - { name: coreshop.gateway_configuration_type, type: paypal_express_checkout }
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\PayumBundle\Form\Type\SofortGatewayConfigurationType:
         tags:
             - { name: coreshop.gateway_configuration_type, type: sofort }
             - { name: form.type }
+            - { name: coreshop.studio_form }
diff --git a/src/CoreShop/Bundle/PayumBundle/composer.json b/src/CoreShop/Bundle/PayumBundle/composer.json
index 3be502ff65..cfca373fbf 100644
--- a/src/CoreShop/Bundle/PayumBundle/composer.json
+++ b/src/CoreShop/Bundle/PayumBundle/composer.json
@@ -1,69 +1,66 @@
 {
-  "name": "coreshop/payum-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Payment Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/payum-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Payment Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/order-bundle": "^5.0",
+        "coreshop/payment-bundle": "^5.0",
+        "coreshop/payum-payment-bundle": "^5.0",
+        "coreshop/core": "^5.0",
+        "payum/payum-bundle": "^2.6.2",
+        "payum/payum": "^1.7",
+        "php-http/message-factory": "^1.0",
+        "symfony/notifier": "^6.4.14 || ^7.2",
+        "symfony/serializer": "^6.4.14 || ^7.2",
+        "php-http/guzzle7-adapter": "^1.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/order-bundle": "^5.0",
-    "coreshop/payment-bundle": "^5.0",
-    "coreshop/payum-payment-bundle": "^5.0",
-    "coreshop/core": "^5.0",
-    "payum/payum-bundle": "^2.6.2",
-    "payum/payum": "^1.7",
-    "php-http/message-factory": "^1.0",
-    "symfony/notifier": "^6.3 || ^7.0",
-    "symfony/serializer": "^6.3 || ^7.0",
-    "php-http/guzzle7-adapter": "^1.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\PayumBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\PayumBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/PayumPaymentBundle/Controller/PaymentProviderController.php b/src/CoreShop/Bundle/PayumPaymentBundle/Controller/PaymentProviderController.php
index dfaabd3641..fb8d1c46ab 100644
--- a/src/CoreShop/Bundle/PayumPaymentBundle/Controller/PaymentProviderController.php
+++ b/src/CoreShop/Bundle/PayumPaymentBundle/Controller/PaymentProviderController.php
@@ -52,10 +52,14 @@ public function getConfigAction(): Response
             ];
         }
 
+        /** @var array<string, string> $gatewayBlockPrefixes */
+        $gatewayBlockPrefixes = $this->getParameter('coreshop.gateway_block_prefixes');
+
         return $this->viewHandler->handle(
             [
                 'success' => true,
                 'factories' => $factoryResults,
+                'gatewayBlockPrefixes' => $gatewayBlockPrefixes,
             ],
         );
     }
diff --git a/src/CoreShop/Bundle/PayumPaymentBundle/DependencyInjection/Compiler/RegisterGatewayConfigTypePass.php b/src/CoreShop/Bundle/PayumPaymentBundle/DependencyInjection/Compiler/RegisterGatewayConfigTypePass.php
index b2f45bc93a..a1df6deb4b 100644
--- a/src/CoreShop/Bundle/PayumPaymentBundle/DependencyInjection/Compiler/RegisterGatewayConfigTypePass.php
+++ b/src/CoreShop/Bundle/PayumPaymentBundle/DependencyInjection/Compiler/RegisterGatewayConfigTypePass.php
@@ -55,5 +55,25 @@ public function process(ContainerBuilder $container): void
         ksort($gatewayFactories);
 
         $container->setParameter('coreshop.gateway_factories', $gatewayFactories);
+
+        // Build a map of gateway factory name → form type block prefix for Studio frontend.
+        $gatewayBlockPrefixes = [];
+        foreach ($gatewayConfigurationTypes as $id => $attributes) {
+            $definition = $container->findDefinition($id);
+            $class = $definition->getClass();
+
+            foreach ($attributes as $tags) {
+                if (!isset($tags['type'])) {
+                    $tags['type'] = Container::underscore(substr((string) strrchr($class, '\\'), 1));
+                }
+
+                // Compute block prefix: same logic as Symfony AbstractType::getBlockPrefix()
+                $shortName = substr((string) strrchr($class, '\\'), 1);
+                $blockPrefix = Container::underscore(preg_replace('/Type$/', '', $shortName));
+                $gatewayBlockPrefixes[$tags['type']] = $blockPrefix;
+            }
+        }
+
+        $container->setParameter('coreshop.gateway_block_prefixes', $gatewayBlockPrefixes);
     }
 }
diff --git a/src/CoreShop/Bundle/PayumPaymentBundle/README.md b/src/CoreShop/Bundle/PayumPaymentBundle/README.md
index 3aaa80d39c..ac2b1ad881 100644
--- a/src/CoreShop/Bundle/PayumPaymentBundle/README.md
+++ b/src/CoreShop/Bundle/PayumPaymentBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/PayumPaymentBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/PayumPaymentBundle/Resources/config/pimcore/routing.yml
index b369936563..629cd1cf0f 100644
--- a/src/CoreShop/Bundle/PayumPaymentBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/PayumPaymentBundle/Resources/config/pimcore/routing.yml
@@ -1,3 +1,7 @@
 coreshop_admin_payment_provider_config:
     path: /%coreshop.admin.route.base%/payment_providers/get-config
-    defaults: { _controller: 'coreshop.admin_controller.payment_provider::getConfigAction'}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: 'coreshop.admin_controller.payment_provider::getConfigAction'
diff --git a/src/CoreShop/Bundle/PayumPaymentBundle/composer.json b/src/CoreShop/Bundle/PayumPaymentBundle/composer.json
index 13f23bc397..489fbce5e3 100644
--- a/src/CoreShop/Bundle/PayumPaymentBundle/composer.json
+++ b/src/CoreShop/Bundle/PayumPaymentBundle/composer.json
@@ -1,60 +1,60 @@
 {
-  "name": "coreshop/payum-payment-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Payum Payment Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/payum-payment-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Payum Payment Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/payment-bundle": "^5.0",
+        "coreshop/payum-payment": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "payum/payum-bundle": "^2.6.2",
+        "php-http/guzzle7-adapter": "^1.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/payment-bundle": "^5.0",
-    "coreshop/payum-payment": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "payum/payum-bundle": "^2.6.2",
-    "php-http/guzzle7-adapter": "^1.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\PayumPaymentBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\PayumPaymentBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/PimcoreBundle/EventListener/AdminJavascriptListener.php b/src/CoreShop/Bundle/PimcoreBundle/AdminClass/EventListener/AdminJavascriptListener.php
similarity index 97%
rename from src/CoreShop/Bundle/PimcoreBundle/EventListener/AdminJavascriptListener.php
rename to src/CoreShop/Bundle/PimcoreBundle/AdminClass/EventListener/AdminJavascriptListener.php
index 61e6486445..079dbd612b 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/EventListener/AdminJavascriptListener.php
+++ b/src/CoreShop/Bundle/PimcoreBundle/AdminClass/EventListener/AdminJavascriptListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\PimcoreBundle\EventListener;
+namespace CoreShop\Bundle\PimcoreBundle\AdminClass\EventListener;
 
 use Pimcore\Bundle\AdminBundle\Event\BundleManagerEvents;
 use Pimcore\Event\BundleManager\PathsEvent;
diff --git a/src/CoreShop/Bundle/PimcoreBundle/EventListener/Grid/ObjectListFilterListener.php b/src/CoreShop/Bundle/PimcoreBundle/AdminClass/EventListener/Grid/ObjectListFilterListener.php
similarity index 94%
rename from src/CoreShop/Bundle/PimcoreBundle/EventListener/Grid/ObjectListFilterListener.php
rename to src/CoreShop/Bundle/PimcoreBundle/AdminClass/EventListener/Grid/ObjectListFilterListener.php
index ffacc32ccc..4b0be4e944 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/EventListener/Grid/ObjectListFilterListener.php
+++ b/src/CoreShop/Bundle/PimcoreBundle/AdminClass/EventListener/Grid/ObjectListFilterListener.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\PimcoreBundle\EventListener\Grid;
+namespace CoreShop\Bundle\PimcoreBundle\AdminClass\EventListener\Grid;
 
 use CoreShop\Component\Pimcore\DataObject\Grid\GridFilterInterface;
 use CoreShop\Component\Registry\ServiceRegistryInterface;
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Attribute/AsStudioGridFilter.php b/src/CoreShop/Bundle/PimcoreBundle/Attribute/AsStudioGridFilter.php
new file mode 100644
index 0000000000..4c818c08f4
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Attribute/AsStudioGridFilter.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\PimcoreBundle\Attribute;
+
+use Attribute;
+
+/**
+ * Marks a class as a CoreShop Studio Grid Filter.
+ *
+ * Classes with this attribute must implement StudioGridFilterInterface
+ * and will be automatically registered in the studio grid filter registry.
+ *
+ * Note: Filters also need the pimcore.studio_backend.search_index.data_object.filter
+ * tag to actually apply the filter. This attribute only registers them in the
+ * CoreShop registry for listing available filters in the API.
+ */
+#[Attribute(Attribute::TARGET_CLASS)]
+class AsStudioGridFilter
+{
+    public function __construct(
+        /**
+         * The service type identifier for this filter.
+         * Should match the column filter type returned by getType().
+         */
+        public string $type,
+    ) {
+    }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Controller/Admin/GridController.php b/src/CoreShop/Bundle/PimcoreBundle/Controller/Admin/GridController.php
index 39e0930cdd..d4c5f37636 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/Controller/Admin/GridController.php
+++ b/src/CoreShop/Bundle/PimcoreBundle/Controller/Admin/GridController.php
@@ -19,6 +19,7 @@
 
 use CoreShop\Component\Pimcore\DataObject\Grid\GridActionInterface;
 use CoreShop\Component\Pimcore\DataObject\Grid\GridFilterInterface;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
 use CoreShop\Component\Registry\ServiceRegistryInterface;
 use Pimcore\Controller\UserAwareController;
 use Symfony\Component\HttpFoundation\Request;
@@ -30,6 +31,10 @@
  */
 class GridController extends UserAwareController
 {
+    /**
+     * Returns filters from the Classic Admin GridFilterInterface registry.
+     * Used by the ExtJS admin interface.
+     */
     public function getGridFiltersAction(
         string $listType,
         ServiceRegistryInterface $gridFilterServiceRegistry,
@@ -57,6 +62,41 @@ public function getGridFiltersAction(
         return $this->json($services);
     }
 
+    /**
+     * Returns filters from the StudioGridFilterInterface registry.
+     * Used by the Pimcore Studio v2 interface.
+     */
+    public function getStudioGridFiltersAction(
+        Request $request,
+        string $listType,
+        ServiceRegistryInterface $studioGridFilterServiceRegistry,
+        TranslatorInterface $translator,
+    ): Response {
+        $services = [];
+        $isStudio = $request->query->getBoolean('studio', false);
+        $translationDomain = $isStudio ? 'studio' : 'admin';
+
+        /**
+         * @var \Pimcore\Model\User $user
+         *
+         * @psalm-suppress InternalMethod
+         */
+        $user = $this->getPimcoreUser();
+        /** @var StudioGridFilterInterface $service */
+        foreach ($studioGridFilterServiceRegistry->all() as $service) {
+            if ($service->supports($listType) !== true) {
+                continue;
+            }
+
+            $services[] = [
+                'id' => $service->getType(),
+                'name' => $translator->trans($service->getLabel(), [], $translationDomain, $user->getLanguage()),
+            ];
+        }
+
+        return $this->json($services);
+    }
+
     public function getGridActionsAction(
         string $listType,
         ServiceRegistryInterface $gridActionServiceRegistry,
diff --git a/src/CoreShop/Bundle/PimcoreBundle/CoreShopPimcoreBundle.php b/src/CoreShop/Bundle/PimcoreBundle/CoreShopPimcoreBundle.php
index 9fa7ecdc52..a099932742 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/CoreShopPimcoreBundle.php
+++ b/src/CoreShop/Bundle/PimcoreBundle/CoreShopPimcoreBundle.php
@@ -23,6 +23,7 @@
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterGridActionPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterGridFilterPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterPimcoreDocumentTagImplementationLoaderPass;
+use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterStudioGridFilterPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterPimcoreDocumentTagPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterTypeHintRegistriesPass;
 use Pimcore\Extension\Bundle\AbstractPimcoreBundle;
@@ -72,6 +73,7 @@ public function build(ContainerBuilder $container): void
 
         $container->addCompilerPass(new RegisterGridActionPass());
         $container->addCompilerPass(new RegisterGridFilterPass());
+        $container->addCompilerPass(new RegisterStudioGridFilterPass());
         $container->addCompilerPass(new RegisterPimcoreDocumentTagImplementationLoaderPass());
         $container->addCompilerPass(new RegisterPimcoreDocumentTagPass());
         $container->addCompilerPass(new ExpressionLanguageServicePass());
diff --git a/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/Compiler/RegisterStudioGridFilterPass.php b/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/Compiler/RegisterStudioGridFilterPass.php
new file mode 100644
index 0000000000..8f9d663d90
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/Compiler/RegisterStudioGridFilterPass.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler;
+
+use CoreShop\Component\Registry\RegisterSimpleRegistryTypePass;
+
+class RegisterStudioGridFilterPass extends RegisterSimpleRegistryTypePass
+{
+    public const string STUDIO_GRID_FILTER_TAG = 'coreshop.studio.grid.filter';
+
+    public function __construct()
+    {
+        parent::__construct(
+            'coreshop.registry.studio.grid.filter',
+            'coreshop.studio.grid.filters',
+            self::STUDIO_GRID_FILTER_TAG,
+        );
+    }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/CoreShopPimcoreExtension.php b/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/CoreShopPimcoreExtension.php
index 386c4a3a6e..7fc10bb851 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/CoreShopPimcoreExtension.php
+++ b/src/CoreShop/Bundle/PimcoreBundle/DependencyInjection/CoreShopPimcoreExtension.php
@@ -19,11 +19,14 @@
 
 use CoreShop\Bundle\PimcoreBundle\Attribute\AsGridAction;
 use CoreShop\Bundle\PimcoreBundle\Attribute\AsGridFilter;
+use CoreShop\Bundle\PimcoreBundle\Attribute\AsStudioGridFilter;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterGridActionPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterGridFilterPass;
+use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Compiler\RegisterStudioGridFilterPass;
 use CoreShop\Bundle\PimcoreBundle\DependencyInjection\Extension\AbstractPimcoreExtension;
 use CoreShop\Component\Pimcore\DataObject\Grid\GridActionInterface;
 use CoreShop\Component\Pimcore\DataObject\Grid\GridFilterInterface;
+use CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface;
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
@@ -47,6 +50,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $this->registerPimcoreResources('coreshop', $configs['pimcore_admin'], $container);
 
         $loader->load('services.yml');
@@ -66,5 +73,13 @@ public function load(array $configs, ContainerBuilder $container): void
             AsGridFilter::class,
             $configs['autoconfigure_with_attributes'],
         );
+
+        Autoconfiguration::registerForAutoConfiguration(
+            $container,
+            StudioGridFilterInterface::class,
+            RegisterStudioGridFilterPass::STUDIO_GRID_FILTER_TAG,
+            AsStudioGridFilter::class,
+            $configs['autoconfigure_with_attributes'],
+        );
     }
 }
diff --git a/src/CoreShop/Bundle/PimcoreBundle/README.md b/src/CoreShop/Bundle/PimcoreBundle/README.md
index 1a49132eb0..6f12cf107b 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/README.md
+++ b/src/CoreShop/Bundle/PimcoreBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..65ba42ea03
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@coreshop/pimcore",
+  "version": "1.0.0",
+  "description": "CoreShop PimcoreBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/api/helperApi.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/api/helperApi.ts
new file mode 100644
index 0000000000..2d1dfd8cab
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/api/helperApi.ts
@@ -0,0 +1,64 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface ElementDetail {
+  id: number
+  type: string
+  fullPath: string
+  subtype: string | null
+  isPublished: boolean
+}
+
+interface NicePathTarget {
+  id: number
+  type: string
+}
+
+interface NicePathResponse {
+  success: boolean
+  data: Record<string, ElementDetail>
+}
+
+/**
+ * Load detailed information for elements by their IDs
+ */
+export async function loadElementDetails(ids: string[], type: string = 'object'): Promise<Record<string, ElementDetail>> {
+  if (ids.length === 0) {
+    return {}
+  }
+
+  const targets: NicePathTarget[] = ids.map(id => ({
+    id: parseInt(id),
+    type
+  }))
+
+  const url = '/pimcore-studio/api/coreshop/helper/get-nice-path'
+  const formData = new URLSearchParams()
+  formData.append('targets', JSON.stringify(targets))
+  formData.append('detailed', 'true')
+
+  const response = await fetch(url, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    },
+    credentials: 'same-origin',
+    body: formData
+  })
+
+  if (!response.ok) {
+    throw new Error(`Failed to load element details: ${response.statusText}`)
+  }
+
+  const result: NicePathResponse = await response.json()
+  return result.data
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/clear-filter.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/clear-filter.svg
new file mode 100644
index 0000000000..9cbcbee3be
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/clear-filter.svg
@@ -0,0 +1,22 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
+<g>
+	<polygon style="fill:#DCD5F2;" points="16.197,19.5 1.5,5.783 1.5,1.5 38.5,1.5 38.5,5.783 23.803,19.5 &#9;"/>
+	<g>
+		<path style="fill:#8B75A1;" d="M38,2v3.565L23.606,19h-7.212L2,5.565V2H38 M39,1H1v5l15,14h8L39,6V1L39,1z"/>
+	</g>
+</g>
+<g>
+	<polygon style="fill:#DCD5F2;" points="16.5,32.75 16.5,19.5 23.5,19.5 23.5,38 &#9;"/>
+	<g>
+		<path style="fill:#8B75A1;" d="M23,20v17l-6-4.5V20H23 M24,19h-8v14l8,6V19L24,19z"/>
+	</g>
+</g>
+<g>
+	<path style="fill:#F78F8F;" d="M31,39.5c-4.687,0-8.5-3.813-8.5-8.5s3.813-8.5,8.5-8.5s8.5,3.813,8.5,8.5S35.687,39.5,31,39.5z"/>
+	<g>
+		<path style="fill:#C74343;" d="M31,23c4.411,0,8,3.589,8,8s-3.589,8-8,8s-8-3.589-8-8S26.589,23,31,23 M31,22&#10;&#9;&#9;&#9;c-4.971,0-9,4.029-9,9s4.029,9,9,9s9-4.029,9-9S35.971,22,31,22L31,22z"/>
+	</g>
+</g>
+<line style="fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;" x1="27.5" y1="34.5" x2="34.5" y2="27.5"/>
+<line style="fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;" x1="27.5" y1="27.5" x2="34.5" y2="34.5"/>
+</svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/dynamic-dropdown-multiple.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/dynamic-dropdown-multiple.svg
new file mode 100644
index 0000000000..7f39d287db
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/dynamic-dropdown-multiple.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1"
+   viewBox="0 0 48 48"
+   enable-background="new 0 0 48 48"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dynamicdropdownmultiple-logo.svg">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1026"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="30.538583"
+     inkscape:cy="5.5160503"
+     inkscape:window-x="0"
+     inkscape:window-y="840"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <g
+     fill="#D1C4E9"
+     id="g4">
+    <path
+       d="M38,7H10C8.9,7,8,7.9,8,9v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2V9C40,7.9,39.1,7,38,7z"
+       id="path6" />
+    <path
+       d="M38,19H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,19.9,39.1,19,38,19z"
+       id="path8" />
+    <path
+       d="M38,31H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,31.9,39.1,31,38,31z"
+       id="path10" />
+  </g>
+  <polygon
+     transform="matrix(-0.6486903,0,0,-0.6486903,51.067287,55.622518)"
+     style="fill:#2196f3"
+     points="8.1,34 24,18.1 39.9,34 43,30.9 24,12 5,30.9 "
+     id="polygon4" />
+  <polygon
+     transform="matrix(-0.6486903,0,0,-0.6486903,51.161788,48.682589)"
+     style="fill:#2196f3"
+     points="8.1,34 24,18.1 39.9,34 43,30.9 24,12 5,30.9 "
+     id="polygon4-3" />
+  <polygon
+     transform="matrix(-0.6486903,0,0,-0.6486903,51.263482,41.46225)"
+     style="fill:#2196f3"
+     points="8.1,34 24,18.1 39.9,34 43,30.9 24,12 5,30.9 "
+     id="polygon4-6" />
+</svg>
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/dynamic-dropdown.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/dynamic-dropdown.svg
new file mode 100644
index 0000000000..6b9fa492aa
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/dynamic-dropdown.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1"
+   viewBox="0 0 48 48"
+   enable-background="new 0 0 48 48"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dynamicdropdown-logo.svg">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1026"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="30.538583"
+     inkscape:cy="5.5160503"
+     inkscape:window-x="0"
+     inkscape:window-y="840"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <g
+     fill="#D1C4E9"
+     id="g4">
+    <path
+       d="M38,7H10C8.9,7,8,7.9,8,9v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2V9C40,7.9,39.1,7,38,7z"
+       id="path6" />
+    <path
+       d="M38,19H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,19.9,39.1,19,38,19z"
+       id="path8" />
+    <path
+       d="M38,31H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,31.9,39.1,31,38,31z"
+       id="path10" />
+  </g>
+  <polygon
+     transform="matrix(-0.6486903,0,0,-0.6486903,51.067287,55.622518)"
+     style="fill:#2196f3"
+     points="8.1,34 24,18.1 39.9,34 43,30.9 24,12 5,30.9 "
+     id="polygon4" />
+</svg>
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/embedded_class.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/embedded_class.svg
new file mode 100644
index 0000000000..9ee8ae4716
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/embedded_class.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" version="1.1">
+<g id="surface1">
+<path style=" fill:#9C1818;" d="M 28 12.101563 L 29 12.101563 L 29 22.101563 L 28 22.101563 Z "/>
+<path style=" fill:#9C1818;" d="M 31 14.398438 L 32 14.398438 L 32 22 L 31 22 Z "/>
+<path style=" fill:#9C1818;" d="M 34 15.800781 L 35 15.800781 L 35 22 L 34 22 Z "/>
+<path style=" fill:#9C1818;" d="M 37 17.101563 L 38 17.101563 L 38 22.101563 L 37 22.101563 Z "/>
+<path style=" fill:#9C1818;" d="M 40 17.601563 L 41 17.601563 L 41 22 L 40 22 Z "/>
+<path style=" fill:#9C1818;" d="M 19 12.101563 L 20 12.101563 L 20 22.101563 L 19 22.101563 Z "/>
+<path style=" fill:#9C1818;" d="M 16 14.398438 L 17 14.398438 L 17 22 L 16 22 Z "/>
+<path style=" fill:#9C1818;" d="M 13 15.800781 L 14 15.800781 L 14 22 L 13 22 Z "/>
+<path style=" fill:#9C1818;" d="M 10 17.101563 L 11 17.101563 L 11 22.101563 L 10 22.101563 Z "/>
+<path style=" fill:#9C1818;" d="M 7 17.601563 L 8 17.601563 L 8 22 L 7 22 Z "/>
+<path style=" fill:#9C1818;" d="M 44 23 L 4 23 L 4 25 C 6.199219 25 8 26.800781 8 29 L 8 35 L 14 35 L 14 29 C 14 26.800781 15.800781 25 18 25 L 30 25 C 32.199219 25 34 26.800781 34 29 L 34 35 L 40 35 L 40 29 C 40 26.800781 41.800781 25 44 25 Z "/>
+<path style=" fill:#81D4FA;" d="M 4 35.300781 L 44 35.300781 L 44 42 L 4 42 Z "/>
+<path style=" fill:#03A9F4;" d="M 42 40 L 40 40 C 40 41.101563 39.101563 42 38 42 C 36.898438 42 36 41.101563 36 40 L 34 40 C 34 41.101563 33.101563 42 32 42 C 30.898438 42 30 41.101563 30 40 L 28 40 C 28 41.101563 27.101563 42 26 42 C 24.898438 42 24 41.101563 24 40 L 22 40 C 22 41.101563 21.101563 42 20 42 C 18.898438 42 18 41.101563 18 40 L 16 40 C 16 41.101563 15.101563 42 14 42 C 12.898438 42 12 41.101563 12 40 L 10 40 C 10 41.101563 9.101563 42 8 42 C 6.898438 42 6 41.101563 6 40 L 4 40 L 4 43.398438 C 4.398438 43.199219 4.699219 42.898438 5 42.601563 C 5.699219 43.5 6.800781 44 8 44 C 9.199219 44 10.300781 43.5 11 42.601563 C 11.699219 43.398438 12.800781 44 14 44 C 15.199219 44 16.300781 43.5 17 42.601563 C 17.699219 43.398438 18.800781 44 20 44 C 21.199219 44 22.300781 43.5 23 42.601563 C 23.699219 43.398438 24.800781 44 26 44 C 27.199219 44 28.300781 43.5 29 42.601563 C 29.699219 43.398438 30.800781 44 32 44 C 33.199219 44 34.300781 43.5 35 42.601563 C 35.699219 43.398438 36.800781 44 38 44 C 39.199219 44 40.300781 43.5 41 42.601563 C 41.699219 43.398438 42.800781 44 44 44 L 44 42 C 42.898438 42 42 41.101563 42 40 Z "/>
+<path style=" fill:#03A9F4;" d="M 42 33 L 40 33 C 40 34.101563 39.101563 35 38 35 C 36.898438 35 36 34.101563 36 33 L 34 33 C 34 34.101563 33.101563 35 32 35 C 30.898438 35 30 34.101563 30 33 L 28 33 C 28 34.101563 27.101563 35 26 35 C 24.898438 35 24 34.101563 24 33 L 22 33 C 22 34.101563 21.101563 35 20 35 C 18.898438 35 18 34.101563 18 33 L 16 33 C 16 34.101563 15.101563 35 14 35 C 12.898438 35 12 34.101563 12 33 L 10 33 C 10 34.101563 9.101563 35 8 35 C 6.898438 35 6 34.101563 6 33 L 4 33 L 4 36.398438 C 4.398438 36.199219 4.699219 35.898438 5 35.601563 C 5.699219 36.5 6.800781 37 8 37 C 9.199219 37 10.300781 36.5 11 35.601563 C 11.699219 36.398438 12.800781 37 14 37 C 15.199219 37 16.300781 36.5 17 35.601563 C 17.699219 36.398438 18.800781 37 20 37 C 21.199219 37 22.300781 36.5 23 35.601563 C 23.699219 36.398438 24.800781 37 26 37 C 27.199219 37 28.300781 36.5 29 35.601563 C 29.699219 36.398438 30.800781 37 32 37 C 33.199219 37 34.300781 36.5 35 35.601563 C 35.699219 36.398438 36.800781 37 38 37 C 39.199219 37 40.300781 36.5 41 35.601563 C 41.699219 36.398438 42.800781 37 44 37 L 44 35 C 42.898438 35 42 34.101563 42 33 Z "/>
+<path style=" fill:#C62828;" d="M 4 22 L 44 22 L 44 25 L 4 25 Z "/>
+<path style=" fill:#C62828;" d="M 26 7.601563 C 25.800781 6.699219 25 6 24 6 C 23 6 22.199219 6.699219 22 7.699219 C 21.398438 8.800781 16.300781 17 4 17 L 4 19 C 13.800781 19 19.398438 14.300781 22 11.199219 L 22 22 L 23 22 L 23 20 L 25 20 L 25 22 L 26 22 L 26 10.898438 C 28.800781 14 34.601563 19 44 19 L 44 17 C 32.699219 17 26.800781 8.898438 26 7.601563 Z M 25 18 L 23 18 L 23 16 L 25 16 Z M 25 14 L 23 14 L 23 12 L 25 12 Z M 25 10 L 23 10 L 23 8 L 25 8 Z "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/item-selector.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/item-selector.svg
new file mode 100644
index 0000000000..1a2bf47402
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/item-selector.svg
@@ -0,0 +1,106 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1"
+   viewBox="0 0 48 48"
+   enable-background="new 0 0 48 48"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dynamicdropdownitemselector-logo.svg">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1026"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="30.538583"
+     inkscape:cy="5.5160503"
+     inkscape:window-x="3000"
+     inkscape:window-y="840"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <g
+     fill="#D1C4E9"
+     id="g4">
+    <path
+       d="M38,7H10C8.9,7,8,7.9,8,9v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2V9C40,7.9,39.1,7,38,7z"
+       id="path6" />
+    <path
+       d="M38,19H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,19.9,39.1,19,38,19z"
+       id="path8" />
+    <path
+       d="M38,31H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,31.9,39.1,31,38,31z"
+       id="path10" />
+  </g>
+  <g
+     transform="translate(0.05508519,10.477966)"
+     id="g4238"
+     style="fill:#00aad4">
+    <rect
+       x="2"
+       y="12.2"
+       class="st0"
+       width="17.4"
+       height="24"
+       id="rect4240"
+       style="fill:#00aad4" />
+    <g
+       id="g4242"
+       style="fill:#00aad4">
+      <rect
+         x="29.1"
+         y="12.2"
+         class="st0"
+         width="17.4"
+         height="24"
+         id="rect4244"
+         style="fill:#00aad4" />
+    </g>
+  </g>
+  <g
+     transform="translate(0.05508519,10.477966)"
+     id="g4246"
+     style="fill:#5f5fd3">
+    <polygon
+       class="st1"
+       points="21,31.1 28.1,24 21,16.9 "
+       id="polygon4248"
+       style="fill:#5f5fd3" />
+    <rect
+       x="9.6999998"
+       y="22"
+       class="st1"
+       width="14.1"
+       height="4"
+       id="rect4250"
+       style="fill:#5f5fd3" />
+  </g>
+</svg>
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/serialized.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/serialized.svg
new file mode 100644
index 0000000000..a5beed82bc
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/serialized.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64 64" version="1.1">
+<g id="surface1">
+<path style=" fill:#C2CDE7;" d="M 9 7 L 53 7 C 54.105469 7 55 7.894531 55 9 L 55 55 C 55 56.105469 54.105469 57 53 57 L 9 57 C 7.894531 57 7 56.105469 7 55 L 7 9 C 7 7.894531 7.894531 7 9 7 Z "/>
+<path style=" fill:#ACB7D0;" d="M 11 52 L 51 52 C 53.210938 52 55 53.789063 55 56 C 55 56.550781 54.550781 57 54 57 L 8 57 C 7.449219 57 7 56.550781 7 56 C 7 53.789063 8.789063 52 11 52 Z "/>
+<path style=" fill:#8D6C9F;" d="M 51 30 L 40.339844 30 L 43.699219 26.640625 C 44.039063 26.242188 44.015625 25.652344 43.648438 25.28125 C 43.277344 24.914063 42.6875 24.890625 42.289063 25.230469 L 37.21875 30.300781 C 36.832031 30.691406 36.832031 31.320313 37.21875 31.710938 L 42.289063 36.78125 C 42.6875 37.121094 43.277344 37.097656 43.648438 36.726563 C 44.015625 36.359375 44.039063 35.765625 43.699219 35.371094 L 40.339844 32 L 51 32 C 51.550781 32 52 31.550781 52 31 C 52 30.449219 51.550781 30 51 30 Z "/>
+<path style=" fill:#8D6C9F;" d="M 24.78125 30.289063 L 19.710938 25.21875 C 19.3125 24.878906 18.722656 24.902344 18.351563 25.273438 C 17.984375 25.640625 17.960938 26.234375 18.300781 26.628906 L 21.660156 30 L 11 30 C 10.449219 30 10 30.449219 10 31 C 10 31.550781 10.449219 32 11 32 L 21.660156 32 L 18.300781 35.359375 C 18.015625 35.605469 17.890625 35.988281 17.976563 36.351563 C 18.066406 36.71875 18.351563 37.003906 18.714844 37.09375 C 19.082031 37.179688 19.464844 37.054688 19.710938 36.769531 L 24.78125 31.699219 C 25.167969 31.308594 25.167969 30.679688 24.78125 30.289063 Z "/>
+<path style=" fill:#8D6C9F;" d="M 31.710938 37.21875 C 31.320313 36.832031 30.691406 36.832031 30.300781 37.21875 L 25.230469 42.289063 C 24.890625 42.6875 24.914063 43.277344 25.28125 43.648438 C 25.652344 44.015625 26.242188 44.039063 26.640625 43.699219 L 30 40.339844 L 30 53 C 30 53.550781 30.449219 54 31 54 C 31.550781 54 32 53.550781 32 53 L 32 40.339844 L 35.359375 43.699219 C 35.757813 44.039063 36.347656 44.015625 36.71875 43.648438 C 37.085938 43.277344 37.109375 42.6875 36.769531 42.289063 Z "/>
+<path style=" fill:#8D6C9F;" d="M 30.289063 24.78125 C 30.679688 25.167969 31.308594 25.167969 31.699219 24.78125 L 36.769531 19.710938 C 37.109375 19.3125 37.085938 18.722656 36.71875 18.351563 C 36.347656 17.984375 35.757813 17.960938 35.359375 18.300781 L 32 21.660156 L 32 11 C 32 10.449219 31.550781 10 31 10 C 30.449219 10 30 10.449219 30 11 L 30 21.660156 L 26.640625 18.300781 C 26.242188 17.960938 25.652344 17.984375 25.28125 18.351563 C 24.914063 18.722656 24.890625 19.3125 25.230469 19.710938 Z "/>
+<path style=" fill:#8D6C9F;" d="M 33 31 C 33 32.105469 32.105469 33 31 33 C 29.894531 33 29 32.105469 29 31 C 29 29.894531 29.894531 29 31 29 C 32.105469 29 33 29.894531 33 31 Z "/>
+<path style=" fill:#8D6C9F;" d="M 53 6 L 9 6 C 7.34375 6 6 7.34375 6 9 L 6 55 C 6 56.65625 7.34375 58 9 58 L 53 58 C 54.65625 58 56 56.65625 56 55 L 56 9 C 56 7.34375 54.65625 6 53 6 Z M 54 55 C 54 55.550781 53.550781 56 53 56 L 9 56 C 8.449219 56 8 55.550781 8 55 L 8 9 C 8 8.449219 8.449219 8 9 8 L 53 8 C 53.550781 8 54 8.449219 54 9 Z "/>
+<path style=" fill:#8D6C9F;" d="M 16 50 C 15.449219 50 15 50.449219 15 51 L 15 53 C 15 53.550781 15.449219 54 16 54 C 16.550781 54 17 53.550781 17 53 L 17 51 C 17 50.449219 16.550781 50 16 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 11 50 C 10.449219 50 10 50.449219 10 51 L 10 53 C 10 53.550781 10.449219 54 11 54 C 11.550781 54 12 53.550781 12 53 L 12 51 C 12 50.449219 11.550781 50 11 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 36 50 C 35.449219 50 35 50.449219 35 51 L 35 53 C 35 53.550781 35.449219 54 36 54 C 36.550781 54 37 53.550781 37 53 L 37 51 C 37 50.449219 36.550781 50 36 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 41 50 C 40.449219 50 40 50.449219 40 51 L 40 53 C 40 53.550781 40.449219 54 41 54 C 41.550781 54 42 53.550781 42 53 L 42 51 C 42 50.449219 41.550781 50 41 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 46 50 C 45.449219 50 45 50.449219 45 51 L 45 53 C 45 53.550781 45.449219 54 46 54 C 46.550781 54 47 53.550781 47 53 L 47 51 C 47 50.449219 46.550781 50 46 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 51 50 C 50.449219 50 50 50.449219 50 51 L 50 53 C 50 53.550781 50.449219 54 51 54 C 51.550781 54 52 53.550781 52 53 L 52 51 C 52 50.449219 51.550781 50 51 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 21 50 C 20.449219 50 20 50.449219 20 51 L 20 53 C 20 53.550781 20.449219 54 21 54 C 21.550781 54 22 53.550781 22 53 L 22 51 C 22 50.449219 21.550781 50 21 50 Z "/>
+<path style=" fill:#8D6C9F;" d="M 26 50 C 25.449219 50 25 50.449219 25 51 L 25 53 C 25 53.550781 25.449219 54 26 54 C 26.550781 54 27 53.550781 27 53 L 27 51 C 27 50.449219 26.550781 50 26 50 Z "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/super-box-select.svg b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/super-box-select.svg
new file mode 100644
index 0000000000..f24e58cf25
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/assets/super-box-select.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1"
+   viewBox="0 0 48 48"
+   enable-background="new 0 0 48 48"
+   id="svg2"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dynamicdropdowntag-logo.svg">
+  <metadata
+     id="metadata16">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1026"
+     id="namedview12"
+     showgrid="false"
+     inkscape:zoom="9.8333333"
+     inkscape:cx="37.504685"
+     inkscape:cy="5.5160503"
+     inkscape:window-x="3000"
+     inkscape:window-y="840"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <g
+     fill="#D1C4E9"
+     id="g4">
+    <path
+       d="M38,7H10C8.9,7,8,7.9,8,9v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2V9C40,7.9,39.1,7,38,7z"
+       id="path6" />
+    <path
+       d="M38,19H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,19.9,39.1,19,38,19z"
+       id="path8" />
+    <path
+       d="M38,31H10c-1.1,0-2,0.9-2,2v6c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2v-6C40,31.9,39.1,31,38,31z"
+       id="path10" />
+  </g>
+  <rect
+     style="fill:#eaeaea;fill-opacity:1;stroke:none;stroke-width:1.10000002;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+     id="rect5519"
+     width="46.677967"
+     height="13.830508"
+     x="0.81355935"
+     y="32.745762" />
+  <g
+     transform="translate(2.3688814,1.657016)"
+     style="fill:#948e8e;fill-opacity:1"
+     id="g4956">
+    <rect
+       x="36.5"
+       y="32"
+       transform="matrix(-0.707,0.707,-0.707,-0.707,91.74,38)"
+       width="3"
+       height="12"
+       id="rect4958"
+       style="fill:#948e8e;fill-opacity:1" />
+    <rect
+       x="36.5"
+       y="32"
+       transform="matrix(-0.707,-0.707,0.707,-0.707,38,91.74)"
+       width="3"
+       height="12"
+       id="rect4960"
+       style="fill:#948e8e;fill-opacity:1" />
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:10px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';letter-spacing:0px;word-spacing:0px;fill:#8e8e8e;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     x="7.6271186"
+     y="42.029179"
+     id="text5531"
+     sodipodi:linespacing="125%"><tspan
+       sodipodi:role="line"
+       id="tspan5533"
+       x="7.6271186"
+       y="42.029179">Tag</tspan></text>
+</svg>
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/AssetSelect.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/AssetSelect.tsx
new file mode 100644
index 0000000000..20617dee91
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/AssetSelect.tsx
@@ -0,0 +1,80 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import {
+  ManyToOneRelation,
+  type ManyToOneRelationValueType,
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { loadElementDetails } from '../api/helperApi'
+
+interface AssetSelectProps {
+  value?: number | null
+  onChange?: (value: number | null) => void
+  disabled?: boolean
+}
+
+export const AssetSelect: React.FC<AssetSelectProps> = ({
+  value,
+  onChange,
+  disabled,
+}) => {
+  const [fullPath, setFullPath] = React.useState<string | undefined>(undefined)
+
+  React.useEffect(() => {
+    if (!value) {
+      setFullPath(undefined)
+      return
+    }
+
+    loadElementDetails([String(value)], 'asset')
+      .then((details) => {
+        const detail = details[String(value)]
+        if (detail?.fullPath) {
+          setFullPath(detail.fullPath)
+        }
+      })
+      .catch(() => {
+        setFullPath(undefined)
+      })
+  }, [value])
+
+  const relationValue: ManyToOneRelationValueType = React.useMemo(() => {
+    if (!value) return null
+    return { type: 'asset', id: value, fullPath }
+  }, [value, fullPath])
+
+  const handleChange = React.useCallback((newValue: ManyToOneRelationValueType) => {
+    if (!newValue || (newValue as any).textInput) {
+      onChange?.(null)
+      setFullPath(undefined)
+    } else {
+      const rel = newValue as { id: number; fullPath?: string }
+      onChange?.(rel.id)
+      if (rel.fullPath) {
+        setFullPath(rel.fullPath)
+      }
+    }
+  }, [onChange])
+
+  return (
+    <ManyToOneRelation
+      value={relationValue}
+      onChange={handleChange}
+      assetsAllowed
+      documentsAllowed={false}
+      dataObjectsAllowed={false}
+      allowToClearRelation
+      disabled={disabled}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/DocumentSelect.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/DocumentSelect.tsx
new file mode 100644
index 0000000000..92d0620426
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/DocumentSelect.tsx
@@ -0,0 +1,83 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import {
+  ManyToOneRelation,
+  type ManyToOneRelationValueType,
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { loadElementDetails } from '../api/helperApi'
+
+interface DocumentSelectProps {
+  value?: number | null
+  onChange?: (value: number | null) => void
+  documentTypes?: string[]
+  disabled?: boolean
+}
+
+export const DocumentSelect: React.FC<DocumentSelectProps> = ({
+  value,
+  onChange,
+  documentTypes,
+  disabled,
+}) => {
+  const [fullPath, setFullPath] = React.useState<string | undefined>(undefined)
+
+  React.useEffect(() => {
+    if (!value) {
+      setFullPath(undefined)
+      return
+    }
+
+    loadElementDetails([String(value)], 'document')
+      .then((details) => {
+        const detail = details[String(value)]
+        if (detail?.fullPath) {
+          setFullPath(detail.fullPath)
+        }
+      })
+      .catch(() => {
+        setFullPath(undefined)
+      })
+  }, [value])
+
+  const relationValue: ManyToOneRelationValueType = React.useMemo(() => {
+    if (!value) return null
+    return { type: 'document', id: value, fullPath }
+  }, [value, fullPath])
+
+  const handleChange = React.useCallback((newValue: ManyToOneRelationValueType) => {
+    if (!newValue || (newValue as any).textInput) {
+      onChange?.(null)
+      setFullPath(undefined)
+    } else {
+      const rel = newValue as { id: number; fullPath?: string }
+      onChange?.(rel.id)
+      if (rel.fullPath) {
+        setFullPath(rel.fullPath)
+      }
+    }
+  }, [onChange])
+
+  return (
+    <ManyToOneRelation
+      value={relationValue}
+      onChange={handleChange}
+      assetsAllowed={false}
+      documentsAllowed
+      allowedDocumentTypes={documentTypes}
+      dataObjectsAllowed={false}
+      allowToClearRelation
+      disabled={disabled}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..b8bf8c7e0a
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,6 @@
+/**
+ * CoreShop PimcoreBundle - Components
+ */
+
+export { AssetSelect } from './AssetSelect'
+export { DocumentSelect } from './DocumentSelect'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopDynamicDropdown.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopDynamicDropdown.tsx
new file mode 100644
index 0000000000..c517de168d
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopDynamicDropdown.tsx
@@ -0,0 +1,77 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import {
+  useDynamicDropdownOptions,
+  type DynamicDropdownFieldConfig
+} from './useDynamicDropdownOptions'
+
+const DynamicDropdownSelect: React.FC<{
+  value?: number
+  onChange?: (value: number) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+  fieldConfig: DynamicDropdownFieldConfig
+  onlyPublished?: boolean
+}> = ({ value, onChange, disabled, style, fieldConfig, onlyPublished }) => {
+  const { options, loading } = useDynamicDropdownOptions(fieldConfig)
+
+  const filteredOptions = React.useMemo(() => {
+    if (onlyPublished) {
+      return options.filter(opt => opt.published)
+    }
+    return options
+  }, [options, onlyPublished])
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      loading={loading}
+      disabled={disabled}
+      style={style}
+      showSearch
+      optionFilterProp="label"
+      allowClear
+      options={filteredOptions}
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopDynamicDropdown extends DynamicTypeObjectDataAbstractSelect {
+  readonly id = 'coreShopDynamicDropdown'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    const fieldConfig: DynamicDropdownFieldConfig = {
+      folderName: props.folderName,
+      className: props.className,
+      methodName: props.methodName,
+      recursive: props.recursive,
+      sortBy: props.sortBy
+    }
+
+    return (
+      <DynamicDropdownSelect
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+        fieldConfig={fieldConfig}
+        onlyPublished={props.onlyPublished}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopDynamicDropdownMultiple.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopDynamicDropdownMultiple.tsx
new file mode 100644
index 0000000000..438abe2c1b
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopDynamicDropdownMultiple.tsx
@@ -0,0 +1,68 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractMultiSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import {
+  useDynamicDropdownOptions,
+  type DynamicDropdownFieldConfig
+} from './useDynamicDropdownOptions'
+
+const DynamicDropdownMultiSelect: React.FC<{
+  value?: number[]
+  onChange?: (value: number[]) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+  fieldConfig: DynamicDropdownFieldConfig
+}> = ({ value, onChange, disabled, style, fieldConfig }) => {
+  const { options, loading } = useDynamicDropdownOptions(fieldConfig)
+
+  return (
+    <Select
+      mode="multiple"
+      value={value}
+      onChange={onChange}
+      loading={loading}
+      disabled={disabled}
+      style={style}
+      showSearch
+      optionFilterProp="label"
+      options={options}
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopDynamicDropdownMultiple extends DynamicTypeObjectDataAbstractMultiSelect {
+  readonly id = 'coreShopDynamicDropdownMultiple'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    const fieldConfig: DynamicDropdownFieldConfig = {
+      folderName: props.folderName,
+      className: props.className,
+      methodName: props.methodName,
+      recursive: props.recursive,
+      sortBy: props.sortBy
+    }
+
+    return (
+      <DynamicDropdownMultiSelect
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+        fieldConfig={fieldConfig}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopItemSelector.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopItemSelector.tsx
new file mode 100644
index 0000000000..6640dd6397
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopItemSelector.tsx
@@ -0,0 +1,100 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Transfer } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractMultiSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import {
+  useDynamicDropdownOptions,
+  type DynamicDropdownFieldConfig
+} from './useDynamicDropdownOptions'
+
+interface TransferItem {
+  key: string
+  title: string
+}
+
+const ItemSelectorComponent: React.FC<{
+  value?: number[]
+  onChange?: (value: number[]) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+  fieldConfig: DynamicDropdownFieldConfig
+}> = ({ value, onChange, disabled, style, fieldConfig }) => {
+  const { options, loading } = useDynamicDropdownOptions(fieldConfig)
+
+  const dataSource: TransferItem[] = React.useMemo(
+    () => options.map(opt => ({
+      key: String(opt.value),
+      title: opt.label
+    })),
+    [options]
+  )
+
+  const targetKeys = React.useMemo(
+    () => (value ?? []).map(String),
+    [value]
+  )
+
+  const handleChange = React.useCallback(
+    (nextTargetKeys: string[]) => {
+      onChange?.(nextTargetKeys.map(Number))
+    },
+    [onChange]
+  )
+
+  return (
+    <Transfer
+      dataSource={dataSource}
+      targetKeys={targetKeys}
+      onChange={handleChange}
+      render={item => item.title}
+      disabled={disabled || loading}
+      showSearch
+      filterOption={(inputValue, item) =>
+        item.title.toLowerCase().includes(inputValue.toLowerCase())
+      }
+      titles={['Available', 'Selected']}
+      listStyle={{ width: 250, height: 300, ...style }}
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopItemSelector extends DynamicTypeObjectDataAbstractMultiSelect {
+  readonly id = 'coreShopItemSelector'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  gridCellEditMode = 'edit-modal' as const
+  gridCellEditModalSettings = {
+    modalSize: 'L' as const,
+    formLayout: 'vertical' as const
+  }
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    const fieldConfig: DynamicDropdownFieldConfig = {
+      folderName: props.folderName,
+      className: props.className,
+      methodName: props.methodName,
+      recursive: props.recursive,
+      sortBy: props.sortBy
+    }
+
+    return (
+      <ItemSelectorComponent
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        fieldConfig={fieldConfig}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSerializedData.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSerializedData.tsx
new file mode 100644
index 0000000000..9ca4044ce2
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSerializedData.tsx
@@ -0,0 +1,21 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { DynamicTypeObjectDataAbstract } from '@pimcore/studio-ui-bundle/modules/element'
+
+export class DynamicTypeObjectDataCoreShopSerializedData extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopSerializedData'
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    return (
+      <div style={{ padding: 8, color: '#999' }}>
+        Serialized data (read-only)
+      </div>
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSuperBoxSelect.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSuperBoxSelect.tsx
new file mode 100644
index 0000000000..32ec26535d
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSuperBoxSelect.tsx
@@ -0,0 +1,69 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractMultiSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import {
+  useDynamicDropdownOptions,
+  type DynamicDropdownFieldConfig
+} from './useDynamicDropdownOptions'
+
+const SuperBoxSelectComponent: React.FC<{
+  value?: number[]
+  onChange?: (value: number[]) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+  fieldConfig: DynamicDropdownFieldConfig
+}> = ({ value, onChange, disabled, style, fieldConfig }) => {
+  const { options, loading } = useDynamicDropdownOptions(fieldConfig)
+
+  return (
+    <Select
+      mode="tags"
+      value={value}
+      onChange={onChange}
+      loading={loading}
+      disabled={disabled}
+      style={style}
+      showSearch
+      optionFilterProp="label"
+      options={options}
+      maxTagCount="responsive"
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopSuperBoxSelect extends DynamicTypeObjectDataAbstractMultiSelect {
+  readonly id = 'coreShopSuperBoxSelect'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    const fieldConfig: DynamicDropdownFieldConfig = {
+      folderName: props.folderName,
+      className: props.className,
+      methodName: props.methodName,
+      recursive: props.recursive,
+      sortBy: props.sortBy
+    }
+
+    return (
+      <SuperBoxSelectComponent
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+        fieldConfig={fieldConfig}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..ad858e7d7c
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,12 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopSerializedData } from './DynamicTypeObjectDataCoreShopSerializedData'
+export { DynamicTypeObjectDataCoreShopDynamicDropdown } from './DynamicTypeObjectDataCoreShopDynamicDropdown'
+export { DynamicTypeObjectDataCoreShopDynamicDropdownMultiple } from './DynamicTypeObjectDataCoreShopDynamicDropdownMultiple'
+export { DynamicTypeObjectDataCoreShopItemSelector } from './DynamicTypeObjectDataCoreShopItemSelector'
+export { DynamicTypeObjectDataCoreShopSuperBoxSelect } from './DynamicTypeObjectDataCoreShopSuperBoxSelect'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/useDynamicDropdownOptions.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/useDynamicDropdownOptions.ts
new file mode 100644
index 0000000000..0ebbdff3d1
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/useDynamicDropdownOptions.ts
@@ -0,0 +1,135 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+
+export interface DynamicDropdownOption {
+  value: number
+  label: string
+  published: boolean
+}
+
+export interface DynamicDropdownFieldConfig {
+  folderName?: string
+  className?: string
+  methodName?: string
+  recursive?: boolean | string
+  sortBy?: string
+  onlyPublished?: boolean
+}
+
+interface ApiResponse {
+  success: boolean
+  message?: string
+  options: Array<{
+    value: number
+    key: string
+    published: boolean
+  }>
+}
+
+// Cache keyed by field config params to avoid duplicate calls for same config
+const optionsCache = new Map<string, DynamicDropdownOption[]>()
+const loadPromises = new Map<string, Promise<DynamicDropdownOption[]>>()
+
+function buildCacheKey(config: DynamicDropdownFieldConfig): string {
+  return JSON.stringify({
+    f: config.folderName,
+    c: config.className,
+    m: config.methodName,
+    r: config.recursive,
+    s: config.sortBy
+  })
+}
+
+async function fetchOptions(config: DynamicDropdownFieldConfig): Promise<DynamicDropdownOption[]> {
+  const cacheKey = buildCacheKey(config)
+
+  const cached = optionsCache.get(cacheKey)
+  if (cached) {
+    return cached
+  }
+
+  const existing = loadPromises.get(cacheKey)
+  if (existing) {
+    return existing
+  }
+
+  const promise = (async () => {
+    try {
+      const params = new URLSearchParams()
+      if (config.folderName) params.set('folderName', config.folderName)
+      if (config.className) params.set('className', config.className)
+      if (config.methodName) params.set('methodName', config.methodName)
+      if (config.recursive) params.set('recursive', String(config.recursive))
+      if (config.sortBy) params.set('sortBy', config.sortBy)
+      params.set('current_language', document.documentElement.lang || 'en')
+
+      const response = await fetch(`/pimcore-studio/api/coreshop/dynamic-dropdown/options?${params.toString()}`)
+      const data: ApiResponse = await response.json()
+
+      if (!data.success) {
+        console.error('Failed to load dynamic dropdown options:', data.message)
+        return []
+      }
+
+      const options: DynamicDropdownOption[] = data.options.map(opt => ({
+        value: opt.value,
+        label: opt.key,
+        published: opt.published
+      }))
+
+      optionsCache.set(cacheKey, options)
+      return options
+    } catch (err) {
+      console.error('Failed to load dynamic dropdown options:', err)
+      return []
+    } finally {
+      loadPromises.delete(cacheKey)
+    }
+  })()
+
+  loadPromises.set(cacheKey, promise)
+  return promise
+}
+
+export function clearDynamicDropdownCache(): void {
+  optionsCache.clear()
+  loadPromises.clear()
+}
+
+export function useDynamicDropdownOptions(config: DynamicDropdownFieldConfig): {
+  options: DynamicDropdownOption[]
+  loading: boolean
+} {
+  const cacheKey = buildCacheKey(config)
+  const [options, setOptions] = React.useState<DynamicDropdownOption[]>(
+    optionsCache.get(cacheKey) ?? []
+  )
+  const [loading, setLoading] = React.useState(!optionsCache.has(cacheKey))
+
+  React.useEffect(() => {
+    if (!config.folderName || !config.className || !config.methodName) {
+      setLoading(false)
+      return
+    }
+
+    void (async () => {
+      if (!optionsCache.has(cacheKey)) {
+        setLoading(true)
+      }
+      try {
+        const opts = await fetchOptions(config)
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [cacheKey])
+
+  return { options, loading }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..f2ce5096cf
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,59 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { PimcoreBundleIconModule } from './modules/icon-library'
+import { AssetSelectWidgetModule } from './modules/asset-select-widget'
+import {
+    DynamicTypeObjectDataCoreShopSerializedData,
+    DynamicTypeObjectDataCoreShopDynamicDropdown,
+    DynamicTypeObjectDataCoreShopDynamicDropdownMultiple,
+    DynamicTypeObjectDataCoreShopItemSelector,
+    DynamicTypeObjectDataCoreShopSuperBoxSelect
+} from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-pimcore',
+
+    onInit() {
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopSerializedData())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopDynamicDropdown())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopDynamicDropdownMultiple())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopItemSelector())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopSuperBoxSelect())
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(PimcoreBundleIconModule)
+        moduleSystem.registerModule(AssetSelectWidgetModule)
+    }
+}
+
+export default plugin
+
+// Note: React components, hooks, and contexts are NOT exported from main.ts
+// to avoid Module Federation issues with React instance sharing.
+//
+// Import from sub-paths instead:
+//   import { GridFilterDropdown } from '@coreshop/pimcore/src/modules/grid/components/GridFilterDropdown'
+//   import { PresetFilterProvider, usePresetFilter } from '@coreshop/pimcore/src/modules/grid/context/PresetFilterContext'
+//   import { createPresetFilterDecorator } from '@coreshop/pimcore/src/modules/grid/decorators'
+//   import { fetchGridFilters } from '@coreshop/pimcore/src/modules/grid/api'
+//   import { GRID_EVENTS } from '@coreshop/pimcore/src/modules/grid/events'
+//   import { gridServiceIds } from '@coreshop/pimcore/src/modules/grid/service-ids'
+//   import { coreshopBroker } from '@coreshop/pimcore/src/modules/broker'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/asset-select-widget/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/asset-select-widget/index.ts
new file mode 100644
index 0000000000..debaa885f8
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/asset-select-widget/index.ts
@@ -0,0 +1,30 @@
+/**
+ * CoreShop PimcoreBundle - Asset Select Widget Module
+ *
+ * Registers the 'pimcore_asset_choice' block prefix to render the AssetSelect
+ * component in schema-based forms.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { AbstractModule } from '@pimcore/studio-ui-bundle'
+import { container } from '@pimcore/studio-ui-bundle'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry } from '@coreshop/studio-form'
+import { AssetSelect } from '../../components/AssetSelect'
+
+export const AssetSelectWidgetModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+    widgetRegistry.register('pimcore_asset_choice', () => ({
+      component: AssetSelect,
+    }))
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/broker/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/broker/index.ts
new file mode 100644
index 0000000000..bb5d50f85e
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/broker/index.ts
@@ -0,0 +1,132 @@
+/**
+ * CoreShop PimcoreBundle Studio Plugin
+ *
+ * Event Broker for cross-component communication.
+ * Mirrors the ExtJS coreshop.broker API from broker.js
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export type ListenerCallback = (...args: any[]) => void
+
+interface Listener {
+  callback: ListenerCallback
+  scope?: any
+  once: boolean
+  priority: number
+}
+
+// Extend window type for global broker
+declare global {
+  interface Window {
+    __CORESHOP_BROKER__?: CoreShopBroker
+  }
+}
+
+/**
+ * CoreShop Event Broker
+ *
+ * Provides a pub/sub system for communication between Dynamic Types
+ * and other components. API mirrors ExtJS coreshop.broker.
+ *
+ * Usage:
+ *   coreshopBroker.fireEvent('eventName', data)
+ *   coreshopBroker.addListener('eventName', callback)
+ *   coreshopBroker.removeListener('eventName', callback)
+ */
+class CoreShopBroker {
+  private listeners = new Map<string, Listener[]>()
+
+  /**
+   * Add a listener for an event
+   */
+  addListener(
+    name: string,
+    callback: ListenerCallback,
+    scope?: any,
+    once = false,
+    priority = 0
+  ): void {
+    if (!this.listeners.has(name)) {
+      this.listeners.set(name, [])
+    }
+    this.listeners.get(name)!.push({ callback, scope, once, priority })
+  }
+
+  /**
+   * Add a listener that will be automatically removed after first execution
+   */
+  addListenerOnce(
+    name: string,
+    callback: ListenerCallback,
+    scope?: any
+  ): void {
+    this.addListener(name, callback, scope, true, 0)
+  }
+
+  /**
+   * Remove a listener
+   */
+  removeListener(name: string, callback: ListenerCallback): void {
+    const list = this.listeners.get(name)
+    if (!list) return
+
+    const idx = list.findIndex((l) => l.callback === callback)
+    if (idx >= 0) {
+      list.splice(idx, 1)
+    }
+
+    if (list.length === 0) {
+      this.listeners.delete(name)
+    }
+  }
+
+  /**
+   * Fire an event to all registered listeners
+   */
+  fireEvent(name: string, ...args: any[]): void {
+    const list = this.listeners.get(name)
+    if (!list) return
+
+    // Sort by priority (lower priority executes first, like ExtJS)
+    const sorted = [...list].sort((a, b) => a.priority - b.priority)
+
+    for (const listener of sorted) {
+      listener.callback.apply(listener.scope, args)
+
+      if (listener.once) {
+        this.removeListener(name, listener.callback)
+      }
+    }
+  }
+
+  /**
+   * Check if there are listeners for an event
+   */
+  hasListeners(name: string): boolean {
+    return (this.listeners.get(name)?.length ?? 0) > 0
+  }
+}
+
+// Use global window singleton to ensure all bundles share the same instance
+// This bypasses module federation isolation issues
+function getGlobalBroker(): CoreShopBroker {
+  if (!window.__CORESHOP_BROKER__) {
+    window.__CORESHOP_BROKER__ = new CoreShopBroker()
+  }
+  return window.__CORESHOP_BROKER__
+}
+
+export const coreshopBroker = getGlobalBroker()
+
+// Event name constants for type safety
+export const CORESHOP_EVENTS = {
+  UNIT_DEFINITIONS_CHANGE: 'pimcore.object.tags.coreShopProductUnitDefinitions.change',
+
+  // Grid events (also exported from @coreshop/pimcore via GRID_EVENTS)
+  GRID_FILTER_CHANGED: 'coreshop.grid.filter.changed',
+  GRID_ACTION_EXECUTED: 'coreshop.grid.action.executed',
+  GRID_TOOLBAR_ENHANCING: 'coreshop.grid.toolbar.enhancing',
+  GRID_CONTEXT_MENU_BUILDING: 'coreshop.grid.contextmenu.building'
+} as const
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/api/gridApi.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/api/gridApi.ts
new file mode 100644
index 0000000000..8a22cb5278
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/api/gridApi.ts
@@ -0,0 +1,162 @@
+/**
+ * CoreShop PimcoreBundle Grid API
+ *
+ * API functions for fetching grid filters and actions with module-level caching.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface GridFilter {
+  id: string
+  name: string
+}
+
+export interface GridAction {
+  id: string
+  name: string
+}
+
+export interface ActionResult {
+  success: boolean
+  message: string
+}
+
+// Module-level caches
+const filtersCache = new Map<string, GridFilter[]>()
+const actionsCache = new Map<string, GridAction[]>()
+
+// Promises for in-flight requests to prevent duplicate calls
+let filtersLoadPromise = new Map<string, Promise<GridFilter[]>>()
+let actionsLoadPromise = new Map<string, Promise<GridAction[]>>()
+
+/**
+ * Fetch grid filters for a specific list type (Studio v2 compatible filters)
+ * Results are cached to prevent multiple API calls
+ *
+ * Uses the studio-filters endpoint which returns StudioGridFilterInterface implementations
+ * that work with OpenSearch queries.
+ */
+export const fetchGridFilters = async (listType: string): Promise<GridFilter[]> => {
+  // Return cached data if available
+  if (filtersCache.has(listType)) {
+    return filtersCache.get(listType)!
+  }
+
+  // If already loading, return the existing promise
+  if (filtersLoadPromise.has(listType)) {
+    return filtersLoadPromise.get(listType)!
+  }
+
+  // Start new load
+  const promise = (async (): Promise<GridFilter[]> => {
+    try {
+      // Use studio-filters endpoint for Studio v2 compatible filters
+      const response = await fetch(`/pimcore-studio/api/coreshop/grid/studio-filters/${encodeURIComponent(listType)}?studio=1`)
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch grid filters: ${response.statusText}`)
+      }
+
+      const data: GridFilter[] = await response.json()
+      filtersCache.set(listType, data)
+      return data
+    } catch (err) {
+      console.error('[CoreShop Grid] Failed to load filters:', err)
+      throw err
+    } finally {
+      filtersLoadPromise.delete(listType)
+    }
+  })()
+
+  filtersLoadPromise.set(listType, promise)
+  return promise
+}
+
+/**
+ * Fetch grid actions for a specific list type
+ * Results are cached to prevent multiple API calls
+ */
+export const fetchGridActions = async (listType: string): Promise<GridAction[]> => {
+  // Return cached data if available
+  if (actionsCache.has(listType)) {
+    return actionsCache.get(listType)!
+  }
+
+  // If already loading, return the existing promise
+  if (actionsLoadPromise.has(listType)) {
+    return actionsLoadPromise.get(listType)!
+  }
+
+  // Start new load
+  const promise = (async (): Promise<GridAction[]> => {
+    try {
+      const response = await fetch(`/pimcore-studio/api/coreshop/grid/actions/${encodeURIComponent(listType)}`)
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch grid actions: ${response.statusText}`)
+      }
+
+      const data: GridAction[] = await response.json()
+      actionsCache.set(listType, data)
+      return data
+    } catch (err) {
+      console.error('[CoreShop Grid] Failed to load actions:', err)
+      throw err
+    } finally {
+      actionsLoadPromise.delete(listType)
+    }
+  })()
+
+  actionsLoadPromise.set(listType, promise)
+  return promise
+}
+
+/**
+ * Apply a grid action to selected IDs
+ */
+export const applyGridAction = async (actionId: string, ids: number[]): Promise<ActionResult> => {
+  try {
+    const response = await fetch('/pimcore-studio/api/coreshop/grid/apply-action', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        actionId,
+        ids: JSON.stringify(ids)
+      })
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to apply grid action: ${response.statusText}`)
+    }
+
+    return await response.json()
+  } catch (err) {
+    console.error('[CoreShop Grid] Failed to apply action:', err)
+    return {
+      success: false,
+      message: err instanceof Error ? err.message : 'Unknown error occurred'
+    }
+  }
+}
+
+/**
+ * Clear cached filters and/or actions
+ * Call this when data may have changed (e.g., after creating/deleting items)
+ */
+export const clearGridCache = (listType?: string): void => {
+  if (listType) {
+    filtersCache.delete(listType)
+    actionsCache.delete(listType)
+  } else {
+    filtersCache.clear()
+    actionsCache.clear()
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/api/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/api/index.ts
new file mode 100644
index 0000000000..bcebc8032b
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/api/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop PimcoreBundle Grid API Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './gridApi'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridActionsMenu.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridActionsMenu.tsx
new file mode 100644
index 0000000000..fa8349ecfd
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridActionsMenu.tsx
@@ -0,0 +1,173 @@
+/**
+ * CoreShop PimcoreBundle Grid Actions Menu
+ *
+ * Context menu component for grid actions.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Menu, Modal, Spin } from 'antd'
+import { ExclamationCircleOutlined, FolderOpenOutlined, ThunderboltOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { useTranslation } from 'react-i18next'
+import type { MenuProps } from 'antd'
+import { useGridActions } from '../hooks'
+import { coreshopBroker } from '../../broker'
+import { GRID_EVENTS } from '../events'
+
+interface GridActionsMenuProps {
+  listType: string
+  selectedIds: number[]
+  onActionComplete: () => void
+  openHandler: (id: number) => void
+  onClose?: () => void
+}
+
+type MenuItem = Required<MenuProps>['items'][number]
+
+/**
+ * Context menu for grid actions
+ *
+ * Displays:
+ * - Open / Open Selected (for multiple selections)
+ * - Divider
+ * - Registered actions
+ *
+ * @example
+ * <GridActionsMenu
+ *   listType="coreshop_order"
+ *   selectedIds={[1, 2, 3]}
+ *   onActionComplete={handleRefresh}
+ *   openHandler={(id) => openOrderDetail(id)}
+ * />
+ */
+export const GridActionsMenu: React.FC<GridActionsMenuProps> = ({
+  listType,
+  selectedIds,
+  onActionComplete,
+  openHandler,
+  onClose
+}) => {
+  const { t } = useTranslation()
+  const { actions, loading, executing, executeAction } = useGridActions(listType)
+  const [modal, contextHolder] = Modal.useModal()
+  const messageApi = useMessage()
+
+  const handleOpenSelected = (): void => {
+    selectedIds.forEach(id => openHandler(id))
+    onClose?.()
+  }
+
+  const handleExecuteAction = (actionId: string, actionName: string): void => {
+    modal.confirm({
+      title: t('coreshop_grid_action_confirm', { defaultValue: 'Confirm Action' }),
+      icon: <ExclamationCircleOutlined />,
+      content: t('coreshop_grid_action_confirm_message', {
+        defaultValue: 'Apply "%{action}" to %{count} item(s)?',
+        action: actionName,
+        count: selectedIds.length
+      }),
+      okText: t('coreshop_grid_action_execute', { defaultValue: 'Execute' }),
+      cancelText: t('coreshop_grid_action_cancel', { defaultValue: 'Cancel' }),
+      onOk: async () => {
+        const result = await executeAction(actionId, selectedIds)
+
+        // Fire broker event
+        coreshopBroker.fireEvent(GRID_EVENTS.ACTION_EXECUTED, {
+          listType,
+          actionId,
+          ids: selectedIds,
+          success: result.success,
+          message: result.message
+        })
+
+        if (result.success) {
+          void messageApi.success(result.message || t('coreshop_grid_action_success', { defaultValue: 'Action completed successfully' }))
+          onActionComplete()
+        } else {
+          void messageApi.error(renderApiError(result.message || t('coreshop_grid_action_error', { defaultValue: 'Action failed' })))
+        }
+
+        onClose?.()
+      }
+    })
+  }
+
+  // Build menu items
+  const menuItems: MenuItem[] = []
+
+  // Fire event to allow extensions to add items
+  const extensionItems: any[] = []
+  coreshopBroker.fireEvent(GRID_EVENTS.CONTEXT_MENU_BUILDING, {
+    listType,
+    selectedIds,
+    menuItems: extensionItems
+  })
+
+  // Open action(s)
+  if (selectedIds.length === 1) {
+    menuItems.push({
+      key: 'open',
+      icon: <FolderOpenOutlined />,
+      label: t('coreshop_grid_open', { defaultValue: 'Open' }),
+      onClick: handleOpenSelected
+    })
+  } else if (selectedIds.length > 1) {
+    menuItems.push({
+      key: 'open-selected',
+      icon: <FolderOpenOutlined />,
+      label: t('coreshop_grid_open_selected', {
+        defaultValue: 'Open Selected (%{count})',
+        count: selectedIds.length
+      }),
+      onClick: handleOpenSelected
+    })
+  }
+
+  // Add extension items if any
+  if (extensionItems.length > 0) {
+    menuItems.push(...extensionItems)
+  }
+
+  // Divider and actions submenu
+  if (actions.length > 0 && selectedIds.length > 0) {
+    menuItems.push({ type: 'divider', key: 'divider-1' })
+
+    menuItems.push({
+      key: 'actions',
+      icon: <ThunderboltOutlined />,
+      label: t('coreshop_grid_actions', {
+        defaultValue: 'Actions (%{count})',
+        count: actions.length
+      }),
+      children: actions.map(action => ({
+        key: `action-${action.id}`,
+        label: action.name,
+        onClick: () => handleExecuteAction(action.id, action.name)
+      }))
+    })
+  }
+
+  if (loading) {
+    return <Spin size="small" />
+  }
+
+  return (
+    <>
+      {contextHolder}
+      <Menu
+        items={menuItems}
+        style={{ minWidth: 200 }}
+        selectable={false}
+      />
+    </>
+  )
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridFilterDropdown.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridFilterDropdown.tsx
new file mode 100644
index 0000000000..e22bdb0531
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridFilterDropdown.tsx
@@ -0,0 +1,85 @@
+/**
+ * CoreShop PimcoreBundle Grid Filter Dropdown
+ *
+ * Dropdown component for selecting grid filters.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, Space, Typography } from 'antd'
+import { FilterOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { useGridFilters } from '../hooks'
+
+const { Text } = Typography
+
+interface GridFilterDropdownProps {
+  listType: string
+  value: string | null
+  onChange: (filterId: string | null) => void
+  style?: React.CSSProperties
+}
+
+/**
+ * Dropdown for selecting a grid filter
+ *
+ * @example
+ * <GridFilterDropdown
+ *   listType="coreshop_order"
+ *   value={selectedFilter}
+ *   onChange={setSelectedFilter}
+ * />
+ */
+export const GridFilterDropdown: React.FC<GridFilterDropdownProps> = ({
+  listType,
+  value,
+  onChange,
+  style
+}) => {
+  const { t } = useTranslation()
+  const { filters, loading } = useGridFilters(listType)
+
+  const options = [
+    {
+      value: '',
+      label: t('coreshop_grid_filter_empty', { defaultValue: 'No Filter' })
+    },
+    ...filters.map(filter => ({
+      value: filter.id,
+      label: filter.name
+    }))
+  ]
+
+  // Only show if loading or if there are filters available
+  const hasFilters = loading || filters.length > 0
+
+  if (!hasFilters) {
+    return null
+  }
+
+  return (
+    <Space style={style}>
+      <FilterOutlined />
+      <Text>{t('coreshop_grid_filter', { defaultValue: 'Filter' })}:</Text>
+      <Select
+        value={value ?? ''}
+        onChange={(val) => onChange(val === '' ? null : val)}
+        loading={loading}
+        options={options}
+        style={{ minWidth: 180 }}
+        showSearch
+        filterOption={(input, option) =>
+          (option?.label ?? '').toString().toLowerCase().includes(input.toLowerCase())
+        }
+        placeholder={t('coreshop_grid_filter_select', { defaultValue: 'Select filter...' })}
+      />
+    </Space>
+  )
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridToolbar.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridToolbar.tsx
new file mode 100644
index 0000000000..84e3b4f465
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/GridToolbar.tsx
@@ -0,0 +1,88 @@
+/**
+ * CoreShop PimcoreBundle Grid Toolbar
+ *
+ * Toolbar component that combines filter dropdown and refresh functionality.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Space, Button } from 'antd'
+import { ReloadOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import { GridFilterDropdown } from './GridFilterDropdown'
+import { coreshopBroker } from '../../broker'
+import { GRID_EVENTS } from '../events'
+
+interface GridToolbarProps {
+  listType: string
+  selectedFilter: string | null
+  onFilterChange: (filterId: string | null) => void
+  onRefresh?: () => void
+  children?: React.ReactNode
+  style?: React.CSSProperties
+}
+
+/**
+ * Grid toolbar with filter dropdown and optional refresh button
+ *
+ * @example
+ * <GridToolbar
+ *   listType="coreshop_order"
+ *   selectedFilter={filter}
+ *   onFilterChange={setFilter}
+ *   onRefresh={handleRefresh}
+ * >
+ *   <Button icon={<PlusOutlined />}>Create Order</Button>
+ * </GridToolbar>
+ */
+export const GridToolbar: React.FC<GridToolbarProps> = ({
+  listType,
+  selectedFilter,
+  onFilterChange,
+  onRefresh,
+  children,
+  style
+}) => {
+  const { t } = useTranslation()
+
+  // Fire event to allow extensions to add toolbar items
+  const extensionItems: React.ReactNode[] = []
+  coreshopBroker.fireEvent(GRID_EVENTS.TOOLBAR_ENHANCING, {
+    listType,
+    toolbarItems: extensionItems
+  })
+
+  const handleFilterChange = (filterId: string | null): void => {
+    onFilterChange(filterId)
+  }
+
+  return (
+    <Space style={{ width: '100%', justifyContent: 'space-between', ...style }}>
+      <Space>
+        {children}
+        <GridFilterDropdown
+          listType={listType}
+          value={selectedFilter}
+          onChange={handleFilterChange}
+        />
+        {extensionItems}
+      </Space>
+      <Space>
+        {onRefresh && (
+          <Button
+            icon={<ReloadOutlined />}
+            onClick={onRefresh}
+            title={t('coreshop_grid_refresh', { defaultValue: 'Refresh' })}
+          />
+        )}
+      </Space>
+    </Space>
+  )
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/index.ts
new file mode 100644
index 0000000000..18aaf1c2f1
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/components/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop PimcoreBundle Grid Components Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './GridFilterDropdown'
+export * from './GridActionsMenu'
+export * from './GridToolbar'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/GridFilterContext.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/GridFilterContext.tsx
new file mode 100644
index 0000000000..85bec3aa86
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/GridFilterContext.tsx
@@ -0,0 +1,80 @@
+/**
+ * CoreShop PimcoreBundle Grid Filter Context
+ *
+ * Context provider for managing grid filter state across components.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { coreshopBroker } from '../../broker'
+import { GRID_EVENTS } from '../events'
+
+interface GridFilterContextValue {
+  listType: string
+  selectedFilter: string | null
+  setSelectedFilter: (filterId: string | null) => void
+}
+
+const GridFilterContext = React.createContext<GridFilterContextValue | null>(null)
+
+interface GridFilterProviderProps {
+  listType: string
+  children: React.ReactNode
+}
+
+/**
+ * Provider component for grid filter state
+ */
+export const GridFilterProvider: React.FC<GridFilterProviderProps> = ({
+  listType,
+  children
+}) => {
+  const [selectedFilter, setSelectedFilterState] = React.useState<string | null>(null)
+
+  const setSelectedFilter = React.useCallback((filterId: string | null) => {
+    setSelectedFilterState(filterId)
+
+    // Fire broker event for extensibility
+    coreshopBroker.fireEvent(GRID_EVENTS.FILTER_CHANGED, {
+      listType,
+      filterId
+    })
+  }, [listType])
+
+  const value = React.useMemo(() => ({
+    listType,
+    selectedFilter,
+    setSelectedFilter
+  }), [listType, selectedFilter, setSelectedFilter])
+
+  return (
+    <GridFilterContext.Provider value={value}>
+      {children}
+    </GridFilterContext.Provider>
+  )
+}
+
+/**
+ * Hook to access grid filter context
+ */
+export const useGridFilterContext = (): GridFilterContextValue => {
+  const context = React.useContext(GridFilterContext)
+  if (!context) {
+    throw new Error('useGridFilterContext must be used within a GridFilterProvider')
+  }
+  return context
+}
+
+/**
+ * Hook to access grid filter context (returns null if not in provider)
+ */
+export const useGridFilterContextOptional = (): GridFilterContextValue | null => {
+  return React.useContext(GridFilterContext)
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/PresetFilterContext.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/PresetFilterContext.tsx
new file mode 100644
index 0000000000..fb6a4acd1f
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/PresetFilterContext.tsx
@@ -0,0 +1,76 @@
+/**
+ * CoreShop PimcoreBundle Preset Filter Context
+ *
+ * React Context for sharing preset filter state between the toolbar and listing.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { createContext, useContext, useState, type ReactNode } from 'react'
+
+interface PresetFilterContextValue {
+  selectedFilter: string | null
+  listType: string | null
+  setSelectedFilter: (filter: string | null) => void
+  setListType: (type: string) => void
+}
+
+const PresetFilterContext = createContext<PresetFilterContextValue | null>(null)
+
+export interface PresetFilterProviderProps {
+  children: ReactNode
+  initialListType?: string
+}
+
+/**
+ * Provider component for preset filter state.
+ * Wrap your listing and toolbar in this provider to share filter state.
+ */
+export const PresetFilterProvider: React.FC<PresetFilterProviderProps> = ({
+  children,
+  initialListType
+}) => {
+  const [selectedFilter, setSelectedFilter] = useState<string | null>(null)
+  const [listType, setListType] = useState<string | null>(initialListType ?? null)
+
+  return (
+    <PresetFilterContext.Provider
+      value={{
+        selectedFilter,
+        listType,
+        setSelectedFilter,
+        setListType
+      }}
+    >
+      {children}
+    </PresetFilterContext.Provider>
+  )
+}
+
+/**
+ * Hook to access the preset filter context.
+ * Must be used within a PresetFilterProvider.
+ */
+export const usePresetFilter = (): PresetFilterContextValue => {
+  const context = useContext(PresetFilterContext)
+
+  if (context === null) {
+    throw new Error('usePresetFilter must be used within a PresetFilterProvider')
+  }
+
+  return context
+}
+
+/**
+ * Hook to safely access preset filter context (returns null if not in provider).
+ * Useful for conditional usage in decorators.
+ */
+export const usePresetFilterOptional = (): PresetFilterContextValue | null => {
+  return useContext(PresetFilterContext)
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/index.ts
new file mode 100644
index 0000000000..697abf7d20
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/context/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop PimcoreBundle Grid Context Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './GridFilterContext'
+export * from './PresetFilterContext'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/GridActionsDecorator.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/GridActionsDecorator.ts
new file mode 100644
index 0000000000..8763d7dcc7
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/GridActionsDecorator.ts
@@ -0,0 +1,70 @@
+/**
+ * CoreShop PimcoreBundle Grid Actions Decorator
+ *
+ * Decorator that adds action support (context menu, row selection) to a listing builder.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { AbstractDecorator, AbstractDecoratorProps } from '@pimcore/studio-ui-bundle/modules/element'
+
+export interface GridActionsDecoratorConfig {
+  listType: string
+  openHandler: (id: number) => void
+}
+
+/**
+ * Creates a decorator that enables action support for a listing
+ *
+ * Features:
+ * - Row double-click to open item
+ * - Row selection for batch operations
+ * - Context menu support (implemented via GridActionsMenu component)
+ *
+ * @example
+ * const actionsDecorator = createGridActionsDecorator({
+ *   listType: 'coreshop_order',
+ *   openHandler: (id) => openOrderDetail(id)
+ * })
+ * listingBuilder.overrideDecorator({ name: 'actionColumn', decorator: actionsDecorator })
+ */
+export const createGridActionsDecorator = (config: GridActionsDecoratorConfig): AbstractDecorator => {
+  return (props: AbstractDecoratorProps): AbstractDecoratorProps => {
+    const { useGridOptions, ...defaultProps } = props
+
+    const newUseGridOptions: AbstractDecoratorProps['useGridOptions'] = () => {
+      const baseOptions = useGridOptions()
+
+      return {
+        ...baseOptions,
+        getGridProps: () => {
+          const baseGridProps = baseOptions.getGridProps()
+
+          return {
+            ...baseGridProps,
+            // Enable row double-click
+            onRowDoubleClick: (row: any) => {
+              config.openHandler(row.id)
+            },
+            // Enable row selection for batch operations
+            enableRowSelection: true,
+            enableMultipleRowSelection: true,
+            // Store list type for context menu reference
+            'data-coreshop-list-type': config.listType
+          }
+        }
+      }
+    }
+
+    return {
+      ...defaultProps,
+      useGridOptions: newUseGridOptions
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/GridFilterDecorator.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/GridFilterDecorator.ts
new file mode 100644
index 0000000000..767ff145c5
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/GridFilterDecorator.ts
@@ -0,0 +1,94 @@
+/**
+ * CoreShop PimcoreBundle Grid Filter Decorator
+ *
+ * Decorator that adds filter support to a listing builder.
+ * The filter is passed to the backend via session storage mechanism.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { AbstractDecorator, AbstractDecoratorProps } from '@pimcore/studio-ui-bundle/modules/element'
+
+export interface GridFilterDecoratorConfig {
+  listType: string
+}
+
+// Storage key prefix for filter values
+const FILTER_STORAGE_KEY_PREFIX = 'coreshop_grid_filter_'
+
+/**
+ * Get the storage key for a list type
+ */
+export const getFilterStorageKey = (listType: string): string => {
+  return `${FILTER_STORAGE_KEY_PREFIX}${listType}`
+}
+
+/**
+ * Get the current filter value for a list type from session storage
+ */
+export const getStoredFilter = (listType: string): string | null => {
+  if (typeof sessionStorage === 'undefined') return null
+  return sessionStorage.getItem(getFilterStorageKey(listType))
+}
+
+/**
+ * Store the filter value for a list type in session storage
+ */
+export const setStoredFilter = (listType: string, filterId: string | null): void => {
+  if (typeof sessionStorage === 'undefined') return
+  const key = getFilterStorageKey(listType)
+  if (filterId === null) {
+    sessionStorage.removeItem(key)
+  } else {
+    sessionStorage.setItem(key, filterId)
+  }
+}
+
+/**
+ * Creates a decorator that enables filter support for a listing
+ *
+ * The filter value is stored in sessionStorage and can be read by the backend
+ * through the ObjectListFilterListener which reads 'coreshop_filter' from context.
+ *
+ * Note: The actual filter parameter injection into API calls needs to be handled
+ * at the API layer or through Pimcore's request context mechanism.
+ *
+ * @example
+ * const filterDecorator = createGridFilterDecorator({ listType: 'coreshop_order' })
+ * listingBuilder.addDecorator({ name: 'gridFilter', decorator: filterDecorator })
+ */
+export const createGridFilterDecorator = (config: GridFilterDecoratorConfig): AbstractDecorator => {
+  return (props: AbstractDecoratorProps): AbstractDecoratorProps => {
+    const { useGridOptions, ...defaultProps } = props
+
+    const newUseGridOptions: AbstractDecoratorProps['useGridOptions'] = () => {
+      const baseOptions = useGridOptions()
+
+      return {
+        ...baseOptions,
+        // The filter handling is done through the wrapper component approach
+        // since Pimcore's listing API doesn't directly expose parameter injection
+        getGridProps: () => {
+          const baseGridProps = baseOptions.getGridProps()
+
+          return {
+            ...baseGridProps,
+            // Store list type in data attribute for reference
+            'data-coreshop-list-type': config.listType
+          }
+        }
+      }
+    }
+
+    return {
+      ...defaultProps,
+      useGridOptions: newUseGridOptions
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/PresetFilterDecorator.tsx b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/PresetFilterDecorator.tsx
new file mode 100644
index 0000000000..a90915dfc2
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/PresetFilterDecorator.tsx
@@ -0,0 +1,84 @@
+/**
+ * CoreShop PimcoreBundle Grid Filter Decorator
+ *
+ * Listing decorator that adds the selected filter as a columnFilter
+ * to the grid's data query.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractDecoratorProps } from '@pimcore/studio-ui-bundle/modules/element'
+import { usePresetFilterOptional } from '../context/PresetFilterContext'
+
+export interface PresetFilterDecoratorConfig {
+  /**
+   * The list type for this listing (e.g., 'coreshop_order', 'coreshop_cart')
+   */
+  listType: string
+}
+
+/**
+ * Creates a decorator that adds the selected filter as a columnFilter to the query.
+ *
+ * The selected filter type (e.g., 'coreshop_created_today') is sent directly
+ * as the columnFilter type. Each filter registered with Pimcore's filter system
+ * checks if its type is present and applies itself.
+ *
+ * @param config Configuration with listType
+ */
+export const createPresetFilterDecorator = (config: PresetFilterDecoratorConfig) => {
+  return (props: AbstractDecoratorProps): AbstractDecoratorProps => {
+    const { useDataQueryHelper, ...defaultProps } = props
+
+    const newUseDataQueryHelper: AbstractDecoratorProps['useDataQueryHelper'] = () => {
+      const baseHelper = useDataQueryHelper()
+      const filterContext = usePresetFilterOptional()
+
+      return {
+        ...baseHelper,
+        getArgs: () => {
+          const baseArgs = baseHelper.getArgs()
+          const selectedFilter = filterContext?.selectedFilter
+
+          if (!selectedFilter) {
+            return baseArgs
+          }
+
+          const existingColumnFilters = baseArgs.body?.filters?.columnFilters ?? []
+
+          // Send the filter type directly - each filter checks for its own type
+          const columnFilter = {
+            type: selectedFilter
+          }
+
+          return {
+            ...baseArgs,
+            body: {
+              ...baseArgs.body,
+              filters: {
+                ...baseArgs.body?.filters,
+                columnFilters: [
+                  ...existingColumnFilters,
+                  columnFilter
+                ]
+              }
+            }
+          }
+        }
+      }
+    }
+
+    return {
+      ...defaultProps,
+      useDataQueryHelper: newUseDataQueryHelper
+    }
+  }
+}
+
+export default createPresetFilterDecorator
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/index.ts
new file mode 100644
index 0000000000..1455b3c69e
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/decorators/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop PimcoreBundle Grid Decorators Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './GridFilterDecorator'
+export * from './GridActionsDecorator'
+export * from './PresetFilterDecorator'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/events.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/events.ts
new file mode 100644
index 0000000000..70c0b8d75c
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/events.ts
@@ -0,0 +1,59 @@
+/**
+ * CoreShop PimcoreBundle Grid Events
+ *
+ * Event constants for the grid filter and action system.
+ * These events are fired through the coreshopBroker for extensibility.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Grid system events
+ *
+ * Usage with broker:
+ *   import { coreshopBroker } from '@coreshop/pimcore/src/modules/broker'
+ *   import { GRID_EVENTS } from '@coreshop/pimcore/src/modules/grid'
+ *
+ *   // Listen for filter changes
+ *   coreshopBroker.addListener(GRID_EVENTS.FILTER_CHANGED, (data) => {
+ *     console.log('Filter changed:', data.listType, data.filterId)
+ *   })
+ *
+ *   // Listen for action execution
+ *   coreshopBroker.addListener(GRID_EVENTS.ACTION_EXECUTED, (data) => {
+ *     console.log('Action executed:', data.actionId, data.success)
+ *   })
+ */
+export const GRID_EVENTS = {
+  /**
+   * Fired when a grid filter is changed
+   * Payload: { listType: string, filterId: string | null }
+   */
+  FILTER_CHANGED: 'coreshop.grid.filter.changed',
+
+  /**
+   * Fired after a grid action is executed
+   * Payload: { listType: string, actionId: string, ids: number[], success: boolean, message: string }
+   */
+  ACTION_EXECUTED: 'coreshop.grid.action.executed',
+
+  /**
+   * Fired before toolbar is enhanced (allows adding custom elements)
+   * Payload: { listType: string, toolbarItems: any[] }
+   */
+  TOOLBAR_ENHANCING: 'coreshop.grid.toolbar.enhancing',
+
+  /**
+   * Fired before context menu is built (allows adding custom items)
+   * Payload: { listType: string, selectedIds: number[], menuItems: any[] }
+   */
+  CONTEXT_MENU_BUILDING: 'coreshop.grid.contextmenu.building'
+} as const
+
+export type GridEventType = typeof GRID_EVENTS[keyof typeof GRID_EVENTS]
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/index.ts
new file mode 100644
index 0000000000..e960c211dd
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop PimcoreBundle Grid Hooks Exports
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './useGridFilters'
+export * from './useGridActions'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/useGridActions.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/useGridActions.ts
new file mode 100644
index 0000000000..ba7637898f
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/useGridActions.ts
@@ -0,0 +1,73 @@
+/**
+ * CoreShop PimcoreBundle useGridActions Hook
+ *
+ * Hook for loading and managing grid actions for a specific list type.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { fetchGridActions, applyGridAction, type GridAction, type ActionResult } from '../api'
+
+interface UseGridActionsResult {
+  actions: GridAction[]
+  loading: boolean
+  error: Error | null
+  executing: boolean
+  executeAction: (actionId: string, ids: number[]) => Promise<ActionResult>
+  reload: () => Promise<void>
+}
+
+/**
+ * Hook to load grid actions for a specific list type
+ *
+ * @param listType - The type of list (e.g., 'coreshop_order', 'coreshop_cart')
+ */
+export const useGridActions = (listType: string): UseGridActionsResult => {
+  const [actions, setActions] = React.useState<GridAction[]>([])
+  const [loading, setLoading] = React.useState(true)
+  const [error, setError] = React.useState<Error | null>(null)
+  const [executing, setExecuting] = React.useState(false)
+
+  const loadActions = React.useCallback(async () => {
+    setLoading(true)
+    setError(null)
+
+    try {
+      const data = await fetchGridActions(listType)
+      setActions(data)
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error('Failed to load actions'))
+    } finally {
+      setLoading(false)
+    }
+  }, [listType])
+
+  React.useEffect(() => {
+    void loadActions()
+  }, [loadActions])
+
+  const executeAction = React.useCallback(async (actionId: string, ids: number[]): Promise<ActionResult> => {
+    setExecuting(true)
+    try {
+      return await applyGridAction(actionId, ids)
+    } finally {
+      setExecuting(false)
+    }
+  }, [])
+
+  return {
+    actions,
+    loading,
+    error,
+    executing,
+    executeAction,
+    reload: loadActions
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/useGridFilters.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/useGridFilters.ts
new file mode 100644
index 0000000000..1729b9c00e
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/hooks/useGridFilters.ts
@@ -0,0 +1,64 @@
+/**
+ * CoreShop PimcoreBundle useGridFilters Hook
+ *
+ * Hook for loading and managing grid filters for a specific list type.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { fetchGridFilters, clearGridCache, type GridFilter } from '../api'
+
+interface UseGridFiltersResult {
+  filters: GridFilter[]
+  loading: boolean
+  error: Error | null
+  reload: () => Promise<void>
+}
+
+/**
+ * Hook to load grid filters for a specific list type
+ * Filters are loaded fresh on each mount (cache is cleared)
+ *
+ * @param listType - The type of list (e.g., 'coreshop_order', 'coreshop_cart')
+ */
+export const useGridFilters = (listType: string): UseGridFiltersResult => {
+  const [filters, setFilters] = React.useState<GridFilter[]>([])
+  const [loading, setLoading] = React.useState(true)
+  const [error, setError] = React.useState<Error | null>(null)
+
+  const loadFilters = React.useCallback(async (clearCacheFirst = false) => {
+    setLoading(true)
+    setError(null)
+
+    try {
+      if (clearCacheFirst) {
+        clearGridCache(listType)
+      }
+      const data = await fetchGridFilters(listType)
+      setFilters(data)
+    } catch (err) {
+      setError(err instanceof Error ? err : new Error('Failed to load filters'))
+    } finally {
+      setLoading(false)
+    }
+  }, [listType])
+
+  React.useEffect(() => {
+    // Clear cache and load fresh on mount
+    void loadFilters(true)
+  }, [loadFilters])
+
+  return {
+    filters,
+    loading,
+    error,
+    reload: () => loadFilters(true)
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/index.ts
new file mode 100644
index 0000000000..ef00f83d14
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/index.ts
@@ -0,0 +1,34 @@
+/**
+ * CoreShop PimcoreBundle Grid Module
+ *
+ * Provides grid filter and action functionality for DataObject listings.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// API
+export * from './api'
+
+// Hooks
+export * from './hooks'
+
+// Components
+export * from './components'
+
+// Context
+export * from './context'
+
+// Decorators
+export * from './decorators'
+
+// Events
+export * from './events'
+
+// Service IDs
+export * from './service-ids'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/service-ids.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/service-ids.ts
new file mode 100644
index 0000000000..7b5fcc68f7
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/grid/service-ids.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop PimcoreBundle Grid Module Service IDs
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const gridServiceIds = {
+  filterContext: 'CoreShop/Grid/FilterContext'
+} as const
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..ed791f0699
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,71 @@
+/**
+ * CoreShop PimcoreBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import clearFilterIcon from '../../assets/clear-filter.svg?react'
+// @ts-ignore
+import dynamicDropdownIcon from '../../assets/dynamic-dropdown.svg?react'
+// @ts-ignore
+import dynamicDropdownMultipleIcon from '../../assets/dynamic-dropdown-multiple.svg?react'
+// @ts-ignore
+import embeddedClassIcon from '../../assets/embedded_class.svg?react'
+// @ts-ignore
+import itemSelectorIcon from '../../assets/item-selector.svg?react'
+// @ts-ignore
+import serializedIcon from '../../assets/serialized.svg?react'
+// @ts-ignore
+import superBoxSelectIcon from '../../assets/super-box-select.svg?react'
+
+export const PimcoreBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_clear_filter',
+      component: clearFilterIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_dynamic_dropdown',
+      component: dynamicDropdownIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_dynamic_dropdown_multiple',
+      component: dynamicDropdownMultipleIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_embedded_class',
+      component: embeddedClassIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_item_selector',
+      component: itemSelectorIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_serialized',
+      component: serializedIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_super_box_select',
+      component: superBoxSelectIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/utils/date.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/utils/date.ts
new file mode 100644
index 0000000000..ed7866eda6
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/utils/date.ts
@@ -0,0 +1,96 @@
+/**
+ * CoreShop PimcoreBundle Date & Currency Utilities
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Format a Unix timestamp or date string to a localized date-time string
+ *
+ * @param date - Unix timestamp (seconds) or date string
+ * @param locale - Locale string (default: 'de-DE')
+ * @returns Formatted date-time string or '-' if date is undefined/null
+ */
+export const formatDateTime = (date?: string | number, locale: string = 'de-DE'): string => {
+  if (!date) return '-'
+
+  // Convert to milliseconds if it's a Unix timestamp in seconds
+  const dateValue = typeof date === 'number' ? date * 1000 : date
+
+  return new Date(dateValue).toLocaleString(locale, {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric',
+    hour: '2-digit',
+    minute: '2-digit'
+  })
+}
+
+/**
+ * Format a Unix timestamp to a localized date string (without time)
+ *
+ * @param date - Unix timestamp (seconds)
+ * @param locale - Locale string (default: 'de-DE')
+ * @returns Formatted date string or '-' if date is undefined/null
+ */
+export const formatDate = (date?: number, locale: string = 'de-DE'): string => {
+  if (!date) return '-'
+
+  return new Date(date * 1000).toLocaleDateString(locale, {
+    day: '2-digit',
+    month: '2-digit',
+    year: 'numeric'
+  })
+}
+
+/**
+ * Format a currency amount (in cents) to a localized currency string
+ *
+ * @param amount - Amount in cents (will be divided by 100)
+ * @param currencyCode - ISO currency code (e.g., 'EUR', 'USD')
+ * @param locale - Locale string (default: 'de-DE')
+ * @returns Formatted currency string or '-' if amount is undefined/null
+ *
+ * @example
+ * formatCurrency(12345, 'EUR') // "123,45 €"
+ * formatCurrency(undefined, 'EUR') // "-"
+ */
+export const formatCurrency = (
+  amount?: number | null,
+  currencyCode: string = 'EUR',
+  locale: string = 'de-DE'
+): string => {
+  if (amount === undefined || amount === null) return '-'
+
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currencyCode
+  }).format(amount / 100) // Amounts are stored in cents
+}
+
+/**
+ * Extract currency code from a currency object or string
+ *
+ * @param currency - Currency object with isoCode property or currency string
+ * @returns ISO currency code or 'EUR' as fallback
+ *
+ * @example
+ * getCurrencyCode({ isoCode: 'USD' }) // "USD"
+ * getCurrencyCode('GBP') // "GBP"
+ * getCurrencyCode(undefined) // "EUR"
+ */
+export const getCurrencyCode = (currency?: { isoCode?: string } | string): string => {
+  if (typeof currency === 'object' && currency?.isoCode) {
+    return currency.isoCode
+  }
+  if (typeof currency === 'string') {
+    return currency
+  }
+  return 'EUR'
+}
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/utils/index.ts b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/utils/index.ts
new file mode 100644
index 0000000000..de58e68cb1
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/utils/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop PimcoreBundle Utilities
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './date'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/pimcore/routing.yml
index c09cac9c6c..d6b5a7f66b 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/pimcore/routing.yml
@@ -1,34 +1,65 @@
 coreshop_pimcore_grid_get_filters:
     path: /%coreshop.admin.route.base%/grid/filters/{listType}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::getGridFiltersAction }
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::getGridFiltersAction
+    options:
+        expose: true
+
+coreshop_pimcore_grid_get_studio_filters:
+    path: /%coreshop.admin.route.base%/grid/studio-filters/{listType}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    methods: [GET]
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::getStudioGridFiltersAction
     options:
         expose: true
 
 coreshop_pimcore_grid_get_actions:
     path: /%coreshop.admin.route.base%/grid/actions/{listType}
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [GET]
-    defaults:  { _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::getGridActionsAction }
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::getGridActionsAction
     options:
         expose: true
 
 coreshop_pimcore_grid_apply_action:
     path: /%coreshop.admin.route.base%/grid/apply-action
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
     methods: [POST]
-    defaults:  { _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::applyGridAction }
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\GridController::applyGridAction
     options:
         expose: true
 
 coreshop_dynamic_dropdown_options:
     path: /%coreshop.admin.route.base%/dynamic-dropdown/options
-    defaults: { _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\DynamicDropdownController::optionsAction }
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\DynamicDropdownController::optionsAction
     methods:  [GET, POST]
     options:
         expose: true
 
 coreshop_dynamic_dropdown_methods:
     path: /%coreshop.admin.route.base%/dynamic-dropdown/methods
-    defaults: { _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\DynamicDropdownController::methodsAction }
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+      backend: admin
+      _controller: CoreShop\Bundle\PimcoreBundle\Controller\Admin\DynamicDropdownController::methodsAction
     methods:  [GET, POST]
     options:
         expose: true
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services.yml b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services.yml
index 3059d1a23c..53bfdcf44c 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services.yml
@@ -6,7 +6,8 @@ imports:
     - { resource: services/print.yaml }
 
 parameters:
-    coreshop.admin.route.base: /admin/coreshop
+    coreshop.admin.route.base: /{backend}/coreshop
+    coreshop.admin.route.backend_requirement: (admin|(pimcore-studio\/api))
 
 services:
     _defaults:
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/classic_admin.yml b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/classic_admin.yml
index 29cad82dd0..b2e051791a 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/classic_admin.yml
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/classic_admin.yml
@@ -1,5 +1,5 @@
 services:
-  CoreShop\Bundle\PimcoreBundle\EventListener\AdminJavascriptListener:
+  CoreShop\Bundle\PimcoreBundle\AdminClass\EventListener\AdminJavascriptListener:
     arguments:
       - '%coreshop.all.pimcore.admin.js%'
       - '%coreshop.all.pimcore.admin.editmode_js%'
@@ -7,3 +7,9 @@ services:
       - '%coreshop.all.pimcore.admin.editmode_css%'
     tags:
       - { name: kernel.event_subscriber }
+
+  CoreShop\Bundle\PimcoreBundle\AdminClass\EventListener\Grid\ObjectListFilterListener:
+    arguments:
+      - '@coreshop.registry.grid.filter'
+    tags:
+      - { name: kernel.event_listener, event: pimcore.admin.object.list.beforeListLoad, method: checkObjectList }
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/grid.yml b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/grid.yml
index 5cda53a472..17ba225504 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/grid.yml
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/grid.yml
@@ -7,12 +7,10 @@ services:
         tags:
             - { name: controller.service_arguments }
             - { name: container.service_subscriber }
-
-    CoreShop\Bundle\PimcoreBundle\EventListener\Grid\ObjectListFilterListener:
-        arguments:
-            - '@coreshop.registry.grid.filter'
-        tags:
-            - { name: kernel.event_listener, event: pimcore.admin.object.list.beforeListLoad, method: checkObjectList }
+        bind:
+            $gridFilterServiceRegistry: '@coreshop.registry.grid.filter'
+            $gridActionServiceRegistry: '@coreshop.registry.grid.action'
+            $studioGridFilterServiceRegistry: '@coreshop.registry.studio.grid.filter'
 
     coreshop.registry.grid.filter:
         class: CoreShop\Component\Registry\ServiceRegistry
@@ -31,3 +29,14 @@ services:
             - 'coreshop-grid-action'
         tags:
             - { name: coreshop.registry, type_hint: gridActions }
+
+    # Studio v2 Grid Filter Registry
+    # Registers StudioGridFilterInterface implementations for listing available filters
+    coreshop.registry.studio.grid.filter:
+        class: CoreShop\Component\Registry\ServiceRegistry
+        public: true
+        arguments:
+            - 'CoreShop\Component\Pimcore\DataObject\Grid\StudioGridFilterInterface'
+            - 'coreshop-studio-grid-filter'
+        tags:
+            - { name: coreshop.registry, type_hint: studioGridFilters }
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..51f413a65d
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\PimcoreBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/PimcoreBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..469a258616
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,26 @@
+---
+coreshop_embedded_class_name: 'Eingebettete Klasse'
+coreshop_object_embedded_class_layout: 'Eingebettetes Layout'
+coreshop_serialized_data: 'Serialisierte Daten'
+coreshop_order_list_filter: 'Filter'
+coreshop_order_list_filter_empty: 'Kein Filter'
+coreshop_order_list_action: 'Aktion ausführen'
+coreshop_order_list_action_review: 'Aktionsbericht'
+coreshop_dynamic_dropdown: 'Dynamische Auswahl-Liste'
+coreshop_dynamic_dropdown_folder_name: 'Beinhaltenden Ordner'
+coreshop_dynamic_dropdown_allowed_classes: 'Zulässige Klassen'
+coreshop_dynamic_dropdown_methodname: 'Methode'
+coreshop_dynamic_dropdown_dynamic_dropdown_settings: 'Quelleinstellungen'
+coreshop_dynamic_dropdown_dynamic_dropdown_multiple_settings: 'Quelleinstellungen'
+coreshop_dynamic_dropdown_multiple: 'Dynamische Auswahl-Liste (Mehrfachauswahl)'
+coreshop_dynamic_dropdown_recursive: 'Rekursiv'
+coreshop_dynamic_dropdown_sort_by: 'Sortieren nach'
+coreshop_dynamic_dropdown_item_selector: 'Objekt Selektor'
+coreshop_dynamic_dropdown_item_selector_settings: 'Objekt Selektor Einstellungen'
+coreshop_dynamic_dropdown_item_selector_available: 'Verfügbar'
+coreshop_dynamic_dropdown_item_selector_selected: 'Ausgewählt'
+coreshop_dynamic_dropdown_super_box_select: 'Superbox Auswahl'
+coreshop_dynamic_dropdown_super_box_select_settings: 'Superbox Auswahl Einstellungen'
+coreshop_dynamic_dropdown_choose_tags: 'Tags wählen'
+coreshop_dynamic_dropdown_error_loading_options: 'Fehler beim Laden der Optionen'
+coreshop_dynamic_dropdown_only_published: 'Nur veröffentlichte wählbar'
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/PimcoreBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..be3ac0e154
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,26 @@
+---
+coreshop_embedded_class_name: 'Embedded Class'
+coreshop_object_embedded_class_layout: 'Embedded Layout'
+coreshop_serialized_data: 'Serialized Data'
+coreshop_order_list_filter: 'Filter'
+coreshop_order_list_filter_empty: 'No Filter'
+coreshop_order_list_action: 'Apply Action'
+coreshop_order_list_action_review: 'Action Review'
+coreshop_dynamic_dropdown: 'Dynamic Dropdown'
+coreshop_dynamic_dropdown_folder_name: 'Containing Folder'
+coreshop_dynamic_dropdown_allowed_classes: 'Allowed class'
+coreshop_dynamic_dropdown_methodname: 'Method'
+coreshop_dynamic_dropdown_dynamic_dropdown_settings: 'Source settings'
+coreshop_dynamic_dropdown_dynamic_dropdown_multiple_settings: 'Source settings'
+coreshop_dynamic_dropdown_multiple: 'Dynamic Dropdown (multiselect)'
+coreshop_dynamic_dropdown_recursive: 'Recursive'
+coreshop_dynamic_dropdown_sort_by: 'Sort by'
+coreshop_dynamic_dropdown_item_selector: 'Itemselector'
+coreshop_dynamic_dropdown_item_selector_settings: 'Itemselector settings'
+coreshop_dynamic_dropdown_item_selector_available: 'Available'
+coreshop_dynamic_dropdown_item_selector_selected: 'Selected'
+coreshop_dynamic_dropdown_super_box_select: 'Superbox Select'
+coreshop_dynamic_dropdown_super_box_select_settings: 'Superbox Select settings'
+coreshop_dynamic_dropdown_choose_tags: 'Choose tags'
+coreshop_dynamic_dropdown_error_loading_options: 'Error loading options'
+coreshop_dynamic_dropdown_only_published: 'Only published selectable'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PimcoreBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/PimcoreBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..40cbe04edb
--- /dev/null
+++ b/src/CoreShop/Bundle/PimcoreBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\PimcoreBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/PimcoreBundle/composer.json b/src/CoreShop/Bundle/PimcoreBundle/composer.json
index 56bc78e761..6989937c5a 100644
--- a/src/CoreShop/Bundle/PimcoreBundle/composer.json
+++ b/src/CoreShop/Bundle/PimcoreBundle/composer.json
@@ -1,64 +1,68 @@
 {
-  "name": "coreshop/pimcore-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Pimcore Extension Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/pimcore-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Pimcore Extension Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/pimcore": "^5.0",
+        "coreshop/registry": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/pimcore": "^5.0",
-    "coreshop/registry": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "suggest": {
-    "pimcore/admin-ui-classic-bundle": "If you wanna use the Classic Admin UI"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\PimcoreBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\PimcoreBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true,
+        "allow-plugins": {
+            "php-http/discovery": false
+        }
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/ProductBundle/Controller/ProductPriceRuleController.php b/src/CoreShop/Bundle/ProductBundle/Controller/ProductPriceRuleController.php
index 270cdb9dc5..e9b28e92bf 100644
--- a/src/CoreShop/Bundle/ProductBundle/Controller/ProductPriceRuleController.php
+++ b/src/CoreShop/Bundle/ProductBundle/Controller/ProductPriceRuleController.php
@@ -18,17 +18,38 @@
 namespace CoreShop\Bundle\ProductBundle\Controller;
 
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 
 class ProductPriceRuleController extends ResourceController
 {
-    public function getConfigAction(Request $request): Response
-    {
+    public function getConfigAction(
+        Request $request,
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.product_price_rule.conditions')]
+        FormTypeRegistryInterface $conditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.product_price_rule.actions')]
+        FormTypeRegistryInterface $actionFormRegistry,
+    ): Response {
         $actions = $this->getConfigActions();
         $conditions = $this->getConfigConditions();
 
-        return $this->viewHandler->handle(['actions' => array_keys($actions), 'conditions' => array_keys($conditions)]);
+        $conditionSchemas = $schemaCollector->collectSchemasWithTypeMap($conditionFormRegistry, array_keys($conditions));
+        $actionSchemas = $schemaCollector->collectSchemasWithTypeMap($actionFormRegistry, array_keys($actions));
+
+        return $this->viewHandler->handle([
+            'actions' => array_keys($actions),
+            'conditions' => array_keys($conditions),
+            'schemas' => array_merge(
+                $conditionSchemas['schemas'],
+                $actionSchemas['schemas'],
+            ),
+            'conditionSchemaByType' => $conditionSchemas['schemaByType'],
+            'actionSchemaByType' => $actionSchemas['schemaByType'],
+        ]);
     }
 
     /**
diff --git a/src/CoreShop/Bundle/ProductBundle/CoreShopProductBundle.php b/src/CoreShop/Bundle/ProductBundle/CoreShopProductBundle.php
index 2dac765278..7310995d15 100644
--- a/src/CoreShop/Bundle/ProductBundle/CoreShopProductBundle.php
+++ b/src/CoreShop/Bundle/ProductBundle/CoreShopProductBundle.php
@@ -23,6 +23,7 @@
 use CoreShop\Bundle\ProductBundle\DependencyInjection\Compiler\ProductDiscountPriceCalculatorsPass;
 use CoreShop\Bundle\ProductBundle\DependencyInjection\Compiler\ProductPriceRuleActionPass;
 use CoreShop\Bundle\ProductBundle\DependencyInjection\Compiler\ProductPriceRuleConditionPass;
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterFormTypesFromTagsPass;
 use CoreShop\Bundle\ProductBundle\DependencyInjection\Compiler\ProductRetailPriceCalculatorsPass;
 use CoreShop\Bundle\ProductBundle\DependencyInjection\Compiler\ProductSpecificPriceRuleActionPass;
 use CoreShop\Bundle\ProductBundle\DependencyInjection\Compiler\ProductSpecificPriceRuleConditionPass;
@@ -56,6 +57,11 @@ public function build(ContainerBuilder $container): void
         $container->addCompilerPass(new ProductDiscountPriceCalculatorsPass());
         $container->addCompilerPass(new ProductDiscountCalculatorsPass());
         $container->addCompilerPass(new ProductCustomAttributesCalculatorsPass());
+
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ProductPriceRuleConditionPass::PRODUCT_PRICE_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ProductPriceRuleActionPass::PRODUCT_PRICE_RULE_ACTION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ProductSpecificPriceRuleConditionPass::PRODUCT_SPECIFIC_PRICE_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ProductSpecificPriceRuleActionPass::PRODUCT_SPECIFIC_PRICE_RULE_ACTION_TAG));
     }
 
     public static function registerDependentBundles(BundleCollection $collection): void
diff --git a/src/CoreShop/Bundle/ProductBundle/DependencyInjection/CoreShopProductExtension.php b/src/CoreShop/Bundle/ProductBundle/DependencyInjection/CoreShopProductExtension.php
index fd5c5a6beb..bfc2641fe4 100644
--- a/src/CoreShop/Bundle/ProductBundle/DependencyInjection/CoreShopProductExtension.php
+++ b/src/CoreShop/Bundle/ProductBundle/DependencyInjection/CoreShopProductExtension.php
@@ -48,9 +48,10 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopProductExtension extends AbstractModelExtension
+final class CoreShopProductExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
     public function load(array $configs, ContainerBuilder $container): void
     {
@@ -74,6 +75,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
@@ -148,4 +153,25 @@ public function load(array $configs, ContainerBuilder $container): void
             $configs['autoconfigure_with_attributes'],
         );
     }
+
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopProductUnit',
+                    ],
+                    'CoreShop\\Bundle\\ProductBundle\\StudioBackend\\DataAdapter\\ProductUnitDefinitionsAdapter' => [
+                        'coreShopProductUnitDefinitions',
+                    ],
+                    'CoreShop\\Bundle\\ProductBundle\\StudioBackend\\DataAdapter\\ProductSpecificPriceRulesAdapter' => [
+                        'coreShopProductSpecificPriceRules',
+                    ],
+                ],
+            ]);
+        }
+    }
 }
diff --git a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php
index e52da1a66a..dd2c1eb647 100644
--- a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php
+++ b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountAmountConfigurationType.php
@@ -41,6 +41,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('amount', MoneyType::class, [
+                'label' => 'coreshop_action_discountAmount_amount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
@@ -48,6 +49,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 ],
             ])
             ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_currency',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php
index 52af83f71e..6cbb7cdd64 100644
--- a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php
+++ b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/DiscountPercentConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_discountPercent_percent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/PriceConfigurationType.php b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/PriceConfigurationType.php
index fa95944c8c..e62280b416 100644
--- a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/PriceConfigurationType.php
+++ b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Action/PriceConfigurationType.php
@@ -40,12 +40,14 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('price', MoneyType::class, [
+                'label' => 'coreshop_action_price',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_currency',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductPriceNestedConfigurationType.php b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductPriceNestedConfigurationType.php
index 6af00b627c..c2a283fce4 100644
--- a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductPriceNestedConfigurationType.php
+++ b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductPriceNestedConfigurationType.php
@@ -42,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', ProductPriceRuleConditionCollectionType::class, [
                 'constraints' => new Valid(groups: $this->validationGroups),
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductSpecificPriceNestedConfigurationType.php b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductSpecificPriceNestedConfigurationType.php
index 041f9f47b2..e79e6448b8 100644
--- a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductSpecificPriceNestedConfigurationType.php
+++ b/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/ProductSpecificPriceNestedConfigurationType.php
@@ -42,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', ProductSpecificPriceRuleConditionCollectionType::class, [
                 'constraints' => [new Valid(groups: $this->validationGroups)],
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/ProductBundle/README.md b/src/CoreShop/Bundle/ProductBundle/README.md
index 654e8a7251..f6d4ed254c 100644
--- a/src/CoreShop/Bundle/ProductBundle/README.md
+++ b/src/CoreShop/Bundle/ProductBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..0ec99722ae
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "@coreshop/product",
+  "version": "1.0.0",
+  "description": "CoreShop ProductBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/pimcore": "file:../../../../PimcoreBundle/Resources/assets/pimcore-studio",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/cart.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/cart.svg
new file mode 100644
index 0000000000..b466fc75e4
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/cart.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#607D8B" d="M25.4,5.6c-0.8-0.8-2-0.8-2.8,0l-12,12c-0.8,0.8-0.8,2,0,2.8C11,20.8,11.5,21,12,21s1-0.2,1.4-0.6l12-12  C26.2,7.6,26.2,6.4,25.4,5.6z"/>
+<path fill="#455A64" d="M37.4,17.6l-12-12c-0.8-0.8-2-0.8-2.8,0c-0.8,0.8-0.8,2,0,2.8l12,12C35,20.8,35.5,21,36,21s1-0.2,1.4-0.6  C38.2,19.6,38.2,18.4,37.4,17.6z"/>
+<path fill="#D32F2F" d="M37.4,41H10.6c-1,0-1.8-0.7-2-1.6L5,21h38l-3.7,18.4C39.1,40.3,38.3,41,37.4,41z"/>
+<path fill="#F44336" d="M43,23H5c-1.1,0-2-0.9-2-2v-2c0-1.1,0.9-2,2-2h38c1.1,0,2,0.9,2,2v2C45,22.1,44.1,23,43,23z"/>
+<path fill="#7D1313" d="M25,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C25,35.8,25,25,25,25z"/>
+<path fill="#7D1313" d="M29,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C29,35.8,29,25,29,25z"/>
+<path fill="#7D1313" d="M33,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C33,35.8,33,25,33,25z"/>
+<path fill="#7D1313" d="M17,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C17,35.8,17,25,17,25z"/>
+<path fill="#7D1313" d="M21,25h-2c0,0,0,10.8,0,11c0,0.6,0.4,1,1,1s1-0.4,1-1C21,35.8,21,25,21,25z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/category.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/category.svg
new file mode 100644
index 0000000000..a0fa2910a0
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/category.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#90CAF9" d="M47,31V17c-3.3,0-6-2.7-6-6H7c0,3.3-2.7,6-6,6v14c3.3,0,6,2.7,6,6h34C41,33.7,43.7,31,47,31z"/>
+<path fill="#1976D2" d="M39,21H9v-2h30V21z M39,23H9v2h30V23z M33,27H15v2h18V27z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg
new file mode 100644
index 0000000000..0e8fc81ea6
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<rect x="12" y="9" fill="#CFD8DC" width="2" height="30"/>
+	<path fill="#CFD8DC" d="M14,37h-2v-7.4c0-2.5,2-4.6,4.6-4.6h14.9c1.4,0,2.6-1.1,2.6-2.6V16h2v6.4c0,2.5-2,4.6-4.6,4.6H16.6   c-1.4,0-2.6,1.1-2.6,2.6V37z"/>
+</g>
+<path fill="#00BCD4" d="M9,8c0-2.2,1.8-4,4-4c2.2,0,4,1.8,4,4s-1.8,4-4,4C10.8,12,9,10.2,9,8z M35,18c2.2,0,4-1.8,4-4s-1.8-4-4-4  c-2.2,0-4,1.8-4,4S32.8,18,35,18z"/>
+<circle fill="#0097A7" cx="13" cy="40" r="4"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
new file mode 100644
index 0000000000..d4db119155
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#43A047" d="M42,35c0,8.008-8.059,8-18,8c-9.941,0-18,0.008-18-8s8.059-18,18-18C33.941,17,42,26.992,42,35z"/>
+	<path fill="#43A047" d="M30,8.571c-1.896,2.098-1-4.423-5,0c-1.897,2.098-1-4.423-5,0c-1.691,1.87-1.165-3.103-3.864-1.071L19,18   h10l2.994-10.977C31.514,7.154,30.877,7.602,30,8.571z"/>
+</g>
+<path fill="#FFFFFF" d="M25.46,33.744c0-0.48-0.134-0.862-0.399-1.147c-0.267-0.283-0.72-0.546-1.358-0.786  s-1.189-0.479-1.652-0.716c-0.463-0.238-0.86-0.51-1.191-0.818c-0.331-0.307-0.589-0.669-0.773-1.085s-0.277-0.911-0.277-1.485  c0-0.99,0.316-1.802,0.949-2.435s1.474-1.002,2.522-1.107v-1.881h1.406v1.907c1.037,0.146,1.849,0.579,2.435,1.297  S28,27.135,28,28.277h-2.54c0-0.703-0.146-1.229-0.435-1.577c-0.291-0.349-0.679-0.523-1.165-0.523c-0.48,0-0.853,0.137-1.116,0.408  c-0.264,0.273-0.396,0.649-0.396,1.13c0,0.445,0.129,0.803,0.387,1.072s0.737,0.545,1.437,0.826s1.276,0.547,1.727,0.796  s0.832,0.53,1.143,0.844s0.548,0.671,0.712,1.072S28,33.193,28,33.727c0,0.996-0.311,1.805-0.932,2.426s-1.477,0.987-2.566,1.099V39  h-1.397v-1.74c-1.201-0.129-2.131-0.555-2.791-1.278s-0.989-1.687-0.989-2.888h2.54c0,0.697,0.166,1.232,0.497,1.604  s0.807,0.558,1.428,0.558c0.516,0,0.923-0.136,1.222-0.409C25.311,34.575,25.46,34.207,25.46,33.744z"/>
+<g>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M14,38.996c-0.439-2.221-0.505-4.505-0.224-6.749   c0.545-4.359,1.983-8.853,4.43-12.473c0.264-0.391,0.607-1.138,0.997-1.403c0.339-0.23,0.42-0.145,0.83-0.041   c0.754,0.19,1.511,0.351,2.284,0.444c2.248,0.272,4.57,0.07,6.683-0.774"/>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M11,29c0-3,3.818-10.163,8-11"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/not_discountable.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/not_discountable.svg
new file mode 100644
index 0000000000..9c857cddb2
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/not_discountable.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(3.2,3.2)"><path d="M40,77.244c-0.443,0 -0.859,-0.148 -1.202,-0.429l-6.653,-5.447l-8.435,1.728c-0.133,0.028 -0.263,0.042 -0.392,0.042c-0.752,0 -1.433,-0.456 -1.735,-1.162l-3.36,-7.917l-8.265,-2.382c-0.861,-0.251 -1.435,-1.083 -1.363,-1.978l0.7,-8.575l-6.209,-5.953c-0.651,-0.622 -0.773,-1.624 -0.291,-2.383l4.606,-7.267l-2.735,-8.159c-0.284,-0.851 0.075,-1.794 0.854,-2.244l7.455,-4.299l1.372,-8.491c0.144,-0.888 0.898,-1.558 1.795,-1.594l8.596,-0.338l5.159,-6.884c0.358,-0.474 0.927,-0.758 1.521,-0.758c0.283,0 0.556,0.062 0.812,0.184l7.77,3.697l7.77,-3.696c0.256,-0.124 0.529,-0.186 0.812,-0.186c0.596,0 1.164,0.284 1.521,0.759l5.16,6.884l8.597,0.338c0.896,0.036 1.653,0.707 1.8,1.595l1.371,8.488l7.455,4.299c0.777,0.448 1.136,1.392 0.854,2.246l-2.734,8.157l4.605,7.266c0.48,0.761 0.357,1.764 -0.292,2.385l-6.209,5.954l0.7,8.575c0.074,0.895 -0.5,1.727 -1.364,1.978l-8.263,2.382l-3.362,7.918c-0.3,0.704 -0.981,1.159 -1.737,1.159c-0.128,0 -0.258,-0.014 -0.385,-0.041l-8.438,-1.729l-6.655,5.447c-0.342,0.279 -0.769,0.431 -1.206,0.431z" fill="#45ad38"></path><path d="M48.579,3.256v0c0.439,0 0.858,0.209 1.12,0.559l5.018,6.693l0.285,0.381l0.475,0.019l8.358,0.329c0.66,0.027 1.219,0.522 1.327,1.173l1.333,8.256l0.076,0.469l0.412,0.237l7.249,4.18c0.572,0.33 0.836,1.026 0.629,1.652l-2.659,7.933l-0.151,0.451l0.255,0.402l4.477,7.064c0.354,0.561 0.264,1.299 -0.216,1.757l-6.036,5.789l-0.343,0.329l0.039,0.474l0.681,8.339c0.054,0.659 -0.369,1.272 -1.003,1.456l-8.036,2.317l-0.457,0.132l-0.186,0.438l-3.268,7.697c-0.222,0.52 -0.723,0.856 -1.278,0.856c-0.094,0 -0.188,-0.01 -0.288,-0.031l-8.2,-1.68l-0.466,-0.095l-0.368,0.301l-6.471,5.296c-0.253,0.207 -0.559,0.316 -0.886,0.316c-0.327,0 -0.633,-0.109 -0.885,-0.315l-6.47,-5.296l-0.368,-0.301l-0.466,0.095l-8.213,1.682c-0.092,0.02 -0.187,0.03 -0.28,0.03c-0.552,0 -1.053,-0.337 -1.275,-0.856l-3.268,-7.698l-0.186,-0.438l-0.457,-0.132l-8.033,-2.316c-0.636,-0.185 -1.059,-0.798 -1.006,-1.457l0.681,-8.338l0.039,-0.474l-0.345,-0.331l-6.039,-5.79c-0.478,-0.457 -0.568,-1.194 -0.214,-1.753l4.479,-7.065l0.255,-0.402l-0.151,-0.451l-2.66,-7.932c-0.209,-0.627 0.055,-1.322 0.629,-1.653l7.249,-4.18l0.412,-0.237l0.076,-0.469l1.333,-8.256c0.106,-0.654 0.662,-1.148 1.321,-1.174l8.359,-0.329l0.475,-0.019l0.285,-0.381l5.014,-6.69c0.265,-0.351 0.685,-0.56 1.123,-0.56c0.208,0 0.408,0.046 0.597,0.136l7.554,3.594l0.43,0.204l0.43,-0.204l7.559,-3.596c0.187,-0.092 0.387,-0.137 0.594,-0.137M48.579,2.256c-0.347,0 -0.698,0.076 -1.026,0.234l-7.554,3.594l-7.555,-3.594c-0.329,-0.157 -0.68,-0.233 -1.027,-0.233c-0.735,0 -1.455,0.339 -1.922,0.958l-5.016,6.693l-8.359,0.329c-1.138,0.046 -2.087,0.887 -2.269,2.014l-1.333,8.256l-7.249,4.18c-0.986,0.568 -1.439,1.754 -1.078,2.836l2.66,7.933l-4.479,7.065c-0.61,0.961 -0.458,2.223 0.367,3.012l6.038,5.789l-0.681,8.338c-0.092,1.138 0.63,2.18 1.723,2.499l8.036,2.317l3.268,7.698c0.383,0.895 1.256,1.465 2.195,1.465c0.163,0 0.327,-0.017 0.492,-0.053l8.202,-1.68l6.47,5.296c0.442,0.361 0.979,0.542 1.518,0.542c0.54,0 1.077,-0.181 1.518,-0.542l6.471,-5.296l8.2,1.68c0.163,0.035 0.327,0.052 0.489,0.052c0.939,0 1.816,-0.567 2.198,-1.464l3.268,-7.698l8.036,-2.317c1.096,-0.318 1.816,-1.36 1.723,-2.499l-0.681,-8.338l6.038,-5.789c0.825,-0.789 0.977,-2.051 0.369,-3.013l-4.478,-7.065l2.659,-7.933c0.358,-1.081 -0.092,-2.267 -1.078,-2.836l-7.249,-4.18l-1.333,-8.256c-0.187,-1.126 -1.135,-1.967 -2.274,-2.013l-8.359,-0.329l-5.018,-6.693c-0.464,-0.619 -1.185,-0.959 -1.92,-0.959z" fill="#489325"></path><g fill="#ffffff"><path d="M29.504,40.061c-2.471,0 -4.437,-0.792 -5.9,-2.377c-1.463,-1.585 -2.194,-3.702 -2.194,-6.351c0,-2.893 0.776,-5.173 2.328,-6.839c1.552,-1.666 3.645,-2.499 6.278,-2.499c2.552,0 4.531,0.772 5.937,2.316c1.406,1.544 2.109,3.714 2.109,6.509c0,2.795 -0.788,5.034 -2.365,6.717c-1.577,1.683 -3.641,2.524 -6.193,2.524zM29.846,25.409c-1.333,0 -2.385,0.512 -3.157,1.536c-0.772,1.024 -1.158,2.43 -1.158,4.218c0,1.755 0.378,3.121 1.134,4.096c0.756,0.975 1.792,1.463 3.108,1.463c1.317,0 2.349,-0.508 3.096,-1.524c0.748,-1.016 1.121,-2.426 1.121,-4.23c0,-1.755 -0.37,-3.121 -1.109,-4.096c-0.739,-0.975 -1.751,-1.463 -3.035,-1.463zM53.177,22.507l-22.43,35.205h-3.486l22.405,-35.205zM50.032,58.005c-2.471,0 -4.437,-0.792 -5.9,-2.377c-1.463,-1.585 -2.194,-3.702 -2.194,-6.351c0,-2.893 0.776,-5.173 2.328,-6.839c1.552,-1.666 3.645,-2.499 6.278,-2.499c2.552,0 4.531,0.772 5.937,2.316c1.406,1.544 2.109,3.714 2.109,6.509c0,2.796 -0.788,5.034 -2.365,6.717c-1.577,1.682 -3.641,2.524 -6.193,2.524zM50.374,43.352c-1.333,0 -2.385,0.512 -3.157,1.536c-0.772,1.024 -1.158,2.43 -1.158,4.218c0,1.755 0.378,3.121 1.134,4.096c0.756,0.975 1.792,1.463 3.108,1.463c1.317,0 2.349,-0.508 3.096,-1.524c0.748,-1.016 1.121,-2.426 1.121,-4.23c0,-1.755 -0.37,-3.121 -1.109,-4.096c-0.739,-0.975 -1.751,-1.463 -3.035,-1.463z"></path></g></g></g><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(129,145) scale(3.11111,3.11111)" id="overlay"><g><path transform="translate(18,18)" d="M-17.5,0c0,-9.66498 7.83502,-17.5 17.5,-17.5c9.66498,0 17.5,7.83502 17.5,17.5c0,9.66498 -7.83502,17.5 -17.5,17.5c-9.66498,0 -17.5,-7.83502 -17.5,-17.5z" fill="#f78f8f"></path><g fill="#c74343"><path d="M18,1c9.4,0 17,7.6 17,17c0,9.4 -7.6,17 -17,17c-9.4,0 -17,-7.6 -17,-17c0,-9.4 7.6,-17 17,-17M18,0c-9.9,0 -18,8.1 -18,18c0,9.9 8.1,18 18,18c9.9,0 18,-8.1 18,-18c0,-9.9 -8.1,-18 -18,-18z"></path></g></g><path transform="translate(17.9998,18) rotate(-45) scale(0.99999,0.99999)" d="M-9.9,2v-4h19.8v4z" fill="#ffffff"></path><path transform="translate(17.9998,18) rotate(-45) scale(0.99999,0.99999)" d="M-2,9.9v-19.8h4v19.8z" fill="#ffffff"></path></g></g></svg>
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/price-rules.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/price-rules.svg
new file mode 100644
index 0000000000..c2c125e549
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/price-rules.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#DD2C00" d="M26.053,13L11.171,27.857c-1.562,1.559-1.562,4.086,0,5.646L21.514,43.83c1.563,1.56,4.096,1.56,5.657,0  L42,28.974V16.994C42,14.788,40.262,13,38.053,13H26.053z M36,21c-1.104,0-2-0.896-2-2c0-1.106,0.896-2,2-2s2,0.894,2,2  C38,20.104,37.104,21,36,21"/>
+<path fill="#FF5722" d="M22.026,4L7.169,18.856c-1.559,1.56-1.559,4.087,0,5.647L17.495,34.83c1.56,1.56,4.089,1.56,5.647,0  L38,19.975V7.993C38,5.787,36.212,4,34.006,4H22.026z M32.026,11.957c-1.104,0-2-0.893-2-1.992c0-1.102,0.896-1.991,2-1.991  c1.104,0,2,0.89,2,1.991c0,1.1-0.912,2.009-2.017,2.009"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-list.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-list.svg
new file mode 100644
index 0000000000..49d162a73e
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-list.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<rect x="7" y="4" fill="#B2EBF2" width="34" height="40"/>
+<g>
+	<rect x="13" y="26" fill="#00ACC1" width="4" height="4"/>
+	<rect x="13" y="18" fill="#00ACC1" width="4" height="4"/>
+	<rect x="13" y="34" fill="#00ACC1" width="4" height="4"/>
+	<rect x="13" y="10" fill="#00ACC1" width="4" height="4"/>
+	<rect x="21" y="26" fill="#00ACC1" width="14" height="4"/>
+	<rect x="21" y="18" fill="#00ACC1" width="14" height="4"/>
+	<rect x="21" y="34" fill="#00ACC1" width="14" height="4"/>
+	<rect x="21" y="10" fill="#00ACC1" width="14" height="4"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-unit.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-unit.svg
new file mode 100644
index 0000000000..2afcec629f
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-unit.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 192 192">
+    <g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter"
+       stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none"
+       font-size="none" text-anchor="none" style="mix-blend-mode: normal">
+        <path d="M0,192v-192h192v192z" fill="none" stroke="none"/>
+        <g stroke="none">
+            <g id="surface1">
+                <path d="M20,20h72v72h-72z" fill="#cddc39"/>
+                <path d="M128,112c0,11.04688 -8.95312,20 -20,20h-36c-11.04688,0 -20,-8.95312 -20,-20v-36c0,-11.04688 8.95312,-20 20,-20h36c11.04688,0 20,8.95312 20,20z"
+                      fill="#8bc34a"/>
+            </g>
+        </g>
+        <path d="M0,192v-192h192v192z" fill="none" stroke="none"/>
+        <path d="M3.84,188.16v-184.32h184.32v184.32z" fill="none" stroke="none"/>
+        <g stroke="none">
+            <g id="IOS_copy">
+                <path d="M172,132c0,22 -18,40 -40,40c-22,0 -40,-18 -40,-40c0,-22 18,-40 40,-40c22,0 40,18 40,40"
+                      fill="#43a047"/>
+                <path d="M150,113.6l-22.8,22.4l-10.8,-10.8l-8.4,8.8l19.2,19.2l31.2,-31.2z" fill="#dcedc8"/>
+            </g>
+        </g>
+        <path d="M92,172v-80h80v80z" id="overlay-drag" fill="#ff0000" stroke="none" opacity="0"/>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-units.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-units.svg
new file mode 100644
index 0000000000..1ea88ca083
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product-units.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" version="1.1">
+    <g id="surface1">
+        <path style=" fill:#CDDC39;" d="M 5 5 L 23 5 L 23 23 L 5 23 Z "/>
+        <path style=" fill:#8BC34A;"
+              d="M 32 28 C 32 30.761719 29.761719 33 27 33 L 18 33 C 15.238281 33 13 30.761719 13 28 L 13 19 C 13 16.238281 15.238281 14 18 14 L 27 14 C 29.761719 14 32 16.238281 32 19 Z "/>
+        <path style=" fill:#2E7D32;"
+              d="M 43 33 C 43 38.523438 38.523438 43 33 43 C 27.476563 43 23 38.523438 23 33 C 23 27.476563 27.476563 23 33 23 C 38.523438 23 43 27.476563 43 33 Z "/>
+    </g>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product.svg
new file mode 100644
index 0000000000..8a4dffb1b3
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#FF9800" d="M39,42H9c-1.1,0-2-0.9-2-2V14h34v26C41,41.1,40.1,42,39,42z"/>
+<g>
+	<rect x="28" y="37" fill="#754600" width="9" height="1"/>
+	<rect x="34" y="32" fill="#754600" width="2" height="4"/>
+	<polygon fill="#754600" points="35,30 33,33 37,33  "/>
+	<rect x="29" y="32" fill="#754600" width="2" height="4"/>
+	<polygon fill="#754600" points="30,30 28,33 32,33  "/>
+</g>
+<path fill="#FFAA2E" d="M43,14H5V8c0-1.1,0.9-2,2-2h34c1.1,0,2,0.9,2,2V14z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product_blue.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product_blue.svg
new file mode 100644
index 0000000000..3170c07af2
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product_blue.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0D007F;stroke:#3200AA;stroke-miterlimit:10;}
+	.st1{fill:#6A99FF;}
+	.st2{fill:#2A38FF;}
+</style>
+<path class="st0" d="M39,42H9c-1.1,0-2-0.9-2-2V14h34v26C41,41.1,40.1,42,39,42z"/>
+<g>
+	<rect x="28" y="37" class="st1" width="9" height="1"/>
+	<rect x="34" y="32" class="st1" width="2" height="4"/>
+	<polygon class="st1" points="35,30 33,33 37,33 	"/>
+	<rect x="29" y="32" class="st1" width="2" height="4"/>
+	<polygon class="st1" points="30,30 28,33 32,33 	"/>
+</g>
+<path class="st2" d="M43,14H5V8c0-1.1,0.9-2,2-2h34c1.1,0,2,0.9,2,2V14z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product_green.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product_green.svg
new file mode 100644
index 0000000000..32c6c42ec7
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/product_green.svg
@@ -0,0 +1,13 @@
+
+
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#4CAF50" d="M39,42H9c-1.1,0-2-0.9-2-2V14h34v26C41,41.1,40.1,42,39,42z"/>
+<g>
+	<rect x="28" y="37" fill="#1B5E20" width="9" height="1"/>
+	<rect x="34" y="32" fill="#1B5E20" width="2" height="4"/>
+	<polygon fill="#1B5E20" points="35,30 33,33 37,33 &#9;"/>
+	<rect x="29" y="32" fill="#1B5E20" width="2" height="4"/>
+	<polygon fill="#1B5E20" points="30,30 28,33 32,33 &#9;"/>
+</g>
+<path fill="#81C784" d="M43,14H5V8c0-1.1,0.9-2,2-2h34c1.1,0,2,0.9,2,2V14z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/time-span.svg b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/time-span.svg
new file mode 100644
index 0000000000..c022ff66ac
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/assets/time-span.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#7CB342" d="M44,24c0,11.046-8.954,20-20,20S4,35.046,4,24S12.954,4,24,4S44,12.954,44,24"/>
+<path fill="#FFFFFF" d="M40,24c0,8.837-7.163,16-16,16S8,32.837,8,24S15.163,8,24,8S40,15.163,40,24"/>
+<path fill="#DCEDC8" d="M24,22.883V4C16.529,4,10.033,8.107,6.601,14.177L24,22.883z"/>
+<g>
+	<polygon points="14.167,17.918 13.271,19.704 23.552,24.894 24.448,23.106  "/>
+	<polygon points="31.834,22.668 31.098,20.449 23.632,22.891 24.369,25.108  "/>
+	<path d="M24.896,22.212c0.988,0.495,1.387,1.696,0.892,2.685c-0.495,0.987-1.696,1.387-2.684,0.892   c-0.988-0.495-1.387-1.696-0.892-2.685C22.708,22.115,23.908,21.716,24.896,22.212"/>
+</g>
+<path fill="#8BC34A" d="M24.448,23.106c0.493,0.246,0.692,0.848,0.446,1.342c-0.248,0.492-0.849,0.692-1.342,0.445  c-0.494-0.247-0.693-0.849-0.446-1.342C23.354,23.059,23.955,22.858,24.448,23.106"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/CategoryMultiSelectField.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/CategoryMultiSelectField.tsx
new file mode 100644
index 0000000000..9a603ea106
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/CategoryMultiSelectField.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { Select } from 'antd'
+import type { SelectProps } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+
+type Option = { value: number, label: string }
+
+// Category selection typically uses Pimcore's DataObject picker
+// This is a simplified version for FormBuilder use
+export const CategoryMultiSelectField: React.FC<SelectProps<number[]>> = (props) => {
+  const { t } = useTranslation()
+
+  return (
+    <DroppableEntity
+      accept='coreshop:category'
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (props.onChange && info?.data?.id) {
+          const currentValue = props.value || []
+          const newValue = Array.isArray(currentValue)
+            ? [...currentValue, info.data.id]
+            : [info.data.id]
+          const event = { target: { value: newValue } } as any
+          props.onChange(newValue, event)
+        }
+      }}
+    >
+      <Select
+        {...props}
+        mode="multiple"
+        placeholder={props.placeholder ?? t('coreshop.ui.select', { defaultValue: 'Select Categories' })}
+        showSearch
+        optionFilterProp="label"
+      />
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/ProductMultiSelectField.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/ProductMultiSelectField.tsx
new file mode 100644
index 0000000000..b629ac635b
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/ProductMultiSelectField.tsx
@@ -0,0 +1,38 @@
+import React from 'react'
+import { Select } from 'antd'
+import type { SelectProps } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+
+type Option = { value: number, label: string }
+
+// Product selection typically uses Pimcore's DataObject picker
+// This is a simplified version for FormBuilder use
+export const ProductMultiSelectField: React.FC<SelectProps<number[]>> = (props) => {
+  const { t } = useTranslation()
+
+  return (
+    <DroppableEntity
+      accept='coreshop:product'
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (props.onChange && info?.data?.id) {
+          const currentValue = props.value || []
+          const newValue = Array.isArray(currentValue)
+            ? [...currentValue, info.data.id]
+            : [info.data.id]
+          const event = { target: { value: newValue } } as any
+          props.onChange(newValue, event)
+        }
+      }}
+    >
+      <Select
+        {...props}
+        mode="multiple"
+        placeholder={props.placeholder ?? t('coreshop.ui.select', { defaultValue: 'Select Products' })}
+        showSearch
+        optionFilterProp="label"
+      />
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..5415975ecf
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { ProductMultiSelectField } from './ProductMultiSelectField'
+export { CategoryMultiSelectField } from './CategoryMultiSelectField'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductSpecificPriceRules.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductSpecificPriceRules.tsx
new file mode 100644
index 0000000000..802a49e3fa
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductSpecificPriceRules.tsx
@@ -0,0 +1,41 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import {
+  DynamicTypeObjectDataAbstract
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { ProductSpecificPriceRulesPanel } from '../modules/product-specific-price-rules/components/ProductSpecificPriceRulesPanel'
+import type { ProductSpecificPriceRulesData } from '../modules/product-specific-price-rules/types'
+
+const emptyData: ProductSpecificPriceRulesData = {
+  actions: [],
+  conditions: [],
+  rules: []
+}
+
+export class DynamicTypeObjectDataCoreShopProductSpecificPriceRules extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopProductSpecificPriceRules'
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <ProductSpecificPriceRulesPanel
+        value={rest.value ?? emptyData}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        currentLocale={rest.currentLocale}
+        locales={rest.locales}
+      />
+    )
+  }
+
+  getVersionObjectDataComponent(props: any): React.ReactElement {
+    return this.getObjectDataComponent({ ...props, noteditable: true })
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnit.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnit.tsx
new file mode 100644
index 0000000000..cdd282b4cc
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnit.tsx
@@ -0,0 +1,101 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select } from 'antd'
+import {
+  DynamicTypeObjectDataAbstractSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { productUnitApi } from '../modules/product-units/api'
+
+type Option = { value: number, label: string }
+
+// Module-level cache
+let cachedOptions: Option[] | null = null
+let loadPromise: Promise<Option[]> | null = null
+
+export const loadProductUnits = async (): Promise<Option[]> => {
+  if (cachedOptions) return cachedOptions
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const rows = await productUnitApi.list()
+      const list = Array.isArray(rows) ? rows : []
+      cachedOptions = list
+        .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+        .filter((o: any) => o.value != null && o.label)
+      return cachedOptions
+    } catch (err) {
+      console.error('Failed to load product units:', err)
+      return []
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export const clearProductUnitCache = () => {
+  cachedOptions = null
+  loadPromise = null
+}
+
+const ProductUnitSelectInner: React.FC<{
+  value?: number
+  onChange?: (value: number) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+}> = ({ value, onChange, disabled, style }) => {
+  const [options, setOptions] = React.useState<Option[]>([])
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    void (async () => {
+      try {
+        const opts = await loadProductUnits()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      loading={loading}
+      disabled={disabled}
+      style={style}
+      showSearch
+      optionFilterProp="label"
+      allowClear
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopProductUnit extends DynamicTypeObjectDataAbstractSelect {
+  readonly id = 'coreShopProductUnit'
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <ProductUnitSelectInner
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnitDefinition.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnitDefinition.tsx
new file mode 100644
index 0000000000..5238864017
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnitDefinition.tsx
@@ -0,0 +1,81 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Input, Typography } from 'antd'
+import {
+  DynamicTypeObjectDataAbstract
+} from '@pimcore/studio-ui-bundle/modules/element'
+
+const { Text } = Typography
+
+interface UnitDefinitionValue {
+  id?: number
+  unitName?: string
+  conversationRate?: number
+  precision?: number
+  unit?: {
+    id?: number
+    name?: string
+  }
+}
+
+interface UnitDefinitionInnerProps {
+  value?: UnitDefinitionValue
+  disabled?: boolean
+  style?: React.CSSProperties
+}
+
+const UnitDefinitionInner: React.FC<UnitDefinitionInnerProps> = ({
+  value,
+  disabled,
+  style
+}) => {
+  if (!value || !value.id) {
+    return (
+      <Input
+        value=""
+        disabled
+        style={style}
+        placeholder="No unit definition selected"
+      />
+    )
+  }
+
+  const displayValue = value.unitName
+    ? `${value.unitName} (${value.conversationRate ?? 1})`
+    : `${value.unit?.name ?? 'Unit'} (${value.conversationRate ?? 1})`
+
+  return (
+    <Input
+      value={displayValue}
+      disabled={disabled}
+      readOnly
+      style={style}
+    />
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopProductUnitDefinition extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopProductUnitDefinition'
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <UnitDefinitionInner
+        value={rest.value}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+      />
+    )
+  }
+
+  getVersionObjectDataComponent(props: any): React.ReactElement {
+    return this.getObjectDataComponent({ ...props, noteditable: true })
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnitDefinitions.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnitDefinitions.tsx
new file mode 100644
index 0000000000..7c0711ec8a
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductUnitDefinitions.tsx
@@ -0,0 +1,501 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Form, Select, InputNumber, Button, Space, Table, Typography, Spin, Empty, Collapse, Tooltip } from 'antd'
+import { PlusOutlined, DeleteOutlined, LockOutlined } from '@ant-design/icons'
+import {
+  DynamicTypeObjectDataAbstract
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { useGlobalDataObjectContext } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { productUnitApi, type ProductUnitDetail } from '../modules/product-units/api'
+import { coreshopBroker, CORESHOP_EVENTS } from '@coreshop/pimcore/src/modules/broker'
+
+const { Text } = Typography
+
+interface UnitObject {
+  id: number
+  name: string
+  fullLabel?: string
+}
+
+interface UnitDefinition {
+  id?: number
+  unit?: UnitObject | number
+  conversionRate?: number
+  precision?: number
+  _tempKey?: string // Temporary key for unsaved entries
+}
+
+interface UnitDefinitionsValue {
+  id?: number
+  defaultUnitDefinition?: UnitDefinition
+  unitDefinitions?: UnitDefinition[]
+}
+
+// Helper to get unit ID from unit field (can be object or number)
+const getUnitId = (unit?: UnitObject | number): number | undefined => {
+  if (unit === undefined || unit === null) return undefined
+  if (typeof unit === 'number') return unit
+  return unit.id
+}
+
+interface UnitDefinitionsInnerProps {
+  value?: UnitDefinitionsValue
+  onChange?: (value: UnitDefinitionsValue) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+}
+
+// Type for the event payload
+export interface UnitDefinitionInfo {
+  id?: number
+  unitId: number
+  unitName: string
+  conversionRate: number
+  precision: number
+  isDefault: boolean
+}
+
+// Module-level cache for product units
+let cachedUnits: ProductUnitDetail[] | null = null
+let loadPromise: Promise<ProductUnitDetail[]> | null = null
+
+const loadUnits = async (): Promise<ProductUnitDetail[]> => {
+  if (cachedUnits) return cachedUnits
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const units = await productUnitApi.list()
+      cachedUnits = units
+      return units
+    } catch (err) {
+      console.error('Failed to load product units:', err)
+      return []
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+const UnitDefinitionsInner: React.FC<UnitDefinitionsInnerProps> = ({
+  value,
+  onChange,
+  disabled,
+  style
+}) => {
+  // Get objectId from Pimcore Studio context
+  const { context } = useGlobalDataObjectContext()
+  const objectId = context?.config?.id
+
+  // Ensure value is always an object, even if null/undefined is passed
+  const safeValue: UnitDefinitionsValue = value ?? {}
+  const [units, setUnits] = React.useState<ProductUnitDetail[]>([])
+  const [loading, setLoading] = React.useState(true)
+
+  React.useEffect(() => {
+    void (async () => {
+      try {
+        const loadedUnits = await loadUnits()
+        setUnits(loadedUnits)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  const unitOptions = React.useMemo(() =>
+    units.map(u => ({
+      value: u.id!,
+      label: u.name
+    })),
+    [units]
+  )
+
+  // Filter out the default unit from additional units for display
+  // Compare by unit ID, not by definition ID (handles new unsaved entries)
+  const additionalUnits = React.useMemo(() => {
+    const defaultUnitId = getUnitId(safeValue.defaultUnitDefinition?.unit)
+    return (safeValue.unitDefinitions || []).filter(def => {
+      const defUnitId = getUnitId(def.unit)
+      // Keep entries that have a different unit than the default
+      // Also keep entries with no unit selected yet (new empty entries)
+      return defUnitId !== defaultUnitId || defUnitId === undefined
+    })
+  }, [safeValue.unitDefinitions, safeValue.defaultUnitDefinition])
+
+  // Get all currently used unit IDs (default + additional units, but not duplicates)
+  const usedUnitIds = React.useMemo(() => {
+    const ids: Set<number> = new Set()
+    const defaultUnitId = getUnitId(safeValue.defaultUnitDefinition?.unit)
+    if (defaultUnitId !== undefined) {
+      ids.add(defaultUnitId)
+    }
+    // Only count additional units (those not matching the default unit definition)
+    for (const def of additionalUnits) {
+      const unitId = getUnitId(def.unit)
+      if (unitId !== undefined) {
+        ids.add(unitId)
+      }
+    }
+    return Array.from(ids)
+  }, [safeValue.defaultUnitDefinition, additionalUnits])
+
+  // Fire event when unit definitions change (for StoreValues to listen)
+  const dispatchUnitDefinitionChangeEvent = React.useCallback(() => {
+    if (!objectId || loading) return
+
+    const availableUnitDefinitions: UnitDefinitionInfo[] = []
+
+    // Default Unit
+    if (safeValue.defaultUnitDefinition?.unit) {
+      const unitId = getUnitId(safeValue.defaultUnitDefinition.unit)
+      const unit = units.find(u => u.id === unitId)
+      if (unit) {
+        availableUnitDefinitions.push({
+          id: safeValue.defaultUnitDefinition.id,
+          unitId: unit.id!,
+          unitName: unit.name ?? '',
+          conversionRate: 1,
+          precision: safeValue.defaultUnitDefinition.precision ?? 0,
+          isDefault: true
+        })
+      }
+    }
+
+    // Additional Units (already filtered)
+    for (const def of additionalUnits) {
+      const unitId = getUnitId(def.unit)
+      if (unitId === undefined) continue
+
+      const unit = units.find(u => u.id === unitId)
+      if (unit) {
+        availableUnitDefinitions.push({
+          id: def.id,
+          unitId: unit.id!,
+          unitName: unit.name ?? '',
+          conversionRate: def.conversionRate ?? 1,
+          precision: def.precision ?? 0,
+          isDefault: false
+        })
+      }
+    }
+
+    // Fire event like ExtJS: coreshop.broker.fireEvent(...)
+    coreshopBroker.fireEvent(CORESHOP_EVENTS.UNIT_DEFINITIONS_CHANGE, {
+      objectId,
+      availableUnitDefinitions
+    })
+  }, [objectId, loading, safeValue.defaultUnitDefinition, additionalUnits, units])
+
+  // Dispatch event on value change and initial load
+  React.useEffect(() => {
+    dispatchUnitDefinitionChangeEvent()
+  }, [dispatchUnitDefinitionChangeEvent])
+
+  // Get available options for a specific record (exclude used units except the record's own unit)
+  const getAvailableOptions = (currentUnitId?: number) => {
+    return unitOptions.filter(opt =>
+      opt.value === currentUnitId || !usedUnitIds.includes(opt.value)
+    )
+  }
+
+  const handleDefaultUnitChange = (field: string, newValue: any) => {
+    onChange?.({
+      ...safeValue,
+      defaultUnitDefinition: {
+        precision: 0, // Default value
+        ...safeValue.defaultUnitDefinition,
+        [field]: newValue
+      }
+    })
+  }
+
+  const handleAdditionalUnitChange = (record: UnitDefinition, field: string, newValue: any) => {
+    const newDefs = (safeValue.unitDefinitions || []).map(def => {
+      // For saved records, compare by ID
+      if (record.id !== undefined && def.id === record.id) {
+        return { ...def, [field]: newValue }
+      }
+      // For unsaved records, compare by _tempKey
+      if (record.id === undefined && record._tempKey && def._tempKey === record._tempKey) {
+        return { ...def, [field]: newValue }
+      }
+      return def
+    })
+    onChange?.({
+      ...safeValue,
+      unitDefinitions: newDefs
+    })
+  }
+
+  const addAdditionalUnit = () => {
+    const newDefs = [...(safeValue.unitDefinitions || []), {
+      unit: undefined,
+      conversionRate: 1,
+      precision: 0,
+      _tempKey: `new-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`
+    }]
+    onChange?.({
+      ...safeValue,
+      unitDefinitions: newDefs
+    })
+  }
+
+  const removeAdditionalUnit = (record: UnitDefinition) => {
+    const newDefs = (safeValue.unitDefinitions || []).filter(def => {
+      // For saved records, compare by ID
+      if (record.id !== undefined) {
+        return def.id !== record.id
+      }
+      // For unsaved records, compare by _tempKey
+      if (record._tempKey) {
+        return def._tempKey !== record._tempKey
+      }
+      return true
+    })
+    onChange?.({
+      ...safeValue,
+      unitDefinitions: newDefs
+    })
+  }
+
+  if (loading) {
+    return (
+      <div style={{ padding: 20, textAlign: 'center' }}>
+        <Spin tip="Loading units..." />
+      </div>
+    )
+  }
+
+  if (units.length === 0) {
+    return (
+      <Card style={style}>
+        <Empty
+          description={
+            <Text type="secondary">
+              No product units available. Please configure product units first.
+            </Text>
+          }
+        />
+      </Card>
+    )
+  }
+
+  const additionalColumns = [
+    {
+      title: 'Unit',
+      dataIndex: 'unit',
+      key: 'unit',
+      render: (_: any, record: UnitDefinition) => {
+        // Once saved (has id), unit cannot be changed
+        const isReadOnly = record.id !== undefined && record.id !== null
+        const currentUnitId = getUnitId(record.unit)
+        // For read-only records, show all options; for editable, filter available ones
+        const options = isReadOnly ? unitOptions : getAvailableOptions(currentUnitId)
+        const select = (
+          <Select
+            value={currentUnitId}
+            onChange={(v) => handleAdditionalUnitChange(record, 'unit', v)}
+            options={options}
+            style={{ width: 150 }}
+            disabled={disabled || isReadOnly}
+            placeholder="Select unit"
+            suffixIcon={isReadOnly ? <LockOutlined /> : undefined}
+          />
+        )
+        if (isReadOnly) {
+          return (
+            <Tooltip title="Unit cannot be changed after saving">
+              {select}
+            </Tooltip>
+          )
+        }
+        return select
+      }
+    },
+    {
+      title: 'Conversion Rate',
+      dataIndex: 'conversionRate',
+      key: 'conversionRate',
+      render: (_: any, record: UnitDefinition) => (
+        <InputNumber
+          value={record.conversionRate}
+          onChange={(v) => handleAdditionalUnitChange(record, 'conversionRate', v)}
+          min={0.0001}
+          step={0.01}
+          precision={4}
+          disabled={disabled}
+          style={{ width: 120 }}
+        />
+      )
+    },
+    {
+      title: 'Precision',
+      dataIndex: 'precision',
+      key: 'precision',
+      render: (_: any, record: UnitDefinition) => (
+        <InputNumber
+          value={record.precision}
+          onChange={(v) => handleAdditionalUnitChange(record, 'precision', v)}
+          min={0}
+          max={10}
+          disabled={disabled}
+          style={{ width: 80 }}
+        />
+      )
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 50,
+      render: (_: any, record: UnitDefinition) => (
+        <Button
+          type="text"
+          danger
+          icon={<DeleteOutlined />}
+          onClick={() => removeAdditionalUnit(record)}
+          disabled={disabled}
+        />
+      )
+    }
+  ]
+
+  const collapseItems = [
+    {
+      key: 'unit-definitions',
+      label: 'Unit Definitions',
+      children: (
+        <div style={{ padding: 16 }}>
+          <Form layout="vertical">
+            <Form.Item label="Default Unit">
+              <Space>
+                {(() => {
+                  // Once saved (has id), unit cannot be changed
+                  const isReadOnly = safeValue.defaultUnitDefinition?.id !== undefined && safeValue.defaultUnitDefinition?.id !== null
+                  const select = (
+                    <Select
+                      value={getUnitId(safeValue.defaultUnitDefinition?.unit)}
+                      onChange={(v) => handleDefaultUnitChange('unit', v)}
+                      options={unitOptions}
+                      style={{ width: 200 }}
+                      disabled={disabled || isReadOnly}
+                      placeholder="Select default unit"
+                      suffixIcon={isReadOnly ? <LockOutlined /> : undefined}
+                    />
+                  )
+                  if (isReadOnly) {
+                    return (
+                      <Tooltip title="Unit cannot be changed after saving">
+                        {select}
+                      </Tooltip>
+                    )
+                  }
+                  return select
+                })()}
+                <Text type="secondary">Precision:</Text>
+                <InputNumber
+                  value={safeValue.defaultUnitDefinition?.precision ?? 0}
+                  onChange={(v) => handleDefaultUnitChange('precision', v)}
+                  min={0}
+                  max={10}
+                  disabled={disabled}
+                  style={{ width: 80 }}
+                />
+              </Space>
+            </Form.Item>
+          </Form>
+
+          <div style={{ marginTop: 16 }}>
+            <Space style={{ marginBottom: 8 }}>
+              <Text strong>Additional Units</Text>
+              {!disabled && (() => {
+                const defaultUnitId = getUnitId(safeValue.defaultUnitDefinition?.unit)
+                const hasDefaultUnit = defaultUnitId !== undefined
+                const hasAvailableOptions = getAvailableOptions(undefined).length > 0
+
+                if (!hasDefaultUnit) {
+                  return (
+                    <Tooltip title="Please select a default unit first">
+                      <Button
+                        type="primary"
+                        size="small"
+                        icon={<PlusOutlined />}
+                        disabled
+                      >
+                        Add Unit
+                      </Button>
+                    </Tooltip>
+                  )
+                }
+
+                if (!hasAvailableOptions) return null
+
+                return (
+                  <Button
+                    type="primary"
+                    size="small"
+                    icon={<PlusOutlined />}
+                    onClick={addAdditionalUnit}
+                  >
+                    Add Unit
+                  </Button>
+                )
+              })()}
+            </Space>
+
+            {additionalUnits.length > 0 ? (
+              <Table
+                dataSource={additionalUnits}
+                columns={additionalColumns}
+                rowKey={(record) => record.id?.toString() ?? record._tempKey ?? 'unknown'}
+                pagination={false}
+                size="small"
+              />
+            ) : (
+              <Text type="secondary" italic>No additional units defined</Text>
+            )}
+          </div>
+        </div>
+      )
+    }
+  ]
+
+  return (
+    <Card style={style} styles={{ body: { padding: 0 } }}>
+      <Collapse
+        items={collapseItems}
+        defaultActiveKey={['unit-definitions']}
+        bordered={false}
+      />
+    </Card>
+  )
+}
+
+export class DynamicTypeObjectDataCoreShopProductUnitDefinitions extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopProductUnitDefinitions'
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { name, noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <UnitDefinitionsInner
+        value={rest.value}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+      />
+    )
+  }
+
+  getVersionObjectDataComponent(props: any): React.ReactElement {
+    return this.getObjectDataComponent({ ...props, noteditable: true })
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..379af3b3e7
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,11 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopProductUnit } from './DynamicTypeObjectDataCoreShopProductUnit'
+export { DynamicTypeObjectDataCoreShopProductUnitDefinition } from './DynamicTypeObjectDataCoreShopProductUnitDefinition'
+export { DynamicTypeObjectDataCoreShopProductUnitDefinitions } from './DynamicTypeObjectDataCoreShopProductUnitDefinitions'
+export { DynamicTypeObjectDataCoreShopProductSpecificPriceRules } from './DynamicTypeObjectDataCoreShopProductSpecificPriceRules'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..5f1d109b9b
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,2 @@
+export { ProductMultiSelectField } from './components/ProductMultiSelectField'
+export { CategoryMultiSelectField } from './components/CategoryMultiSelectField'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..715fda7644
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,101 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { Input } from 'antd'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { ProductBundleIconModule } from './modules/icon-library'
+import {
+    DynamicTypeObjectDataCoreShopProductUnit,
+    DynamicTypeObjectDataCoreShopProductUnitDefinition,
+    DynamicTypeObjectDataCoreShopProductUnitDefinitions,
+    DynamicTypeObjectDataCoreShopProductSpecificPriceRules
+} from './dynamic-types'
+import { ConditionRegistry, ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopProductServiceIds } from './modules/product-price-rules/service-ids'
+import { NestedCondition } from './modules/product-price-rules/conditions'
+import { ProductPriceRuleManager } from './modules/product-price-rules/ProductPriceRuleManager'
+import { ProductUnitManager } from './modules/product-units/ProductUnitManager'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-product',
+
+    onInit() {
+        // Register Dynamic Types
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopProductUnit())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopProductUnitDefinition())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopProductUnitDefinitions())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopProductSpecificPriceRules())
+
+        // Register ProductPriceRule registries as singleton services in the container
+        // This allows other bundles to access them via container.get()
+        // We use the generic ConditionRegistry and ActionRegistry from RuleBundle
+        container.bind(coreshopProductServiceIds.productPriceRuleConditionRegistry).to(ConditionRegistry).inSingletonScope()
+        container.bind(coreshopProductServiceIds.productPriceRuleActionRegistry).to(ActionRegistry).inSingletonScope()
+
+        // Get the ProductPriceRule registries from the container (bound by ProductBundle)
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopProductServiceIds.productPriceRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopProductServiceIds.productPriceRuleActionRegistry)
+
+        // Register Product Price Rule Conditions (ProductBundle-specific)
+        conditionRegistry.register('nested', NestedCondition)
+        void actionRegistry
+
+        // Register ProductSpecificPriceRule registries as singleton services
+        container.bind(coreshopProductServiceIds.productSpecificPriceRuleConditionRegistry).to(ConditionRegistry).inSingletonScope()
+        container.bind(coreshopProductServiceIds.productSpecificPriceRuleActionRegistry).to(ActionRegistry).inSingletonScope()
+
+        // Get the ProductSpecificPriceRule registries from the container
+        const specificConditionRegistry = container.get<ConditionRegistry>(coreshopProductServiceIds.productSpecificPriceRuleConditionRegistry)
+        const specificActionRegistry = container.get<ActionRegistry>(coreshopProductServiceIds.productSpecificPriceRuleActionRegistry)
+
+        // Register Product Specific Price Rule Conditions (same as ProductPriceRules)
+        specificConditionRegistry.register('nested', NestedCondition)
+        void specificActionRegistry
+    },
+
+    onStartup({ moduleSystem }) {
+        // Hide ProductBundle-owned rule collection prefixes from generic schema forms
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+        const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+        ;[
+          'coreshop_product_price_rule_condition_collection',
+          'coreshop_product_price_rule_action_collection',
+          'coreshop_product_specific_price_rule_condition_collection',
+          'coreshop_product_specific_price_rule_action_collection',
+        ].forEach((prefix) => formWidgetRegistry.register(prefix, hiddenWidget))
+
+        moduleSystem.registerModule(ProductBundleIconModule)
+
+        // Register Product Price Rules widget
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+        widgets.registerWidget({
+            name: 'coreshop-product-product-price-rules',
+            component: ProductPriceRuleManager
+        })
+
+        // Register Product Units widget
+        widgets.registerWidget({
+            name: 'coreshop-product-product-units',
+            component: ProductUnitManager
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..92b32c450b
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,161 @@
+/**
+ * CoreShop ProductBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import cartIcon from '../../assets/cart.svg?react'
+// @ts-ignore
+import categoryIcon from '../../assets/category.svg?react'
+// @ts-ignore
+import conditionsIcon from '../../assets/conditions.svg?react'
+// @ts-ignore
+import currenciesIcon from '../../assets/currencies.svg?react'
+// @ts-ignore
+import notDiscountableIcon from '../../assets/not_discountable.svg?react'
+// @ts-ignore
+import priceRulesIcon from '../../assets/price-rules.svg?react'
+// @ts-ignore
+import productIcon from '../../assets/product.svg?react'
+// @ts-ignore
+import productBlueIcon from '../../assets/product_blue.svg?react'
+// @ts-ignore
+import productGreenIcon from '../../assets/product_green.svg?react'
+// @ts-ignore
+import productListIcon from '../../assets/product-list.svg?react'
+// @ts-ignore
+import productUnitIcon from '../../assets/product-unit.svg?react'
+// @ts-ignore
+import productUnitsIcon from '../../assets/product-units.svg?react'
+// @ts-ignore
+import timeSpanIcon from '../../assets/time-span.svg?react'
+
+export const ProductBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    // Product icons
+    iconLibrary.register({
+      name: 'coreshop_product',
+      component: productIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_product',
+      component: productIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_product_blue',
+      component: productBlueIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_product_green',
+      component: productGreenIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_product_list',
+      component: productListIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_product_list',
+      component: productListIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_product_unit',
+      component: productUnitIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_product_unit',
+      component: productUnitIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_product_units',
+      component: productUnitsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_product_units',
+      component: productUnitsIcon
+    })
+
+    // Price rules
+    iconLibrary.register({
+      name: 'coreshop_price_rule',
+      component: priceRulesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_price_rule',
+      component: priceRulesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_product_specific_price_rules',
+      component: priceRulesIcon
+    })
+
+    // Categories
+    iconLibrary.register({
+      name: 'coreshop_category',
+      component: categoryIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_categories',
+      component: categoryIcon
+    })
+
+    // Cart
+    iconLibrary.register({
+      name: 'coreshop_cart',
+      component: cartIcon
+    })
+
+    // Conditions
+    iconLibrary.register({
+      name: 'coreshop_product_condition',
+      component: conditionsIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_condition_products',
+      component: productIcon
+    })
+
+    // Currencies
+    iconLibrary.register({
+      name: 'coreshop_product_currencies',
+      component: currenciesIcon
+    })
+
+    // Not discountable
+    iconLibrary.register({
+      name: 'coreshop_not_discountable',
+      component: notDiscountableIcon
+    })
+
+    // Time span
+    iconLibrary.register({
+      name: 'coreshop_time_span',
+      component: timeSpanIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/ProductPriceRuleManager.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/ProductPriceRuleManager.tsx
new file mode 100644
index 0000000000..1562e00f16
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/ProductPriceRuleManager.tsx
@@ -0,0 +1,96 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { EntityTabbedManager } from '@coreshop/resource'
+import { RuleForm } from '@coreshop/rule/src/rules'
+import type { RuleConfig } from '@coreshop/rule/src/rules'
+import { ActionRegistry, ConditionRegistry, registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules/registry'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { productPriceRuleApi } from './api'
+import type { ProductPriceRule } from './types'
+import { SettingsForm } from './components/SettingsForm'
+import { coreshopProductServiceIds } from './service-ids'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+export const ProductPriceRuleManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<RuleConfig>({ conditions: [], actions: [] })
+
+  // Load config on mount
+  React.useEffect(() => {
+    productPriceRuleApi.getConfig()
+      .then((cfg) => {
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopProductServiceIds.productPriceRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopProductServiceIds.productPriceRuleActionRegistry)
+        registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, cfg)
+        setConfig(cfg)
+      })
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load config')))
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<ProductPriceRule>
+      api={productPriceRuleApi}
+      dragType='coreshop:product_price_rule'
+      leftRootTitle={t('coreshop.product.product_specific_price_rules', { defaultValue: 'Product Price Rules' })}
+      localizable
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop.product.product_specific_price_rules', { defaultValue: 'Add Product Price Rule' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await productPriceRuleApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+            {t('coreshop_product_price_rule_select', { defaultValue: 'Select a product price rule to view details.' })}
+          </div>
+        }
+
+        return (
+          <RuleForm
+            rule={data}
+            config={config}
+            conditionRegistryId={coreshopProductServiceIds.productPriceRuleConditionRegistry}
+            actionRegistryId={coreshopProductServiceIds.productPriceRuleActionRegistry}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            settingsComponent={
+              <SettingsForm
+                rule={data}
+                onChange={setData}
+                currentLocale={ctx?.currentLocale ?? 'en'}
+                locales={ctx?.locales}
+              />
+            }
+            onChange={setData}
+            hideToolbar={true}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/index.ts
new file mode 100644
index 0000000000..01a7ec3426
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/actions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// All actions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/api.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/api.ts
new file mode 100644
index 0000000000..8a07d0d094
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/api.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { RuleApi } from '@coreshop/rule/src/rules'
+import type { ProductPriceRule } from './types'
+
+export class ProductPriceRuleApi extends RuleApi<ProductPriceRule> {
+}
+
+export const productPriceRuleApi = new ProductPriceRuleApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/product_price_rules'
+})
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/components/SettingsForm.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/components/SettingsForm.tsx
new file mode 100644
index 0000000000..86f2f6d16f
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/components/SettingsForm.tsx
@@ -0,0 +1,39 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { ProductPriceRule } from '../types'
+
+interface SettingsFormProps {
+  rule: ProductPriceRule
+  onChange: (rule: ProductPriceRule) => void
+  currentLocale: string
+  locales?: string[]
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  rule,
+  onChange,
+  currentLocale,
+}) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<ProductPriceRule>
+        blockPrefix="coreshop_product_price_rule"
+        data={rule}
+        onChange={onChange}
+        currentLocale={currentLocale}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/index.ts
new file mode 100644
index 0000000000..d838082039
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/conditions/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Re-export shared conditions
+export { NestedCondition } from '@coreshop/rule'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/index.ts
new file mode 100644
index 0000000000..061c598b99
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/index.ts
@@ -0,0 +1,21 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Service IDs for external plugins to access registries
+export { coreshopProductServiceIds } from './service-ids'
+
+// Types for type-safe development
+export * from './types'
+
+// Conditions and Actions
+export * from './conditions'
+export * from './actions'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/service-ids.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/service-ids.ts
new file mode 100644
index 0000000000..dbf00dc8ec
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/service-ids.ts
@@ -0,0 +1,18 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const coreshopProductServiceIds = {
+  productPriceRuleConditionRegistry: Symbol.for('coreshop.product.product_price_rule.condition_registry'),
+  productPriceRuleActionRegistry: Symbol.for('coreshop.product.product_price_rule.action_registry'),
+  productSpecificPriceRuleConditionRegistry: Symbol.for('coreshop.product.product_specific_price_rule.condition_registry'),
+  productSpecificPriceRuleActionRegistry: Symbol.for('coreshop.product.product_specific_price_rule.action_registry')
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/types.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/types.ts
new file mode 100644
index 0000000000..adf3bdf20a
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-price-rules/types.ts
@@ -0,0 +1,21 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { Rule } from '@coreshop/rule/src/rules'
+
+export interface ProductPriceRuleTranslation {
+  label: string
+}
+
+export interface ProductPriceRule extends Rule {
+  translations?: Record<string, ProductPriceRuleTranslation>
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/components/ProductSpecificPriceRulesPanel.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/components/ProductSpecificPriceRulesPanel.tsx
new file mode 100644
index 0000000000..a38a965b9d
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/components/ProductSpecificPriceRulesPanel.tsx
@@ -0,0 +1,271 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Modal, Input, Form, Button, Typography, Space } from 'antd'
+import { PlusOutlined, TagOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { RuleConfig } from '@coreshop/rule/src/rules/types'
+import { RuleForm } from '@coreshop/rule/src/rules/components/RuleForm'
+import {
+  ActionRegistry,
+  ConditionRegistry,
+  registerSchemaComponentsFromMaps
+} from '@coreshop/rule/src/rules/registry'
+import { useTranslation } from 'react-i18next'
+import type { ProductSpecificPriceRule, ProductSpecificPriceRulesData } from '../types'
+import { coreshopProductServiceIds } from '../../product-price-rules/service-ids'
+import { SettingsForm } from './SettingsForm'
+
+interface Props {
+  value: ProductSpecificPriceRulesData
+  onChange: (value: ProductSpecificPriceRulesData) => void
+  disabled?: boolean
+  currentLocale?: string
+  locales?: string[]
+}
+
+/**
+ * Generate tab label with name, priority, and active status
+ */
+const generateTabLabel = (rule: ProductSpecificPriceRule, t: (key: string, opts?: any) => string): React.ReactNode => {
+  return (
+    <Space size={4}>
+      <TagOutlined style={{ color: '#ff6600' }} />
+      <span>{rule.name || t('coreshop_new_rule', { defaultValue: 'New Rule' })}</span>
+      {rule.priority !== undefined && rule.priority > 0 && (
+        <Typography.Text type="secondary" style={{ fontSize: 11 }}>
+          (Prio: {rule.priority})
+        </Typography.Text>
+      )}
+      {!rule.active && (
+        <span style={{
+          display: 'inline-block',
+          width: 8,
+          height: 8,
+          backgroundColor: '#ff4d4f',
+          borderRadius: '50%',
+          marginLeft: 4
+        }} title={t('inactive', { defaultValue: 'Inactive' })} />
+      )}
+    </Space>
+  )
+}
+
+export const ProductSpecificPriceRulesPanel: React.FC<Props> = ({
+  value,
+  onChange,
+  disabled = false,
+  currentLocale = 'en',
+  locales = ['en', 'de']
+}) => {
+  const { t } = useTranslation()
+  const [activeRuleKey, setActiveRuleKey] = React.useState<string | undefined>(
+    value.rules.length > 0 ? '0' : undefined
+  )
+  const [addModalVisible, setAddModalVisible] = React.useState(false)
+  const [newRuleName, setNewRuleName] = React.useState('')
+
+  // Register schema-based components from backend mappings
+  React.useEffect(() => {
+    try {
+      const conditionRegistry = container.get<ConditionRegistry>(coreshopProductServiceIds.productSpecificPriceRuleConditionRegistry)
+      const actionRegistry = container.get<ActionRegistry>(coreshopProductServiceIds.productSpecificPriceRuleActionRegistry)
+
+      registerSchemaComponentsFromMaps(
+        conditionRegistry,
+        actionRegistry,
+        value.conditionSchemaByType,
+        value.actionSchemaByType,
+      )
+    } catch (e) {
+      console.warn('Product specific price rules registries not available:', e)
+    }
+  }, [
+    value.conditionSchemaByType,
+    value.actionSchemaByType,
+  ])
+
+  // Build RuleConfig from the value prop
+  const config: RuleConfig = React.useMemo(() => ({
+    conditions: value.conditions || [],
+    actions: value.actions || [],
+    conditionSchemaByType: value.conditionSchemaByType,
+    actionSchemaByType: value.actionSchemaByType,
+  }), [value.conditions, value.actions, value.conditionSchemaByType, value.actionSchemaByType])
+
+  const handleRuleChange = (index: number, updatedRule: ProductSpecificPriceRule) => {
+    const newRules = [...value.rules]
+    newRules[index] = updatedRule
+    onChange({ ...value, rules: newRules })
+  }
+
+  const handleAddRule = () => {
+    if (!newRuleName.trim()) return
+    const newRule: ProductSpecificPriceRule = {
+      name: newRuleName,
+      active: true,
+      priority: 0,
+      inherit: false,
+      conditions: [],
+      actions: []
+    }
+    const newRules = [...value.rules, newRule]
+    onChange({ ...value, rules: newRules })
+    setActiveRuleKey(String(newRules.length - 1))
+    setNewRuleName('')
+    setAddModalVisible(false)
+  }
+
+  const handleDeleteRule = (index: number) => {
+    Modal.confirm({
+      title: t('coreshop_delete_rule', { defaultValue: 'Delete Rule?' }),
+      content: t('coreshop_delete_rule_confirm', {
+        defaultValue: `Are you sure you want to delete "${value.rules[index]?.name}"?`,
+        name: value.rules[index]?.name
+      }),
+      onOk: () => {
+        const newRules = value.rules.filter((_, i) => i !== index)
+        onChange({ ...value, rules: newRules })
+
+        // Adjust active key
+        if (activeRuleKey === String(index)) {
+          setActiveRuleKey(newRules.length > 0 ? '0' : undefined)
+        } else if (Number(activeRuleKey) > index) {
+          setActiveRuleKey(String(Number(activeRuleKey) - 1))
+        }
+      }
+    })
+  }
+
+  // Build main rule tabs - each rule delegates to RuleForm
+  const ruleTabItems = value.rules.map((rule, index) => ({
+    key: String(index),
+    label: generateTabLabel(rule, t),
+    closable: !disabled,
+    children: (
+      <RuleForm
+        rule={rule}
+        config={config}
+        conditionRegistryId={coreshopProductServiceIds.productSpecificPriceRuleConditionRegistry}
+        actionRegistryId={coreshopProductServiceIds.productSpecificPriceRuleActionRegistry}
+        currentLocale={currentLocale}
+        locales={locales}
+        settingsComponent={
+          <SettingsForm
+            rule={rule}
+            onChange={(updatedRule) => handleRuleChange(index, updatedRule)}
+            currentLocale={currentLocale}
+            locales={locales}
+          />
+        }
+        onChange={(updatedRule) => handleRuleChange(index, updatedRule as ProductSpecificPriceRule)}
+        hideToolbar
+      />
+    )
+  }))
+
+  // Handle tab edit (close)
+  const onTabEdit = (targetKey: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => {
+    if (action === 'remove' && typeof targetKey === 'string') {
+      handleDeleteRule(Number(targetKey))
+    }
+  }
+
+  return (
+    <div style={{ minHeight: 400 }}>
+      {/* Header with title and add button */}
+      <div style={{
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 8,
+        padding: '8px 0'
+      }}>
+        <Typography.Text strong>
+          {t('coreshop_product_specific_price_rules', { defaultValue: 'Product Specific Price Rules' })}
+        </Typography.Text>
+        {!disabled && (
+          <Button
+            type="primary"
+            size="small"
+            icon={<PlusOutlined />}
+            onClick={() => setAddModalVisible(true)}
+          />
+        )}
+      </div>
+
+      {/* Rule tabs */}
+      {value.rules.length > 0 ? (
+        <Tabs
+          type="editable-card"
+          activeKey={activeRuleKey}
+          onChange={setActiveRuleKey}
+          onEdit={onTabEdit}
+          items={ruleTabItems}
+          hideAdd
+          size="small"
+        />
+      ) : (
+        <div style={{
+          padding: 40,
+          textAlign: 'center',
+          background: '#fafafa',
+          border: '1px dashed #d9d9d9',
+          borderRadius: 4
+        }}>
+          <Typography.Text type="secondary">
+            {t('coreshop_no_specific_price_rules', { defaultValue: 'No price rules defined' })}
+          </Typography.Text>
+          {!disabled && (
+            <div style={{ marginTop: 16 }}>
+              <Button
+                type="primary"
+                icon={<PlusOutlined />}
+                onClick={() => setAddModalVisible(true)}
+              >
+                {t('coreshop_add_price_rule', { defaultValue: 'Add Price Rule' })}
+              </Button>
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Add rule modal */}
+      <Modal
+        title={t('coreshop_add_price_rule', { defaultValue: 'Add Price Rule' })}
+        open={addModalVisible}
+        onOk={handleAddRule}
+        onCancel={() => {
+          setAddModalVisible(false)
+          setNewRuleName('')
+        }}
+        okButtonProps={{ disabled: !newRuleName.trim() }}
+      >
+        <Form layout="vertical">
+          <Form.Item
+            label={t('coreshop_name', { defaultValue: 'Name' })}
+            required
+          >
+            <Input
+              value={newRuleName}
+              onChange={(e) => setNewRuleName(e.target.value)}
+              placeholder={t('coreshop_enter_rule_name', { defaultValue: 'Enter rule name' })}
+              onPressEnter={() => newRuleName.trim() && handleAddRule()}
+              autoFocus
+            />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/components/SettingsForm.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/components/SettingsForm.tsx
new file mode 100644
index 0000000000..d7d35da044
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/components/SettingsForm.tsx
@@ -0,0 +1,39 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { ProductSpecificPriceRule } from '../types'
+
+interface SettingsFormProps {
+  rule: ProductSpecificPriceRule
+  onChange: (rule: ProductSpecificPriceRule) => void
+  currentLocale: string
+  locales?: string[]
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  rule,
+  onChange,
+  currentLocale,
+}) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<ProductSpecificPriceRule>
+        blockPrefix="coreshop_product_specific_price_rule"
+        data={rule}
+        onChange={onChange}
+        currentLocale={currentLocale}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/index.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/index.ts
new file mode 100644
index 0000000000..58af12c45b
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './types'
+export * from './components/ProductSpecificPriceRulesPanel'
+export * from './components/SettingsForm'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/types.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/types.ts
new file mode 100644
index 0000000000..87e7c4d147
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-specific-price-rules/types.ts
@@ -0,0 +1,32 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { Rule } from '@coreshop/rule/src/rules'
+
+export interface ProductSpecificPriceRuleTranslation {
+  label?: string
+}
+
+export interface ProductSpecificPriceRule extends Rule {
+  id?: number
+  product?: number
+  inherit?: boolean
+  translations?: Record<string, ProductSpecificPriceRuleTranslation>
+}
+
+export interface ProductSpecificPriceRulesData {
+  actions: string[]
+  conditions: string[]
+  actionSchemaByType?: Record<string, string>
+  conditionSchemaByType?: Record<string, string>
+  rules: ProductSpecificPriceRule[]
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/ProductUnitForm.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/ProductUnitForm.tsx
new file mode 100644
index 0000000000..9f70199413
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/ProductUnitForm.tsx
@@ -0,0 +1,26 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { ProductUnitDetail } from './api'
+
+export const ProductUnitForm: React.FC<SchemaFormProps<ProductUnitDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<ProductUnitDetail>
+        {...props}
+        blockPrefix="coreshop_product_unit"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/ProductUnitManager.tsx b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/ProductUnitManager.tsx
new file mode 100644
index 0000000000..48124ad8e9
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/ProductUnitManager.tsx
@@ -0,0 +1,94 @@
+/**
+ * CoreShop ProductBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import type { ProductUnitDetail } from './api'
+import { productUnitApi } from './api'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { ProductUnitForm } from './ProductUnitForm'
+import { useTranslation } from 'react-i18next'
+
+export const ProductUnitManager: React.FC = () => {
+  const modal = useFormModal()
+  const { t } = useTranslation()
+
+  return (
+    <EntityTabbedManager<ProductUnitDetail>
+      api={productUnitApi}
+      dragType='coreshop:product-unit'
+      leftRootTitle={t('coreshop_product_units', { defaultValue: 'Product Units' })}
+      localizable
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () =>
+        await new Promise<number>((resolve) => {
+          modal.input({
+            title: t('coreshop_product_unit_add', { defaultValue: 'Add Product Unit' }),
+            label: t('coreshop_name', { defaultValue: 'Name' }),
+            rule: {
+              required: true,
+              message: t('coreshop_name_required', { defaultValue: 'Name is required' })
+            },
+            onOk: async (nameValue: string) => {
+              const res = await productUnitApi.add({ name: nameValue })
+              resolve(res.data.id)
+            }
+          })
+        })
+      }
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>{t('coreshop_product_unit_select', { defaultValue: 'Select a product unit to view details.' })}</div>
+        }
+
+        // Merge current locale translations into top-level data
+        const currentLocale = ctx?.currentLocale ?? 'en'
+        const translationForLocale = data.translations?.[currentLocale]
+
+        // If translation exists for locale, use it; otherwise use empty values
+        const mergedData = {
+          ...data,
+          fullLabel: translationForLocale?.fullLabel ?? '',
+          fullPluralLabel: translationForLocale?.fullPluralLabel ?? '',
+          shortLabel: translationForLocale?.shortLabel ?? '',
+          shortPluralLabel: translationForLocale?.shortPluralLabel ?? ''
+        }
+
+        return (
+          <ProductUnitForm
+            data={mergedData}
+            onChange={(draft) => {
+              // Merge changed fields back into translations structure
+              const updatedTranslations = {
+                ...(data.translations ?? {}),
+                [currentLocale]: {
+                  locale: currentLocale,
+                  fullLabel: draft.fullLabel,
+                  fullPluralLabel: draft.fullPluralLabel,
+                  shortLabel: draft.shortLabel,
+                  shortPluralLabel: draft.shortPluralLabel
+                }
+              }
+              setData({
+                ...draft,
+                translations: updatedTranslations
+              } as Partial<ProductUnitDetail>)
+            }}
+            currentLocale={currentLocale}
+            locales={ctx?.locales}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/api.ts b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/api.ts
new file mode 100644
index 0000000000..cd0f39d60b
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/modules/product-units/api.ts
@@ -0,0 +1,24 @@
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface ProductUnitTranslation {
+  locale: string
+  fullLabel?: string
+  fullPluralLabel?: string
+  shortLabel?: string
+  shortPluralLabel?: string
+}
+
+export interface ProductUnitDetail extends Record<string, any> {
+  id: number
+  name: string
+  translations?: ProductUnitTranslation[]
+  fullLabel?: string
+  fullPluralLabel?: string
+  shortLabel?: string
+  shortPluralLabel?: string
+}
+
+export const productUnitApi = new EntityApi<ProductUnitDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/product_units'
+})
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/config/services.yml b/src/CoreShop/Bundle/ProductBundle/Resources/config/services.yml
index fdd4558049..f3d0d29794 100755
--- a/src/CoreShop/Bundle/ProductBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/config/services.yml
@@ -78,8 +78,8 @@ services:
 
     CoreShop\Component\Product\Rule\Condition\TimeSpanConditionChecker:
         tags:
-            - { name: coreshop.product_price_rule.condition, type: timespan, form-type: CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
-            - { name: coreshop.product_specific_price_rule.condition, type: timespan, form-type: CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
+            - { name: coreshop.product_price_rule.condition, type: timespan, form-type: CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
+            - { name: coreshop.product_specific_price_rule.condition, type: timespan, form-type: CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType }
 
     # Product Price Rule ACTIONS
     CoreShop\Component\Product\Rule\Action\PriceActionProcessor:
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/form.yml
index 0e8b21decf..86ba3f0e33 100644
--- a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/form.yml
@@ -4,7 +4,6 @@ parameters:
     coreshop.form.type.product_price_rule.action.price.validation_groups: [coreshop]
     coreshop.form.type.product_price_rule.condition.nested.validation_groups: [coreshop]
     coreshop.form.type.product_specific_price_rule.condition.nested.validation_groups: [coreshop]
-    coreshop.form.type.product_price_rule.condition.timespan.validation_groups: [coreshop]
 
 services:
     _defaults:
@@ -46,8 +45,3 @@ services:
         tags:
             - { name: form.type }
 
-    CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition\TimespanConfigurationType:
-        arguments:
-            - '%coreshop.form.type.product_price_rule.condition.timespan.validation_groups%'
-        tags:
-            - { name: form.type }
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/price-rules.yml b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/price-rules.yml
index 5fad2634e8..89265f7fce 100644
--- a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/price-rules.yml
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/price-rules.yml
@@ -17,6 +17,7 @@ services:
             - '%coreshop.form.type.product_price_rule.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\ProductBundle\Form\Type\ProductPriceRuleTranslationType:
         arguments:
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/specific-price-rules.yml b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/specific-price-rules.yml
index 19a19875ed..abf48c5e2b 100644
--- a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/specific-price-rules.yml
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/specific-price-rules.yml
@@ -17,6 +17,7 @@ services:
             - '%coreshop.form.type.product_specific_price_rule.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\ProductBundle\Form\Type\ProductSpecificPriceRuleTranslationType:
         arguments:
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..06b275e527
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/studio.yml
@@ -0,0 +1,18 @@
+services:
+  _defaults:
+    autowire: true
+    autoconfigure: true
+    public: false
+
+  CoreShop\Bundle\ProductBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
+
+  # StudioBackend Data Adapters
+  CoreShop\Bundle\ProductBundle\StudioBackend\DataAdapter\ProductUnitDefinitionsAdapter:
+    tags:
+      - { name: pimcore.studio_backend.data_adapter }
+
+  CoreShop\Bundle\ProductBundle\StudioBackend\DataAdapter\ProductSpecificPriceRulesAdapter:
+    tags:
+      - { name: pimcore.studio_backend.data_adapter }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/units.yml b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/units.yml
index 692253f961..543e60673a 100644
--- a/src/CoreShop/Bundle/ProductBundle/Resources/config/services/units.yml
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/config/services/units.yml
@@ -16,6 +16,7 @@ services:
             - '%coreshop.form.type.product_unit.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\ProductBundle\Form\Type\Unit\ProductUnitTranslationType:
         arguments:
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/ProductBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..cf8783b079
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,121 @@
+---
+coreshop_condition_timespan_dateFrom: 'Von'
+coreshop_condition_timespan_dateTo: 'Bis'
+coreshop_action_discountAmount_amount: 'Gesamt'
+coreshop_action_discountPercent_percent: 'Prozent'
+coreshop_product_list: 'Produktliste'
+coreshop_product_id: 'ID'
+coreshop_product_quantity: 'Menge'
+coreshop_product_price: 'Preis'
+coreshop_product_specific_price_rules: 'Spezifische Preise'
+coreshop_inherit: 'Vererben'
+coreshop_action_price: 'Verkaufspreis'
+coreshop_action_discountPrice: 'Aktions Preis'
+coreshop_action_notDiscountableCustomAttributes: 'Nicht rabattierbare Attribute'
+coreshop_condition_weight_minWeight: 'Min Gewicht'
+coreshop_condition_weight_maxWeight: 'Max Gewicht'
+coreshop_priority: 'Priorität'
+coreshop_permission_product_price_rule: 'CoreShop: Produkt Preis Regel'
+coreshop_permission_product_unit: 'CoreShop: Produkteinheiten'
+coreshop_condition_nested: 'Verschachtelte Regeln'
+coreshop_condition_products: 'Produkte'
+coreshop_condition_timespan: 'Zeitspanne'
+coreshop_condition_amount: 'Menge'
+coreshop_action_discountAmount: 'Rabatt Menge'
+coreshop_action_discountPercent: 'Rabatt Prozent'
+coreshop_product_units: 'Produkteinheiten'
+coreshop_product_unit: 'Produkteinheit'
+coreshop_product_unit_definitions: 'Produkteinheiten Definitionen'
+coreshop_product_unit_definition: 'Produkteinheiten Definitionen'
+coreshop_product_unit_no_units_available: 'Keine Einheiten verfügbar. Definieren Sie einige in CoreShop Einstellungen -> Produkt -> Produkteinheiten.'
+coreshop_product_unit_no_additional_unit_definitions_available: 'Keine weiteren Einheitendefinitionen verfügbar.'
+coreshop_product_unit_name: 'Kennung'
+coreshop_product_unit_default_unit_definition_headline: 'Standard-Einheitsdefinition'
+coreshop_product_unit_additional_unit_definitions_headline: 'Zusätzliche Einheitsdefinitionen'
+coreshop_product_unit_additional_unit_definition_delete_confirm: 'Möchten Sie diese zusätzliche Einheit-Definition wirklich löschen?'
+coreshop_product_unit_default_type: 'Einheitsmenge'
+coreshop_product_unit_type: 'Einheit'
+coreshop_product_unit_conversion_rate: 'Konvertierungsrate'
+coreshop_product_unit_precision: 'Genauigkeit'
+coreshop_product_unit_full_label: 'Volle Bezeichnung'
+coreshop_product_unit_full_plural_label: 'Vollständige Bezeichnung Plural'
+coreshop_product_unit_short_label: 'Kurze Bezeichnung'
+coreshop_product_unit_short_plural_label: 'Kurze Bezeichnung Plural'
+coreshop_product_unit_configuration: 'Produkteinheit Konfiguration'
+coreshop_product_unit_add: 'Produkteinheit hinzufügen'
+coreshop_product_unit_name_placeholder: 'z.B. Stück, kg, Liter'
+coreshop_product_unit_full_label_tooltip: 'Vollständige Singularform, z.B. "Stück"'
+coreshop_product_unit_full_label_placeholder: 'z.B. Stück'
+coreshop_product_unit_full_plural_label_tooltip: 'Vollständige Pluralform, z.B. "Stücke"'
+coreshop_product_unit_full_plural_label_placeholder: 'z.B. Stücke'
+coreshop_product_unit_short_label_tooltip: 'Abkürzung Singular, z.B. "St"'
+coreshop_product_unit_short_label_placeholder: 'z.B. St'
+coreshop_product_unit_short_plural_label_tooltip: 'Abkürzung Plural, z.B. "Stk"'
+coreshop_product_unit_short_plural_label_placeholder: 'z.B. Stk'
+coreshop_price_rule_label: 'Label'
+coreshop_stop_propagation: 'Weitere Ausführung stoppen'
+CoreShopCategory: 'Kategorie'
+CoreShopManufacturer: 'Hersteller'
+CoreShopProduct: 'Produkt'
+coreshop.category.name: 'Name'
+coreshop.category.description: 'Beschreibung'
+coreshop.category.parent_category: 'Eltern Kategorie'
+coreshop.manufacturer.name: 'Name'
+coreshop.manufacturer.image: 'Bild'
+coreshop.product.stock: 'Lager'
+coreshop.product.on_hold: 'Reserviert'
+coreshop.product.on_hand: 'Vorhanden'
+coreshop.product.is_tracked: 'Ist aktiviert'
+coreshop.product.quantity_restrictions: 'Mengen Restriktionen'
+coreshop.product.minimum_quantity_to_order: 'Min Bestellmenge'
+coreshop.product.maximum_quantity_to_order: 'Max Bestellmenge'
+coreshop.product.seo: 'SEO'
+coreshop.product.seo_meta_title: 'Meta Titel'
+coreshop.product.seo_meta_description: 'Meta Beschreibung'
+coreshop.product.tax_rule: 'Steuerregel'
+coreshop.product.quantity_price_rules: 'Mengenpreisregel'
+coreshop.product.digital_product: 'Digitales Produkt'
+coreshop.product.stores: 'Stores'
+coreshop.product.informations: 'Informationen'
+coreshop.product.name: 'Name'
+coreshop.product.short_description: 'Kurz Beschreibung'
+coreshop.product.sku: 'SKU'
+coreshop.product.ean13: 'EAN13'
+coreshop.product.active: 'Aktiv'
+coreshop.product.manufacturer: 'Hersteller'
+coreshop.product.details: 'Details'
+coreshop.product.description: 'Beschreibung'
+coreshop.product.categories: 'Kategorien'
+coreshop.product.images: 'Bilder'
+coreshop.product.price_and_units: 'Preis & Einheiten'
+coreshop.product.unit_definitions: 'Einheiten Definition'
+coreshop.product.item_quantity_factor: 'Einheitsmengenfaktor'
+coreshop.product.item_quantity_factor.tooltip: '-'
+coreshop.product.wholesale_price: 'Einkaufspreis'
+coreshop.product.wholesale_buying_price: 'Einkaufspreis'
+coreshop.product.price_rules: 'Preis Regeln'
+coreshop.product.product_specific_price_rules: 'Produkt Preis Regeln'
+coreshop.product.shipping: 'Versand'
+coreshop.product.weight: 'Gewicht'
+coreshop.product.height: 'Höhe'
+coreshop.product.width: 'Breite'
+coreshop.product.depth: 'Tiefe'
+coreshop.product.slug: 'Slug'
+coreshop.category.slug: 'Slug'
+coreshop.category.informations: 'Informationen'
+coreshop.category.seo: 'SEO'
+coreshop.category.seo_meta_title: 'Meta Titel'
+coreshop.category.seo_meta_description: 'Meta Beschreibung'
+coreshop.category.filter: 'Filter'
+coreshop.category.stores: 'Stores'
+coreshop.product.attributes: 'Attribute'
+coreshop.product.allowed_attribute_groups: 'Erlaubte Attributgruppen'
+coreshop.product.store_values: 'Store Werte'
+coreshop.product.maximal_quantity_to_order: 'Max Bestellmenge'
+coreshop.product.main_variant: 'Hauptvariante'
+
+# Studio v2
+coreshop_categories: 'Kategorien'
+coreshop_product_price_rule_select: 'Produktpreisregel auswählen'
+coreshop_product_unit_select: 'Produkteinheit auswählen'
+coreshop_translations: 'Übersetzungen'
diff --git a/src/CoreShop/Bundle/ProductBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/ProductBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..5415eb64e6
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,121 @@
+---
+coreshop_condition_timespan_dateFrom: 'Date From'
+coreshop_condition_timespan_dateTo: 'Date To'
+coreshop_action_discountAmount_amount: 'Amount'
+coreshop_action_discountPercent_percent: 'Percent'
+coreshop_product_list: 'Productlist'
+coreshop_product_id: 'ID'
+coreshop_product_quantity: 'Quantity'
+coreshop_product_price: 'Price'
+coreshop_product_specific_price_rules: 'Specific Price'
+coreshop_inherit: 'Inherit'
+coreshop_action_price: 'Retail Price'
+coreshop_action_notDiscountableCustomAttributes: 'Not Discountable Attribute'
+coreshop_action_discountPrice: 'Discount Price'
+coreshop_condition_weight_minWeight: 'Min Weight'
+coreshop_condition_weight_maxWeight: 'Max Weight'
+coreshop_priority: 'Priority'
+coreshop_permission_product_price_rule: 'CoreShop: Product Price Rule'
+coreshop_permission_product_unit: 'CoreShop: Product Unit'
+coreshop_condition_nested: 'Nested Rules'
+coreshop_condition_products: 'Products'
+coreshop_condition_timespan: 'Timespan'
+coreshop_condition_amount: 'Amount'
+coreshop_action_discountAmount: 'Discount Amount'
+coreshop_action_discountPercent: 'Discount Percent'
+coreshop_product_units: 'Product Units'
+coreshop_product_unit: 'Product Unit'
+coreshop_product_unit_definitions: 'Product Unit Definitions'
+coreshop_product_unit_definition: 'Product Unit Definition'
+coreshop_product_unit_no_units_available: 'No Units available. Define some in coreshop settings -> product -> product units.'
+coreshop_product_unit_no_additional_unit_definitions_available: 'No additional Unit Definitions available.'
+coreshop_product_unit_name: 'Identifier'
+coreshop_product_unit_default_unit_definition_headline: 'Default Unit Definition'
+coreshop_product_unit_additional_unit_definitions_headline: 'Additional Unit Definitions'
+coreshop_product_unit_additional_unit_definition_delete_confirm: 'Do you really want to delete this additional unit definition?'
+coreshop_product_unit_default_type: 'Unit of Quantity'
+coreshop_product_unit_type: 'Unit'
+coreshop_product_unit_conversion_rate: 'Conversion Rate'
+coreshop_product_unit_precision: 'Precision'
+coreshop_product_unit_full_label: 'Full Label'
+coreshop_product_unit_full_plural_label: 'Full Label Plural'
+coreshop_product_unit_short_label: 'Short Label'
+coreshop_product_unit_short_plural_label: 'Short Label Plural'
+coreshop_product_unit_configuration: 'Product Unit Configuration'
+coreshop_product_unit_add: 'Add Product Unit'
+coreshop_product_unit_name_placeholder: 'e.g., piece, kg, liter'
+coreshop_product_unit_full_label_tooltip: 'Full singular form, e.g., "Piece"'
+coreshop_product_unit_full_label_placeholder: 'e.g., Piece'
+coreshop_product_unit_full_plural_label_tooltip: 'Full plural form, e.g., "Pieces"'
+coreshop_product_unit_full_plural_label_placeholder: 'e.g., Pieces'
+coreshop_product_unit_short_label_tooltip: 'Abbreviated singular form, e.g., "pc"'
+coreshop_product_unit_short_label_placeholder: 'e.g., pc'
+coreshop_product_unit_short_plural_label_tooltip: 'Abbreviated plural form, e.g., "pcs"'
+coreshop_product_unit_short_plural_label_placeholder: 'e.g., pcs'
+coreshop_price_rule_label: 'Label'
+coreshop_stop_propagation: 'Stop Propagation'
+CoreShopCategory: 'Category'
+CoreShopManufacturer: 'Manufacturer'
+CoreShopProduct: 'Product'
+coreshop.category.name: 'Name'
+coreshop.category.description: 'Description'
+coreshop.category.parent_category: 'Parent Category'
+coreshop.manufacturer.name: 'Name'
+coreshop.manufacturer.image: 'Image'
+coreshop.product.stock: 'Stock'
+coreshop.product.on_hold: 'On Hold'
+coreshop.product.on_hand: 'On Hand'
+coreshop.product.is_tracked: 'Is Tracked'
+coreshop.product.quantity_restrictions: 'Quantity Restrictions'
+coreshop.product.minimum_quantity_to_order: 'Min to Order'
+coreshop.product.maximum_quantity_to_order: 'Max to Order'
+coreshop.product.seo: 'SEO'
+coreshop.product.seo_meta_title: 'Meta Title'
+coreshop.product.seo_meta_description: 'Meta Description'
+coreshop.product.tax_rule: 'Tax Rule'
+coreshop.product.quantity_price_rules: 'Quantity Price Rules'
+coreshop.product.digital_product: 'Digital Product'
+coreshop.product.stores: 'Stores'
+coreshop.product.informations: 'Information'
+coreshop.product.name: 'Name'
+coreshop.product.short_description: 'Short Description'
+coreshop.product.sku: 'SKU'
+coreshop.product.ean13: 'EAN13'
+coreshop.product.active: 'Active'
+coreshop.product.manufacturer: 'Manufacturer'
+coreshop.product.details: 'Details'
+coreshop.product.description: 'Description'
+coreshop.product.categories: 'Category'
+coreshop.product.images: 'Images'
+coreshop.product.price_and_units: 'Price & Units'
+coreshop.product.unit_definitions: 'Unit Definitions'
+coreshop.product.item_quantity_factor: 'Quantity Factor'
+coreshop.product.item_quantity_factor.tooltip: '-'
+coreshop.product.wholesale_price: 'Wholesale Price'
+coreshop.product.wholesale_buying_price: 'Wholesale Price'
+coreshop.product.price_rules: 'Price Rules'
+coreshop.product.product_specific_price_rules: 'Product Price Rules'
+coreshop.product.shipping: 'Shipping'
+coreshop.product.weight: 'Weight'
+coreshop.product.height: 'Height'
+coreshop.product.width: 'Width'
+coreshop.product.depth: 'Depth'
+coreshop.product.slug: 'Slug'
+coreshop.category.slug: 'Slug'
+coreshop.category.informations: 'Information'
+coreshop.category.seo: 'SEO'
+coreshop.category.seo_meta_title: 'Meta Title'
+coreshop.category.seo_meta_description: 'Meta Description'
+coreshop.category.filter: 'Filter'
+coreshop.category.stores: 'Stores'
+coreshop.product.attributes: 'Attributes'
+coreshop.product.allowed_attribute_groups: 'Allowed Attribute Groups'
+coreshop.product.store_values: 'Store Values'
+coreshop.product.maximal_quantity_to_order: 'Max to Order'
+coreshop.product.main_variant: 'Main Variant'
+
+# Studio v2
+coreshop_categories: 'Categories'
+coreshop_product_price_rule_select: 'Select product price rule'
+coreshop_product_unit_select: 'Select product unit'
+coreshop_translations: 'Translations'
diff --git a/src/CoreShop/Bundle/ProductBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/ProductBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..a2aa5e586c
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ProductBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductBundle/StudioBackend/DataAdapter/ProductSpecificPriceRulesAdapter.php b/src/CoreShop/Bundle/ProductBundle/StudioBackend/DataAdapter/ProductSpecificPriceRulesAdapter.php
new file mode 100644
index 0000000000..426be70bb6
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/StudioBackend/DataAdapter/ProductSpecificPriceRulesAdapter.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ProductBundle\StudioBackend\DataAdapter;
+
+use CoreShop\Bundle\ProductBundle\CoreExtension\ProductSpecificPriceRules;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
+use CoreShop\Component\Product\Model\ProductSpecificPriceRuleInterface;
+use JMS\Serializer\SerializationContext;
+use JMS\Serializer\ArrayTransformerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\DataNormalizerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\Model\FieldContextData;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\SetterDataInterface;
+use Pimcore\Model\DataObject\ClassDefinition\Data;
+use Pimcore\Model\DataObject\Concrete;
+use Pimcore\Model\UserInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use Symfony\Component\DependencyInjection\ParameterBag\ParameterBagInterface;
+
+final readonly class ProductSpecificPriceRulesAdapter implements SetterDataInterface, DataNormalizerInterface
+{
+    public function __construct(
+        private ArrayTransformerInterface $serializer,
+        private ParameterBagInterface $parameterBag,
+        private RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.product_specific_price_rule.conditions')]
+        private FormTypeRegistryInterface $conditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.product_specific_price_rule.actions')]
+        private FormTypeRegistryInterface $actionFormRegistry,
+    ) {
+    }
+
+    public function normalize(
+        mixed $value,
+        Data $fieldDefinition,
+    ): ?array {
+        if (!is_array($value)) {
+            return [
+                'actions' => $this->getConfigActions(),
+                'conditions' => $this->getConfigConditions(),
+                'actionSchemaByType' => $this->getActionSchemaByType(),
+                'conditionSchemaByType' => $this->getConditionSchemaByType(),
+                'rules' => [],
+            ];
+        }
+
+        $context = SerializationContext::create();
+        $context->setSerializeNull(true);
+        $context->setGroups(['Default', 'Detailed']);
+
+        $serializedRules = [];
+        foreach ($value as $rule) {
+            if ($rule instanceof ProductSpecificPriceRuleInterface) {
+                $serializedRules[] = $this->serializer->toArray($rule, $context);
+            }
+        }
+
+        return [
+            'actions' => $this->getConfigActions(),
+            'conditions' => $this->getConfigConditions(),
+            'actionSchemaByType' => $this->getActionSchemaByType(),
+            'conditionSchemaByType' => $this->getConditionSchemaByType(),
+            'rules' => $serializedRules,
+        ];
+    }
+
+    public function getDataForSetter(
+        Concrete $element,
+        Data $fieldDefinition,
+        string $key,
+        array $data,
+        UserInterface $user,
+        ?FieldContextData $contextData = null,
+        bool $isPatch = false,
+    ): mixed {
+        if (!$fieldDefinition instanceof ProductSpecificPriceRules) {
+            return null;
+        }
+
+        if (!isset($data[$key])) {
+            return [];
+        }
+
+        // The data from frontend is in format { rules: [...] }
+        $rulesData = $data[$key];
+        if (isset($rulesData['rules'])) {
+            $rulesData = $rulesData['rules'];
+        }
+
+        if (!is_array($rulesData)) {
+            return [];
+        }
+
+        return $fieldDefinition->getDataFromEditmode($rulesData, $element);
+    }
+
+    /**
+     * @return array<string>
+     */
+    private function getConfigActions(): array
+    {
+        /** @var array<string, mixed> $actions */
+        $actions = $this->parameterBag->get('coreshop.product_specific_price_rule.actions');
+
+        return array_keys($actions);
+    }
+
+    /**
+     * @return array<string>
+     */
+    private function getConfigConditions(): array
+    {
+        /** @var array<string, mixed> $conditions */
+        $conditions = $this->parameterBag->get('coreshop.product_specific_price_rule.conditions');
+
+        return array_keys($conditions);
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    private function getActionSchemaByType(): array
+    {
+        return $this->schemaCollector->collectSchemasWithTypeMap(
+            $this->actionFormRegistry,
+            $this->getConfigActions(),
+        )['schemaByType'];
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    private function getConditionSchemaByType(): array
+    {
+        return $this->schemaCollector->collectSchemasWithTypeMap(
+            $this->conditionFormRegistry,
+            $this->getConfigConditions(),
+        )['schemaByType'];
+    }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/StudioBackend/DataAdapter/ProductUnitDefinitionsAdapter.php b/src/CoreShop/Bundle/ProductBundle/StudioBackend/DataAdapter/ProductUnitDefinitionsAdapter.php
new file mode 100644
index 0000000000..a0b733169b
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductBundle/StudioBackend/DataAdapter/ProductUnitDefinitionsAdapter.php
@@ -0,0 +1,187 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ProductBundle\StudioBackend\DataAdapter;
+
+use CoreShop\Bundle\ProductBundle\CoreExtension\ProductUnitDefinitions;
+use CoreShop\Component\Product\Model\ProductUnitDefinitionsInterface;
+use JMS\Serializer\SerializationContext;
+use JMS\Serializer\ArrayTransformerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\DataNormalizerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\Model\FieldContextData;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\SetterDataInterface;
+use Pimcore\Model\DataObject\ClassDefinition\Data;
+use Pimcore\Model\DataObject\Concrete;
+use Pimcore\Model\UserInterface;
+
+final readonly class ProductUnitDefinitionsAdapter implements SetterDataInterface, DataNormalizerInterface
+{
+    public function __construct(
+        private ArrayTransformerInterface $serializer,
+    ) {
+    }
+
+    public function normalize(
+        mixed $value,
+        Data $fieldDefinition,
+    ): ?array {
+        if (!$value instanceof ProductUnitDefinitionsInterface) {
+            return null;
+        }
+
+        $context = SerializationContext::create();
+        $context->setSerializeNull(true);
+        $context->setGroups(['Default', 'Detailed']);
+
+        return $this->serializer->toArray($value, $context);
+    }
+
+    public function getDataForSetter(
+        Concrete $element,
+        Data $fieldDefinition,
+        string $key,
+        array $data,
+        UserInterface $user,
+        ?FieldContextData $contextData = null,
+        bool $isPatch = false,
+    ): mixed {
+        if (!$fieldDefinition instanceof ProductUnitDefinitions) {
+            return null;
+        }
+
+        if (!isset($data[$key]) || !is_array($data[$key])) {
+            return null;
+        }
+
+        $formData = $this->transformDataForForm($data[$key]);
+
+        return $fieldDefinition->getDataFromEditmode($formData, $element);
+    }
+
+    /**
+     * Transform data from frontend format to the format expected by the Symfony form.
+     *
+     * Frontend sends:
+     * - unit as object with id, name, translations, etc.
+     * - unitDefinitions array for additional units
+     * - _tempKey for unsaved entries
+     *
+     * Form expects:
+     * - unit as integer ID
+     * - additionalUnitDefinitions key name
+     * - No _tempKey fields
+     */
+    private function transformDataForForm(array $data): array
+    {
+        $result = [];
+
+        // Preserve the ID if it exists
+        if (isset($data['id'])) {
+            $result['id'] = $data['id'];
+        }
+
+        // Transform defaultUnitDefinition (only if it has a valid unit)
+        if (isset($data['defaultUnitDefinition']) && is_array($data['defaultUnitDefinition'])) {
+            $defaultUnitId = $this->extractUnitId($data['defaultUnitDefinition']['unit'] ?? null);
+            if ($defaultUnitId !== null) {
+                $result['defaultUnitDefinition'] = $this->transformUnitDefinition($data['defaultUnitDefinition']);
+            }
+        }
+
+        // Transform unitDefinitions to additionalUnitDefinitions
+        if (isset($data['unitDefinitions']) && is_array($data['unitDefinitions'])) {
+            $additionalUnitDefinitions = [];
+            $defaultUnitId = isset($data['defaultUnitDefinition']) ? $this->extractUnitId($data['defaultUnitDefinition']['unit'] ?? null) : null;
+
+            foreach ($data['unitDefinitions'] as $unitDefinition) {
+                if (!is_array($unitDefinition)) {
+                    continue;
+                }
+
+                $currentUnitId = $this->extractUnitId($unitDefinition['unit'] ?? null);
+
+                // Skip entries without a unit (incomplete new entries from frontend)
+                if ($currentUnitId === null) {
+                    continue;
+                }
+
+                // Skip entries that match the default unit (they're not additional)
+                if ($currentUnitId === $defaultUnitId) {
+                    continue;
+                }
+
+                $additionalUnitDefinitions[] = $this->transformUnitDefinition($unitDefinition);
+            }
+            $result['additionalUnitDefinitions'] = $additionalUnitDefinitions;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Transform a single unit definition, extracting unit ID from object if needed.
+     */
+    private function transformUnitDefinition(array $definition): array
+    {
+        $result = [];
+
+        // Extract unit ID from object or use directly if already an ID
+        if (isset($definition['unit'])) {
+            $result['unit'] = $this->extractUnitId($definition['unit']);
+        }
+
+        // Copy other fields
+        if (isset($definition['conversionRate'])) {
+            $result['conversionRate'] = $definition['conversionRate'];
+        }
+
+        if (isset($definition['precision'])) {
+            $result['precision'] = $definition['precision'];
+        }
+
+        // Do NOT include _tempKey - it's only for frontend state management
+
+        return $result;
+    }
+
+    /**
+     * Extract the unit ID from various formats (object with id, direct integer, or numeric string).
+     */
+    private function extractUnitId(mixed $unit): ?int
+    {
+        if ($unit === null) {
+            return null;
+        }
+
+        // Direct integer
+        if (is_int($unit)) {
+            return $unit;
+        }
+
+        // Numeric string (e.g., "2" from JSON)
+        if (is_string($unit) && is_numeric($unit)) {
+            return (int) $unit;
+        }
+
+        // Object/array with id property
+        if (is_array($unit) && isset($unit['id'])) {
+            return (int) $unit['id'];
+        }
+
+        return null;
+    }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/composer.json b/src/CoreShop/Bundle/ProductBundle/composer.json
index 15d362b67a..6be8355e00 100644
--- a/src/CoreShop/Bundle/ProductBundle/composer.json
+++ b/src/CoreShop/Bundle/ProductBundle/composer.json
@@ -1,62 +1,69 @@
 {
-  "name": "coreshop/product-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Product Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/product-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Product Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/product": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/rule-bundle": "^5.0",
+        "coreshop/currency-bundle": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/product": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/rule-bundle": "^5.0",
-    "coreshop/currency-bundle": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ProductBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ProductBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/DependencyInjection/CoreShopProductQuantityPriceRulesExtension.php b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/DependencyInjection/CoreShopProductQuantityPriceRulesExtension.php
index ddf828c766..7e2479d3d5 100644
--- a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/DependencyInjection/CoreShopProductQuantityPriceRulesExtension.php
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/DependencyInjection/CoreShopProductQuantityPriceRulesExtension.php
@@ -31,9 +31,10 @@
 use CoreShop\Component\Registry\Autoconfiguration;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader;
 
-class CoreShopProductQuantityPriceRulesExtension extends AbstractModelExtension
+class CoreShopProductQuantityPriceRulesExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
     public function load(array $configs, ContainerBuilder $container): void
     {
@@ -51,6 +52,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
@@ -77,4 +82,21 @@ public function load(array $configs, ContainerBuilder $container): void
             $configs['autoconfigure_with_attributes'],
         );
     }
+
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (!array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            return;
+        }
+
+        $container->prependExtensionConfig('pimcore_studio_backend', [
+            'data_object_data_adapter_mapping' => [
+                'CoreShop\\Bundle\\ProductQuantityPriceRulesBundle\\StudioBackend\\DataAdapter\\ProductQuantityPriceRulesAdapter' => [
+                    'coreShopProductQuantityPriceRules',
+                ],
+            ],
+        ]);
+    }
 }
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/ProductQuantityPriceRuleNestedConfigurationType.php b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/ProductQuantityPriceRuleNestedConfigurationType.php
index 66b3af8309..a0714fbd82 100644
--- a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/ProductQuantityPriceRuleNestedConfigurationType.php
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/ProductQuantityPriceRuleNestedConfigurationType.php
@@ -30,7 +30,10 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
         parent::buildForm($builder, $options);
 
         $builder
-            ->add('conditions', ProductQuantityPriceRuleConditionCollectionType::class, ['nested' => true])
+            ->add('conditions', ProductQuantityPriceRuleConditionCollectionType::class, [
+                'nested' => true,
+                'entry_options' => ['data_class' => null],
+            ])
         ;
 
         $builder->addEventListener(FormEvents::PRE_SET_DATA, function (FormEvent $event): void {
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/README.md b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/README.md
index 3f2a5c056c..3ae14c0791 100644
--- a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/README.md
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..3bbc16484c
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@coreshop/productquantitypricerules",
+  "version": "1.0.0",
+  "description": "CoreShop ProductQuantityPriceRulesBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/assets/price-rules.svg b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/assets/price-rules.svg
new file mode 100644
index 0000000000..c2c125e549
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/assets/price-rules.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#DD2C00" d="M26.053,13L11.171,27.857c-1.562,1.559-1.562,4.086,0,5.646L21.514,43.83c1.563,1.56,4.096,1.56,5.657,0  L42,28.974V16.994C42,14.788,40.262,13,38.053,13H26.053z M36,21c-1.104,0-2-0.896-2-2c0-1.106,0.896-2,2-2s2,0.894,2,2  C38,20.104,37.104,21,36,21"/>
+<path fill="#FF5722" d="M22.026,4L7.169,18.856c-1.559,1.56-1.559,4.087,0,5.647L17.495,34.83c1.56,1.56,4.089,1.56,5.647,0  L38,19.975V7.993C38,5.787,36.212,4,34.006,4H22.026z M32.026,11.957c-1.104,0-2-0.893-2-1.992c0-1.102,0.896-1.991,2-1.991  c1.104,0,2,0.89,2,1.991c0,1.1-0.912,2.009-2.017,2.009"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/assets/product-quanity-price-rules.svg b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/assets/product-quanity-price-rules.svg
new file mode 100644
index 0000000000..af1ddee164
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/assets/product-quanity-price-rules.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<g>
+</g>
+<polygon style="fill:#BDBDBD;" points="12,22 2,31 12,40 12,34 42,34 42,28.003 12,28.003 "/>
+<polygon style="fill:#BDBDBD;" points="36,25.997 46,16.997 36,7.997 36,14 6,14 6,20 36,20 "/>
+<path style="fill:#EEEEEE;" d="M32.157,14H16.45c-1.01,1.317-1.558,2.96-1.558,4.847c0,0.393,0.028,0.777,0.078,1.153H34  C34,18.031,33.582,15.803,32.157,14z"/>
+<path style="fill:#EEEEEE;" d="M33.873,28H14c0,2.392,0.619,4.425,1.767,6h16.802C33.447,32.808,34,31.297,34,29.41  C34,28.922,33.948,28.456,33.873,28z"/>
+<path style="fill:#2E7D32;" d="M24.981,22.211c0,0-3.403-1.017-3.403-3.349c0-2.721,2.301-2.697,2.788-2.697  c0.897,0,2.951,0.485,2.951,3.836H32c0-6.5-5.084-7.084-6.667-7.32V9.332h-2.667v3.387c-1.733,0.3-5.775,1.487-5.775,6.128  c0,4.957,4.927,6.317,5.335,6.488c2.856,1.192,5.089,1.552,5.089,4.109c0,2.581-2.572,2.649-3.08,2.649  c-0.444,0-3.549,0.113-3.549-4.094H16c0.001,6.572,5.163,7.414,6.667,7.58v3.085h2.667v-3.069C26.305,35.506,32,34.804,32,29.41  C32,24.222,26.031,22.611,24.981,22.211z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductQuantityPriceRules.tsx b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductQuantityPriceRules.tsx
new file mode 100644
index 0000000000..d53c6958f4
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopProductQuantityPriceRules.tsx
@@ -0,0 +1,50 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import {
+  DynamicTypeObjectDataAbstract
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { ProductQuantityPriceRulesPanel } from '../modules/quantity-price-rules/components/ProductQuantityPriceRulesPanel'
+import type { QuantityPriceRulesFieldData } from '../modules/quantity-price-rules/types'
+
+const emptyData: QuantityPriceRulesFieldData = {
+  actions: [],
+  conditions: [],
+  rules: [],
+  stores: {
+    calculationBehaviourTypes: [],
+    pricingBehaviourTypes: []
+  }
+}
+
+export class DynamicTypeObjectDataCoreShopProductQuantityPriceRules extends DynamicTypeObjectDataAbstract {
+  readonly id = 'coreShopProductQuantityPriceRules'
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { noteditable, defaultFieldWidth, ...rest } = props
+
+    return (
+      <ProductQuantityPriceRulesPanel
+        value={rest.value ?? emptyData}
+        onChange={rest.onChange}
+        disabled={noteditable === true}
+        currentLocale={rest.currentLocale}
+        locales={rest.locales}
+      />
+    )
+  }
+
+  getVersionObjectDataComponent(props: any): React.ReactElement {
+    return this.getObjectDataComponent({ ...props, noteditable: true })
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..803704f620
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopProductQuantityPriceRules } from './DynamicTypeObjectDataCoreShopProductQuantityPriceRules'
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..cc9d7b7a06
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,52 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { Input } from 'antd'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { ProductQuantityPriceRulesBundleIconModule } from './modules/icon-library'
+import { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopQuantityPriceRulesServiceIds } from './modules/quantity-price-rules'
+import { DynamicTypeObjectDataCoreShopProductQuantityPriceRules } from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-product-quantity-price-rules',
+
+  onInit() {
+    // Register Dynamic Type
+    const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+      serviceIds['DynamicTypes/ObjectDataRegistry']
+    )
+    objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopProductQuantityPriceRules())
+
+    // Create and bind condition registry for Quantity Price Rules
+    // Note: All conditions (nested, timespan, categories, customers, etc.) are registered
+    // by CoreBundle's RuleRegistryExtensionModule. This bundle only creates the registry.
+    container.bind(coreshopQuantityPriceRulesServiceIds.conditionRegistry)
+      .to(ConditionRegistry)
+      .inSingletonScope()
+  },
+
+  onStartup({ moduleSystem }) {
+    // Hide ProductQuantityPriceRulesBundle-owned rule collection prefix from generic schema forms
+    const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+    const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+    formWidgetRegistry.register('coreshop_product_quantity_price_rule_condition_collection', hiddenWidget)
+
+    moduleSystem.registerModule(ProductQuantityPriceRulesBundleIconModule)
+  }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..b966a0817c
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,38 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// @ts-ignore
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+// @ts-ignore
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+// @ts-ignore
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+// @ts-ignore
+import priceRulesIcon from '../../assets/price-rules.svg?react'
+// @ts-ignore
+import productQuantityPriceRulesIcon from '../../assets/product-quanity-price-rules.svg?react'
+
+export const ProductQuantityPriceRulesBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_price_rules',
+      component: priceRulesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_product_quantity_price_rules',
+      component: productQuantityPriceRulesIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/ProductQuantityPriceRulesPanel.tsx b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/ProductQuantityPriceRulesPanel.tsx
new file mode 100644
index 0000000000..e67f9f3bfc
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/ProductQuantityPriceRulesPanel.tsx
@@ -0,0 +1,415 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Modal, Input, Form, Switch, Select, InputNumber, Button, Typography, Space } from 'antd'
+import { PlusOutlined, SettingOutlined, SearchOutlined, TagOutlined, CloseOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import { useGlobalDataObjectContext } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { ConditionsPanel } from '@coreshop/rule/src/rules/components/ConditionsPanel'
+import { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import { createSchemaCondition } from '@coreshop/rule/src/rules/components'
+import type { RuleCondition } from '@coreshop/rule/src/rules/types'
+import { useTranslation } from 'react-i18next'
+import type { QuantityPriceRule, QuantityPriceRulesFieldData, CalculationBehaviour, QuantityRange } from '../types'
+import { coreshopQuantityPriceRulesServiceIds } from '../service-ids'
+import { RangesPanel } from './RangesPanel'
+
+interface Props {
+  value: QuantityPriceRulesFieldData
+  onChange: (value: QuantityPriceRulesFieldData) => void
+  disabled?: boolean
+  currentLocale?: string
+  locales?: string[]
+}
+
+/**
+ * Default calculation behaviour types
+ */
+const DEFAULT_CALCULATION_BEHAVIOURS: Array<[string, string]> = [
+  ['by_quantity', 'coreshop_product_quantity_price_rules_calculation_behaviour_by_quantity'],
+  ['by_percentage', 'coreshop_product_quantity_price_rules_calculation_behaviour_by_percentage'],
+  ['by_price', 'coreshop_product_quantity_price_rules_calculation_behaviour_by_price']
+]
+
+/**
+ * Generate tab label with name, priority, and active status
+ */
+const generateTabLabel = (rule: QuantityPriceRule, t: (key: string, opts?: any) => string): React.ReactNode => {
+  return (
+    <Space size={4}>
+      <TagOutlined style={{ color: '#ff6600' }} />
+      <span>{rule.name || t('coreshop_new_rule', { defaultValue: 'New Rule' })}</span>
+      {rule.priority !== undefined && rule.priority > 0 && (
+        <Typography.Text type="secondary" style={{ fontSize: 11 }}>
+          (Prio: {rule.priority})
+        </Typography.Text>
+      )}
+      {!rule.active && (
+        <span style={{
+          display: 'inline-block',
+          width: 8,
+          height: 8,
+          backgroundColor: '#ff4d4f',
+          borderRadius: '50%',
+          marginLeft: 4
+        }} title={t('inactive', { defaultValue: 'Inactive' })} />
+      )}
+    </Space>
+  )
+}
+
+export const ProductQuantityPriceRulesPanel: React.FC<Props> = ({
+  value,
+  onChange,
+  disabled = false
+}) => {
+  const { t } = useTranslation()
+
+  // Get objectId from Pimcore's global data object context
+  const { context } = useGlobalDataObjectContext()
+  const objectId = context?.config?.id
+
+  const [activeRuleKey, setActiveRuleKey] = React.useState<string | undefined>(
+    value.rules.length > 0 ? '0' : undefined
+  )
+  const [addModalVisible, setAddModalVisible] = React.useState(false)
+  const [newRuleName, setNewRuleName] = React.useState('')
+
+  // Check if condition registry is available
+  const hasConditionRegistry = React.useMemo(() => {
+    try {
+      return container.isBound(coreshopQuantityPriceRulesServiceIds.conditionRegistry)
+    } catch (e) {
+      console.warn('Quantity price rules condition registry not available:', e)
+      return false
+    }
+  }, [])
+
+  // Get available condition types from backend (value.conditions)
+  const availableConditionTypes = React.useMemo(() => {
+    return value.conditions || []
+  }, [value.conditions])
+
+  React.useEffect(() => {
+    if (!hasConditionRegistry) {
+      return
+    }
+
+    const conditionRegistry = container.get<ConditionRegistry>(coreshopQuantityPriceRulesServiceIds.conditionRegistry)
+
+    for (const [type, blockPrefix] of Object.entries(value.conditionSchemaByType ?? {})) {
+      if (!conditionRegistry.has(type)) {
+        conditionRegistry.register(type, createSchemaCondition(blockPrefix))
+      }
+    }
+  }, [hasConditionRegistry, value.conditionSchemaByType])
+
+  // Get calculation behaviour options
+  const calculationBehaviourOptions = (value.stores?.calculationBehaviourTypes ?? DEFAULT_CALCULATION_BEHAVIOURS)
+    .map(([val, labelKey]) => ({
+      value: val,
+      label: t(labelKey, { defaultValue: labelKey.replace(/coreshop_product_quantity_price_rules_calculation_behaviour_/g, '') })
+    }))
+
+  const handleRuleChange = (index: number, updatedRule: QuantityPriceRule) => {
+    const newRules = [...value.rules]
+    newRules[index] = updatedRule
+    onChange({ ...value, rules: newRules })
+  }
+
+  const handleFieldChange = (index: number, field: keyof QuantityPriceRule, fieldValue: any) => {
+    const rule = value.rules[index]
+    if (!rule) return
+    handleRuleChange(index, { ...rule, [field]: fieldValue })
+  }
+
+  const handleAddRule = () => {
+    if (!newRuleName.trim()) return
+    // Create a default range to satisfy backend validation (min: 1 range required)
+    // Use 'percentage_decrease' as default since 'fixed' requires a currency
+    const defaultRange: QuantityRange = {
+      id: null,
+      rangeStartingFrom: 0,
+      pricingBehaviour: 'percentage_decrease',
+      amount: 0,
+      percentage: 0,
+      pseudoPrice: 0,
+      currency: null,
+      highlighted: false
+    }
+    const newRule: QuantityPriceRule = {
+      name: newRuleName,
+      // Use 'volume' - the only registered calculator type in the backend
+      calculationBehaviour: 'volume',
+      priority: 0,
+      active: true,
+      conditions: [],
+      ranges: [defaultRange]
+    }
+    const newRules = [...value.rules, newRule]
+    onChange({ ...value, rules: newRules })
+    setActiveRuleKey(String(newRules.length - 1))
+    setNewRuleName('')
+    setAddModalVisible(false)
+  }
+
+  const handleDeleteRule = (index: number) => {
+    Modal.confirm({
+      title: t('coreshop_delete_rule', { defaultValue: 'Delete Rule?' }),
+      content: t('coreshop_delete_rule_confirm', {
+        defaultValue: `Are you sure you want to delete "${value.rules[index]?.name}"?`,
+        name: value.rules[index]?.name
+      }),
+      onOk: () => {
+        const newRules = value.rules.filter((_, i) => i !== index)
+        onChange({ ...value, rules: newRules })
+
+        // Adjust active key
+        if (activeRuleKey === String(index)) {
+          setActiveRuleKey(newRules.length > 0 ? '0' : undefined)
+        } else if (Number(activeRuleKey) > index) {
+          setActiveRuleKey(String(Number(activeRuleKey) - 1))
+        }
+      }
+    })
+  }
+
+  // Build sub-tabs for a single rule
+  const buildRuleSubTabs = (rule: QuantityPriceRule, ruleIndex: number) => {
+    return [
+      {
+        key: 'settings',
+        label: (
+          <Space size={4}>
+            <SettingOutlined />
+            {t('settings', { defaultValue: 'Settings' })}
+          </Space>
+        ),
+        children: (
+          <div style={{ padding: 16 }}>
+            <table style={{ borderCollapse: 'separate', borderSpacing: '8px 12px' }}>
+              <tbody>
+                <tr>
+                  <td style={{ textAlign: 'right', paddingRight: 8, whiteSpace: 'nowrap' }}>
+                    {t('name', { defaultValue: 'Name' })}:
+                  </td>
+                  <td>
+                    <Input
+                      value={rule.name}
+                      onChange={(e) => handleFieldChange(ruleIndex, 'name', e.target.value)}
+                      style={{ width: 200 }}
+                      disabled={disabled}
+                    />
+                  </td>
+                </tr>
+                <tr>
+                  <td style={{ textAlign: 'right', paddingRight: 8, whiteSpace: 'nowrap' }}>
+                    {t('coreshop_product_quantity_price_rules_calculation_behaviour', { defaultValue: 'Calculation Behaviour' })}:
+                  </td>
+                  <td>
+                    <Select
+                      value={rule.calculationBehaviour}
+                      options={calculationBehaviourOptions}
+                      onChange={(val: CalculationBehaviour) => handleFieldChange(ruleIndex, 'calculationBehaviour', val)}
+                      style={{ width: 200 }}
+                      disabled={disabled}
+                    />
+                  </td>
+                </tr>
+                <tr>
+                  <td style={{ textAlign: 'right', paddingRight: 8, whiteSpace: 'nowrap' }}>
+                    {t('coreshop_priority', { defaultValue: 'Priority' })}:
+                  </td>
+                  <td>
+                    <InputNumber
+                      value={rule.priority}
+                      onChange={(val) => handleFieldChange(ruleIndex, 'priority', val ?? 0)}
+                      style={{ width: 200 }}
+                      disabled={disabled}
+                    />
+                  </td>
+                </tr>
+                <tr>
+                  <td style={{ textAlign: 'right', paddingRight: 8, whiteSpace: 'nowrap' }}>
+                    {t('active', { defaultValue: 'Active' })}:
+                  </td>
+                  <td>
+                    <Switch
+                      checked={rule.active}
+                      onChange={(checked) => handleFieldChange(ruleIndex, 'active', checked)}
+                      disabled={disabled}
+                    />
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        )
+      },
+      {
+        key: 'conditions',
+        label: (
+          <Space size={4}>
+            <SearchOutlined />
+            {t('coreshop_conditions', { defaultValue: 'Conditions' })}
+          </Space>
+        ),
+        children: hasConditionRegistry ? (
+          <div style={{ padding: 16 }}>
+            <ConditionsPanel
+              conditions={rule.conditions}
+              availableTypes={availableConditionTypes}
+              onChange={(conditions: RuleCondition[]) => handleFieldChange(ruleIndex, 'conditions', conditions)}
+              registryId={coreshopQuantityPriceRulesServiceIds.conditionRegistry}
+            />
+          </div>
+        ) : (
+          <div style={{ padding: 16 }}>
+            <Typography.Text type="secondary">
+              {t('coreshop_conditions_not_available', { defaultValue: 'Conditions not available' })}
+            </Typography.Text>
+          </div>
+        )
+      },
+      {
+        key: 'ranges',
+        label: (
+          <Space size={4}>
+            <TagOutlined />
+            {t('coreshop_product_quantity_price_rules_ranges', { defaultValue: 'Quantity Price Ranges' })}
+          </Space>
+        ),
+        children: (
+          <div style={{ padding: 16 }}>
+            <RangesPanel
+              ranges={rule.ranges}
+              onChange={(ranges: QuantityRange[]) => handleFieldChange(ruleIndex, 'ranges', ranges)}
+              pricingBehaviourTypes={value.stores?.pricingBehaviourTypes}
+              disabled={disabled}
+              objectId={objectId}
+            />
+          </div>
+        )
+      }
+    ]
+  }
+
+  // Build main rule tabs
+  const ruleTabItems = value.rules.map((rule, index) => ({
+    key: String(index),
+    label: generateTabLabel(rule, t),
+    closable: !disabled,
+    children: (
+      <Tabs
+        defaultActiveKey="settings"
+        items={buildRuleSubTabs(rule, index)}
+        size="small"
+      />
+    )
+  }))
+
+  // Handle tab edit (close)
+  const onTabEdit = (targetKey: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => {
+    if (action === 'remove' && typeof targetKey === 'string') {
+      handleDeleteRule(Number(targetKey))
+    }
+  }
+
+  return (
+    <div style={{ minHeight: 400 }}>
+      {/* Header with title and add button */}
+      <div style={{
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        marginBottom: 8,
+        padding: '8px 0'
+      }}>
+        <Typography.Text strong>
+          {t('coreshop_product_quantity_price_rules', { defaultValue: 'Quantity Price Rules' })}
+        </Typography.Text>
+        {!disabled && (
+          <Button
+            type="primary"
+            size="small"
+            icon={<PlusOutlined />}
+            onClick={() => setAddModalVisible(true)}
+          />
+        )}
+      </div>
+
+      {/* Rule tabs */}
+      {value.rules.length > 0 ? (
+        <Tabs
+          type="editable-card"
+          activeKey={activeRuleKey}
+          onChange={setActiveRuleKey}
+          onEdit={onTabEdit}
+          items={ruleTabItems}
+          hideAdd
+          size="small"
+        />
+      ) : (
+        <div style={{
+          padding: 40,
+          textAlign: 'center',
+          background: '#fafafa',
+          border: '1px dashed #d9d9d9',
+          borderRadius: 4
+        }}>
+          <Typography.Text type="secondary">
+            {t('coreshop_no_quantity_price_rules', { defaultValue: 'No quantity price rules defined' })}
+          </Typography.Text>
+          {!disabled && (
+            <div style={{ marginTop: 16 }}>
+              <Button
+                type="primary"
+                icon={<PlusOutlined />}
+                onClick={() => setAddModalVisible(true)}
+              >
+                {t('coreshop_add_quantity_price_rule', { defaultValue: 'Add Quantity Price Rule' })}
+              </Button>
+            </div>
+          )}
+        </div>
+      )}
+
+      {/* Add rule modal */}
+      <Modal
+        title={t('coreshop_add_quantity_price_rule', { defaultValue: 'Add Quantity Price Rule' })}
+        open={addModalVisible}
+        onOk={handleAddRule}
+        onCancel={() => {
+          setAddModalVisible(false)
+          setNewRuleName('')
+        }}
+        okButtonProps={{ disabled: !newRuleName.trim() }}
+      >
+        <Form layout="vertical">
+          <Form.Item
+            label={t('coreshop_name', { defaultValue: 'Name' })}
+            required
+          >
+            <Input
+              value={newRuleName}
+              onChange={(e) => setNewRuleName(e.target.value)}
+              placeholder={t('coreshop_enter_rule_name', { defaultValue: 'Enter rule name' })}
+              onPressEnter={() => newRuleName.trim() && handleAddRule()}
+              autoFocus
+            />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/QuantityPriceRulePanel.tsx b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/QuantityPriceRulePanel.tsx
new file mode 100644
index 0000000000..58e18f17e0
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/QuantityPriceRulePanel.tsx
@@ -0,0 +1,185 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Form, Input, InputNumber, Switch, Select, Typography, Card } from 'antd'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import { ConditionsPanel } from '@coreshop/rule/src/rules/components/ConditionsPanel'
+import type { ConditionRegistry } from '@coreshop/rule/src/rules/registry'
+import type { RuleCondition } from '@coreshop/rule/src/rules/types'
+import { coreshopQuantityPriceRulesServiceIds } from '../service-ids'
+import type { QuantityPriceRule, CalculationBehaviour, QuantityRange, QuantityPriceRuleStoreData } from '../types'
+import { RangesPanel } from './RangesPanel'
+
+interface QuantityPriceRulePanelProps {
+  rule: QuantityPriceRule
+  onChange: (rule: QuantityPriceRule) => void
+  storeData?: QuantityPriceRuleStoreData
+  disabled?: boolean
+}
+
+/**
+ * Default calculation behaviour types
+ */
+const DEFAULT_CALCULATION_BEHAVIOURS: Array<[string, string]> = [
+  ['by_quantity', 'coreshop_product_quantity_price_rules_calculation_behaviour_by_quantity'],
+  ['by_percentage', 'coreshop_product_quantity_price_rules_calculation_behaviour_by_percentage'],
+  ['by_price', 'coreshop_product_quantity_price_rules_calculation_behaviour_by_price']
+]
+
+/**
+ * QuantityPriceRulePanel - Complete panel for editing a single quantity price rule
+ */
+export const QuantityPriceRulePanel: React.FC<QuantityPriceRulePanelProps> = ({
+  rule,
+  onChange,
+  storeData,
+  disabled = false
+}) => {
+  const { t } = useTranslation()
+
+  // Get calculation behaviour options
+  const calculationBehaviourOptions = (storeData?.calculationBehaviourTypes ?? DEFAULT_CALCULATION_BEHAVIOURS)
+    .map(([value, labelKey]) => ({
+      value,
+      label: t(labelKey, { defaultValue: labelKey.replace(/coreshop_product_quantity_price_rules_calculation_behaviour_/g, '') })
+    }))
+
+  // Get condition registry
+  const conditionRegistry = React.useMemo(() => {
+    try {
+      if (container.isBound(coreshopQuantityPriceRulesServiceIds.conditionRegistry)) {
+        return container.get<ConditionRegistry>(coreshopQuantityPriceRulesServiceIds.conditionRegistry)
+      }
+    } catch (e) {
+      console.warn('Quantity price rules condition registry not available:', e)
+    }
+    return null
+  }, [])
+
+  // Handle field changes
+  const handleFieldChange = <K extends keyof QuantityPriceRule>(field: K, value: QuantityPriceRule[K]) => {
+    onChange({ ...rule, [field]: value })
+  }
+
+  // Settings tab content
+  const settingsContent = (
+    <Form layout="vertical" disabled={disabled}>
+      <Form.Item label={t('name', { defaultValue: 'Name' })} required>
+        <Input
+          value={rule.name}
+          onChange={(e) => handleFieldChange('name', e.target.value)}
+          placeholder={t('coreshop_enter_name', { defaultValue: 'Enter name' })}
+        />
+      </Form.Item>
+
+      <Form.Item label={t('coreshop_product_quantity_price_rules_calculation_behaviour', { defaultValue: 'Calculation Behaviour' })}>
+        <Select
+          value={rule.calculationBehaviour}
+          options={calculationBehaviourOptions}
+          onChange={(value: CalculationBehaviour) => handleFieldChange('calculationBehaviour', value)}
+          style={{ width: 250 }}
+        />
+      </Form.Item>
+
+      <Form.Item label={t('coreshop_priority', { defaultValue: 'Priority' })}>
+        <InputNumber
+          value={rule.priority}
+          onChange={(value) => handleFieldChange('priority', value ?? 0)}
+          style={{ width: 250 }}
+        />
+      </Form.Item>
+
+      <Form.Item label={t('active', { defaultValue: 'Active' })} valuePropName="checked">
+        <Switch
+          checked={rule.active}
+          onChange={(checked) => handleFieldChange('active', checked)}
+        />
+      </Form.Item>
+    </Form>
+  )
+
+  // Get available condition types from registry
+  const availableConditionTypes = React.useMemo(() => {
+    if (!conditionRegistry) return []
+    return Array.from(conditionRegistry.getAll().keys())
+  }, [conditionRegistry])
+
+  // Conditions tab content
+  const conditionsContent = conditionRegistry ? (
+    <ConditionsPanel
+      conditions={rule.conditions}
+      availableTypes={availableConditionTypes}
+      onChange={(conditions: RuleCondition[]) => handleFieldChange('conditions', conditions)}
+      registryId={coreshopQuantityPriceRulesServiceIds.conditionRegistry}
+    />
+  ) : (
+    <Typography.Text type="secondary">
+      {t('coreshop_conditions_registry_not_available', { defaultValue: 'Conditions registry not available' })}
+    </Typography.Text>
+  )
+
+  // Ranges tab content
+  const rangesContent = (
+    <RangesPanel
+      ranges={rule.ranges}
+      onChange={(ranges: QuantityRange[]) => handleFieldChange('ranges', ranges)}
+      pricingBehaviourTypes={storeData?.pricingBehaviourTypes}
+      disabled={disabled}
+    />
+  )
+
+  // Tab items
+  const tabItems = [
+    {
+      key: 'settings',
+      label: t('settings', { defaultValue: 'Settings' }),
+      children: settingsContent
+    },
+    {
+      key: 'conditions',
+      label: t('coreshop_conditions', { defaultValue: 'Conditions' }),
+      children: conditionsContent
+    },
+    {
+      key: 'ranges',
+      label: t('coreshop_product_quantity_price_rules_ranges', { defaultValue: 'Ranges' }),
+      children: rangesContent
+    }
+  ]
+
+  return (
+    <Card
+      title={
+        <span>
+          {rule.name || t('coreshop_new_rule', { defaultValue: 'New Rule' })}
+          {!rule.active && (
+            <Typography.Text type="secondary" style={{ marginLeft: 8, fontSize: 12 }}>
+              ({t('inactive', { defaultValue: 'Inactive' })})
+            </Typography.Text>
+          )}
+          <Typography.Text type="secondary" style={{ marginLeft: 8, fontSize: 12 }}>
+            (Prio: {rule.priority})
+          </Typography.Text>
+        </span>
+      }
+      size="small"
+    >
+      <Tabs
+        defaultActiveKey="settings"
+        items={tabItems}
+        size="small"
+      />
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/RangesPanel.tsx b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/RangesPanel.tsx
new file mode 100644
index 0000000000..d1f8e0df98
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/RangesPanel.tsx
@@ -0,0 +1,512 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, Space, InputNumber, Select, Switch } from 'antd'
+import { PlusOutlined, DeleteOutlined, ArrowUpOutlined, ArrowDownOutlined, CopyOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import type { QuantityRange, PricingBehaviour } from '../types'
+
+interface RangesPanelProps {
+  ranges: QuantityRange[]
+  onChange: (ranges: QuantityRange[]) => void
+  pricingBehaviourTypes?: Array<[string, string]>
+  disabled?: boolean
+  objectId?: number | string
+}
+
+/**
+ * Behaviour type categories for conditional field editability
+ * Reference: CoreBundle/Resources/public/pimcore/js/productquantitypricerules/ranges.js
+ */
+const AMOUNT_BASED_BEHAVIOURS: PricingBehaviour[] = ['fixed', 'amount_decrease', 'amount_increase']
+const PERCENT_BASED_BEHAVIOURS: PricingBehaviour[] = ['percentage_decrease', 'percentage_increase']
+
+const isAmountBased = (behaviour: PricingBehaviour | undefined): boolean =>
+  AMOUNT_BASED_BEHAVIOURS.includes(behaviour ?? 'fixed')
+
+const isPercentBased = (behaviour: PricingBehaviour | undefined): boolean =>
+  PERCENT_BASED_BEHAVIOURS.includes(behaviour ?? 'fixed')
+
+/**
+ * Module-level cache for currency options
+ * Avoids multiple API calls when multiple selects are rendered
+ */
+let cachedCurrencyOptions: Array<{ value: number, label: string }> | null = null
+let currencyLoadPromise: Promise<Array<{ value: number, label: string }>> | null = null
+
+const loadCurrencyOptions = async (): Promise<Array<{ value: number, label: string }>> => {
+  if (cachedCurrencyOptions) return cachedCurrencyOptions
+  if (currencyLoadPromise) return currencyLoadPromise
+
+  currencyLoadPromise = (async () => {
+    try {
+      const response = await fetch('/pimcore-studio/api/coreshop/currencies/list', {
+        credentials: 'same-origin'
+      })
+      if (!response.ok) throw new Error('Failed to load currencies')
+      const data = await response.json()
+      // API returns array directly (EntityListResponse extends Array<T>)
+      const items = Array.isArray(data) ? data : []
+      cachedCurrencyOptions = items.map((c: { id: number, name?: string, isoCode?: string }) => ({
+        value: c.id,
+        label: c.name ?? c.isoCode ?? `#${c.id}`
+      }))
+      return cachedCurrencyOptions
+    } catch (err) {
+      console.error('Failed to load currencies:', err)
+      return []
+    } finally {
+      currencyLoadPromise = null
+    }
+  })()
+  return currencyLoadPromise
+}
+
+
+/**
+ * Default pricing behaviour types
+ */
+const DEFAULT_PRICING_BEHAVIOURS: Array<[string, string]> = [
+  ['fixed', 'coreshop_product_quantity_price_rules_behaviour_fixed'],
+  ['percentage_decrease', 'coreshop_product_quantity_price_rules_behaviour_percentage_decrease'],
+  ['percentage_increase', 'coreshop_product_quantity_price_rules_behaviour_percentage_increase'],
+  ['amount_decrease', 'coreshop_product_quantity_price_rules_behaviour_amount_decrease'],
+  ['amount_increase', 'coreshop_product_quantity_price_rules_behaviour_amount_increase']
+]
+
+/**
+ * RangesPanel - Editable grid for quantity price ranges
+ * Matches ExtJS layout with all columns
+ */
+export const RangesPanel: React.FC<RangesPanelProps> = ({
+  ranges,
+  onChange,
+  pricingBehaviourTypes = DEFAULT_PRICING_BEHAVIOURS,
+  disabled = false,
+  objectId
+}) => {
+  const { t } = useTranslation()
+  const [clipboard, setClipboard] = React.useState<QuantityRange[] | null>(null)
+  const [currencyOptions, setCurrencyOptions] = React.useState<Array<{ value: number, label: string }>>(cachedCurrencyOptions || [])
+  const [currencyLoading, setCurrencyLoading] = React.useState(!cachedCurrencyOptions)
+  const [unitOptions, setUnitOptions] = React.useState<Array<{ value: number, label: string }>>([])
+
+  // Load currency options on mount
+  React.useEffect(() => {
+    void (async () => {
+      if (!cachedCurrencyOptions) {
+        setCurrencyLoading(true)
+      }
+      try {
+        const opts = await loadCurrencyOptions()
+        setCurrencyOptions(opts)
+      } finally {
+        setCurrencyLoading(false)
+      }
+    })()
+  }, [])
+
+  // Load unit definitions via API when objectId is available
+  React.useEffect(() => {
+    if (!objectId) {
+      setUnitOptions([])
+      return
+    }
+
+    const loadUnitDefinitions = async () => {
+      try {
+        const response = await fetch(
+          `/pimcore-studio/api/coreshop/product_unit_definitions/get-product-unit-definitions?productId=${objectId}`,
+          { credentials: 'same-origin' }
+        )
+        if (!response.ok) {
+          setUnitOptions([])
+          return
+        }
+        const data = await response.json()
+        const opts = (Array.isArray(data) ? data : []).map((ud: { id: number, unit?: { name?: string, fullLabel?: string } }) => ({
+          value: ud.id,
+          label: ud.unit?.fullLabel ?? ud.unit?.name ?? `#${ud.id}`
+        }))
+        setUnitOptions(opts)
+      } catch (err) {
+        console.error('Failed to load unit definitions:', err)
+        setUnitOptions([])
+      }
+    }
+
+    void loadUnitDefinitions()
+  }, [objectId])
+
+  // Add a key to each range for React rendering
+  const rangesWithKeys = React.useMemo(() =>
+    ranges.map((range, index) => ({
+      ...range,
+      key: range.id ?? `new_${index}`
+    }))
+  , [ranges])
+
+  // Pricing behaviour options for select
+  const pricingOptions = pricingBehaviourTypes.map(([value, labelKey]) => ({
+    value,
+    label: t(labelKey, { defaultValue: labelKey.replace(/coreshop_product_quantity_price_rules_behaviour_/g, '').replace(/_/g, ' ') })
+  }))
+
+  // Handle adding a new range
+  // Reference: CoreBundle/Resources/public/pimcore/js/productquantitypricerules/ranges.js parseNewModelClass()
+  const handleAdd = () => {
+    const lastRange = ranges[ranges.length - 1]
+
+    // Determine unit: use last range's unit, or if only one unit exists, use that
+    let unitDefinition: number | null = null
+    if (lastRange?.unitDefinition) {
+      unitDefinition = lastRange.unitDefinition
+    } else if (unitOptions.length === 1) {
+      unitDefinition = unitOptions[0].value
+    }
+
+    const newRange: QuantityRange = {
+      id: null,
+      rangeStartingFrom: lastRange ? lastRange.rangeStartingFrom + 10 : 0,
+      pricingBehaviour: 'fixed',
+      unitDefinition,
+      amount: 0,
+      percentage: 0,
+      currency: lastRange?.currency ?? null,
+      pseudoPrice: 0,
+      highlighted: false
+    }
+    onChange([...ranges, newRange])
+  }
+
+  // Handle updating a range
+  const handleUpdate = (index: number, field: keyof QuantityRange, value: any) => {
+    const newRanges = [...ranges]
+    let updatedRange = { ...newRanges[index], [field]: value }
+
+    // Reset related fields when pricingBehaviour changes
+    // Reference: CoreBundle/Resources/public/pimcore/js/productquantitypricerules/ranges.js onPriceBehaviourChange()
+    if (field === 'pricingBehaviour') {
+      if (isPercentBased(value as PricingBehaviour)) {
+        updatedRange.amount = 0
+        updatedRange.pseudoPrice = 0
+        updatedRange.currency = null
+      } else if (isAmountBased(value as PricingBehaviour)) {
+        updatedRange.percentage = 0
+      }
+    }
+
+    newRanges[index] = updatedRange
+    onChange(newRanges)
+  }
+
+  // Handle deleting a range
+  const handleDelete = (index: number) => {
+    const newRanges = ranges.filter((_, i) => i !== index)
+    onChange(newRanges)
+  }
+
+  // Handle moving a range up
+  const handleMoveUp = (index: number) => {
+    if (index === 0) return
+    const newRanges = [...ranges]
+    const temp = newRanges[index]
+    newRanges[index] = newRanges[index - 1]
+    newRanges[index - 1] = temp
+    onChange(newRanges)
+  }
+
+  // Handle moving a range down
+  const handleMoveDown = (index: number) => {
+    if (index === ranges.length - 1) return
+    const newRanges = [...ranges]
+    const temp = newRanges[index]
+    newRanges[index] = newRanges[index + 1]
+    newRanges[index + 1] = temp
+    onChange(newRanges)
+  }
+
+  // Handle copying ranges to clipboard
+  const handleCopy = () => {
+    setClipboard(ranges.map(r => ({ ...r, id: null })))
+  }
+
+  // Table columns matching ExtJS layout
+  const columns = [
+    {
+      title: t('coreshop_product_quantity_price_rules_range_starting_from', { defaultValue: 'Starting from' }),
+      dataIndex: 'rangeStartingFrom',
+      key: 'rangeStartingFrom',
+      width: 120,
+      render: (value: number, _record: QuantityRange, index: number) => (
+        disabled ? (
+          <span>{value} {t('coreshop_product_quantity_price_rules_units', { defaultValue: 'Units' })}</span>
+        ) : (
+          <InputNumber
+            value={value}
+            min={0}
+            precision={0}
+            size="small"
+            style={{ width: 80 }}
+            onChange={(val) => handleUpdate(index, 'rangeStartingFrom', val ?? 0)}
+          />
+        )
+      )
+    },
+    {
+      title: t('coreshop_product_quantity_price_rules_calculation_behaviour', { defaultValue: 'Calculation Behaviour' }),
+      dataIndex: 'pricingBehaviour',
+      key: 'pricingBehaviour',
+      width: 180,
+      render: (value: PricingBehaviour, _record: QuantityRange, index: number) => (
+        disabled ? (
+          <span>{pricingOptions.find(o => o.value === value)?.label || value}</span>
+        ) : (
+          <Select
+            value={value}
+            options={pricingOptions}
+            size="small"
+            style={{ width: '100%' }}
+            onChange={(val) => handleUpdate(index, 'pricingBehaviour', val)}
+          />
+        )
+      )
+    },
+    // Unit column - only shown if product has unit definitions (via broker event)
+    ...(unitOptions.length > 0 ? [{
+      title: t('coreshop_product_quantity_price_rules_unit_definition', { defaultValue: 'Unit' }),
+      dataIndex: 'unitDefinition',
+      key: 'unitDefinition',
+      width: 140,
+      render: (value: number | null | undefined, _record: QuantityRange, index: number) => (
+        disabled ? (
+          <span>{value ? (unitOptions.find(o => o.value === value)?.label ?? `#${value}`) : '--'}</span>
+        ) : (
+          <Select
+            value={value}
+            options={unitOptions}
+            size="small"
+            style={{ width: '100%' }}
+            onChange={(val) => handleUpdate(index, 'unitDefinition', val ?? null)}
+            placeholder={t('coreshop_select', { defaultValue: 'Select' })}
+          />
+        )
+      )
+    }] : []),
+    {
+      title: t('coreshop_product_quantity_price_rules_highlight', { defaultValue: 'Highlight' }),
+      dataIndex: 'highlighted',
+      key: 'highlighted',
+      width: 80,
+      render: (value: boolean, _record: QuantityRange, index: number) => (
+        disabled ? (
+          <span>{value ? t('yes', { defaultValue: 'Yes' }) : t('no', { defaultValue: 'No' })}</span>
+        ) : (
+          <Switch
+            checked={value}
+            size="small"
+            onChange={(checked) => handleUpdate(index, 'highlighted', checked)}
+          />
+        )
+      )
+    },
+    {
+      title: t('coreshop_product_quantity_price_rules_amount', { defaultValue: 'Amount' }),
+      dataIndex: 'amount',
+      key: 'amount',
+      width: 100,
+      render: (value: number | undefined, record: QuantityRange, index: number) => {
+        const isEditable = isAmountBased(record.pricingBehaviour)
+        return disabled || !isEditable ? (
+          <span style={{ color: !isEditable ? '#999' : undefined, fontStyle: !isEditable ? 'italic' : undefined }}>
+            {(value ?? 0).toFixed(2)}
+          </span>
+        ) : (
+          <InputNumber
+            value={value ?? 0}
+            min={0}
+            precision={2}
+            size="small"
+            style={{ width: 80 }}
+            onChange={(val) => handleUpdate(index, 'amount', val ?? 0)}
+          />
+        )
+      }
+    },
+    {
+      title: t('coreshop_product_quantity_price_rules_currency', { defaultValue: 'Currency' }),
+      dataIndex: 'currency',
+      key: 'currency',
+      width: 140,
+      render: (value: number | null | undefined, record: QuantityRange, index: number) => {
+        const isEditable = isAmountBased(record.pricingBehaviour)
+        return disabled || !isEditable ? (
+          <span style={{ color: '#999', fontStyle: 'italic' }}>
+            {value
+              ? (currencyOptions.find(o => o.value === value)?.label ?? `#${value}`)
+              : t('coreshop_empty', { defaultValue: 'Empty' })}
+          </span>
+        ) : (
+          <Select
+            value={value}
+            options={currencyOptions}
+            loading={currencyLoading}
+            size="small"
+            style={{ width: '100%' }}
+            allowClear
+            onChange={(val) => handleUpdate(index, 'currency', val ?? null)}
+            placeholder={t('coreshop_select', { defaultValue: 'Select' })}
+            showSearch
+            filterOption={(input, option) =>
+              (option?.label ?? '').toString().toLowerCase().includes(input.toLowerCase())
+            }
+          />
+        )
+      }
+    },
+    {
+      title: t('coreshop_product_quantity_price_rules_percentage', { defaultValue: 'Percentage' }),
+      dataIndex: 'percentage',
+      key: 'percentage',
+      width: 100,
+      render: (value: number | undefined, record: QuantityRange, index: number) => {
+        const isEditable = isPercentBased(record.pricingBehaviour)
+        return disabled || !isEditable ? (
+          <span style={{ color: !isEditable ? '#999' : undefined, fontStyle: !isEditable ? 'italic' : undefined }}>
+            {isEditable ? `${value ?? 0}%` : '0%'}
+          </span>
+        ) : (
+          <InputNumber
+            value={value ?? 0}
+            min={0}
+            max={100}
+            precision={2}
+            size="small"
+            style={{ width: 70 }}
+            addonAfter="%"
+            onChange={(val) => handleUpdate(index, 'percentage', val ?? 0)}
+          />
+        )
+      }
+    },
+    {
+      title: t('coreshop_product_quantity_price_rules_pseudo_price', { defaultValue: 'Pseudo Price' }),
+      dataIndex: 'pseudoPrice',
+      key: 'pseudoPrice',
+      width: 100,
+      render: (value: number | undefined, record: QuantityRange, index: number) => {
+        const isEditable = isAmountBased(record.pricingBehaviour)
+        return disabled || !isEditable ? (
+          <span style={{ color: !isEditable ? '#999' : undefined, fontStyle: !isEditable ? 'italic' : undefined }}>
+            {(value ?? 0).toFixed(2)}
+          </span>
+        ) : (
+          <InputNumber
+            value={value ?? 0}
+            min={0}
+            precision={2}
+            size="small"
+            style={{ width: 80 }}
+            onChange={(val) => handleUpdate(index, 'pseudoPrice', val ?? 0)}
+          />
+        )
+      }
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 90,
+      render: (_: any, _record: QuantityRange, index: number) => (
+        <Space size={2}>
+          <Button
+            type="text"
+            size="small"
+            icon={<ArrowUpOutlined />}
+            disabled={disabled || index === 0}
+            onClick={() => handleMoveUp(index)}
+          />
+          <Button
+            type="text"
+            size="small"
+            icon={<ArrowDownOutlined />}
+            disabled={disabled || index === ranges.length - 1}
+            onClick={() => handleMoveDown(index)}
+          />
+          <Button
+            type="text"
+            size="small"
+            danger
+            icon={<DeleteOutlined />}
+            disabled={disabled}
+            onClick={() => handleDelete(index)}
+          />
+        </Space>
+      )
+    }
+  ]
+
+  return (
+    <div>
+      {/* Toolbar */}
+      <div style={{ marginBottom: 8 }}>
+        <Space>
+          <Button
+            size="small"
+            type="primary"
+            icon={<PlusOutlined />}
+            onClick={handleAdd}
+            disabled={disabled}
+          >
+            {t('add', { defaultValue: 'Add' })}
+          </Button>
+          <Button
+            size="small"
+            icon={<CopyOutlined />}
+            onClick={handleCopy}
+            disabled={disabled || ranges.length === 0}
+          >
+            {t('coreshop_product_quantity_price_rules_copy_ranges', { defaultValue: 'Copy Ranges' })}
+          </Button>
+          {clipboard && clipboard.length > 0 && (
+            <Button
+              size="small"
+              onClick={() => {
+                const newRanges = clipboard.map(r => ({ ...r, id: null }))
+                onChange([...ranges, ...newRanges])
+              }}
+              disabled={disabled}
+            >
+              {t('coreshop_product_quantity_price_rules_paste_ranges', { defaultValue: 'Paste' })} ({clipboard.length})
+            </Button>
+          )}
+        </Space>
+      </div>
+
+      {/* Table */}
+      <Table
+        columns={columns}
+        dataSource={rangesWithKeys}
+        pagination={false}
+        size="small"
+        rowKey="key"
+        bordered
+        scroll={{ x: 'max-content' }}
+        locale={{
+          emptyText: t('coreshop_product_quantity_price_rules_no_ranges', {
+            defaultValue: 'No ranges defined. Click "Add" to create one.'
+          })
+        }}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/index.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/index.ts
new file mode 100644
index 0000000000..7e14c3c029
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/components/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { RangesPanel } from './RangesPanel'
+export { QuantityPriceRulePanel } from './QuantityPriceRulePanel'
+export { ProductQuantityPriceRulesPanel } from './ProductQuantityPriceRulesPanel'
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/index.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/index.ts
new file mode 100644
index 0000000000..723982a9bc
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/index.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './types'
+export * from './service-ids'
+export { RangesPanel } from './components/RangesPanel'
+export { QuantityPriceRulePanel } from './components/QuantityPriceRulePanel'
+export { ProductQuantityPriceRulesPanel } from './components/ProductQuantityPriceRulesPanel'
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/service-ids.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/service-ids.ts
new file mode 100644
index 0000000000..4385d408bc
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/service-ids.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Service IDs for Quantity Price Rules
+ * Uses Symbols for unique identification in the DI container
+ */
+export const coreshopQuantityPriceRulesServiceIds = {
+  /**
+   * Condition registry for quantity price rules
+   */
+  conditionRegistry: Symbol.for('coreshop.quantity_price_rules.condition_registry')
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/types.ts b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/types.ts
new file mode 100644
index 0000000000..a4a93c38ac
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/src/modules/quantity-price-rules/types.ts
@@ -0,0 +1,77 @@
+/**
+ * CoreShop ProductQuantityPriceRulesBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { RuleCondition } from '@coreshop/rule/src/rules/types'
+
+/**
+ * Pricing behaviour types
+ */
+export type PricingBehaviour = 'fixed' | 'percentage_decrease' | 'percentage_increase' | 'amount_decrease' | 'amount_increase'
+
+/**
+ * Calculation behaviour types
+ * Note: 'volume' is the registered backend calculator type
+ * The others are legacy/fallback values from DEFAULT_CALCULATION_BEHAVIOURS
+ */
+export type CalculationBehaviour = 'volume' | 'by_quantity' | 'by_percentage' | 'by_price'
+
+/**
+ * A single quantity range
+ */
+export interface QuantityRange {
+  id?: number | null
+  rangeStartingFrom: number
+  pricingBehaviour: PricingBehaviour
+  unitDefinition?: number | null
+  amount?: number
+  percentage?: number
+  pseudoPrice?: number
+  currency?: number | null
+  highlighted?: boolean
+}
+
+/**
+ * A quantity price rule
+ */
+export interface QuantityPriceRule {
+  id?: number | null
+  name: string
+  calculationBehaviour: CalculationBehaviour
+  priority: number
+  active: boolean
+  conditions: RuleCondition[]
+  ranges: QuantityRange[]
+}
+
+/**
+ * Store data configuration from backend
+ */
+export interface QuantityPriceRuleStoreData {
+  calculationBehaviourTypes: Array<[string, string]>
+  pricingBehaviourTypes: Array<[string, string]>
+}
+
+/**
+ * Full data for the quantity price rules field
+ */
+export interface QuantityPriceRulesFieldData {
+  rules: QuantityPriceRule[]
+  stores: QuantityPriceRuleStoreData
+  /** Available condition types from backend (e.g., ['nested', 'timespan', 'customers', ...]) */
+  conditions: string[]
+  /** Available action types from backend (currently not used for QuantityPriceRules) */
+  actions: string[]
+  /** Condition type -> form block prefix map for schema-driven rendering */
+  conditionSchemaByType?: Record<string, string>
+  /** Action type -> form block prefix map for schema-driven rendering */
+  actionSchemaByType?: Record<string, string>
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..16d29bce91
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+  "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/serializer/Model.ProductQuantityPriceRule.yml b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/serializer/Model.ProductQuantityPriceRule.yml
index 5767e5dd78..168532b7f5 100755
--- a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/serializer/Model.ProductQuantityPriceRule.yml
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/serializer/Model.ProductQuantityPriceRule.yml
@@ -18,7 +18,7 @@ CoreShop\Component\ProductQuantityPriceRules\Model\ProductQuantityPriceRule:
         active:
             expose: true
             type: boolean
-            groups: [Detailed, Version]
+            groups: [List, Detailed, Version]
         priority:
             expose: true
             type: integer
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..b4636479a7
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/config/services/studio.yml
@@ -0,0 +1,14 @@
+services:
+  _defaults:
+    autowire: true
+    autoconfigure: true
+    public: false
+
+  CoreShop\Bundle\ProductQuantityPriceRulesBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
+
+  # StudioBackend Data Adapters
+  CoreShop\Bundle\ProductQuantityPriceRulesBundle\StudioBackend\DataAdapter\ProductQuantityPriceRulesAdapter:
+    tags:
+      - { name: pimcore.studio_backend.data_adapter }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..60b8bce800
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,36 @@
+---
+coreshop_product_quantity_price_rules: 'Produkt Stückmengen-Preisregeln'
+coreshop_product_quantity_price_rules_calculation_behaviour: 'Berechnungsverhalten'
+coreshop_product_quantity_price_rules_ranges: 'Stückmengen-Preisregeln'
+coreshop_product_quantity_price_rules_range_starting_from: 'Ab'
+coreshop_product_quantity_price_rules_highlight: 'Hervorheben'
+coreshop_product_quantity_price_rules_quantity_amount: 'Einheiten'
+coreshop_product_quantity_price_rules_copy_ranges: 'Bereiche kopieren'
+coreshop_product_quantity_price_rules_paste_ranges: 'Bereiche einfügen'
+coreshop_product_quantity_price_rules_paste_entry_amounts: 'Einträge'
+coreshop_product_quantity_price_rules_behaviour: 'Berechnungsverhalten'
+coreshop_product_quantity_price_rules_behaviour_nothing_selected: 'Nichts ausgewählt'
+coreshop_product_quantity_price_rules_behaviour_fixed: 'Neuer Preis'
+coreshop_product_quantity_price_rules_behaviour_percentage_decrease: 'Preisnachlass (Prozent)'
+coreshop_product_quantity_price_rules_behaviour_percentage_increase: 'Preiszuschlag (Prozent)'
+coreshop_product_quantity_price_rules_behaviour_amount_decrease: 'Preisnachlass (Betrag)'
+coreshop_product_quantity_price_rules_behaviour_amount_increase: 'Preiszuschlag (Betrag)'
+coreshop_product_quantity_price_rules_currency: 'Währung'
+coreshop_product_quantity_price_rules_amount: 'Betrag'
+coreshop_product_quantity_price_rules_percentage: 'Prozentsatz'
+coreshop_product_quantity_price_rules_pseudo_price: 'Pseudopreis'
+coreshop_product_quantity_price_rules_calculator_volume: 'Volumen'
+
+# Studio v2
+coreshop_conditions_registry_not_available: 'Bedingungsregister nicht verfügbar'
+coreshop_conditions_not_available: 'Bedingungen nicht verfügbar'
+coreshop_enter_name: 'Name eingeben'
+coreshop_enter_rule_name: 'Regelname eingeben'
+coreshop_new_rule: 'Neue Regel'
+coreshop_delete_rule: 'Regel löschen?'
+coreshop_delete_rule_confirm: 'Sind Sie sicher, dass Sie diese Regel löschen möchten?'
+coreshop_no_quantity_price_rules: 'Keine Stückmengen-Preisregeln definiert'
+coreshop_add_quantity_price_rule: 'Stückmengen-Preisregel hinzufügen'
+coreshop_product_quantity_price_rules_no_ranges: 'Keine Bereiche konfiguriert'
+coreshop_product_quantity_price_rules_units: 'Einheiten'
+coreshop_product_quantity_price_rules_unit_definition: 'Einheit'
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..b0fffa40a9
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,36 @@
+---
+coreshop_product_quantity_price_rules: 'Product Quantity Price Rules'
+coreshop_product_quantity_price_rules_calculation_behaviour: 'Calculation Behaviour'
+coreshop_product_quantity_price_rules_ranges: 'Quantity Price Ranges'
+coreshop_product_quantity_price_rules_range_starting_from: 'Starting from'
+coreshop_product_quantity_price_rules_highlight: 'Highlight'
+coreshop_product_quantity_price_rules_quantity_amount: 'Units'
+coreshop_product_quantity_price_rules_copy_ranges: 'Copy Ranges'
+coreshop_product_quantity_price_rules_paste_ranges: 'Paste Ranges'
+coreshop_product_quantity_price_rules_paste_entry_amounts: 'Entries'
+coreshop_product_quantity_price_rules_behaviour: 'Calculation Behaviour'
+coreshop_product_quantity_price_rules_behaviour_nothing_selected: 'Nothing Selected'
+coreshop_product_quantity_price_rules_behaviour_fixed: 'New Price'
+coreshop_product_quantity_price_rules_behaviour_percentage_decrease: 'Percentage Decrease'
+coreshop_product_quantity_price_rules_behaviour_percentage_increase: 'Percentage Increase'
+coreshop_product_quantity_price_rules_behaviour_amount_decrease: 'Amount Decrease'
+coreshop_product_quantity_price_rules_behaviour_amount_increase: 'Amount Increase'
+coreshop_product_quantity_price_rules_currency: 'Currency'
+coreshop_product_quantity_price_rules_amount: 'Amount'
+coreshop_product_quantity_price_rules_percentage: 'Percentage'
+coreshop_product_quantity_price_rules_pseudo_price: 'Pseudo Price'
+coreshop_product_quantity_price_rules_calculator_volume: 'Volume'
+
+# Studio v2
+coreshop_conditions_registry_not_available: 'Conditions registry not available'
+coreshop_conditions_not_available: 'Conditions not available'
+coreshop_enter_name: 'Enter name'
+coreshop_enter_rule_name: 'Enter rule name'
+coreshop_new_rule: 'New Rule'
+coreshop_delete_rule: 'Delete Rule?'
+coreshop_delete_rule_confirm: 'Are you sure you want to delete this rule?'
+coreshop_no_quantity_price_rules: 'No quantity price rules defined'
+coreshop_add_quantity_price_rule: 'Add Quantity Price Rule'
+coreshop_product_quantity_price_rules_no_ranges: 'No ranges configured'
+coreshop_product_quantity_price_rules_units: 'Units'
+coreshop_product_quantity_price_rules_unit_definition: 'Unit'
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..8843e4bc12
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ProductQuantityPriceRulesBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/StudioBackend/DataAdapter/ProductQuantityPriceRulesAdapter.php b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/StudioBackend/DataAdapter/ProductQuantityPriceRulesAdapter.php
new file mode 100644
index 0000000000..bd86a1555f
--- /dev/null
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/StudioBackend/DataAdapter/ProductQuantityPriceRulesAdapter.php
@@ -0,0 +1,161 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ProductQuantityPriceRulesBundle\StudioBackend\DataAdapter;
+
+use CoreShop\Bundle\ProductQuantityPriceRulesBundle\CoreExtension\ProductQuantityPriceRules;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
+use CoreShop\Component\ProductQuantityPriceRules\Model\ProductQuantityPriceRuleInterface;
+use JMS\Serializer\SerializationContext;
+use JMS\Serializer\ArrayTransformerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\DataNormalizerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\Model\FieldContextData;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\SetterDataInterface;
+use Pimcore\Model\DataObject\ClassDefinition\Data;
+use Pimcore\Model\DataObject\Concrete;
+use Pimcore\Model\UserInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use Symfony\Component\DependencyInjection\ParameterBag\ParameterBagInterface;
+
+final readonly class ProductQuantityPriceRulesAdapter implements SetterDataInterface, DataNormalizerInterface
+{
+    public function __construct(
+        private ArrayTransformerInterface $serializer,
+        private ParameterBagInterface $parameterBag,
+        private RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.product_quantity_price_rules.conditions')]
+        private FormTypeRegistryInterface $conditionFormRegistry,
+    ) {
+    }
+
+    public function normalize(
+        mixed $value,
+        Data $fieldDefinition,
+    ): ?array {
+        $calculationBehaviourTypes = [];
+        $pricingBehaviourTypes = [];
+
+        /** @var array<string> $calculators */
+        $calculators = $this->parameterBag->get('coreshop.product_quantity_price_rules.calculators');
+
+        /** @var array<string> $actions */
+        $actions = $this->parameterBag->get('coreshop.product_quantity_price_rules.actions');
+
+        foreach ($calculators as $type) {
+            $calculationBehaviourTypes[] = [$type, 'coreshop_product_quantity_price_rules_calculator_' . strtolower($type)];
+        }
+
+        foreach ($actions as $type) {
+            $pricingBehaviourTypes[] = [$type, 'coreshop_product_quantity_price_rules_behaviour_' . strtolower($type)];
+        }
+
+        $result = [
+            'conditions' => $this->getConfigConditions(),
+            'actions' => $this->getConfigActions(),
+            'conditionSchemaByType' => $this->getConditionSchemaByType(),
+            'actionSchemaByType' => [],
+            'rules' => [],
+            'stores' => [
+                'calculationBehaviourTypes' => $calculationBehaviourTypes,
+                'pricingBehaviourTypes' => $pricingBehaviourTypes,
+            ],
+        ];
+
+        if (!is_array($value)) {
+            return $result;
+        }
+
+        $context = SerializationContext::create();
+        $context->setSerializeNull(true);
+        $context->setGroups(['Default', 'Detailed']);
+
+        $serializedRules = [];
+        foreach ($value as $rule) {
+            if ($rule instanceof ProductQuantityPriceRuleInterface) {
+                $serializedRules[] = $this->serializer->toArray($rule, $context);
+            }
+        }
+
+        $result['rules'] = $serializedRules;
+
+        return $result;
+    }
+
+    public function getDataForSetter(
+        Concrete $element,
+        Data $fieldDefinition,
+        string $key,
+        array $data,
+        UserInterface $user,
+        ?FieldContextData $contextData = null,
+        bool $isPatch = false,
+    ): mixed {
+        if (!$fieldDefinition instanceof ProductQuantityPriceRules) {
+            return null;
+        }
+
+        if (!isset($data[$key])) {
+            return [];
+        }
+
+        // The data from frontend is in format { rules: [...] }
+        $rulesData = $data[$key];
+        if (isset($rulesData['rules'])) {
+            $rulesData = $rulesData['rules'];
+        }
+
+        if (!is_array($rulesData)) {
+            return [];
+        }
+
+        return $fieldDefinition->getDataFromEditmode($rulesData, $element);
+    }
+
+    /**
+     * @return array<string>
+     */
+    private function getConfigActions(): array
+    {
+        /** @var array<string, mixed> $actions */
+        $actions = $this->parameterBag->get('coreshop.product_quantity_price_rules.actions');
+
+        return array_keys($actions);
+    }
+
+    /**
+     * @return array<string>
+     */
+    private function getConfigConditions(): array
+    {
+        /** @var array<string, mixed> $conditions */
+        $conditions = $this->parameterBag->get('coreshop.product_quantity_price_rules.conditions');
+
+        return array_keys($conditions);
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    private function getConditionSchemaByType(): array
+    {
+        return $this->schemaCollector->collectSchemasWithTypeMap(
+            $this->conditionFormRegistry,
+            $this->getConfigConditions(),
+        )['schemaByType'];
+    }
+}
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/composer.json b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/composer.json
index 164084be31..f678015fb1 100644
--- a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/composer.json
+++ b/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/composer.json
@@ -1,65 +1,72 @@
 {
-  "name": "coreshop/product-quantity-price-rules-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Product Quantity Price Rules Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "Stefan Hagspiel",
-      "email": "shagspiel@dachcom.com",
-      "homepage": "https://www.dachcom.com/",
-      "role": "Developer"
+    "name": "coreshop/product-quantity-price-rules-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Product Quantity Price Rules Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "Stefan Hagspiel",
+            "email": "shagspiel@dachcom.com",
+            "homepage": "https://www.dachcom.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/product-quantity-price-rules": "^5.0",
+        "coreshop/rule-bundle": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/product-quantity-price-rules": "^5.0",
-    "coreshop/rule-bundle": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ProductQuantityPriceRulesBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ProductQuantityPriceRulesBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreGridConfigInstaller.php b/src/CoreShop/Bundle/ResourceBundle/AdminClass/Installer/PimcoreGridConfigInstaller.php
similarity index 88%
rename from src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreGridConfigInstaller.php
rename to src/CoreShop/Bundle/ResourceBundle/AdminClass/Installer/PimcoreGridConfigInstaller.php
index 9e1fe4b3ff..0f439e9fe9 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreGridConfigInstaller.php
+++ b/src/CoreShop/Bundle/ResourceBundle/AdminClass/Installer/PimcoreGridConfigInstaller.php
@@ -15,9 +15,11 @@
  *
  */
 
-namespace CoreShop\Bundle\ResourceBundle\Installer;
+namespace CoreShop\Bundle\ResourceBundle\AdminClass\Installer;
 
 use CoreShop\Bundle\ResourceBundle\Installer\Configuration\GridConfigConfiguration;
+use CoreShop\Bundle\ResourceBundle\Installer\PimcoreClassInstallerInterface;
+use CoreShop\Bundle\ResourceBundle\Installer\ResourceInstallerInterface;
 use CoreShop\Bundle\ResourceBundle\Pimcore\ObjectManager;
 use CoreShop\Component\Pimcore\DataObject\GridConfigInstallerInterface;
 use CoreShop\Component\Resource\Metadata\RegistryInterface;
@@ -45,6 +47,15 @@ public function installResources(OutputInterface $output, ?string $applicationNa
         $parameter = $applicationName ? sprintf('%s.pimcore.admin.install.grid_config', $applicationName) : 'coreshop.all.pimcore.admin.install.grid_config';
 
         if ($this->kernel->getContainer()->hasParameter($parameter)) {
+            if (
+                !class_exists(\Pimcore\Bundle\AdminBundle\Model\GridConfig::class)
+                || !class_exists(\Pimcore\Bundle\AdminBundle\Model\GridConfig\Listing::class)
+            ) {
+                $output->writeln('  - <comment>Skip Grid Config installation (Classic Admin not installed)</comment>');
+
+                return;
+            }
+
             /**
              * @var array $routeFilesToInstall
              */
diff --git a/src/CoreShop/Bundle/ResourceBundle/Pimcore/GridColumnConfig/ResourceFieldGetter.php b/src/CoreShop/Bundle/ResourceBundle/AdminClass/Pimcore/GridColumnConfig/ResourceFieldGetter.php
similarity index 97%
rename from src/CoreShop/Bundle/ResourceBundle/Pimcore/GridColumnConfig/ResourceFieldGetter.php
rename to src/CoreShop/Bundle/ResourceBundle/AdminClass/Pimcore/GridColumnConfig/ResourceFieldGetter.php
index 1acf66aa0c..19eeac2360 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Pimcore/GridColumnConfig/ResourceFieldGetter.php
+++ b/src/CoreShop/Bundle/ResourceBundle/AdminClass/Pimcore/GridColumnConfig/ResourceFieldGetter.php
@@ -15,7 +15,7 @@
  *
  */
 
-namespace CoreShop\Bundle\ResourceBundle\Pimcore\GridColumnConfig;
+namespace CoreShop\Bundle\ResourceBundle\AdminClass\Pimcore\GridColumnConfig;
 
 use CoreShop\Component\Resource\Model\ResourceInterface;
 use Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\AbstractOperator;
diff --git a/src/CoreShop/Bundle/ResourceBundle/Controller/AdminController.php b/src/CoreShop/Bundle/ResourceBundle/Controller/AdminController.php
index c2a0c4f82c..af3d4a6144 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Controller/AdminController.php
+++ b/src/CoreShop/Bundle/ResourceBundle/Controller/AdminController.php
@@ -17,14 +17,12 @@
 
 namespace CoreShop\Bundle\ResourceBundle\Controller;
 
+use Pimcore\Controller\UserAwareController;
 use Symfony\Component\DependencyInjection\ParameterBag\ParameterBagInterface;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Contracts\Service\Attribute\SubscribedService;
 
-/**
- * @psalm-suppress InternalClass
- */
-class AdminController extends \Pimcore\Bundle\AdminBundle\Controller\AdminAbstractController
+class AdminController extends UserAwareController
 {
     public function __construct(
         \Psr\Container\ContainerInterface $container,
@@ -39,11 +37,6 @@ protected function getParameter(string $name): array|bool|string|int|float|\Unit
         return $this->parameterBag->get($name);
     }
 
-    /**
-     * @return mixed
-     *
-     * based on Symfony\Component\HttpFoundation\Request::get
-     */
     protected function getParameterFromRequest(Request $request, string $key, $default = null): mixed
     {
         if ($request !== $result = $request->attributes->get($key, $request)) {
@@ -63,9 +56,8 @@ protected function getParameterFromRequest(Request $request, string $key, $defau
 
     /**
      * @psalm-suppress ImplementedReturnTypeMismatch
-     * @psalm-suppress InvalidReturnType
      *
-     * @return non-empty-array<array-key, SubscribedService|string>
+     * @return array<array-key, SubscribedService|string>
      */
     public static function getSubscribedServices(): array
     {
diff --git a/src/CoreShop/Bundle/ResourceBundle/Controller/PimcoreController.php b/src/CoreShop/Bundle/ResourceBundle/Controller/PimcoreController.php
index 6f078817b7..c843d267ed 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Controller/PimcoreController.php
+++ b/src/CoreShop/Bundle/ResourceBundle/Controller/PimcoreController.php
@@ -51,7 +51,7 @@ protected function isGrantedOr403(): void
              *
              * @psalm-suppress InternalMethod
              */
-            $user = $this->getAdminUser();
+            $user = $this->getPimcoreUser();
 
             if ($user->isAllowed($this->getPermission())) {
                 return;
diff --git a/src/CoreShop/Bundle/ResourceBundle/Controller/ResourceSettingsController.php b/src/CoreShop/Bundle/ResourceBundle/Controller/ResourceSettingsController.php
index 956a4a9d7f..174cac63a0 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Controller/ResourceSettingsController.php
+++ b/src/CoreShop/Bundle/ResourceBundle/Controller/ResourceSettingsController.php
@@ -28,13 +28,38 @@ class ResourceSettingsController extends AdminController
     public function getNicePathAction(Request $request): Response
     {
         $targets = json_decode($this->getParameterFromRequest($request, 'targets'), true);
+        $detailed = $request->request->getBoolean('detailed');
         $result = [];
 
         foreach ($targets as $target) {
             $element = Service::getElementById($target['type'], $target['id']);
 
             if ($element instanceof AbstractElement) {
-                $result[$element->getId()] = $element->getFullPath();
+                if ($detailed) {
+                    // Return detailed information
+                    $elementData = [
+                        'id' => $element->getId(),
+                        'type' => $target['type'],
+                        'fullPath' => $element->getFullPath(),
+                        'subtype' => null,
+                        'isPublished' => true,
+                    ];
+
+                    // Add subtype for objects
+                    if (method_exists($element, 'getType')) {
+                        $elementData['subtype'] = $element->getType();
+                    }
+
+                    // Add published status
+                    if (method_exists($element, 'isPublished')) {
+                        $elementData['isPublished'] = $element->isPublished();
+                    }
+
+                    $result[$element->getId()] = $elementData;
+                } else {
+                    // Backward compatible: return only fullPath as string
+                    $result[$element->getId()] = $element->getFullPath();
+                }
             }
         }
 
diff --git a/src/CoreShop/Bundle/ResourceBundle/CoreShopResourceBundle.php b/src/CoreShop/Bundle/ResourceBundle/CoreShopResourceBundle.php
index f02c310f58..70bbe0570b 100644
--- a/src/CoreShop/Bundle/ResourceBundle/CoreShopResourceBundle.php
+++ b/src/CoreShop/Bundle/ResourceBundle/CoreShopResourceBundle.php
@@ -18,6 +18,7 @@
 namespace CoreShop\Bundle\ResourceBundle;
 
 use Composer\InstalledVersions;
+use CoreShop\Bundle\ResourceBundle\Helper\AdminUIDetector;
 use CoreShop\Bundle\ResourceBundle\DependencyInjection\Compiler\DoctrineTargetEntitiesResolverPass;
 use CoreShop\Bundle\ResourceBundle\DependencyInjection\Compiler\RegisterInstallersPass;
 use CoreShop\Bundle\ResourceBundle\DependencyInjection\Compiler\RegisterPimcoreRepositoriesPass;
@@ -27,14 +28,13 @@
 use CoreShop\Bundle\ResourceBundle\DependencyInjection\Compiler\StackRepositoryPass;
 use CoreShop\Bundle\ResourceBundle\DependencyInjection\Compiler\ValidatorAutoMappingFixPass;
 use JMS\SerializerBundle\JMSSerializerBundle;
-use Pimcore\Bundle\AdminBundle\PimcoreAdminBundle;
 use Pimcore\Bundle\ApplicationLoggerBundle\PimcoreApplicationLoggerBundle;
 use Pimcore\Bundle\SimpleBackendSearchBundle\PimcoreSimpleBackendSearchBundle;
-use Pimcore\Bundle\StaticRoutesBundle\PimcoreStaticRoutesBundle;
 use Pimcore\Extension\Bundle\AbstractPimcoreBundle;
 use Pimcore\HttpKernel\Bundle\DependentBundleInterface;
 use Pimcore\HttpKernel\BundleCollection\BundleCollection;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\HttpKernel\Bundle\BundleInterface;
 
 final class CoreShopResourceBundle extends AbstractPimcoreBundle implements DependentBundleInterface
 {
@@ -69,23 +69,16 @@ public static function registerDependentBundles(BundleCollection $collection): v
         $collection->addBundle(new \CoreShop\Bundle\OptimisticEntityLockBundle\CoreShopOptimisticEntityLockBundle(), 3800);
         $collection->addBundle(new \CoreShop\Bundle\LocaleBundle\CoreShopLocaleBundle(), 3850);
         $collection->addBundle(new \Stof\DoctrineExtensionsBundle\StofDoctrineExtensionsBundle(), 1200);
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
-        $collection->addBundle(new PimcoreAdminBundle(), 10);
-        $collection->addBundle(new PimcoreApplicationLoggerBundle(), 10);
-
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
-        $collection->addBundle(new PimcoreStaticRoutesBundle(), 10);
 
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
+        $collection->addBundle(new PimcoreApplicationLoggerBundle(), 10);
+        $staticRoutesBundleClass = self::getStaticRoutesBundleClass();
+        if (null !== $staticRoutesBundleClass) {
+            /** @psalm-suppress DeprecatedClass */
+            $collection->addBundle(new $staticRoutesBundleClass(), 10);
+        }
+        /** @psalm-suppress DeprecatedClass */
         $collection->addBundle(new PimcoreSimpleBackendSearchBundle(), 10);
     }
-
     public function getNiceName(): string
     {
         return 'CoreShop - Resource';
@@ -128,4 +121,17 @@ public static function getAvailableDrivers(): array
             self::DRIVER_DOCTRINE_ORM,
         ];
     }
+
+    /**
+     * @return class-string<BundleInterface>|null
+     */
+    private static function getStaticRoutesBundleClass(): ?string
+    {
+        $staticRoutesBundleClass = sprintf('Pimcore\\Bundle\\%s\\PimcoreStaticRoutesBundle', 'StaticRoutesBundle');
+        if (!class_exists($staticRoutesBundleClass) || !is_subclass_of($staticRoutesBundleClass, BundleInterface::class)) {
+            return null;
+        }
+
+        return $staticRoutesBundleClass;
+    }
 }
diff --git a/src/CoreShop/Bundle/ResourceBundle/DependencyInjection/CoreShopResourceExtension.php b/src/CoreShop/Bundle/ResourceBundle/DependencyInjection/CoreShopResourceExtension.php
index 93a61dcdd5..448d950dbd 100644
--- a/src/CoreShop/Bundle/ResourceBundle/DependencyInjection/CoreShopResourceExtension.php
+++ b/src/CoreShop/Bundle/ResourceBundle/DependencyInjection/CoreShopResourceExtension.php
@@ -33,10 +33,11 @@
 use Symfony\Component\DependencyInjection\ContainerBuilder;
 use Symfony\Component\DependencyInjection\Definition;
 use Symfony\Component\DependencyInjection\Exception\InvalidArgumentException;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 use function Symfony\Component\String\u;
 
-final class CoreShopResourceExtension extends AbstractModelExtension
+final class CoreShopResourceExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
     public function load(array $configs, ContainerBuilder $container): void
     {
@@ -65,10 +66,18 @@ public function load(array $configs, ContainerBuilder $container): void
 
         $bundles = $container->getParameter('kernel.bundles');
 
+        if (array_key_exists('PimcoreAdminBundle', $bundles)) {
+            $loader->load('services/classic_admin.yml');
+        }
+
         if (array_key_exists('PimcoreDataHubBundle', $bundles)) {
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $container->setParameter('coreshop.resources', []);
         $container->setParameter('coreshop.resource.mapping', $configs['mapping']);
         $container->setParameter('coreshop.orm_cascade_merge', $configs['orm_cascade_merge_associations']);
@@ -102,6 +111,24 @@ public function load(array $configs, ContainerBuilder $container): void
         ;
     }
 
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'Pimcore\\Bundle\\StudioBackendBundle\\DataObject\\Data\\Adapter\\ManyToOneRelationAdapter' => [
+                        'coreShopRelation',
+                    ],
+                    'Pimcore\\Bundle\\StudioBackendBundle\\DataObject\\Data\\Adapter\\ManyToManyRelationAdapter' => [
+                        'coreShopRelations',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     private function autoRegisterPimcoreModels(array &$config, ContainerBuilder $container): void
     {
         /** @var array $pimcoreResources */
diff --git a/src/CoreShop/Bundle/ResourceBundle/Form/Type/TagCollectionType.php b/src/CoreShop/Bundle/ResourceBundle/Form/Type/TagCollectionType.php
new file mode 100644
index 0000000000..5334419bb7
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Form/Type/TagCollectionType.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ResourceBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+/**
+ * A CollectionType preset for simple string tags.
+ *
+ * Renders as a tag input in Pimcore Studio forms.
+ */
+class TagCollectionType extends AbstractType
+{
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'entry_type' => TextType::class,
+            'allow_add' => true,
+            'allow_delete' => true,
+        ]);
+    }
+
+    public function getParent(): string
+    {
+        return CollectionType::class;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'tag_collection';
+    }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreRoutesInstaller.php b/src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreRoutesInstaller.php
index 994575d982..a277f08df7 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreRoutesInstaller.php
+++ b/src/CoreShop/Bundle/ResourceBundle/Installer/PimcoreRoutesInstaller.php
@@ -18,7 +18,6 @@
 namespace CoreShop\Bundle\ResourceBundle\Installer;
 
 use CoreShop\Bundle\ResourceBundle\Installer\Configuration\RouteConfiguration;
-use Pimcore\Bundle\StaticRoutesBundle\Model\Staticroute;
 use Symfony\Component\Config\Definition\Processor;
 use Symfony\Component\Console\Helper\ProgressBar;
 use Symfony\Component\Console\Output\OutputInterface;
@@ -34,6 +33,13 @@ public function __construct(
 
     public function installResources(OutputInterface $output, ?string $applicationName = null, array $options = []): void
     {
+        $staticRouteClass = self::getStaticRouteClass();
+        if (null === $staticRouteClass) {
+            $output->writeln('  - <comment>Skipping static route installation (Pimcore StaticRoutesBundle not installed)</comment>');
+
+            return;
+        }
+
         $parameter = $applicationName ? sprintf('%s.pimcore.admin.install.routes', $applicationName) : 'coreshop.all.pimcore.admin.install.routes';
 
         if ($this->kernel->getContainer()->hasParameter($parameter)) {
@@ -80,7 +86,7 @@ public function installResources(OutputInterface $output, ?string $applicationNa
             foreach ($routesToInstall as $name => $routeData) {
                 $progress->setMessage(sprintf('Install Route %s', $name));
 
-                $this->installRoute($name, $routeData);
+                $this->installRoute($name, $routeData, $staticRouteClass);
 
                 $progress->advance();
             }
@@ -92,12 +98,15 @@ public function installResources(OutputInterface $output, ?string $applicationNa
         }
     }
 
-    private function installRoute(string $name, array $properties): Staticroute
+    /**
+     * @param class-string $staticRouteClass
+     */
+    private function installRoute(string $name, array $properties, string $staticRouteClass): void
     {
-        $route = Staticroute::getByName($name);
+        $route = call_user_func([$staticRouteClass, 'getByName'], $name);
 
         if (!$route) {
-            $route = new Staticroute();
+            $route = new $staticRouteClass();
             $route->setId($name);
             $route->setName($name);
             $route->setMethods($properties['methods']);
@@ -109,7 +118,18 @@ private function installRoute(string $name, array $properties): Staticroute
 
             $route->save();
         }
+    }
+
+    /**
+     * @return class-string|null
+     */
+    private static function getStaticRouteClass(): ?string
+    {
+        $staticRouteClass = sprintf('Pimcore\\Bundle\\%s\\Model\\Staticroute', 'StaticRoutesBundle');
+        if (!class_exists($staticRouteClass)) {
+            return null;
+        }
 
-        return $route;
+        return $staticRouteClass;
     }
 }
diff --git a/src/CoreShop/Bundle/ResourceBundle/README.md b/src/CoreShop/Bundle/ResourceBundle/README.md
index 43497f1880..2452d882b1 100644
--- a/src/CoreShop/Bundle/ResourceBundle/README.md
+++ b/src/CoreShop/Bundle/ResourceBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..86e9cc30f2
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@coreshop/resource",
+  "version": "1.0.0",
+  "description": "CoreShop ResourceBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/pimcore": "file:../../../../PimcoreBundle/Resources/assets/pimcore-studio"
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/rsbuild-config-factory.ts.bak b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/rsbuild-config-factory.ts.bak
new file mode 100644
index 0000000000..f4a027218c
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/rsbuild-config-factory.ts.bak
@@ -0,0 +1,192 @@
+/**
+ * CoreShop RSBuild Config Factory
+ *
+ * Shared utility to generate RSBuild configurations for CoreShop bundles
+ */
+
+import {defineConfig, RsbuildConfig} from '@rsbuild/core'
+import {pluginReact} from '@rsbuild/plugin-react'
+import {pluginModuleFederation} from '@module-federation/rsbuild-plugin'
+import {pluginGenerateEntrypoints} from '@pimcore/studio-ui-bundle/rsbuild/plugins'
+import { pluginSvgr } from '@rsbuild/plugin-svgr';
+import path from 'path'
+import fs from 'fs'
+import {v4} from 'uuid'
+
+export interface CoreShopBundleConfig {
+    /**
+     * Bundle name (e.g., 'menu', 'resource', 'address')
+     */
+    bundleName: string
+
+    /**
+     * Development server port
+     */
+    port: number
+
+    /**
+     * Entry file path relative to src directory
+     * @default './src/index.ts'
+     */
+    entryFile?: string
+
+    /**
+     * Base directory where the rsbuild config is located
+     * Use __dirname from the calling config file
+     */
+    baseDir: string,
+}
+
+/**
+ * Creates a standardized RSBuild configuration for CoreShop bundles
+ */
+export function createCoreShopBundleConfig(config: CoreShopBundleConfig, packages: any): RsbuildConfig {
+    const {bundleName, port, entryFile = './src/index.ts', baseDir} = config
+
+    const buildId = v4()
+    const buildPath = path.resolve(baseDir, '..', '..', 'public', 'studio', buildId)
+    const bundlePrefix = `coreshop${bundleName.toLowerCase()}`
+
+    // Clean old build directories
+    const studioPath = path.resolve(baseDir, '..', '..', 'public', 'studio')
+    if (fs.existsSync(studioPath)) {
+        fs.readdirSync(studioPath).forEach((file) => {
+            const filePath = path.resolve(studioPath, file)
+            if (fs.statSync(filePath).isDirectory()) {
+                fs.rmSync(filePath, {recursive: true, force: true})
+            }
+        })
+    }
+
+    // Ensure build directory exists
+    if (!fs.existsSync(buildPath)) {
+        fs.mkdirSync(buildPath, {recursive: true})
+    }
+
+    let nodeEnv = process.env.NODE_ENV;
+    let env: 'development' | 'production' = 'production';
+
+    const isDevServer = nodeEnv === 'dev-server';
+    if (nodeEnv !== env) {
+        env = 'development';
+    }
+
+    return defineConfig({
+        mode: env,
+        server: {
+            port,
+        },
+        dev: {
+            ...(!isDevServer ? {assetPrefix: `/bundles/${bundlePrefix}/studio/${buildId}`} : {}),
+            client: {
+                host: 'localhost',
+                port,
+                protocol: 'ws'
+            }
+        },
+        source: {
+            entry: {
+                main: entryFile
+            },
+            decorators: {
+                version: 'legacy'
+            },
+            alias: {
+                [`@CoreShop${bundleName.charAt(0).toUpperCase() + bundleName.slice(1)}`]: path.resolve(baseDir, 'src'),
+                [`@CoreShop${bundleName.charAt(0).toUpperCase() + bundleName.slice(1)}/assets`]: path.resolve(baseDir, 'src/assets')
+            }
+        },
+        output: {
+            manifest: true,
+            assetPrefix: `/bundles/${bundlePrefix}/studio/${buildId}`,
+            distPath: {
+                root: buildPath
+            },
+        },
+        tools: {
+            bundlerChain: (chain, {env}) => {
+                chain.output.uniqueName(bundlePrefix)
+            },
+        },
+        plugins: [
+            pluginGenerateEntrypoints(),
+            pluginReact(),
+            pluginSvgr({
+                svgrOptions: {
+                    icon: true,
+                    typescript: true,
+                }
+            }),
+            pluginModuleFederation({
+                name: bundlePrefix,
+                filename: 'static/js/remoteEntry.js',
+                exposes: {
+                    '.': entryFile,
+                },
+                dts: false,
+                remotes: {
+                    '@pimcore/studio-ui-bundle': `promise new Promise(resolve => {
+          const studioUIBundleRemoteUrl = window.StudioUIBundleRemoteUrl
+          const script = document.createElement('script')
+
+          let hasScript = false;
+
+          document.querySelectorAll('script').forEach((el) => {
+            const elPathname = el.src.replace(/https?:\\/\\/[^/]+/, '')
+            const studioUIBundleRemoteUrlPathname = studioUIBundleRemoteUrl.replace(/https?:\\/\\/[^/]+/, '')
+
+            if (elPathname === studioUIBundleRemoteUrlPathname) {
+              hasScript = true;
+              return;
+            }
+          })
+
+          if (hasScript) {
+            resolve({
+              get: (request) => window['pimcore_studio_ui_bundle'].get(request),
+              init: (...arg) => {
+                try {
+                  return window['pimcore_studio_ui_bundle'].init(...arg)
+                } catch(e) {
+                  console.log('remote container already initialized')
+                }
+              }
+            })
+            return
+          }
+
+          script.src = studioUIBundleRemoteUrl
+          script.onload = () => {
+            const proxy = {
+              get: (request) => window['pimcore_studio_ui_bundle'].get(request),
+              init: (...arg) => {
+                try {
+                  return window['pimcore_studio_ui_bundle'].init(...arg)
+                } catch(e) {
+                  console.log('remote container already initialized')
+                }
+              }
+            }
+            resolve(proxy)
+          }
+          document.head.appendChild(script);
+        })
+        `,
+                },
+                shared: {
+                    ...packages.dependencies,
+                    react: {
+                        singleton: true,
+                        eager: true,
+                        requiredVersion: false,
+                    },
+                    'react-dom': {
+                        singleton: true,
+                        eager: true,
+                        requiredVersion: false,
+                    }
+                },
+            })
+        ]
+    })
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/cursor.svg b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/cursor.svg
new file mode 100644
index 0000000000..7e6b641f92
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/cursor.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#E0E0E0;}
+	.st1{fill:#212121;}
+</style>
+<path class="st0" d="M27.8,45.4c-0.1,0-0.3,0-0.6-0.1c-0.3-0.1-0.6-0.4-0.9-0.7l-5.3-12.3l-6.4,6c-0.1,0.3-0.4,0.4-0.9,0.4
+	c-0.1,0-0.4,0-0.6-0.1c-0.4-0.1-0.9-0.7-0.9-1.3V5.8c0-0.6,0.3-1.1,0.9-1.3c0.1-0.1,0.4-0.1,0.6-0.1c0.3,0,0.7,0.1,1,0.4l22.9,21.4
+	c0.4,0.4,0.6,1,0.4,1.6c-0.1,0.6-0.7,0.9-1.3,1l-9,0.9l5.6,12.1c0.1,0.3,0.1,0.7,0,1.1c-0.1,0.3-0.4,0.7-0.7,0.9l-4.1,1.9
+	C28.3,45.4,28,45.4,27.8,45.4z"/>
+<path class="st1" d="M13.8,5.8l22.5,21.1l-10.8,1l6.3,13.8l-4.1,1.8l-6-13.9l-7.9,7.2V5.8 M13.8,3c-0.4,0-0.7,0.1-1.1,0.3
+	c-1,0.4-1.7,1.4-1.7,2.5v30.9c0,1.1,0.7,2.1,1.7,2.5c0.4,0.3,0.8,0.3,1.1,0.3c0.7,0,1.4-0.3,2-0.7l4.8-4.5l4.4,10.3
+	c0.3,0.7,0.8,1.3,1.5,1.5c0.3,0.1,0.7,0.1,1,0.1c0.4,0,0.7-0.1,1.1-0.3l4.1-1.8c0.7-0.3,1.3-0.8,1.5-1.5c0.3-0.7,0.3-1.5,0-2.1
+	l-4.6-10.1l6.9-0.6c1.1-0.1,2.1-0.8,2.4-1.8c0.4-1,0.1-2.2-0.7-2.9L15.6,4C15.2,3.3,14.5,3,13.8,3L13.8,3z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/logo.svg b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/logo.svg
new file mode 100644
index 0000000000..027835960c
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/logo.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px"
+	 viewBox="0 0 61.3 84.6" enable-background="new 0 0 61.3 84.6" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;fill:#cd1017;}
+	.st2{display:inline;fill:#161B1F;}
+	.st3{fill:#cd1017;}
+	.st4{fill:#161B1F;}
+</style>
+<g>
+	<g class="st0">
+		<path class="st1" d="M7.4,113.2c1.6,0,2.9-0.6,3.8-1.9l2,2.1c-1.6,1.8-3.5,2.7-5.7,2.7c-2.2,0-4-0.7-5.4-2.1
+			C0.7,112.7,0,111,0,108.8c0-2.1,0.7-3.9,2.2-5.3c1.5-1.4,3.2-2.1,5.3-2.1c2.3,0,4.3,0.9,5.9,2.7l-2,2.3c-1-1.3-2.3-1.9-3.8-1.9
+			c-1.2,0-2.2,0.4-3.1,1.2c-0.9,0.8-1.3,1.8-1.3,3.2c0,1.3,0.4,2.4,1.2,3.2C5.3,112.8,6.3,113.2,7.4,113.2z"/>
+		<path class="st1" d="M26.1,110.5c0,1.6-0.6,2.9-1.7,4c-1.1,1.1-2.5,1.6-4.2,1.6s-3.1-0.5-4.2-1.6c-1.1-1.1-1.7-2.4-1.7-4
+			c0-1.6,0.6-2.9,1.7-4c1.1-1.1,2.5-1.6,4.2-1.6s3.1,0.5,4.2,1.6C25.6,107.6,26.1,108.9,26.1,110.5z M17.6,110.5
+			c0,0.9,0.3,1.6,0.8,2.2c0.5,0.6,1.2,0.8,2,0.8s1.5-0.3,2-0.8c0.5-0.6,0.8-1.3,0.8-2.2c0-0.9-0.3-1.6-0.8-2.2
+			c-0.5-0.6-1.2-0.9-2-0.9s-1.5,0.3-2,0.9C17.8,108.9,17.6,109.6,17.6,110.5z"/>
+		<path class="st1" d="M34.2,107.7c-0.9,0-1.6,0.3-2,1c-0.5,0.6-0.7,1.5-0.7,2.6v4.8h-3.1v-11h3.1v1.5c0.4-0.5,0.9-0.8,1.5-1.1
+			c0.6-0.3,1.2-0.5,1.8-0.5l0,2.9H34.2z"/>
+		<path class="st1" d="M46.3,114.4c-1.2,1.2-2.7,1.8-4.4,1.8s-3.1-0.5-4.1-1.5c-1.1-1-1.6-2.4-1.6-4.1c0-1.7,0.6-3.1,1.7-4.1
+			c1.1-1,2.4-1.5,3.9-1.5c1.5,0,2.8,0.5,3.9,1.4c1.1,0.9,1.6,2.2,1.6,3.8v1.6h-8c0.1,0.6,0.4,1.1,0.9,1.5c0.5,0.4,1.1,0.6,1.8,0.6
+			c1.1,0,2-0.4,2.7-1.1L46.3,114.4z M43.4,107.9c-0.4-0.4-0.9-0.5-1.5-0.5c-0.6,0-1.2,0.2-1.7,0.6c-0.5,0.4-0.8,0.9-0.9,1.5h4.8
+			C44,108.8,43.8,108.3,43.4,107.9z"/>
+		<path class="st2" d="M52.9,104.6c-0.3,0.3-0.5,0.6-0.5,1s0.2,0.7,0.6,1c0.4,0.2,1.2,0.5,2.6,0.9c1.4,0.3,2.4,0.8,3.2,1.5
+			c0.8,0.7,1.1,1.6,1.1,2.9c0,1.3-0.5,2.3-1.4,3.1c-1,0.8-2.2,1.2-3.8,1.2c-2.3,0-4.3-0.8-6.1-2.5l1.9-2.3c1.5,1.3,3,2,4.3,2
+			c0.6,0,1-0.1,1.4-0.4c0.3-0.3,0.5-0.6,0.5-1c0-0.4-0.2-0.8-0.5-1c-0.4-0.3-1.1-0.5-2.1-0.8c-1.7-0.4-2.9-0.9-3.7-1.5
+			c-0.8-0.6-1.2-1.6-1.2-3c0-1.4,0.5-2.4,1.5-3.1c1-0.7,2.2-1.1,3.7-1.1c1,0,1.9,0.2,2.9,0.5c1,0.3,1.8,0.8,2.5,1.4l-1.6,2.3
+			c-1.2-0.9-2.5-1.4-3.8-1.4C53.6,104.2,53.2,104.3,52.9,104.6z"/>
+		<path class="st2" d="M65.4,110.1v5.9h-3.1v-15.2h3.1v5.4c0.9-0.9,2-1.4,3.1-1.4s2.1,0.4,2.9,1.2c0.8,0.8,1.2,1.9,1.2,3.3v6.7h-3.1
+			v-6c0-1.7-0.6-2.5-1.9-2.5c-0.6,0-1.1,0.2-1.6,0.7C65.6,108.6,65.4,109.2,65.4,110.1z"/>
+		<path class="st2" d="M86.4,110.5c0,1.6-0.6,2.9-1.7,4c-1.1,1.1-2.5,1.6-4.2,1.6c-1.7,0-3.1-0.5-4.2-1.6c-1.1-1.1-1.7-2.4-1.7-4
+			c0-1.6,0.6-2.9,1.7-4c1.1-1.1,2.5-1.6,4.2-1.6c1.7,0,3.1,0.5,4.2,1.6C85.8,107.6,86.4,108.9,86.4,110.5z M77.8,110.5
+			c0,0.9,0.3,1.6,0.8,2.2c0.5,0.6,1.2,0.8,2,0.8s1.5-0.3,2-0.8c0.5-0.6,0.8-1.3,0.8-2.2c0-0.9-0.3-1.6-0.8-2.2
+			c-0.5-0.6-1.2-0.9-2-0.9s-1.5,0.3-2,0.9C78.1,108.9,77.8,109.6,77.8,110.5z"/>
+		<path class="st2" d="M95.1,104.8c1.3,0,2.4,0.5,3.4,1.6c1,1.1,1.5,2.4,1.5,4c0,1.6-0.5,3-1.5,4.1c-1,1.1-2.2,1.6-3.5,1.6
+			c-1.3,0-2.4-0.5-3.2-1.6v5.4h-3.1v-15h3.1v1.2C92.7,105.3,93.8,104.8,95.1,104.8z M91.7,110.5c0,0.9,0.2,1.6,0.7,2.2
+			c0.5,0.6,1.1,0.8,1.8,0.8c0.7,0,1.3-0.3,1.9-0.8c0.5-0.6,0.8-1.3,0.8-2.2c0-0.9-0.3-1.6-0.8-2.2c-0.5-0.6-1.1-0.9-1.9-0.9
+			s-1.3,0.3-1.8,0.9C91.9,108.9,91.7,109.6,91.7,110.5z"/>
+	</g>
+	<g>
+		<path id="Shake" class="st3" d="M60.8,33.7c0-0.1-8.8-20.3-8.8-20.3c-0.7-1.3-1.4-2-2.7-2.5c-1.3-0.6-2.2-0.7-3.7-0.4l-2.9,0.9
+			c0,1.7,0.2,3.4,0.6,4.7c0,0.1,0.1,0.2,0.1,0.3c0.8-1.3,2.5-1.9,4-1.2c1.6,0.7,2.3,2.6,1.6,4.2c-0.7,1.6-2.6,2.3-4.2,1.5
+			c-1-0.5-1.7-1.4-1.8-2.4c0,0,0,0,0,0c-1.3-2.2-1.4-5.6-1.4-6.7l-16.7,5.2c-2.3,1.1-4.1,2-5.2,4.3c-0.8,1.8-4.2,9.1-7.9,17.2
+			L3.3,56.8C1.5,60.5,0.4,63,0.4,63c-1,2.3,0,5,2.2,6c0,0,29.8,13.7,33,15.2c2.3,1,5,0,6-2.2l9.9-21.6l0.8-1.7l8.5-18.5
+			c0.8-1.8,0.7-3.4,0.3-5.1"/>
+		<g>
+			<path class="st4" d="M47.5,0c-1.8-0.1-2.9,1.8-3.4,3.3c-0.8,2-1.2,4.1-1.3,6.3c-0.2,2.4,0,4.7,0.5,6.5c0.4,1.3,1.1,3.1,2.6,3.4
+				c0.7,0.2,1.5-0.1,2-0.5c0.5-0.4,0.9-1,1.1-1.3c0.1-0.1,0.1-0.2,0.1-0.2c-0.1-0.9-0.7-1.7-1.5-2.2c-0.2,0.4-0.3,0.8-0.5,1.1
+				c-0.1,0.2-0.5,1-0.9,0.8c-0.5-0.2-0.8-1.7-1-2.3c-0.3-1.3-0.5-3-0.3-5.2c0.3-4.4,1.6-7.1,2.3-7.4c0.5,0.2,1.6,2.5,1.4,6.9
+				c0,0,1.1,0.3,2.2,1c0-0.1,0.2-2-0.1-4.2c-0.2-1.8-0.5-3.9-1.9-5.3C48.6,0.3,48.1,0,47.5,0z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/services.svg b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/services.svg
new file mode 100644
index 0000000000..c1e76ae046
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/assets/services.svg
@@ -0,0 +1,4 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
+    <path fill="#E65100" d="M25.6,34.4c0.1-0.4,0.1-0.9,0.1-1.4s0-0.9-0.1-1.4l2.8-2c0.3-0.2,0.4-0.6,0.2-0.9l-2.7-4.6 c-0.2-0.3-0.5-0.4-0.8-0.3L22,25.3c-0.7-0.6-1.5-1-2.4-1.4l-0.3-3.4c0-0.3-0.3-0.6-0.6-0.6h-5.3c-0.3,0-0.6,0.3-0.6,0.6L12.4,24 c-0.9,0.3-1.6,0.8-2.4,1.4l-3.1-1.4c-0.3-0.1-0.7,0-0.8,0.3l-2.7,4.6c-0.2,0.3-0.1,0.7,0.2,0.9l2.8,2c-0.1,0.4-0.1,0.9-0.1,1.4 s0,0.9,0.1,1.4l-2.8,2c-0.3,0.2-0.4,0.6-0.2,0.9l2.7,4.6c0.2,0.3,0.5,0.4,0.8,0.3l3.1-1.4c0.7,0.6,1.5,1,2.4,1.4l0.3,3.4 c0,0.3,0.3,0.6,0.6,0.6h5.3c0.3,0,0.6-0.3,0.6-0.6l0.3-3.4c0.9-0.3,1.6-0.8,2.4-1.4l3.1,1.4c0.3,0.1,0.7,0,0.8-0.3l2.7-4.6 c0.2-0.3,0.1-0.7-0.2-0.9L25.6,34.4z M16,38c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5C21,35.8,18.8,38,16,38z"/>
+    <path fill="#FFA000" d="M41.9,15.3C42,14.8,42,14.4,42,14s0-0.8-0.1-1.3l2.5-1.8c0.3-0.2,0.3-0.5,0.2-0.8l-2.5-4.3 c-0.2-0.3-0.5-0.4-0.8-0.2l-2.9,1.3c-0.7-0.5-1.4-0.9-2.2-1.3l-0.3-3.1C36,2.2,35.8,2,35.5,2h-4.9c-0.3,0-0.6,0.2-0.6,0.5l-0.3,3.1 c-0.8,0.3-1.5,0.7-2.2,1.3l-2.9-1.3c-0.3-0.1-0.6,0-0.8,0.2l-2.5,4.3c-0.2,0.3-0.1,0.6,0.2,0.8l2.5,1.8C24,13.2,24,13.6,24,14 s0,0.8,0.1,1.3l-2.5,1.8c-0.3,0.2-0.3,0.5-0.2,0.8l2.5,4.3c0.2,0.3,0.5,0.4,0.8,0.2l2.9-1.3c0.7,0.5,1.4,0.9,2.2,1.3l0.3,3.1 c0,0.3,0.3,0.5,0.6,0.5h4.9c0.3,0,0.6-0.2,0.6-0.5l0.3-3.1c0.8-0.3,1.5-0.7,2.2-1.3l2.9,1.3c0.3,0.1,0.6,0,0.8-0.2l2.5-4.3 c0.2-0.3,0.1-0.6-0.2-0.8L41.9,15.3z M33,19c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5C38,16.8,35.8,19,33,19z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/EntityChoiceWidget.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/EntityChoiceWidget.tsx
new file mode 100644
index 0000000000..03c8e6b822
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/EntityChoiceWidget.tsx
@@ -0,0 +1,49 @@
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { DroppableEntity } from '../entities/components/dnd/DroppableEntity'
+import { EntitySelect, EntityMultiSelect } from './EntitySelect'
+import type { SelectOption } from '../utils/createOptionsLoader'
+
+export interface EntityChoiceWidgetProps extends Omit<SelectProps, 'options' | 'loading'> {
+  loadOptions: () => Promise<SelectOption[]>
+  getCachedOptions?: () => SelectOption[] | null
+  droppableAccept?: string
+}
+
+export const EntityChoiceWidget: React.FC<EntityChoiceWidgetProps> = ({
+  loadOptions,
+  getCachedOptions,
+  droppableAccept,
+  ...selectProps
+}) => {
+  const isMultiple = selectProps.mode === 'multiple'
+
+  const select = isMultiple
+    ? <EntityMultiSelect {...selectProps as any} loadOptions={loadOptions} getCachedOptions={getCachedOptions} />
+    : <EntitySelect {...selectProps} loadOptions={loadOptions} getCachedOptions={getCachedOptions} />
+
+  if (!droppableAccept) {
+    return select
+  }
+
+  return (
+    <DroppableEntity
+      accept={droppableAccept}
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (!selectProps.onChange || !info?.data?.id) return
+        if (isMultiple) {
+          const currentValue = (selectProps.value as number[]) || []
+          const newValue = Array.isArray(currentValue)
+            ? [...currentValue, info.data.id]
+            : [info.data.id]
+          ;(selectProps.onChange as any)(newValue, { target: { value: newValue } })
+        } else {
+          ;(selectProps.onChange as any)(info.data.id, { target: { value: info.data.id } })
+        }
+      }}
+    >
+      {select}
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/EntitySelect.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/EntitySelect.tsx
new file mode 100644
index 0000000000..8c14124a76
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/EntitySelect.tsx
@@ -0,0 +1,80 @@
+import React from 'react'
+import { Select } from 'antd'
+import type { SelectProps } from 'antd'
+import type { SelectOption } from '../utils/createOptionsLoader'
+
+export interface EntitySelectProps extends Omit<SelectProps, 'options' | 'loading'> {
+  loadOptions: () => Promise<SelectOption[]>
+  getCachedOptions?: () => SelectOption[] | null
+}
+
+export const EntitySelect: React.FC<EntitySelectProps> = ({
+  loadOptions,
+  getCachedOptions,
+  ...selectProps
+}) => {
+  const cached = getCachedOptions?.() ?? null
+  const [options, setOptions] = React.useState<SelectOption[]>(cached || [])
+  const [loading, setLoading] = React.useState(!cached)
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!getCachedOptions?.()) setLoading(true)
+      try {
+        const opts = await loadOptions()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      {...selectProps}
+      loading={loading}
+      options={options}
+      showSearch
+      optionFilterProp="label"
+    />
+  )
+}
+
+export interface EntityMultiSelectProps extends Omit<SelectProps<number[]>, 'options' | 'loading' | 'mode'> {
+  loadOptions: () => Promise<SelectOption[]>
+  getCachedOptions?: () => SelectOption[] | null
+}
+
+export const EntityMultiSelect: React.FC<EntityMultiSelectProps> = ({
+  loadOptions,
+  getCachedOptions,
+  ...selectProps
+}) => {
+  const cached = getCachedOptions?.() ?? null
+  const [options, setOptions] = React.useState<SelectOption[]>(cached || [])
+  const [loading, setLoading] = React.useState(!cached)
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!getCachedOptions?.()) setLoading(true)
+      try {
+        const opts = await loadOptions()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      {...selectProps}
+      mode="multiple"
+      loading={loading}
+      options={options}
+      showSearch
+      optionFilterProp="label"
+      maxTagCount="responsive"
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/localization/useStudioLanguages.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/localization/useStudioLanguages.ts
new file mode 100644
index 0000000000..a13b23e0d7
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/components/localization/useStudioLanguages.ts
@@ -0,0 +1,11 @@
+import { useSettings } from '@pimcore/studio-ui-bundle/modules/app'
+import { useMemo } from 'react'
+
+export function useStudioLanguages(): string[] {
+  const settings = useSettings()
+
+  return useMemo(() => {
+    const langs = Array.isArray(settings?.validLanguages) ? settings.validLanguages as string[] : []
+    return langs.length > 0 ? langs : ['en']
+  }, [settings?.validLanguages])
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/ConfigProvider.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/ConfigProvider.ts
new file mode 100644
index 0000000000..12fcad1308
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/ConfigProvider.ts
@@ -0,0 +1,108 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { injectable } from 'inversify'
+import type { ResourceConfig } from './types'
+import { ResourceConfigApi } from './api'
+
+@injectable()
+export class ResourceConfigProvider {
+  private config: ResourceConfig | null = null
+  private loading: Promise<ResourceConfig> | null = null
+  private readonly api: ResourceConfigApi
+
+  constructor() {
+    this.api = new ResourceConfigApi()
+  }
+
+  /**
+   * Get the resource configuration. Loads it from the API if not already cached.
+   */
+  async getConfig(): Promise<ResourceConfig> {
+    if (this.config) {
+      return this.config
+    }
+
+    if (this.loading) {
+      return this.loading
+    }
+
+    this.loading = this.api.getConfig().then(config => {
+      this.config = config
+      this.loading = null
+      return config
+    })
+
+    return this.loading
+  }
+
+  /**
+   * Check if a Pimcore object class is allowed for a given CoreShop resource type.
+   * @param resourceType The CoreShop resource type (e.g., 'coreshop.customer', 'coreshop.product')
+   * @param className The Pimcore DataObject class name (e.g., 'CoreShopCustomer', 'CoreShopProduct')
+   */
+  async isClassAllowedForResource(resourceType: string, className: string): Promise<boolean> {
+    const config = await this.getConfig()
+
+    // Parse resource type (e.g., 'coreshop.customer' -> ['coreshop', 'customer'])
+    const parts = resourceType.split('.')
+    if (parts.length !== 2) {
+      return false
+    }
+
+    const [namespace, type] = parts
+
+    // Check if the namespace exists in the stack
+    const namespaceStack = config.stack[namespace as keyof typeof config.stack]
+    if (!namespaceStack) {
+      return false
+    }
+
+    // Get the allowed classes for this resource type
+    const allowedClasses = namespaceStack[type]
+    if (!allowedClasses) {
+      return false
+    }
+
+    // Check if the class is in the allowed list
+    return allowedClasses.includes(className)
+  }
+
+  /**
+   * Get all allowed classes for a given CoreShop resource type.
+   * @param resourceType The CoreShop resource type (e.g., 'coreshop.customer', 'coreshop.product')
+   */
+  async getAllowedClasses(resourceType: string): Promise<string[]> {
+    const config = await this.getConfig()
+
+    const parts = resourceType.split('.')
+    if (parts.length !== 2) {
+      return []
+    }
+
+    const [namespace, type] = parts
+    const namespaceStack = config.stack[namespace as keyof typeof config.stack]
+    if (!namespaceStack) {
+      return []
+    }
+
+    return namespaceStack[type] || []
+  }
+
+  /**
+   * Clear the cached configuration. Useful for testing or forcing a reload.
+   */
+  clearCache(): void {
+    this.config = null
+    this.loading = null
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/api.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/api.ts
new file mode 100644
index 0000000000..c24886fde3
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/api.ts
@@ -0,0 +1,28 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { ResourceConfig } from './types'
+
+export class ResourceConfigApi {
+  private readonly basePath: string
+
+  constructor(basePath: string = '/pimcore-studio/api') {
+    this.basePath = basePath
+  }
+
+  async getConfig(): Promise<ResourceConfig> {
+    const url = `${this.basePath}/coreshop/resource/config`
+    const res = await fetch(url, { credentials: 'same-origin' })
+    if (!res.ok) throw new Error(`Config request failed: ${res.status}`)
+    return await res.json() as ResourceConfig
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/index.ts
new file mode 100644
index 0000000000..11883e3e8a
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/index.ts
@@ -0,0 +1,16 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './types'
+export * from './api'
+export * from './ConfigProvider'
+export * from './service-ids'
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/service-ids.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/service-ids.ts
new file mode 100644
index 0000000000..921249053b
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/service-ids.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const coreshopResourceServiceIds = {
+  configProvider: 'CoreShopResourceConfigProvider'
+} as const
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/types.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/types.ts
new file mode 100644
index 0000000000..16a6f57dea
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/config/types.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface ResourceConfig {
+  classMap: {
+    app: Record<string, string>
+    coreshop: Record<string, string>
+  }
+  stack: {
+    coreshop: Record<string, string[]>
+  }
+  full_stack: string[]
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect.tsx
new file mode 100644
index 0000000000..10748c9e60
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect.tsx
@@ -0,0 +1,60 @@
+import React from 'react'
+import {
+  DynamicTypeObjectDataAbstractMultiSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { EntityMultiSelect } from '../components/EntitySelect'
+import type { SelectOption } from '../utils/createOptionsLoader'
+
+interface MultiSelectWrapperProps {
+  value?: string[]
+  onChange?: (value: string[]) => void
+  disabled?: boolean
+  style?: React.CSSProperties
+  loadOptions: () => Promise<SelectOption[]>
+  getCachedOptions?: () => SelectOption[] | null
+}
+
+const MultiSelectWrapper: React.FC<MultiSelectWrapperProps> = ({
+  value,
+  onChange,
+  loadOptions,
+  getCachedOptions,
+  ...rest
+}) => {
+  const numericValue = value?.map((v) => Number(v)) ?? []
+
+  const handleChange = (values: number[]) => {
+    onChange?.(values?.map((v) => String(v)) ?? [])
+  }
+
+  return (
+    <EntityMultiSelect
+      {...rest}
+      value={numericValue}
+      onChange={handleChange}
+      loadOptions={loadOptions}
+      getCachedOptions={getCachedOptions}
+    />
+  )
+}
+
+export abstract class DynamicTypeObjectDataCoreShopMultiSelect extends DynamicTypeObjectDataAbstractMultiSelect {
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  abstract loadOptions(): Promise<SelectOption[]>
+  getCachedOptions?(): SelectOption[] | null
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { noteditable, defaultFieldWidth } = props
+
+    return (
+      <MultiSelectWrapper
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+        loadOptions={() => this.loadOptions()}
+        getCachedOptions={this.getCachedOptions ? () => this.getCachedOptions!() : undefined}
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopRelation.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopRelation.tsx
new file mode 100644
index 0000000000..d216e74e69
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopRelation.tsx
@@ -0,0 +1,84 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import {
+  DynamicTypeObjectDataAbstract,
+  ManyToOneRelation,
+  RelationList,
+  type ManyToOneRelationValue
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { isNil } from 'lodash'
+
+interface ClassDefinitionProps {
+  assetsAllowed?: boolean
+  assetTypes?: Array<{ assetTypes: string }>
+  objectsAllowed?: boolean
+  classes?: Array<{ classes: string }>
+  documentsAllowed?: boolean
+  documentTypes?: Array<{ documentTypes: string }>
+}
+
+interface DataComponentProps {
+  allowedAssetTypes?: string[]
+  allowedClasses?: string[]
+  allowedDocumentTypes?: string[]
+  allowedDataObjectTypes?: string[]
+  assetsAllowed?: boolean
+  documentsAllowed?: boolean
+  dataObjectsAllowed?: boolean
+}
+
+function convertAllowedTypes(props: ClassDefinitionProps): DataComponentProps {
+  return {
+    assetsAllowed: props.assetsAllowed ?? false,
+    allowedAssetTypes: props.assetTypes?.map(item => item.assetTypes) ?? [],
+    dataObjectsAllowed: props.objectsAllowed ?? false,
+    allowedClasses: props.classes?.map(item => item.classes) ?? [],
+    // Only allow 'object' and 'variant', not 'folder'
+    allowedDataObjectTypes: props.objectsAllowed ? ['object', 'variant'] : [],
+    documentsAllowed: props.documentsAllowed ?? false,
+    allowedDocumentTypes: props.documentTypes?.map(item => item.documentTypes) ?? []
+  }
+}
+
+export class DynamicTypeObjectDataCoreShopRelation extends DynamicTypeObjectDataAbstract {
+  id: string = 'coreShopRelation'
+  gridCellEditMode = 'edit-modal' as const
+  gridCellEditModalSettings = {
+    modalSize: 'L' as const,
+    formLayout: 'vertical' as const
+  }
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const convertedTypes = convertAllowedTypes(props)
+
+    return (
+      <ManyToOneRelation
+        {...props}
+        {...convertedTypes}
+        className={props.className}
+        disabled={props.noteditable === true}
+        inherited={props.inherited}
+      />
+    )
+  }
+
+  getGridCellPreviewComponent(props: any): React.ReactElement {
+    const value: ManyToOneRelationValue | null = props.cellProps.getValue()
+    return isNil(value) ? <></> : <RelationList relations={[value]} />
+  }
+
+  getDefaultGridColumnWidth(): number | undefined {
+    return 350
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopRelations.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopRelations.tsx
new file mode 100644
index 0000000000..230b3b3a6b
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopRelations.tsx
@@ -0,0 +1,82 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import {
+  DynamicTypeObjectDataAbstract,
+  ManyToManyRelation,
+  RelationList
+} from '@pimcore/studio-ui-bundle/modules/element'
+
+interface ClassDefinitionProps {
+  assetsAllowed?: boolean
+  assetTypes?: Array<{ assetTypes: string }>
+  objectsAllowed?: boolean
+  classes?: Array<{ classes: string }>
+  documentsAllowed?: boolean
+  documentTypes?: Array<{ documentTypes: string }>
+}
+
+interface DataComponentProps {
+  allowedAssetTypes?: string[]
+  allowedClasses?: string[]
+  allowedDocumentTypes?: string[]
+  allowedDataObjectTypes?: string[]
+  assetsAllowed?: boolean
+  documentsAllowed?: boolean
+  dataObjectsAllowed?: boolean
+}
+
+function convertAllowedTypes(props: ClassDefinitionProps): DataComponentProps {
+  return {
+    assetsAllowed: props.assetsAllowed ?? false,
+    allowedAssetTypes: props.assetTypes?.map(item => item.assetTypes) ?? [],
+    dataObjectsAllowed: props.objectsAllowed ?? false,
+    allowedClasses: props.classes?.map(item => item.classes) ?? [],
+    // Only allow 'object' and 'variant', not 'folder'
+    allowedDataObjectTypes: props.objectsAllowed ? ['object', 'variant'] : [],
+    documentsAllowed: props.documentsAllowed ?? false,
+    allowedDocumentTypes: props.documentTypes?.map(item => item.documentTypes) ?? []
+  }
+}
+
+export class DynamicTypeObjectDataCoreShopRelations extends DynamicTypeObjectDataAbstract {
+  id: string = 'coreShopRelations'
+  supportsBatchAppendModes: boolean = true
+  gridCellEditMode = 'edit-modal' as const
+  gridCellEditModalSettings = {
+    modalSize: 'XL' as const,
+    formLayout: 'vertical' as const
+  }
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const convertedTypes = convertAllowedTypes(props)
+
+    return (
+      <ManyToManyRelation
+        {...props}
+        {...convertedTypes}
+        className={props.className}
+        disabled={props.noteditable === true}
+      />
+    )
+  }
+
+  getGridCellPreviewComponent(props: any): React.ReactElement {
+    const value = props.cellProps.getValue()
+    return <RelationList relations={value} />
+  }
+
+  getDefaultGridColumnWidth(): number | undefined {
+    return 350
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect.tsx
new file mode 100644
index 0000000000..c95373c78e
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect.tsx
@@ -0,0 +1,28 @@
+import React from 'react'
+import {
+  DynamicTypeObjectDataAbstractSelect,
+  DynamicTypeFieldFilterMultiselect
+} from '@pimcore/studio-ui-bundle/modules/element'
+import { EntitySelect } from '../components/EntitySelect'
+import type { SelectOption } from '../utils/createOptionsLoader'
+
+export abstract class DynamicTypeObjectDataCoreShopSelect extends DynamicTypeObjectDataAbstractSelect {
+  readonly dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect()
+
+  abstract loadOptions(): Promise<SelectOption[]>
+  getCachedOptions?(): SelectOption[] | null
+
+  getObjectDataComponent(props: any): React.ReactElement {
+    const { noteditable, defaultFieldWidth } = props
+
+    return (
+      <EntitySelect
+        disabled={noteditable === true}
+        style={{ width: defaultFieldWidth?.width ?? '100%' }}
+        loadOptions={() => this.loadOptions()}
+        getCachedOptions={this.getCachedOptions ? () => this.getCachedOptions!() : undefined}
+        allowClear
+      />
+    )
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..f2a01d4bc5
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,16 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopRelation } from './DynamicTypeObjectDataCoreShopRelation'
+export { DynamicTypeObjectDataCoreShopRelations } from './DynamicTypeObjectDataCoreShopRelations'
+export { DynamicTypeObjectDataCoreShopSelect } from './DynamicTypeObjectDataCoreShopSelect'
+export { DynamicTypeObjectDataCoreShopMultiSelect } from './DynamicTypeObjectDataCoreShopMultiSelect'
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/api.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/api.ts
new file mode 100644
index 0000000000..400b27fa76
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/api.ts
@@ -0,0 +1,95 @@
+import { type EntityApiConfig, type EntityGetResponse, type EntityListItem, type EntityListResponse, type Id } from './types'
+
+const buildUrl = (base: string, resource: string, route: string): string => {
+  return `${base}${resource}${route}`
+}
+
+export class EntityApi<TDetail extends Record<string, any> = any> {
+  protected readonly cfg: Required<EntityApiConfig>
+
+  constructor(config: EntityApiConfig) {
+    this.cfg = {
+      ...config,
+      // ensure routes are filled with defaults
+      routes: {
+        list: config.routes?.list ?? '/list',
+        get: config.routes?.get ?? '/get',
+        add: config.routes?.add ?? '/add',
+        save: config.routes?.save ?? '/save',
+        delete: config.routes?.delete ?? '/delete'
+      }
+    }
+  }
+
+  async list(): Promise<EntityListResponse> {
+    const url = buildUrl(this.cfg.basePath, this.cfg.resourcePath, this.cfg.routes.list)
+    const res = await fetch(url, { credentials: 'same-origin' })
+    if (!res.ok) throw new Error(`List request failed: ${res.status}`)
+    const data = await res.json()
+    return data as EntityListResponse
+  }
+
+  async get(id: Id): Promise<EntityGetResponse<TDetail>> {
+    const url = buildUrl(this.cfg.basePath, this.cfg.resourcePath, this.cfg.routes.get) + `?id=${encodeURIComponent(String(id))}`
+    const res = await fetch(url, { credentials: 'same-origin' })
+    if (!res.ok) throw new Error(`Get request failed: ${res.status}`)
+    return await res.json() as EntityGetResponse<TDetail>
+  }
+
+  async add(payload: Record<string, any>): Promise<EntityGetResponse<TDetail>> {
+    const url = buildUrl(this.cfg.basePath, this.cfg.resourcePath, this.cfg.routes.add)
+    const res = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      credentials: 'same-origin',
+      body: JSON.stringify(payload)
+    })
+    if (!res.ok) throw new Error(`Add request failed: ${res.status}`)
+    const data = await res.json() as EntityGetResponse<TDetail>
+
+    // Check if response indicates failure
+    if ('success' in data && data.success === false) {
+      const message = (data as any).message || 'Add request failed'
+      throw new Error(message)
+    }
+
+    return data
+  }
+
+  async save(payload: Record<string, any>): Promise<EntityGetResponse<TDetail>> {
+    const url = buildUrl(this.cfg.basePath, this.cfg.resourcePath, this.cfg.routes.save)
+    const res = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      credentials: 'same-origin',
+      body: JSON.stringify(payload)
+    })
+    if (!res.ok) throw new Error(`Save request failed: ${res.status}`)
+    const data = await res.json() as EntityGetResponse<TDetail>
+
+    // Check if response indicates failure
+    if ('success' in data && data.success === false) {
+      const message = (data as any).message || 'Save request failed'
+      throw new Error(message)
+    }
+
+    return data
+  }
+
+  async delete(id: Id): Promise<{ success: boolean }> {
+    const url = buildUrl(this.cfg.basePath, this.cfg.resourcePath, this.cfg.routes.delete)
+    const body = `id=${encodeURIComponent(String(id))}`
+
+    const res = await fetch(url, {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
+        'X-Requested-With': 'XMLHttpRequest'
+      },
+      credentials: 'same-origin',
+      body
+    })
+    if (!res.ok) throw new Error(`Delete request failed: ${res.status}`)
+    return await res.json()
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityDetail.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityDetail.tsx
new file mode 100644
index 0000000000..d5bec985d4
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityDetail.tsx
@@ -0,0 +1,34 @@
+import React from 'react'
+// Thin wrapper to manage local state and render provided detail content.
+// Intentionally no ContentLayout or Toolbar here; those are handled by the parent container
+// to keep the bottom toolbar sticky like in Pimcore ManagementDetail.
+import {useTranslation} from 'react-i18next'
+
+export interface EntityDetailProps<T> {
+    id?: number
+    data?: T
+    dirty?: boolean
+    loading?: boolean
+    onReload?: () => void
+    onSave?: () => void
+    render: (data: T | undefined, setData: (draft: Partial<T>) => void) => React.ReactNode
+}
+
+export function EntityDetail<T extends Record<string, any>>({
+                                                                id,
+                                                                data,
+                                                                dirty,
+                                                                loading,
+                                                                onReload,
+                                                                onSave,
+                                                                render
+                                                            }: EntityDetailProps<T>): React.JSX.Element {
+    const {t} = useTranslation()
+    const [local, setLocal] = React.useState<T | undefined>(data)
+
+    React.useEffect(() => {
+        setLocal(data)
+    }, [id, data])
+
+    return (<>{render(local, (draft) => setLocal({...(local as any), ...draft}))}</>)
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityFooterToolbar.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityFooterToolbar.tsx
new file mode 100644
index 0000000000..f1e9e87abd
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityFooterToolbar.tsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import { Toolbar as PimToolbar, IconButton, Button, Popconfirm } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+
+export interface EntityFooterToolbarProps {
+  dirty?: boolean
+  loading?: boolean
+  onReload?: () => void
+  onSave?: () => void
+  leftExtras?: React.ReactNode
+}
+
+export const EntityFooterToolbar: React.FC<EntityFooterToolbarProps> = ({ dirty, loading, onReload, onSave, leftExtras }) => {
+  const { t } = useTranslation()
+
+  return (
+    <PimToolbar>
+      {dirty
+        ? (
+          <Popconfirm
+            title={ t('toolbar.reload.confirmation', { defaultValue: 'Discard changes and reload?' }) }
+            onConfirm={ onReload }
+          >
+            <IconButton icon={ { value: 'refresh' } }>
+              {t('toolbar.reload', { defaultValue: 'Reload' })}
+            </IconButton>
+          </Popconfirm>
+          )
+        : (
+          <IconButton icon={ { value: 'refresh' } } onClick={ onReload }>
+            {t('toolbar.reload', { defaultValue: 'Reload' })}
+          </IconButton>
+          )}
+
+      {leftExtras}
+
+      <Button
+        disabled={ !dirty || loading }
+        loading={ loading }
+        onClick={ onSave }
+        type='primary'
+      >
+        {t('toolbar.save-and-publish', { defaultValue: 'Save & Publish' })}
+      </Button>
+    </PimToolbar>
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityList.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityList.tsx
new file mode 100644
index 0000000000..15a1db4ef4
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityList.tsx
@@ -0,0 +1,207 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { Tree, Skeleton, Tag } from 'antd'
+import type { DataNode } from 'antd/es/tree'
+import {
+  ContentLayout,
+  Dropdown,
+  DropdownButton,
+  Icon,
+  IconButton,
+  Toolbar as PimToolbar,
+  Draggable,
+  type DragAndDropInfo
+} from '@pimcore/studio-ui-bundle/components'
+import type { EntityListItem } from '../types'
+import { DroppableEntity } from './dnd/DroppableEntity'
+import { useEntityListStyles } from './entity-list.styles'
+
+export interface GroupItem { id: number, name: string }
+
+export interface EntityListProps {
+  items: EntityListItem[]
+  loading?: boolean
+  groups?: GroupItem[]
+  rootTitle?: string
+  addLabel?: string
+  leafIcon?: string
+  resolveGroupId?: (item: EntityListItem, groups: GroupItem[]) => number | null | undefined
+  onReload: () => void
+  onAdd: (groupId?: number) => void
+  onDelete: (id: number) => void
+  onSelect: (id: number) => void
+  onMove?: (id: number, targetGroupId: number | null) => void
+  buildDragInfo?: (item: EntityListItem) => DragAndDropInfo | null
+  dragType?: string
+}
+
+export const EntityList: React.FC<EntityListProps> = ({
+  items,
+  groups,
+  loading,
+  rootTitle,
+  addLabel,
+  leafIcon = 'widget-default',
+  resolveGroupId,
+  onReload,
+  onAdd,
+  onDelete,
+  onSelect,
+  onMove,
+  buildDragInfo,
+  dragType,
+}) => {
+  const { t } = useTranslation()
+  const { styles } = useEntityListStyles()
+
+  const leafRow = (it: EntityListItem): React.ReactNode => {
+    const inactive = it.active === false
+
+    const base = (
+      <Dropdown
+        trigger={ ['contextMenu'] }
+        menu={ { items: [
+          { key: 'delete', icon: <Icon value='trash' />, label: t('toolbar.delete', { defaultValue: 'Delete' }), onClick: () => onDelete(it.id) }
+        ] } }
+      >
+          <span className={`${styles.leafNode} ${inactive ? styles.inactive : ''}`}>
+            <span className={styles.leafIcon}><Icon value={leafIcon} /></span>
+            {it.name}
+            {inactive && <Tag className={styles.inactiveTag}>{t('entity.inactive', { defaultValue: 'Inactive' })}</Tag>}
+          </span>
+      </Dropdown>
+    )
+    return buildDragInfo ? (
+      <Draggable info={ buildDragInfo(it) as DragAndDropInfo }>
+        {base}
+      </Draggable>
+    ) : base
+  }
+
+  const groupHeader = (g: GroupItem | { id: null, name: string }, count: number): React.ReactNode => {
+    const content = (
+      <span className={styles.groupNode}>
+        <Icon value='folder' />
+        <span>{g.name}</span>
+        <span className={styles.groupCount}>({count})</span>
+      </span>
+    )
+    if (!dragType || !onMove) return content
+    return (
+      <DroppableEntity
+        className={ styles.droppableInline }
+        accept={ dragType }
+        isValidData={ (info) => typeof info?.data?.id === 'number' }
+        onDrop={ (info) => { const id = info?.data?.id; if (typeof id === 'number') onMove(id, (g.id === null ? null : g.id)) } }
+      >
+        {content}
+      </DroppableEntity>
+    )
+  }
+
+  const buildTreeData = React.useMemo<DataNode[]>(() => {
+    const buildLeafNode = (it: EntityListItem): DataNode => ({
+      key: it.id,
+      title: leafRow(it),
+      isLeaf: true,
+    })
+
+    if (!groups || groups.length === 0 || !resolveGroupId) {
+      return [{
+        key: 'root',
+        title: (
+          <span className={styles.groupNode}>
+            <Icon value='folder' />
+            <span>{rootTitle ?? t('entity.list.all', { defaultValue: 'All' })}</span>
+            <span className={styles.groupCount}>({items.length})</span>
+          </span>
+        ),
+        selectable: false,
+        expanded: true,
+        children: items.map(buildLeafNode)
+      }]
+    }
+
+    // grouped view
+    const groupedMap: Record<number, EntityListItem[]> = {}
+    for (const g of groups) groupedMap[g.id] = []
+    const ungrouped: EntityListItem[] = []
+    const groupIds = new Set(groups.map(g => g.id))
+    for (const it of items) {
+      const gid = resolveGroupId(it, groups)
+      if (gid != null && groupIds.has(gid)) groupedMap[gid].push(it)
+      else ungrouped.push(it)
+    }
+
+    const nodes: DataNode[] = groups
+      .filter(g => (groupedMap[g.id] ?? []).length > 0)
+      .map(g => ({
+        key: `group-${g.id}`,
+        title: groupHeader(g, (groupedMap[g.id] ?? []).length),
+        selectable: false,
+        children: (groupedMap[g.id] ?? []).map(buildLeafNode)
+      }))
+    if (ungrouped.length > 0) {
+      nodes.push({
+        key: 'group-unknown',
+        title: groupHeader({ id: null, name: t('entity.group.unknown', { defaultValue: 'unbekannt' }) }, ungrouped.length),
+        selectable: false,
+        children: ungrouped.map(buildLeafNode)
+      })
+    }
+    return nodes
+  }, [items, groups, resolveGroupId, t, dragType, onMove, leafIcon])
+
+  const initialExpandedKeys = React.useMemo<React.Key[]>(() => {
+    const keys: React.Key[] = []
+    for (const n of buildTreeData) {
+      if (n.key === 'root' || n.key === 'group-unknown') keys.push(n.key as React.Key)
+    }
+    return keys
+  }, [buildTreeData])
+
+  const [expandedKeys, setExpandedKeys] = React.useState<React.Key[]>(initialExpandedKeys)
+  const expandedTouchedRef = React.useRef(false)
+  React.useEffect(() => {
+    if (!expandedTouchedRef.current) {
+      setExpandedKeys(initialExpandedKeys)
+    }
+  }, [initialExpandedKeys])
+
+  return (
+    <ContentLayout
+      renderToolbar={ (
+        <PimToolbar>
+          <IconButton icon={{ value: 'refresh' }} onClick={ onReload }>
+            {t('toolbar.reload', { defaultValue: 'Reload' })}
+          </IconButton>
+          <Dropdown menu={{ items: [{ key: 'add', label: addLabel ?? t('toolbar.new', { defaultValue: 'New' }), icon: <Icon value='new' />, onClick: () => onAdd() }] }} trigger={ ['click'] }>
+            <DropdownButton>
+              {t('toolbar.new', { defaultValue: 'New' })}
+            </DropdownButton>
+          </Dropdown>
+        </PimToolbar>
+      ) }
+    >
+      {loading ? (
+        <div className={styles.contentPadding}>
+          <Skeleton active title={false} paragraph={{ rows: 8 }} />
+        </div>
+      ) : (
+        <Tree
+          className={ styles.tree }
+          showLine={false}
+          defaultExpandedKeys={ expandedKeys }
+          expandedKeys={ expandedKeys }
+          onExpand={ (keys) => { expandedTouchedRef.current = true; setExpandedKeys(keys as React.Key[]) } }
+          selectable
+          treeData={ buildTreeData }
+          onSelect={ (keys) => {
+            const key = Array.isArray(keys) ? keys[0] : keys as any
+            if (typeof key === 'number') onSelect(key)
+          } }
+        />
+      )}
+    </ContentLayout>
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityManager.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityManager.tsx
new file mode 100644
index 0000000000..00717fe5d8
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityManager.tsx
@@ -0,0 +1,68 @@
+import React from 'react'
+import {SplitLayout} from '@pimcore/studio-ui-bundle/components'
+import { EntityList } from './EntityList'
+import {EntityDetail} from './EntityDetail'
+import type {EntityListItem} from '../types'
+
+export interface EntityManagerProps<TDetail extends Record<string, any>> {
+    items: EntityListItem[]
+    selectedId?: number
+    detail?: TDetail
+    dirty?: boolean
+    loadingList?: boolean
+    loadingDetail?: boolean
+    onReloadList: () => void
+    onAdd: () => void
+    onDelete: (id: number) => void
+    onSelect: (id: number) => void
+    onReloadDetail: () => void
+    onSave: () => void
+    renderDetail: (data: TDetail | undefined, setData: (draft: Partial<TDetail>) => void) => React.ReactNode
+}
+
+export function EntityManager<TDetail extends Record<string, any>>(props: EntityManagerProps<TDetail>): React.JSX.Element {
+    const left = {
+        id: 'entity-list',
+        size: 25,
+        minSize: 220,
+        children: [
+            <EntityList
+                key='entity-list'
+                addLabel={'New'}
+                items={props.items}
+                onReload={props.onReloadList}
+                onAdd={props.onAdd}
+                onDelete={props.onDelete}
+                onSelect={props.onSelect}
+                rootTitle='Items'
+            />
+        ]
+    }
+
+    const right = {
+        id: 'entity-detail',
+        size: 75,
+        minSize: 400,
+        padding: 10,
+        children: [
+            <EntityDetail
+                key='entity-detail'
+                data={props.detail}
+                dirty={props.dirty}
+                loading={props.loadingDetail}
+                onReload={props.onReloadDetail}
+                onSave={props.onSave}
+                render={props.renderDetail}
+            />
+        ]
+    }
+
+    return (
+        <SplitLayout
+            leftItem={left}
+            rightItem={right}
+            withDivider
+            withToolbar
+        />
+    )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntitySplitManager.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntitySplitManager.tsx
new file mode 100644
index 0000000000..908d991225
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntitySplitManager.tsx
@@ -0,0 +1,181 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SplitLayout, Dropdown, Icon, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { EntityList } from './EntityList'
+import type { EntityListItem } from '../types'
+import { EntityApi } from '../api'
+import type { DragAndDropInfo } from '@pimcore/studio-ui-bundle/components'
+import { getErrorMessage, renderApiError } from '../../utils/error-handling'
+
+export interface EntitySplitManagerProps<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  renderDetail: (
+    data: TDetail | undefined,
+    loading: boolean,
+    onSave: (data: TDetail) => Promise<void>,
+    onChange: (data: TDetail) => void
+  ) => React.ReactNode
+  createEmpty: () => TDetail
+  leftRootTitle?: string
+  dragType?: string
+  buildDragInfo?: (item: EntityListItem) => DragAndDropInfo | null
+  leafIcon?: string
+}
+
+export function EntitySplitManager<TDetail extends Record<string, any>>({
+  api,
+  renderDetail,
+  createEmpty,
+  leftRootTitle,
+  dragType,
+  buildDragInfo,
+  leafIcon
+}: EntitySplitManagerProps<TDetail>): React.JSX.Element {
+  const messageApi = useMessage()
+  const [list, setList] = React.useState<EntityListItem[]>([])
+  const [loadingList, setLoadingList] = React.useState(false)
+  const [selectedId, setSelectedId] = React.useState<number | null>(null)
+  const [detail, setDetail] = React.useState<TDetail | undefined>(undefined)
+  const [editingData, setEditingData] = React.useState<TDetail | undefined>(undefined)
+  const [loadingDetail, setLoadingDetail] = React.useState(false)
+
+  const computedBuildDragInfo = React.useMemo(() => {
+    if (buildDragInfo) return buildDragInfo
+    if (!dragType) return undefined
+    return (li: EntityListItem): DragAndDropInfo => ({
+      type: dragType,
+      title: li?.name ?? `#${li?.id}`,
+      icon: { value: 'widget-default' },
+      data: li
+    })
+  }, [buildDragInfo, dragType])
+
+  const loadList = React.useCallback(async () => {
+    setLoadingList(true)
+    try {
+      const items = await api.list()
+      setList(items)
+    } catch (err) {
+      void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load list')))
+      setList([])
+    } finally {
+      setLoadingList(false)
+    }
+  }, [api])
+
+  React.useEffect(() => {
+    void loadList()
+  }, [loadList])
+
+  const loadDetail = React.useCallback(async (id: number) => {
+    setLoadingDetail(true)
+    try {
+      const response = await api.get(id)
+      setDetail(response.data)
+      setEditingData({ ...response.data })
+    } catch (err) {
+      void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load detail')))
+    } finally {
+      setLoadingDetail(false)
+    }
+  }, [api])
+
+  const handleSelect = React.useCallback((id: number) => {
+    setSelectedId(id)
+    void loadDetail(id)
+  }, [loadDetail])
+
+  const handleAdd = React.useCallback(async () => {
+    const newItem = createEmpty()
+    setSelectedId(null)
+    setDetail(undefined)
+    setEditingData(newItem)
+  }, [createEmpty])
+
+  const handleDelete = React.useCallback(async (id: number) => {
+    try {
+      await api.delete(id)
+      await loadList()
+      if (selectedId === id) {
+        setSelectedId(null)
+        setDetail(undefined)
+        setEditingData(undefined)
+      }
+    } catch (err) {
+      void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to delete')))
+    }
+  }, [api, loadList, selectedId])
+
+  const handleSave = React.useCallback(async (data: TDetail) => {
+    try {
+      await api.save(data)
+      await loadList()
+      if (data.id) {
+        await loadDetail(data.id)
+      }
+    } catch (err) {
+      void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to save')))
+      throw err
+    }
+  }, [api, loadList, loadDetail])
+
+  const handleChange = React.useCallback((data: TDetail) => {
+    setEditingData(data)
+  }, [])
+
+  const left = {
+    id: 'entity-list',
+    size: 25,
+    minSize: 220,
+    children: [
+      <EntityList
+        key='entity-list'
+        items={list}
+        loading={loadingList}
+        rootTitle={leftRootTitle}
+        leafIcon={leafIcon}
+        buildDragInfo={computedBuildDragInfo}
+        onAdd={handleAdd}
+        onDelete={handleDelete}
+        onReload={loadList}
+        onSelect={handleSelect}
+      />
+    ]
+  }
+
+  const right = {
+    id: 'entity-detail',
+    size: 75,
+    minSize: 400,
+    children: [
+      <>
+        {editingData ? (
+          renderDetail(editingData, loadingDetail, handleSave, handleChange)
+        ) : (
+          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', color: '#999' }}>
+            Select an item to edit or create a new one
+          </div>
+        )}
+      </>
+    ]
+  }
+
+  return (
+    <SplitLayout
+      leftItem={left}
+      rightItem={right}
+      withDivider
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityTabbedLayout.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityTabbedLayout.tsx
new file mode 100644
index 0000000000..4ce15637d7
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityTabbedLayout.tsx
@@ -0,0 +1,206 @@
+import React from 'react'
+import { SplitLayout, Content, ContentLayout, Popconfirm } from '@pimcore/studio-ui-bundle/components'
+import { Tabs } from '@pimcore/studio-ui-bundle/components'
+import type { EntityListItem } from '../types'
+import { EntityApi } from '../api'
+import { useEntityTabs } from './useEntityTabs'
+import { EntityFooterToolbar } from './EntityFooterToolbar'
+import { LocalizationProvider, useLocalization } from './localization/LocalizationContext'
+import { Select, Skeleton } from 'antd'
+import { useEntityTabbedLayoutStyles } from './entity-tabbed-layout.styles'
+
+/** Deep-merge a draft into existing data, handling nested objects like translations. */
+function deepMergeDraft<T extends Record<string, any>>(existing: T, draft: Partial<T>): T {
+  const result = { ...existing }
+  for (const key of Object.keys(draft) as Array<keyof T>) {
+    const existingVal = existing[key]
+    const draftVal = draft[key]
+    if (
+      draftVal !== null &&
+      typeof draftVal === 'object' &&
+      !Array.isArray(draftVal) &&
+      existingVal !== null &&
+      typeof existingVal === 'object' &&
+      !Array.isArray(existingVal)
+    ) {
+      result[key] = deepMergeDraft(existingVal as any, draftVal as any)
+    } else {
+      result[key] = draftVal as any
+    }
+  }
+  return result
+}
+
+export interface LeftPaneContext {
+  items: EntityListItem[]
+  loading: boolean
+  loadList: () => Promise<void>
+  openTab: (id: number) => Promise<void>
+  onDelete: (id: number) => Promise<void>
+}
+
+export interface EntityTabbedLayoutProps<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  getTitle?: (listItem?: EntityListItem, data?: TDetail) => string
+  buildSavePayload?: (data: TDetail) => Record<string, any>
+  renderLeft: (ctx: LeftPaneContext) => React.ReactNode
+  renderDetail: (data: TDetail | undefined, setData: (draft: Partial<TDetail>) => void, ctx?: { currentLocale?: string, locales?: string[] }) => React.ReactNode
+  leftExtras?: React.ReactNode
+  localizable?: boolean
+}
+
+export function EntityTabbedLayout<TDetail extends Record<string, any>>({ api, getTitle, buildSavePayload, renderLeft, renderDetail, leftExtras, localizable }: EntityTabbedLayoutProps<TDetail>): React.JSX.Element {
+  const { styles } = useEntityTabbedLayoutStyles()
+  const {
+    list,
+    loadingList,
+    loadList,
+    tabs,
+    activeKey,
+    setActiveKey,
+    activeTab,
+    findTab,
+    updateTab,
+    openTab,
+    onSave,
+    onReload,
+    onDelete,
+    forceCloseTab,
+  } = useEntityTabs<TDetail>({ api, getTitle, buildSavePayload })
+
+  const [popConfirmOpen, setPopConfirmOpen] = React.useState<number | null>(null)
+  const onHandleClose = (key: string): void => {
+    const id = parseInt(key)
+    const tab = findTab(id)
+    if (!tab) return
+    if (tab.dirty) {
+      setPopConfirmOpen(id)
+    } else {
+      forceCloseTab(id)
+    }
+  }
+
+  const left = {
+    id: 'entity-list',
+    size: 25,
+    minSize: 220,
+    children: [
+      renderLeft({
+        items: list,
+        loading: loadingList,
+        loadList,
+        openTab,
+        onDelete,
+      })
+    ]
+  }
+
+  const right = {
+    id: 'entity-detail-tabs',
+    size: 75,
+    minSize: 400,
+    children: [
+      <ContentLayout
+        key='tabs-layout'
+        renderToolbar={ (
+          localizable ? (
+            <LocalizedToolbar 
+              dirty={ activeTab?.dirty }
+              loading={ activeTab?.loading }
+              onReload={ () => { if (activeTab) void onReload(activeTab.id) } }
+              onSave={ () => { if (activeTab) void onSave(activeTab.id) } }
+              leftExtras={ leftExtras }
+            />
+          ) : (
+            <EntityFooterToolbar
+              dirty={ activeTab?.dirty }
+              loading={ activeTab?.loading }
+              onReload={ () => { if (activeTab) void onReload(activeTab.id) } }
+              onSave={ () => { if (activeTab) void onSave(activeTab.id) } }
+              leftExtras={ leftExtras }
+            />
+          )
+        ) }
+      >
+          <Tabs
+            activeKey={ activeKey }
+            items={ tabs.map(t => ({ key: String(t.id), label: (
+              <Popconfirm
+                onCancel={ () => { setPopConfirmOpen(null) } }
+                onConfirm={ () => { forceCloseTab(t.id); setPopConfirmOpen(null) } }
+                open={ popConfirmOpen === t.id }
+                title={ 'Discard changes and close?' }
+              >
+                {`${t.title}${t.dirty ? ' *' : ''}`}
+              </Popconfirm>
+            ) })) }
+            onChange={ (key) => setActiveKey(key) }
+            onClose={ (key) => onHandleClose(key as string) }
+          />
+          <Content className={`detail-tabs__content ${styles.detailContent}`}>
+            {activeTab !== undefined && (
+              activeTab.loading ? (
+                <div className={ styles.contentPadding }>
+                  <Skeleton active paragraph={{ rows: 10 }} />
+                </div>
+              ) : (
+                localizable ? (
+                  <RenderWithLocale
+                    render={ (ctx) => renderDetail(activeTab.data, (draft) => {
+                      if (activeTab) {
+                        updateTab(activeTab.id, (tab) => ({ data: deepMergeDraft(tab.data as any, draft), dirty: true }))
+                      }
+                    }, ctx) }
+                  />
+                ) : (
+                  renderDetail(activeTab.data, (draft) => {
+                    if (activeTab) {
+                      updateTab(activeTab.id, (tab) => ({ data: deepMergeDraft(tab.data as any, draft), dirty: true }))
+                    }
+                  })
+                )
+              )
+            )}
+          </Content>
+      </ContentLayout>
+    ]
+  }
+
+  const content = <SplitLayout leftItem={ left } rightItem={ right } withDivider withToolbar />
+
+  if (!localizable) {
+      return content
+  }
+
+  return <LocalizationProvider>{content}</LocalizationProvider>
+}
+
+
+function LocalizedToolbar({ dirty, loading, onReload, onSave, leftExtras }: { dirty?: boolean, loading?: boolean, onReload: () => void, onSave: () => void, leftExtras?: React.ReactNode }) {
+  const { locales, currentLocale, setCurrentLocale } = useLocalization()
+  return (
+    <EntityFooterToolbar
+      dirty={ dirty }
+      loading={ loading }
+      onReload={ onReload }
+      onSave={ onSave }
+      leftExtras={ (
+        <>
+          <Select
+            size='small'
+            value={ currentLocale }
+            options={ locales.map(l => ({ value: l, label: l.toUpperCase() })) }
+            onChange={ setCurrentLocale }
+            style={{ marginRight: 8 }}
+          />
+          {leftExtras}
+        </>
+      ) }
+    />
+  )
+}
+
+const RenderWithLocale: React.FC<{ render: (ctx: { currentLocale: string, locales: string[] }) => React.ReactNode }> = ({ render }) => {
+  const { locales, currentLocale } = useLocalization()
+  return <>{render({ locales, currentLocale })}</>
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityTabbedManager.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityTabbedManager.tsx
new file mode 100644
index 0000000000..a187054da0
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/EntityTabbedManager.tsx
@@ -0,0 +1,63 @@
+import React from 'react'
+import type { EntityListItem } from '../types'
+import { EntityList } from './EntityList'
+import { EntityApi } from '../api'
+import { EntityTabbedLayout } from './EntityTabbedLayout'
+import type { DragAndDropInfo } from '@pimcore/studio-ui-bundle/components'
+
+export interface EntityTabbedManagerProps<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  getTitle?: (listItem?: EntityListItem, data?: TDetail) => string
+  buildSavePayload?: (data: TDetail) => Record<string, any>
+  onAdd?: () => Promise<number>
+  renderDetail: (data: TDetail | undefined, setData: (draft: Partial<TDetail>) => void, ctx?: { currentLocale?: string, locales?: string[] }) => React.ReactNode
+  leftExtras?: React.ReactNode
+  localizable?: boolean
+  buildDragInfo?: (item: EntityListItem) => DragAndDropInfo | null
+  dragType?: string
+  leftRootTitle?: string
+  leafIcon?: string
+}
+
+export function EntityTabbedManager<TDetail extends Record<string, any>>({ api, getTitle, buildSavePayload, onAdd, renderDetail, leftExtras, localizable, buildDragInfo, dragType, leftRootTitle, leafIcon }: EntityTabbedManagerProps<TDetail>): React.JSX.Element {
+  const computedBuildDragInfo = React.useMemo(() => {
+    if (buildDragInfo) return buildDragInfo
+    if (!dragType) return undefined
+    return (li: EntityListItem): DragAndDropInfo => ({
+      type: dragType,
+      title: li?.name ?? `#${li?.id}`,
+      icon: { value: 'widget-default' },
+      data: li
+    })
+  }, [buildDragInfo, dragType])
+  return (
+    <EntityTabbedLayout<TDetail>
+      api={ api }
+      getTitle={ getTitle }
+      buildSavePayload={ buildSavePayload }
+      localizable={ localizable }
+      leftExtras={ leftExtras }
+      renderLeft={ ({ items, loading, loadList, openTab, onDelete }) => (
+        (
+          <EntityList
+            items={ items }
+            loading={ loading }
+            rootTitle={ leftRootTitle }
+            leafIcon={ leafIcon }
+            buildDragInfo={ computedBuildDragInfo }
+            onAdd={ async () => {
+              if (!onAdd) return
+              const id = await onAdd()
+              await loadList()
+              await openTab(id)
+            } }
+            onDelete={ (id) => { void onDelete(id) } }
+            onReload={ () => { void loadList() } }
+            onSelect={ (id) => { void openTab(id) } }
+          />
+        )
+      ) }
+      renderDetail={ (data, setData, ctx) => renderDetail(data, setData, ctx) }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/GroupedEntityTabbedManager.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/GroupedEntityTabbedManager.tsx
new file mode 100644
index 0000000000..9356e09c55
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/GroupedEntityTabbedManager.tsx
@@ -0,0 +1,95 @@
+import React from 'react'
+import type { EntityListItem } from '../types'
+import { EntityApi } from '../api'
+import { EntityTabbedLayout } from './EntityTabbedLayout'
+import { EntityList, type GroupItem } from './EntityList'
+import type { DragAndDropInfo } from '@pimcore/studio-ui-bundle/components'
+
+export interface GroupedEntityTabbedManagerProps<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  loadGroups: () => Promise<GroupItem[]>
+  resolveGroupId: (li: EntityListItem, groups: GroupItem[]) => number | null | undefined
+  getTitle?: (listItem?: EntityListItem, data?: TDetail) => string
+  buildSavePayload?: (data: TDetail) => Record<string, any>
+  onAdd: (groupId?: number) => Promise<number>
+  renderDetail: (data: TDetail | undefined, setData: (draft: Partial<TDetail>) => void, groups: GroupItem[], ctx?: { currentLocale?: string, locales?: string[] }) => React.ReactNode
+  leftExtras?: React.ReactNode
+  localizable?: boolean
+  applyGroup?: (data: TDetail, groupId: number | null) => TDetail
+  buildDragInfo?: (item: EntityListItem) => DragAndDropInfo | null
+  dragType?: string
+  leafIcon?: string
+}
+
+export function GroupedEntityTabbedManager<TDetail extends Record<string, any>>({ api, loadGroups, resolveGroupId, getTitle, buildSavePayload, onAdd, renderDetail, leftExtras, localizable, applyGroup, buildDragInfo, dragType, leafIcon }: GroupedEntityTabbedManagerProps<TDetail>): React.JSX.Element {
+  const [groups, setGroups] = React.useState<GroupItem[]>([])
+  const didInitialLoad = React.useRef(false)
+  const computedBuildDragInfo = React.useMemo(() => {
+    if (buildDragInfo) return buildDragInfo
+    if (!dragType) return undefined
+    return (li: EntityListItem): DragAndDropInfo => ({
+      type: dragType,
+      title: li?.name ?? `#${li?.id}`,
+      icon: { value: 'widget-default' },
+      data: li
+    })
+  }, [buildDragInfo, dragType])
+
+  const loadAll = async (loadList: () => Promise<void>): Promise<void> => {
+    const gs = await loadGroups()
+    setGroups(gs)
+    await loadList()
+  }
+
+  // Load groups only on mount (entity list is loaded by useEntityTabs)
+  React.useEffect(() => {
+    void (async () => {
+      if (!didInitialLoad.current) {
+        didInitialLoad.current = true
+        const gs = await loadGroups()
+        setGroups(gs)
+      }
+    })()
+  }, [loadGroups])
+
+  return (
+    <EntityTabbedLayout<TDetail>
+      api={ api }
+      getTitle={ getTitle }
+      buildSavePayload={ buildSavePayload }
+      localizable={ localizable }
+      leftExtras={ leftExtras }
+      renderLeft={ ({ items, loading, loadList, openTab, onDelete }) => (
+        <>
+        <EntityList
+          groups={ groups }
+          items={ items }
+          loading={ loading }
+          leafIcon={ leafIcon }
+          buildDragInfo={ computedBuildDragInfo }
+          dragType={ dragType }
+          onMove={ async (id, targetGroupId) => {
+            if (!applyGroup) return
+            const detail = await api.get(id)
+            const updated = applyGroup(detail.data as TDetail, targetGroupId)
+            const payload = buildSavePayload ? buildSavePayload(updated) : (updated as unknown as Record<string, any>)
+            await api.save(payload)
+            await loadList()
+          } }
+          onAdd={ async (gid?: number) => {
+            if (!onAdd) return
+            const id = await onAdd(gid)
+            await loadList()
+            await openTab(id)
+          } }
+          onDelete={ (id) => { void onDelete(id) } }
+          onReload={ () => { void loadAll(loadList) } }
+          onSelect={ (id) => { void openTab(id) } }
+          resolveGroupId={ (li, gs) => resolveGroupId(li, gs) }
+        />
+        </>
+      ) }
+      renderDetail={ (data, setData, ctx) => renderDetail(data, setData, groups, ctx) }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/dnd/DroppableEntity.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/dnd/DroppableEntity.tsx
new file mode 100644
index 0000000000..48f3b7957d
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/dnd/DroppableEntity.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import { Droppable, type DragAndDropInfo } from '@pimcore/studio-ui-bundle/components'
+
+export interface DroppableEntityProps {
+  accept: string | string[]
+  onDrop: (info: DragAndDropInfo) => void
+  className?: string
+  disabled?: boolean
+  isValidData?: (info: DragAndDropInfo) => boolean
+  children: React.ReactNode
+}
+
+export const DroppableEntity: React.FC<DroppableEntityProps> = ({ accept, onDrop, className, disabled, isValidData, children }) => {
+  const accepts = Array.isArray(accept) ? accept : [accept]
+  return (
+    <Droppable
+      className={ className }
+      disabled={ disabled }
+      isValidContext={ function (info) { return accepts.includes(info.type);} }
+      isValidData={ (info) => isValidData ? isValidData(info) : true }
+      onDrop={ onDrop }
+    >
+      {children}
+    </Droppable>
+  )
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/entity-list.styles.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/entity-list.styles.ts
new file mode 100644
index 0000000000..a009138153
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/entity-list.styles.ts
@@ -0,0 +1,107 @@
+import { createStyles } from 'antd-style'
+
+export const useEntityListStyles = createStyles(({ token, css }) => ({
+  tree: css`
+    padding: ${token.paddingXS}px;
+    background: transparent;
+
+    .ant-tree-treenode {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      padding: 1px 0;
+    }
+
+    .ant-tree-node-content-wrapper {
+      flex: 1 1 auto;
+      width: auto;
+      white-space: nowrap;
+      display: flex;
+      align-items: center;
+      border-radius: ${token.borderRadiusSM}px;
+      transition: background-color 0.2s;
+      padding: 3px 6px;
+      line-height: 22px;
+    }
+
+    .ant-tree-title {
+      display: inline-flex;
+      align-items: center;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+    }
+
+    .ant-tree-switcher {
+      width: 18px;
+      line-height: 22px;
+    }
+
+    @media (hover: hover) {
+      .ant-tree-node-content-wrapper:hover {
+        background-color: ${token.colorFillQuaternary};
+      }
+    }
+
+    .ant-tree-node-content-wrapper:focus {
+      outline: none;
+      background-color: ${token.colorFillQuaternary};
+    }
+
+    .ant-tree-node-content-wrapper.ant-tree-node-selected {
+      background-color: ${token.colorPrimaryBg};
+    }
+  `,
+
+  droppableInline: css`
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+  `,
+
+  contentPadding: css`
+    padding: ${token.paddingSM}px;
+  `,
+
+  leafNode: css`
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+  `,
+
+  leafIcon: css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    flex-shrink: 0;
+    color: ${token.colorTextTertiary};
+  `,
+
+  groupNode: css`
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-weight: 500;
+  `,
+
+  groupCount: css`
+    font-size: 11px;
+    color: ${token.colorTextQuaternary};
+    font-weight: 400;
+  `,
+
+  inactive: css`
+    color: ${token.colorTextDisabled};
+    text-decoration: line-through;
+  `,
+
+  inactiveTag: css`
+    margin-left: 4px;
+    font-size: ${token.fontSizeSM - 1}px;
+    line-height: ${token.fontSizeSM + 4}px;
+    padding: 0 4px;
+    border-radius: ${token.borderRadiusSM}px;
+  `,
+}))
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/entity-tabbed-layout.styles.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/entity-tabbed-layout.styles.ts
new file mode 100644
index 0000000000..af1af83f3c
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/entity-tabbed-layout.styles.ts
@@ -0,0 +1,11 @@
+import { createStyles } from 'antd-style'
+
+export const useEntityTabbedLayoutStyles = createStyles(({ token, css }) => ({
+  contentPadding: css`
+    padding: ${token.paddingSM}px;
+  `,
+  detailContent: css`
+    overflow: auto;
+  `,
+}))
+
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/localization/LocalizationContext.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/localization/LocalizationContext.tsx
new file mode 100644
index 0000000000..065514f957
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/localization/LocalizationContext.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import { useStudioLanguages } from '../../../components/localization/useStudioLanguages'
+
+interface LocalizationState {
+  locales: string[]
+  currentLocale: string
+  setCurrentLocale: (loc: string) => void
+}
+
+const LocalizationContext = React.createContext<LocalizationState | undefined>(undefined)
+
+export const LocalizationProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const locales = useStudioLanguages()
+  const [currentLocale, setCurrentLocale] = React.useState<string>(locales[0] ?? 'en')
+
+  React.useEffect(() => {
+    if (!locales.includes(currentLocale) && locales.length > 0) setCurrentLocale(locales[0]!)
+  }, [locales])
+
+  return (
+    <LocalizationContext.Provider value={{ locales, currentLocale, setCurrentLocale }}>
+      {children}
+    </LocalizationContext.Provider>
+  )
+}
+
+export const useLocalization = (): LocalizationState => {
+  const ctx = React.useContext(LocalizationContext)
+  if (!ctx) throw new Error('useLocalization must be used within LocalizationProvider')
+  return ctx
+}
+
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/useEntityTabs.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/useEntityTabs.ts
new file mode 100644
index 0000000000..2c534d3faf
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/components/useEntityTabs.ts
@@ -0,0 +1,152 @@
+import React from 'react'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import type { EntityListItem } from '../types'
+import { EntityApi } from '../api'
+import { getErrorMessage, renderApiError } from '../../utils/error-handling'
+
+export interface EntityTab<T> {
+  id: number
+  title: string
+  data?: T
+  dirty: boolean
+  loading: boolean
+}
+
+export interface UseEntityTabsOptions<TDetail extends Record<string, any>> {
+  api: EntityApi<TDetail>
+  getTitle?: (li?: EntityListItem, data?: TDetail) => string
+  buildSavePayload?: (data: TDetail) => Record<string, any>
+}
+
+export function useEntityTabs<TDetail extends Record<string, any>>({ api, getTitle, buildSavePayload }: UseEntityTabsOptions<TDetail>) {
+  const messageApi = useMessage()
+  const [list, setList] = React.useState<EntityListItem[]>([])
+  const [tabs, setTabs] = React.useState<Array<EntityTab<TDetail>>>([])
+  const [activeKey, setActiveKey] = React.useState<string | undefined>(undefined)
+  const [loadingList, setLoadingList] = React.useState<boolean>(false)
+
+  const resolveTitle = (li?: EntityListItem, data?: TDetail): string => {
+    if (getTitle !== undefined) return getTitle(li, data)
+    return (data as any)?.name ?? li?.name ?? `#${li?.id ?? ''}`
+  }
+
+  const loadList = async (): Promise<void> => {
+    setLoadingList(true)
+    try {
+      const items = await api.list()
+      setList(items)
+      // refresh tab titles from list if needed
+      setTabs(prev => prev.map(tab => {
+        const li = items.find(i => i.id === tab.id)
+        return { ...tab, title: resolveTitle(li, tab.data) }
+      }))
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load list')))
+    } finally {
+      setLoadingList(false)
+    }
+  }
+
+  React.useEffect(() => { void loadList() }, [])
+
+  const findTab = (id: number): EntityTab<TDetail> | undefined => tabs.find(t => t.id === id)
+  const updateTab = (id: number, patch: Partial<EntityTab<TDetail>> | ((tab: EntityTab<TDetail>) => Partial<EntityTab<TDetail>>)): void => {
+    setTabs(prev => prev.map(t => {
+      if (t.id !== id) return t
+      const resolved = typeof patch === 'function' ? patch(t) : patch
+      return { ...t, ...resolved }
+    }))
+  }
+
+  const ensureTab = (id: number): void => {
+    setTabs(prev => {
+      if (prev.some(t => t.id === id)) return prev
+      const li = list.find(i => i.id === id)
+      return [...prev, { id, title: resolveTitle(li), dirty: false, loading: false }]
+    })
+  }
+
+  const openTab = async (id: number): Promise<void> => {
+    ensureTab(id)
+    setActiveKey(String(id))
+    await loadDetail(id)
+  }
+
+  const forceCloseTab = (id: number): void => {
+    setTabs(prev => prev.filter(t => t.id !== id))
+    if (activeKey === String(id)) {
+      // Activate last remaining tab
+      setTimeout(() => {
+        setActiveKey(prev => {
+          const remaining = tabs.filter(t => t.id !== id)
+          return remaining.length ? String(remaining[remaining.length - 1].id) : undefined
+        })
+      }, 0)
+    }
+  }
+
+  const loadDetail = async (id: number): Promise<void> => {
+    updateTab(id, { loading: true })
+    try {
+      const res = await api.get(id)
+      const li = list.find(i => i.id === id)
+      updateTab(id, { data: res.data, dirty: false, loading: false, title: resolveTitle(li, res.data) })
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to load')))
+      updateTab(id, { loading: false })
+    }
+  }
+
+  const onSave = async (id: number): Promise<void> => {
+    const tab = findTab(id)
+    if (tab?.data == null) return
+    updateTab(id, { loading: true })
+    const payload = buildSavePayload !== undefined ? buildSavePayload(tab.data) : (tab.data as any)
+    try {
+      await api.save(payload)
+      updateTab(id, { dirty: false })
+      await loadList()
+      void messageApi.success('Saved successfully')
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to save')))
+    } finally {
+      updateTab(id, { loading: false })
+    }
+  }
+
+  const onReload = async (id: number): Promise<void> => {
+    await loadDetail(id)
+  }
+
+  const onDelete = async (id: number): Promise<void> => {
+    try {
+      await api.delete(id)
+      await loadList()
+      forceCloseTab(id)
+      void messageApi.success('Deleted successfully')
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to delete')))
+    }
+  }
+
+  const activeId = activeKey !== undefined ? parseInt(activeKey) : tabs[0]?.id
+  const activeTab = activeId !== undefined ? tabs.find(t => t.id === activeId) : undefined
+
+  return {
+    list,
+    loadingList,
+    loadList,
+    tabs,
+    activeKey,
+    setActiveKey,
+    activeTab,
+    findTab,
+    updateTab,
+    openTab,
+    loadDetail,
+    forceCloseTab,
+    onSave,
+    onReload,
+    onDelete,
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/extensions.tsx b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/extensions.tsx
new file mode 100644
index 0000000000..1b4d4784a0
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/extensions.tsx
@@ -0,0 +1,363 @@
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+
+export const entityFormExtensionsServiceId = 'CoreShop/Studio/EntityFormExtensions'
+export const entityTableColumnExtensionsServiceId = 'CoreShop/Studio/EntityTableColumnExtensions'
+
+export type EntityFormExtensionRenderer<T = any> = (ctx: {
+  slotId: string
+  data?: T
+  onChange: (draft: Partial<T>) => void
+  currentLocale?: string
+  locales?: string[]
+  // optional form instance for advanced extensions
+  form?: any
+}) => React.ReactNode
+
+export type TableColumnExtension = {
+  title: string
+  dataIndex: string
+  width?: number
+  render: (value: any, record: any, index: number) => React.ReactNode
+}
+
+export type EntityTableColumnExtensionProvider<T = any> = (ctx: {
+  slotId: string
+  updateRecord: (index: number, field: string, value: any) => void
+}) => TableColumnExtension[]
+
+export class EntityTableColumnExtensionRegistry {
+  private slots = new Map<string, EntityTableColumnExtensionProvider[]>()
+
+  add(slotId: string, provider: EntityTableColumnExtensionProvider): void {
+    const list = this.slots.get(slotId) ?? []
+    list.push(provider)
+    this.slots.set(slotId, list)
+  }
+
+  list(slotId: string): EntityTableColumnExtensionProvider[] {
+    return (this.slots.get(slotId) ?? []).slice()
+  }
+
+  getColumns(slotId: string, updateRecord: (index: number, field: string, value: any) => void): TableColumnExtension[] {
+    const providers = this.list(slotId)
+    return providers.flatMap(provider => provider({ slotId, updateRecord }))
+  }
+}
+
+export class EntityFormExtensionRegistry {
+  private slots = new Map<string, EntityFormExtensionRenderer[]>()
+
+  add(slotId: string, renderer: EntityFormExtensionRenderer): void {
+    const list = this.slots.get(slotId) ?? []
+    list.push(renderer)
+    this.slots.set(slotId, list)
+  }
+
+  list(slotId: string): EntityFormExtensionRenderer[] {
+    return (this.slots.get(slotId) ?? []).slice()
+  }
+}
+
+export function getEntityFormExtensionRegistry(): EntityFormExtensionRegistry | undefined {
+  try {
+    return container.get<EntityFormExtensionRegistry>(entityFormExtensionsServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
+
+export function getEntityTableColumnExtensionRegistry(): EntityTableColumnExtensionRegistry | undefined {
+  try {
+    return container.get<EntityTableColumnExtensionRegistry>(entityTableColumnExtensionsServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
+
+export function getEntityTableColumnExtensions(slotId: string, updateRecord: (index: number, field: string, value: any) => void): TableColumnExtension[] {
+  const registry = getEntityTableColumnExtensionRegistry()
+  if (!registry) return []
+  return registry.getColumns(slotId, updateRecord)
+}
+
+export function renderEntityFormExtensions<T = any>(slotId: string, ctx: {
+  data?: T
+  onChange: (draft: Partial<T>) => void
+  currentLocale?: string
+  locales?: string[]
+  form?: any
+}): React.ReactNode[] {
+  const registry = getEntityFormExtensionRegistry()
+  if (!registry) return []
+  return registry.list(slotId).map((r, idx) => (
+    <React.Fragment key={`${slotId}-${idx}`}>{r({ slotId, ...ctx })}</React.Fragment>
+  ))
+}
+
+// ==========================================
+// NOTE: Save Decorator Registry is in separate file: save-decorators.ts
+// ==========================================
+// Tab Extension Registry
+// ==========================================
+
+export const entityTabExtensionsServiceId = 'CoreShop/Studio/EntityTabExtensions'
+
+export type TabExtension<T = any> = {
+  key: string
+  label: string
+  icon?: string
+  render: (data: T | undefined, onChange: (draft: Partial<T>) => void, ctx?: {
+    currentLocale?: string
+    locales?: string[]
+  }) => React.ReactNode
+}
+
+export type TabExtensionProvider<T = any> = (ctx: {
+  slotId: string
+  data?: T
+}) => TabExtension<T> | TabExtension<T>[] | null
+
+export class EntityTabExtensionRegistry {
+  private slots = new Map<string, TabExtensionProvider[]>()
+
+  /**
+   * Register a tab extension for a specific entity manager
+   * @param slotId - e.g., 'coreshop.address.country', 'coreshop.taxation.tax_rate'
+   * @param provider - Function that returns tab configuration(s)
+   */
+  add(slotId: string, provider: TabExtensionProvider): void {
+    const list = this.slots.get(slotId) ?? []
+    list.push(provider)
+    this.slots.set(slotId, list)
+  }
+
+  /**
+   * Get all tabs for a slot
+   */
+  getTabs<T = any>(slotId: string, data?: T): TabExtension<T>[] {
+    const providers = this.slots.get(slotId) ?? []
+    const tabs: TabExtension<T>[] = []
+
+    for (const provider of providers) {
+      const result = provider({ slotId, data })
+      if (result) {
+        tabs.push(...(Array.isArray(result) ? result : [result]))
+      }
+    }
+
+    return tabs
+  }
+}
+
+export function getEntityTabExtensionRegistry(): EntityTabExtensionRegistry | undefined {
+  try {
+    return container.get<EntityTabExtensionRegistry>(entityTabExtensionsServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
+
+// ==========================================
+// Action Extension Registry
+// ==========================================
+
+export const entityActionExtensionsServiceId = 'CoreShop/Studio/EntityActionExtensions'
+
+export type ActionExtension<T = any> = {
+  key: string
+  label: string
+  icon?: React.ReactNode
+  type?: 'primary' | 'default' | 'dashed' | 'link' | 'text'
+  danger?: boolean
+  disabled?: boolean
+  onClick: (data?: T) => void | Promise<void>
+}
+
+export type ActionExtensionProvider<T = any> = (ctx: {
+  slotId: string
+  data?: T
+  position: 'toolbar' | 'context-menu' | 'footer'
+}) => ActionExtension<T> | ActionExtension<T>[] | null
+
+export class EntityActionExtensionRegistry {
+  private slots = new Map<string, ActionExtensionProvider[]>()
+
+  /**
+   * Register an action extension
+   * @param slotId - e.g., 'coreshop.address.country.toolbar', 'coreshop.taxation.tax_rate.context'
+   * @param provider - Function that returns action configuration(s)
+   */
+  add(slotId: string, provider: ActionExtensionProvider): void {
+    const list = this.slots.get(slotId) ?? []
+    list.push(provider)
+    this.slots.set(slotId, list)
+  }
+
+  /**
+   * Get all actions for a slot and position
+   */
+  getActions<T = any>(
+    slotId: string,
+    position: 'toolbar' | 'context-menu' | 'footer',
+    data?: T
+  ): ActionExtension<T>[] {
+    const providers = this.slots.get(slotId) ?? []
+    const actions: ActionExtension<T>[] = []
+
+    for (const provider of providers) {
+      const result = provider({ slotId, data, position })
+      if (result) {
+        actions.push(...(Array.isArray(result) ? result : [result]))
+      }
+    }
+
+    return actions
+  }
+}
+
+export function getEntityActionExtensionRegistry(): EntityActionExtensionRegistry | undefined {
+  try {
+    return container.get<EntityActionExtensionRegistry>(entityActionExtensionsServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
+
+// ==========================================
+// Validation Extension Registry
+// ==========================================
+
+export const entityValidationExtensionsServiceId = 'CoreShop/Studio/EntityValidationExtensions'
+
+export type ValidationResult = {
+  valid: boolean
+  errors?: Record<string, string[]> // field -> error messages
+}
+
+export type ValidationFunction<T = any> = (
+  data: T,
+  context?: { currentLocale?: string }
+) => ValidationResult | Promise<ValidationResult>
+
+export class EntityValidationExtensionRegistry {
+  private validators = new Map<string, ValidationFunction[]>()
+
+  /**
+   * Register a validation function
+   * @param slotId - e.g., 'coreshop.address.country', 'coreshop.taxation.tax_rate'
+   * @param validator - Validation function
+   */
+  add(slotId: string, validator: ValidationFunction): void {
+    const list = this.validators.get(slotId) ?? []
+    list.push(validator)
+    this.validators.set(slotId, list)
+  }
+
+  /**
+   * Run all validators for a slot
+   */
+  async validate<T = any>(
+    slotId: string,
+    data: T,
+    context?: { currentLocale?: string }
+  ): Promise<ValidationResult> {
+    const validators = this.validators.get(slotId) ?? []
+    const errors: Record<string, string[]> = {}
+    let valid = true
+
+    for (const validator of validators) {
+      const result = await validator(data, context)
+      if (!result.valid) {
+        valid = false
+        if (result.errors) {
+          for (const [field, messages] of Object.entries(result.errors)) {
+            errors[field] = [...(errors[field] ?? []), ...messages]
+          }
+        }
+      }
+    }
+
+    return { valid, errors: valid ? undefined : errors }
+  }
+}
+
+export function getEntityValidationExtensionRegistry(): EntityValidationExtensionRegistry | undefined {
+  try {
+    return container.get<EntityValidationExtensionRegistry>(entityValidationExtensionsServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
+
+// ==========================================
+// Lifecycle Hook Registry
+// ==========================================
+
+export const entityLifecycleHooksServiceId = 'CoreShop/Studio/EntityLifecycleHooks'
+
+export type LifecycleHookType =
+  | 'beforeLoad'
+  | 'afterLoad'
+  | 'beforeSave'
+  | 'afterSave'
+  | 'beforeDelete'
+  | 'afterDelete'
+
+export type LifecycleHookFunction<T = any> = (
+  data: T,
+  context?: { id?: number, locale?: string }
+) => T | Promise<T> | void | Promise<void>
+
+export class EntityLifecycleHookRegistry {
+  private hooks = new Map<string, Map<LifecycleHookType, LifecycleHookFunction[]>>()
+
+  /**
+   * Register a lifecycle hook
+   * @param slotId - e.g., 'coreshop.address.country', 'coreshop.taxation.tax_rate'
+   * @param hookType - Type of lifecycle event
+   * @param hook - Hook function
+   */
+  add(slotId: string, hookType: LifecycleHookType, hook: LifecycleHookFunction): void {
+    if (!this.hooks.has(slotId)) {
+      this.hooks.set(slotId, new Map())
+    }
+    const slotHooks = this.hooks.get(slotId)!
+    const list = slotHooks.get(hookType) ?? []
+    list.push(hook)
+    slotHooks.set(hookType, list)
+  }
+
+  /**
+   * Execute all hooks for a specific lifecycle event
+   */
+  async execute<T = any>(
+    slotId: string,
+    hookType: LifecycleHookType,
+    data: T,
+    context?: { id?: number, locale?: string }
+  ): Promise<T> {
+    const slotHooks = this.hooks.get(slotId)
+    if (!slotHooks) return data
+
+    const hooks = slotHooks.get(hookType) ?? []
+    let currentData = data
+
+    for (const hook of hooks) {
+      const result = await hook(currentData, context)
+      if (result !== undefined && result !== null) {
+        currentData = result as T
+      }
+    }
+
+    return currentData
+  }
+}
+
+export function getEntityLifecycleHookRegistry(): EntityLifecycleHookRegistry | undefined {
+  try {
+    return container.get<EntityLifecycleHookRegistry>(entityLifecycleHooksServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/hooks/useEntitySelect.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/hooks/useEntitySelect.ts
new file mode 100644
index 0000000000..04cdf730d1
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/hooks/useEntitySelect.ts
@@ -0,0 +1,86 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect } from 'react'
+import type { EntityApi } from '../api'
+
+/**
+ * Interface for entities that can be used in select components
+ * Must have an id field
+ */
+export interface SelectableEntity {
+  id: number
+  [key: string]: any
+}
+
+/**
+ * Option format for Ant Design Select component
+ */
+export interface SelectOption {
+  label: string
+  value: number
+}
+
+/**
+ * Hook to load entities from API and prepare them for use in Select components
+ *
+ * @param api - EntityApi instance to load entities from
+ * @param selectedIds - Currently selected entity IDs (can be numbers or strings from backend)
+ * @param labelKey - The key to use for the label (defaults to 'name')
+ * @returns Tuple of [options, value, handleChange, loading]
+ */
+export function useEntitySelect<T extends SelectableEntity>(
+  api: EntityApi<T>,
+  selectedIds: number[] | string[] | undefined,
+  labelKey: string = 'name'
+): [SelectOption[], number[], (ids: number[]) => void, boolean] {
+  const [options, setOptions] = useState<SelectOption[]>([])
+  const [loading, setLoading] = useState<boolean>(false)
+
+  // Normalize selectedIds to number[] (backend may send strings)
+  const normalizedIds = selectedIds?.map(id => typeof id === 'string' ? parseInt(id, 10) : id) || []
+  const [value, setValue] = useState<number[]>(normalizedIds)
+
+  // Load entities from API on mount
+  useEffect(() => {
+    setLoading(true)
+    api.list()
+      .then(response => {
+        // EntityListResponse is an Array, not an object with data property
+        const entityOptions = response.map(entity => ({
+          label: entity[labelKey] || `Entity ${entity.id}`,
+          value: entity.id
+        }))
+        setOptions(entityOptions)
+      })
+      .catch(error => {
+        console.error('Failed to load entities:', error)
+        setOptions([])
+      })
+      .finally(() => {
+        setLoading(false)
+      })
+  }, [api, labelKey])
+
+  // Update value when selectedIds change
+  useEffect(() => {
+    const normalized = selectedIds?.map(id => typeof id === 'string' ? parseInt(id, 10) : id) || []
+    setValue(normalized)
+  }, [selectedIds])
+
+  // Handler to update value
+  const handleChange = (ids: number[]): void => {
+    setValue(ids)
+  }
+
+  return [options, value, handleChange, loading]
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/hooks/useRelationIds.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/hooks/useRelationIds.ts
new file mode 100644
index 0000000000..a7f531a56c
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/hooks/useRelationIds.ts
@@ -0,0 +1,182 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { useState, useEffect, useRef } from 'react'
+import type { ManyToManyRelationValue } from '../types/relation'
+import { loadElementDetails } from '@coreshop/pimcore/src/api/helperApi'
+
+/**
+ * Hook to convert between backend format (string IDs) and ManyToManyRelation format
+ * Automatically loads element details (fullPath, subtype, etc.) from the API
+ *
+ * @param ids - Array of string IDs from backend or ManyToManyRelationValue
+ * @param entityName - Name to display for entities (e.g., 'Product', 'Category') - used as fallback
+ * @param elementType - Type of element for API ('object', 'asset', 'document')
+ * @returns Tuple of [relationValue, handleChange, loading]
+ */
+export function useRelationIds(
+  ids: string[] | ManyToManyRelationValue | undefined,
+  entityName: string = 'Entity',
+  elementType: string = 'object'
+): [ManyToManyRelationValue | null, (value: ManyToManyRelationValue | null) => string[], boolean] {
+  const [relationValue, setRelationValue] = useState<ManyToManyRelationValue | null>(null)
+  const [loading, setLoading] = useState<boolean>(false)
+  const relationValueRef = useRef<ManyToManyRelationValue | null>(null)
+
+  useEffect(() => {
+    relationValueRef.current = relationValue
+  }, [relationValue])
+
+  // Convert backend format (string IDs) to ManyToManyRelationValue format
+  useEffect(() => {
+    let cancelled = false
+
+    if (!ids || (Array.isArray(ids) && ids.length === 0)) {
+      setLoading(false)
+      setRelationValue(null)
+      return () => {
+        cancelled = true
+      }
+    }
+
+    // If already in ManyToManyRelationValue format, sanitize and filter items
+    if (Array.isArray(ids) && ids.length > 0 && typeof ids[0] === 'object') {
+      const items = ids as ManyToManyRelationValue
+
+      const sanitizedItems = sanitizeRelationItems(items, entityName, elementType)
+
+      if (!cancelled) {
+        setLoading(false)
+        setRelationValue(sanitizedItems.length > 0 ? sanitizedItems : null)
+      }
+      return () => {
+        cancelled = true
+      }
+    }
+
+    // Convert string IDs to ManyToManyRelationValue format by loading details from API
+    if (Array.isArray(ids) && ids.length > 0 && (typeof ids[0] === 'string' || typeof ids[0] === 'number')) {
+      const normalizedIds = (ids as Array<string | number>).map(String)
+      const currentById = new Map(
+        (relationValueRef.current ?? []).map(item => [String(item.id), item] as const)
+      )
+
+      const fromCurrent = normalizedIds
+        .map(id => currentById.get(id))
+        .filter((item): item is ManyToManyRelationValue[number] => item != null)
+
+      if (fromCurrent.length === normalizedIds.length) {
+        const sanitizedCurrent = sanitizeRelationItems(fromCurrent, entityName, elementType)
+        setLoading(false)
+        setRelationValue(sanitizedCurrent.length > 0 ? sanitizedCurrent : null)
+        return () => {
+          cancelled = true
+        }
+      }
+
+      setLoading(true)
+      loadElementDetails(normalizedIds, elementType)
+        .then(details => {
+          const converted = normalizedIds.map(id => {
+            const currentItem = currentById.get(id)
+            if (currentItem) {
+              return currentItem
+            }
+
+            const detail = details[id]
+            if (detail) {
+              return detail
+            }
+            // Fallback if API didn't return this ID
+            return {
+              id: parseInt(id),
+              type: elementType,
+              fullPath: `${entityName} ${id}`,
+              subtype: null,
+              isPublished: true
+            }
+          })
+          const sanitized = sanitizeRelationItems(converted, entityName, elementType)
+          if (!cancelled) {
+            setRelationValue(sanitized.length > 0 ? sanitized : null)
+          }
+        })
+        .catch(error => {
+          console.error('Failed to load element details:', error)
+          // Fallback to simple format on error
+          const converted = normalizedIds.map(id => ({
+            id: parseInt(id),
+            type: elementType,
+            fullPath: `${entityName} ${id}`,
+              subtype: null,
+              isPublished: true
+          }))
+          const sanitized = sanitizeRelationItems(converted, entityName, elementType)
+          if (!cancelled) {
+            setRelationValue(sanitized.length > 0 ? sanitized : null)
+          }
+        })
+        .finally(() => {
+          if (!cancelled) {
+            setLoading(false)
+          }
+        })
+    } else {
+      // Unsupported shape
+      setLoading(false)
+      setRelationValue(null)
+    }
+
+    return () => {
+      cancelled = true
+    }
+  }, [ids, entityName, elementType])
+
+  // Handler that converts ManyToManyRelationValue back to string IDs for backend
+  const handleChange = (value: ManyToManyRelationValue | null): string[] => {
+    const sanitized = sanitizeRelationItems(value ?? [], entityName, elementType)
+    relationValueRef.current = sanitized.length > 0 ? sanitized : null
+    setRelationValue(sanitized.length > 0 ? sanitized : null)
+    return sanitized.map(item => String(item.id))
+  }
+
+  return [relationValue, handleChange, loading]
+}
+
+const sanitizeRelationItems = (
+  items: Array<Partial<ManyToManyRelationValue[number]> | null | undefined>,
+  entityName: string,
+  elementType: string
+): ManyToManyRelationValue => {
+  return items
+    .map((item) => {
+      if (item == null || item.id == null) {
+        return null
+      }
+
+      const numericId = typeof item.id === 'number' ? item.id : Number(item.id)
+      if (!Number.isFinite(numericId)) {
+        return null
+      }
+
+      return {
+        id: numericId,
+        type: (typeof item.type === 'string' && item.type.length > 0) ? item.type : elementType,
+        fullPath: (typeof item.fullPath === 'string' && item.fullPath.length > 0)
+          ? item.fullPath
+          : `${entityName} ${String(numericId)}`,
+        subtype: item.subtype ?? null,
+        isPublished: item.isPublished ?? true,
+      }
+    })
+    .filter((item): item is ManyToManyRelationValue[number] => item != null)
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/index.ts
new file mode 100644
index 0000000000..e7505c487d
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/index.ts
@@ -0,0 +1,16 @@
+export * from './types'
+export * from './api'
+export * from './components/EntityDetail'
+export * from './components/EntityManager'
+export * from './components/EntityTabbedManager'
+export * from './components/EntitySplitManager'
+export * from './components/EntityList'
+export * from './components/EntityFooterToolbar'
+export * from './extensions'
+export * from './save-decorators'
+export * from './hooks/useRelationIds'
+export * from './hooks/useEntitySelect'
+export * from '../utils/error-handling'
+export * from '../utils/createOptionsLoader'
+export * from '../components/EntitySelect'
+export * from '../components/EntityChoiceWidget'
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/save-decorators.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/save-decorators.ts
new file mode 100644
index 0000000000..9c0f1d645f
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/save-decorators.ts
@@ -0,0 +1,29 @@
+import { container } from '@pimcore/studio-ui-bundle'
+
+export const entitySaveDecoratorsServiceId = 'CoreShop/Studio/EntitySaveDecorators'
+
+export type SaveDecorator<T = any> = (payload: Record<string, any>, data?: T) => Record<string, any>
+
+export class EntitySaveDecoratorRegistry {
+  private map = new Map<string, SaveDecorator[]>()
+
+  add(resourceKey: string, decorator: SaveDecorator): void {
+    const list = this.map.get(resourceKey) ?? []
+    list.push(decorator)
+    this.map.set(resourceKey, list)
+  }
+
+  apply(resourceKey: string, payload: Record<string, any>, data?: any): Record<string, any> {
+    const list = this.map.get(resourceKey) ?? []
+    return list.reduce((acc, d) => d(acc, data), payload)
+  }
+}
+
+export function getEntitySaveDecoratorRegistry(): EntitySaveDecoratorRegistry | undefined {
+  try {
+    return container.get<EntitySaveDecoratorRegistry>(entitySaveDecoratorsServiceId)
+  } catch (e) {
+    return undefined
+  }
+}
+
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types.ts
new file mode 100644
index 0000000000..02e2144915
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types.ts
@@ -0,0 +1,28 @@
+export interface EntityListItem {
+  id: number
+  name: string
+  identifier?: string
+  active?: boolean
+}
+
+export interface EntityGetResponse<T> {
+  data: T
+  success: boolean
+}
+
+export interface EntityListResponse<T extends EntityListItem = EntityListItem> extends Array<T> {}
+
+export interface EntityApiConfig {
+  basePath: string // e.g. '/pimcore-studio/api'
+  resourcePath: string // e.g. '/coreshop/zones'
+  routes?: {
+    list: string
+    get: string
+    add: string
+    save: string
+    delete: string
+  }
+}
+
+export type Id = number | string
+
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types/index.ts
new file mode 100644
index 0000000000..552d9a8524
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './relation'
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types/relation.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types/relation.ts
new file mode 100644
index 0000000000..d74971e674
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/entities/types/relation.ts
@@ -0,0 +1,27 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Item in a Many-to-Many relation
+ */
+export interface ManyToManyRelationValueItem {
+  id: number
+  type: string
+  fullPath: string
+  subtype: string | null
+  isPublished: boolean
+}
+
+/**
+ * Value for Many-to-Many relations (array of items)
+ */
+export type ManyToManyRelationValue = ManyToManyRelationValueItem[]
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..2f9f7a441c
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Export all entities components and types
+export * from './entities'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..0045f4d2bc
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,141 @@
+/**
+ * CoreShop ResourceBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { ResourceBundleIconModule } from './modules/icon-library'
+import { IAbstractPlugin, container } from "@pimcore/studio-ui-bundle";
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import {
+    DynamicTypeObjectDataCoreShopRelation,
+    DynamicTypeObjectDataCoreShopRelations
+} from './dynamic-types'
+import {
+  entityFormExtensionsServiceId,
+  EntityFormExtensionRegistry,
+  entityTableColumnExtensionsServiceId,
+  EntityTableColumnExtensionRegistry,
+  entityTabExtensionsServiceId,
+  EntityTabExtensionRegistry,
+  entityActionExtensionsServiceId,
+  EntityActionExtensionRegistry,
+  entityValidationExtensionsServiceId,
+  EntityValidationExtensionRegistry,
+  entityLifecycleHooksServiceId,
+  EntityLifecycleHookRegistry
+} from './entities/extensions'
+import { entitySaveDecoratorsServiceId, EntitySaveDecoratorRegistry } from './entities/save-decorators'
+import { ResourceConfigProvider, coreshopResourceServiceIds } from './config'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-resource',
+
+    onInit() {
+        // Register CoreShop Dynamic Types for Data Objects
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopRelation())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopRelations())
+
+        // Bind generic registries used by bundle UIs
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entityFormExtensionsServiceId)) {
+                container.bind(entityFormExtensionsServiceId).to(EntityFormExtensionRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entityFormExtensionsServiceId).to(EntityFormExtensionRegistry).inSingletonScope()
+        }
+
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entityTableColumnExtensionsServiceId)) {
+                container.bind(entityTableColumnExtensionsServiceId).to(EntityTableColumnExtensionRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entityTableColumnExtensionsServiceId).to(EntityTableColumnExtensionRegistry).inSingletonScope()
+        }
+
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entitySaveDecoratorsServiceId)) {
+                container.bind(entitySaveDecoratorsServiceId).to(EntitySaveDecoratorRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entitySaveDecoratorsServiceId).to(EntitySaveDecoratorRegistry).inSingletonScope()
+        }
+
+        // Tab Extensions
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entityTabExtensionsServiceId)) {
+                container.bind(entityTabExtensionsServiceId).to(EntityTabExtensionRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entityTabExtensionsServiceId).to(EntityTabExtensionRegistry).inSingletonScope()
+        }
+
+        // Action Extensions
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entityActionExtensionsServiceId)) {
+                container.bind(entityActionExtensionsServiceId).to(EntityActionExtensionRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entityActionExtensionsServiceId).to(EntityActionExtensionRegistry).inSingletonScope()
+        }
+
+        // Validation Extensions
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entityValidationExtensionsServiceId)) {
+                container.bind(entityValidationExtensionsServiceId).to(EntityValidationExtensionRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entityValidationExtensionsServiceId).to(EntityValidationExtensionRegistry).inSingletonScope()
+        }
+
+        // Lifecycle Hooks
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(entityLifecycleHooksServiceId)) {
+                container.bind(entityLifecycleHooksServiceId).to(EntityLifecycleHookRegistry).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(entityLifecycleHooksServiceId).to(EntityLifecycleHookRegistry).inSingletonScope()
+        }
+
+        // Bind resource config provider
+        try {
+            // @ts-ignore
+            if (!(container as any).isBound?.(coreshopResourceServiceIds.configProvider)) {
+                container.bind(coreshopResourceServiceIds.configProvider).to(ResourceConfigProvider).inSingletonScope()
+            }
+        } catch (e) {
+            // @ts-ignore
+            container.bind(coreshopResourceServiceIds.configProvider).to(ResourceConfigProvider).inSingletonScope()
+        }
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(ResourceBundleIconModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..31f2e5582b
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,54 @@
+/**
+ * CoreShop ResourceBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import cursorIcon from '../../assets/cursor.svg?react'
+// @ts-ignore
+import logoIcon from '../../assets/logo.svg?react'
+// @ts-ignore
+import servicesIcon from '../../assets/services.svg?react'
+
+export const ResourceBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    // Register icons based on CSS class names from resource.css (without _icon_ and ignoring _white_)
+    iconLibrary.register({
+      name: 'pimcore_data_group_coreshop',
+      component: logoIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_cursor',
+      component: cursorIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_settings',
+      component: servicesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_settings',
+      component: servicesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_settings',
+      component: servicesIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/createOptionsLoader.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/createOptionsLoader.ts
new file mode 100644
index 0000000000..493dd7c92f
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/createOptionsLoader.ts
@@ -0,0 +1,40 @@
+export type SelectOption = { value: number; label: string }
+
+export function createOptionsLoader(
+  fetchFn: () => Promise<SelectOption[]>
+): {
+  load: () => Promise<SelectOption[]>
+  getCache: () => SelectOption[] | null
+  clearCache: () => void
+} {
+  let cachedOptions: SelectOption[] | null = null
+  let loadPromise: Promise<SelectOption[]> | null = null
+
+  const load = async (): Promise<SelectOption[]> => {
+    if (cachedOptions) return cachedOptions
+    if (loadPromise) return loadPromise
+
+    loadPromise = (async () => {
+      try {
+        cachedOptions = await fetchFn()
+        return cachedOptions
+      } catch (err) {
+        console.error('Failed to load options:', err)
+        return []
+      } finally {
+        loadPromise = null
+      }
+    })()
+
+    return loadPromise
+  }
+
+  const getCache = (): SelectOption[] | null => cachedOptions
+
+  const clearCache = (): void => {
+    cachedOptions = null
+    loadPromise = null
+  }
+
+  return { load, getCache, clearCache }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/error-handling.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/error-handling.ts
new file mode 100644
index 0000000000..0c854439de
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/error-handling.ts
@@ -0,0 +1,72 @@
+/**
+ * CoreShop ResourceBundle - Error Handling Utilities
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { trackError, GeneralError } from '@pimcore/studio-ui-bundle/modules/app'
+
+/**
+ * Extract a user-friendly error message from various error types
+ */
+export const getErrorMessage = (error: unknown, fallback = 'An error occurred'): string => {
+  if (error instanceof Error) {
+    return error.message
+  }
+  if (typeof error === 'string') {
+    return error
+  }
+  if (error && typeof error === 'object') {
+    // Handle API error responses
+    const errObj = error as Record<string, unknown>
+    if (typeof errObj.message === 'string') return errObj.message
+    if (typeof errObj.detail === 'string') return errObj.detail
+    if (typeof errObj.error === 'string') return errObj.error
+  }
+  return fallback
+}
+
+/**
+ * Track an error using Pimcore Studio's error tracking system.
+ * This displays an error modal to the user.
+ * Use this for critical errors that need user attention.
+ */
+export const handleCriticalError = (error: unknown, context?: string): void => {
+  const message = getErrorMessage(error, context ?? 'A critical error occurred')
+  console.error(context ?? 'Critical error:', error)
+  trackError(new GeneralError(message))
+}
+
+/**
+ * Log an error to console without showing to user.
+ * Use this for non-critical errors that shouldn't interrupt the user.
+ */
+export const logError = (error: unknown, context?: string): void => {
+  const message = getErrorMessage(error)
+  console.error(context ?? 'Error:', message, error)
+}
+
+/**
+ * Renders an API error message for use in messageApi.error().
+ * Supports multi-line messages (newline-separated from backend)
+ * by rendering each line as a separate <div>.
+ */
+export const renderApiError = (message: unknown): React.ReactNode => {
+  if (typeof message === 'string' && message.includes('\n')) {
+    return React.createElement(
+      'div',
+      null,
+      ...message.split('\n').map((line, i) =>
+        React.createElement('div', { key: i }, line)
+      )
+    )
+  }
+  return message as React.ReactNode
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/index.ts b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/index.ts
new file mode 100644
index 0000000000..29fbbe196b
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/utils/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop ResourceBundle - Utilities
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './error-handling'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/pimcore/routing.yml
index 4bec817018..ca807017cb 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/pimcore/routing.yml
@@ -1,11 +1,19 @@
 coreshop_helper_get_nice_path:
     path: /%coreshop.admin.route.base%/helper/get-nice-path
-    defaults: { _controller: CoreShop\Bundle\ResourceBundle\Controller\ResourceSettingsController::getNicePathAction }
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\ResourceBundle\Controller\ResourceSettingsController::getNicePathAction
     options:
         expose: true
         
 coreshop_resource_class_map:
     path: /%coreshop.admin.route.base%/resource/config
-    defaults: { _controller: CoreShop\Bundle\ResourceBundle\Controller\ResourceSettingsController::getConfigAction }
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\ResourceBundle\Controller\ResourceSettingsController::getConfigAction
     options:
         expose: true
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services.yml
index eedf9885af..fea62fb938 100755
--- a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services.yml
@@ -5,7 +5,6 @@ imports:
     - { resource: services/commands.yml }
     - { resource: services/validators.yml }
     - { resource: services/form.yml }
-    - { resource: services/grid.yml }
 
 services:
     _defaults:
@@ -68,8 +67,6 @@ services:
 
     CoreShop\Bundle\ResourceBundle\Controller\ResourceSettingsController:
         parent: CoreShop\Bundle\ResourceBundle\Controller\AdminController
-        calls:
-            - [ 'setPimcoreSerializer', [ '@pimcore.serializer' ] ]
         tags:
             - { name: container.service_subscriber }
 
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/classic_admin.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/classic_admin.yml
new file mode 100644
index 0000000000..f10d4a44af
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/classic_admin.yml
@@ -0,0 +1,21 @@
+services:
+  coreshop.resource.installer.grid_config:
+    alias: 'CoreShop\Bundle\ResourceBundle\AdminClass\Installer\PimcoreGridConfigInstaller'
+    public: true
+
+  CoreShop\Bundle\ResourceBundle\AdminClass\Installer\PimcoreGridConfigInstaller:
+    arguments:
+      - '@kernel'
+      - '@CoreShop\Component\Resource\Metadata\RegistryInterface'
+      - '@CoreShop\Bundle\ResourceBundle\Pimcore\ObjectManager'
+      - '@CoreShop\Component\Pimcore\DataObject\GridConfigInstaller'
+      - '@CoreShop\Bundle\ResourceBundle\Installer\PimcoreClassInstaller'
+    tags:
+      - { name: coreshop.resource.installer, type: grid_config, priority: 200}
+
+  coreshop.data_object.grid_column_config.operator.factory.resource_field_getter:
+    class: Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\Factory\DefaultOperatorFactory
+    arguments:
+      $className: CoreShop\Bundle\ResourceBundle\AdminClass\Pimcore\GridColumnConfig\ResourceFieldGetter
+    tags:
+      - { name: pimcore.data_object.grid_column_config.operator_factory, id: coreshop_resource_field_getter }
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/form.yml
index 50aaa6e398..a5d0a8641f 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/form.yml
@@ -9,3 +9,7 @@ services:
             - '@CoreShop\Bundle\ResourceBundle\Form\DataTransformer\PimcoreAssetDataTransformer'
         tags:
             - { name: form.type }
+
+    CoreShop\Bundle\ResourceBundle\Form\Type\TagCollectionType:
+        tags:
+            - { name: form.type }
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/grid.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/grid.yml
deleted file mode 100644
index b745739ad2..0000000000
--- a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/grid.yml
+++ /dev/null
@@ -1,7 +0,0 @@
-services:
-  coreshop.data_object.grid_column_config.operator.factory.resource_field_getter:
-    class: Pimcore\Bundle\AdminBundle\DataObject\GridColumnConfig\Operator\Factory\DefaultOperatorFactory
-    arguments:
-      $className: CoreShop\Bundle\ResourceBundle\Pimcore\GridColumnConfig\ResourceFieldGetter
-    tags:
-      - { name: pimcore.data_object.grid_column_config.operator_factory, id: coreshop_resource_field_getter }
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/installer.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/installer.yml
index 36240333d3..6b6b51534d 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/installer.yml
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/installer.yml
@@ -73,20 +73,6 @@ services:
         tags:
            - { name: coreshop.resource.installer, type: sql, priority: 400}
 
-    coreshop.resource.installer.grid_config:
-        alias: 'CoreShop\Bundle\ResourceBundle\Installer\PimcoreGridConfigInstaller'
-        public: true
-
-    CoreShop\Bundle\ResourceBundle\Installer\PimcoreGridConfigInstaller:
-        arguments:
-            - '@kernel'
-            - '@CoreShop\Component\Resource\Metadata\RegistryInterface'
-            - '@CoreShop\Bundle\ResourceBundle\Pimcore\ObjectManager'
-            - '@CoreShop\Component\Pimcore\DataObject\GridConfigInstaller'
-            - '@CoreShop\Bundle\ResourceBundle\Installer\PimcoreClassInstaller'
-        tags:
-            - { name: coreshop.resource.installer, type: grid_config, priority: 200}
-
     CoreShop\Bundle\ResourceBundle\Installer\PimcoreDependantBundleInstaller:
         arguments:
             - '@kernel'
@@ -102,4 +88,3 @@ services:
     CoreShop\Bundle\ResourceBundle\Installer\CompositeResourceInstaller:
         arguments:
             - '@coreshop.registry.resource.installers'
-
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/routing.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/routing.yml
index 31e70d7f5f..b14b5e1fe7 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/routing.yml
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/routing.yml
@@ -6,6 +6,7 @@ services:
         arguments:
             - '@CoreShop\Component\Resource\Metadata\RegistryInterface'
             - '@CoreShop\Bundle\ResourceBundle\Routing\RouteFactoryInterface'
+            - '%coreshop.admin.route.backend_requirement%'
             - '%kernel.environment%'
         tags:
             - { name: routing.loader }
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..6eb007863d
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/config/services/studio.yml
@@ -0,0 +1,12 @@
+services:
+  CoreShop\Bundle\ResourceBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
+
+  CoreShop\Bundle\ResourceBundle\StudioBackend\DataAdapter\CoreShopSelectAdapter:
+    tags:
+      - { name: pimcore.studio_backend.data_adapter }
+
+  CoreShop\Bundle\ResourceBundle\StudioBackend\DataAdapter\CoreShopMultiSelectAdapter:
+    tags:
+      - { name: pimcore.studio_backend.data_adapter }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/ResourceBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..fe5721afec
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,40 @@
+---
+coreshop: 'CoreShop'
+coreshop_coreshop_relation: 'CoreShop Relation'
+coreshop_coreshop_relations: 'CoreShop Relationen'
+coreshop_save_success: 'Element wurde erfolgreich gespeichert'
+coreshop_enter_the_name: 'Geben Sie den Namen ein'
+coreshop_save_error: 'Fehler beim speichern des Elements'
+coreshop_multistore: 'Multistore'
+coreshop_total_items: 'Gesamt {0}'
+coreshop_permission_group_coreshop: 'CoreShop'
+coreshop_return_concrete: 'Return Type Concrete'
+
+# ManyToManyRelation Spaltenüberschriften
+relations.id: 'ID'
+relations.reference: 'Referenz'
+relations.path: 'Pfad'
+relations.type: 'Typ'
+relations.subtype: 'Untertyp'
+
+# Grid Filter & Action System
+coreshop_grid_filter: 'Filter'
+coreshop_grid_filter_empty: 'Kein Filter'
+coreshop_grid_filter_select: 'Filter auswählen...'
+coreshop_grid_actions: 'Aktionen ({count})'
+coreshop_grid_action_confirm: 'Aktion bestätigen'
+coreshop_grid_action_confirm_message: '"{action}" auf {count} Element(e) anwenden?'
+coreshop_grid_action_execute: 'Ausführen'
+coreshop_grid_action_cancel: 'Abbrechen'
+coreshop_grid_action_success: 'Aktion erfolgreich abgeschlossen'
+coreshop_grid_action_error: 'Aktion fehlgeschlagen'
+coreshop_grid_open: 'Öffnen'
+coreshop_grid_open_selected: 'Ausgewählte öffnen ({count})'
+coreshop_grid_refresh: 'Aktualisieren'
+
+# Grid Preset Filter
+coreshop_grid_filter_created_today: 'Heute erstellt'
+coreshop_grid_filter_created_this_week: 'Diese Woche erstellt'
+coreshop_grid_filter_created_this_month: 'Diesen Monat erstellt'
+coreshop_grid_filter_created_this_year: 'Dieses Jahr erstellt'
+coreshop_grid_filter_created_last_year: 'Letztes Jahr erstellt'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/ResourceBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..1a50870f68
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,42 @@
+---
+coreshop: 'CoreShop'
+coreshop_coreshop_relation: 'CoreShop Relation'
+coreshop_coreshop_relations: 'CoreShop Relations'
+coreshop_save_success: 'Item has been successfully saved'
+coreshop_enter_the_name: 'Enter the name'
+coreshop_save_error: 'Error saving item'
+coreshop_multistore: 'Multistore'
+coreshop_total_items: 'Total {0}'
+coreshop_permission_group_coreshop: 'CoreShop'
+coreshop_stacks: 'Stacks'
+coreshop_allowed_stack: 'Stack'
+coreshop_return_concrete: 'Return Type Concrete'
+
+# ManyToManyRelation column headers
+relations.id: 'ID'
+relations.reference: 'Reference'
+relations.path: 'Path'
+relations.type: 'Type'
+relations.subtype: 'Subtype'
+
+# Grid Filter & Action System
+coreshop_grid_filter: 'Filter'
+coreshop_grid_filter_empty: 'No Filter'
+coreshop_grid_filter_select: 'Select filter...'
+coreshop_grid_actions: 'Actions ({count})'
+coreshop_grid_action_confirm: 'Confirm Action'
+coreshop_grid_action_confirm_message: 'Apply "{action}" to {count} item(s)?'
+coreshop_grid_action_execute: 'Execute'
+coreshop_grid_action_cancel: 'Cancel'
+coreshop_grid_action_success: 'Action completed successfully'
+coreshop_grid_action_error: 'Action failed'
+coreshop_grid_open: 'Open'
+coreshop_grid_open_selected: 'Open Selected ({count})'
+coreshop_grid_refresh: 'Refresh'
+
+# Grid Preset Filters
+coreshop_grid_filter_created_today: 'Created Today'
+coreshop_grid_filter_created_this_week: 'Created This Week'
+coreshop_grid_filter_created_this_month: 'Created This Month'
+coreshop_grid_filter_created_this_year: 'Created This Year'
+coreshop_grid_filter_created_last_year: 'Created Last Year'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/Routing/ResourceLoader.php b/src/CoreShop/Bundle/ResourceBundle/Routing/ResourceLoader.php
index cec4133af6..a888c76840 100644
--- a/src/CoreShop/Bundle/ResourceBundle/Routing/ResourceLoader.php
+++ b/src/CoreShop/Bundle/ResourceBundle/Routing/ResourceLoader.php
@@ -30,6 +30,7 @@ final class ResourceLoader extends Loader
     public function __construct(
         private RegistryInterface $modelRegistry,
         private RouteFactoryInterface $routeFactory,
+        private string $backendRequirement,
         ?string $env = null,
     ) {
         parent::__construct($env);
@@ -90,8 +91,7 @@ public function load($resource, $type = null): RouteCollection
         //$rootPath = sprintf('/%s/', isset($configuration['path']) ? $configuration['path'] : Urlizer::urlize($metadata->getPluralName()));
         //$identifier = sprintf('{%s}', $configuration['identifier']);
 
-        $rootPath = '/admin/' . $metadata->getApplicationName();
-        $rootPath .= '/' . $metadata->getPluralName() . '/';
+        $rootPath = sprintf('/{backend}/%s/%s/', $metadata->getApplicationName(), $metadata->getPluralName());
 
         foreach ($routesToGenerate as $route) {
             $indexRoute = $this->createRoute($metadata, $configuration, $rootPath . $route['path'], $route['action'], $route['methods'], $route['options'] ?? []);
@@ -110,9 +110,14 @@ private function createRoute(MetadataInterface $metadata, array $configuration,
     {
         $defaults = [
             '_controller' => $metadata->getServiceId('admin_controller') . sprintf('::%sAction', $actionName),
+            'backend' => 'admin',
         ];
 
-        return $this->routeFactory->createRoute($path, $defaults, [], $options, '', [], $methods);
+        $requirements = [
+            'backend' => $this->backendRequirement,
+        ];
+
+        return $this->routeFactory->createRoute($path, $defaults, $requirements, $options, '', [], $methods);
     }
 
     private function getRouteName(MetadataInterface $metadata, array $configuration, $actionName): string
diff --git a/src/CoreShop/Bundle/ResourceBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/ResourceBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..282578691c
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ResourceBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ResourceBundle/StudioBackend/DataAdapter/CoreShopMultiSelectAdapter.php b/src/CoreShop/Bundle/ResourceBundle/StudioBackend/DataAdapter/CoreShopMultiSelectAdapter.php
new file mode 100644
index 0000000000..4d3c1734cb
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/StudioBackend/DataAdapter/CoreShopMultiSelectAdapter.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ResourceBundle\StudioBackend\DataAdapter;
+
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\Model\FieldContextData;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\SetterDataInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Service\DataAdapterLoaderInterface;
+use Pimcore\Model\DataObject\ClassDefinition\Data;
+use Pimcore\Model\DataObject\Concrete;
+use Pimcore\Model\UserInterface;
+use Symfony\Component\DependencyInjection\Attribute\AutoconfigureTag;
+
+#[AutoconfigureTag(DataAdapterLoaderInterface::ADAPTER_TAG)]
+final readonly class CoreShopMultiSelectAdapter implements SetterDataInterface
+{
+    public function getDataForSetter(
+        Concrete $element,
+        Data $fieldDefinition,
+        string $key,
+        array $data,
+        UserInterface $user,
+        ?FieldContextData $contextData = null,
+        bool $isPatch = false,
+    ): ?array {
+        if (!array_key_exists($key, $data) || !is_array($data[$key])) {
+            return null;
+        }
+
+        return $fieldDefinition->getDataFromEditmode($data[$key], $element);
+    }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/StudioBackend/DataAdapter/CoreShopSelectAdapter.php b/src/CoreShop/Bundle/ResourceBundle/StudioBackend/DataAdapter/CoreShopSelectAdapter.php
new file mode 100644
index 0000000000..4339bcd7bc
--- /dev/null
+++ b/src/CoreShop/Bundle/ResourceBundle/StudioBackend/DataAdapter/CoreShopSelectAdapter.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ResourceBundle\StudioBackend\DataAdapter;
+
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\DataNormalizerInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\Model\FieldContextData;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Data\SetterDataInterface;
+use Pimcore\Bundle\StudioBackendBundle\DataObject\Service\DataAdapterLoaderInterface;
+use Pimcore\Model\DataObject\ClassDefinition\Data;
+use Pimcore\Model\DataObject\Concrete;
+use Pimcore\Model\UserInterface;
+use Symfony\Component\DependencyInjection\Attribute\AutoconfigureTag;
+
+#[AutoconfigureTag(DataAdapterLoaderInterface::ADAPTER_TAG)]
+final readonly class CoreShopSelectAdapter implements SetterDataInterface, DataNormalizerInterface
+{
+    public function getDataForSetter(
+        Concrete $element,
+        Data $fieldDefinition,
+        string $key,
+        array $data,
+        UserInterface $user,
+        ?FieldContextData $contextData = null,
+        bool $isPatch = false,
+    ): mixed {
+        if (!array_key_exists($key, $data)) {
+            return null;
+        }
+
+        return $fieldDefinition->getDataFromEditmode($data[$key], $element);
+    }
+
+    public function normalize(mixed $value, Data $fieldDefinition): mixed
+    {
+        return $fieldDefinition->getDataForEditmode($value);
+    }
+}
diff --git a/src/CoreShop/Bundle/ResourceBundle/composer.json b/src/CoreShop/Bundle/ResourceBundle/composer.json
index 6d5526dd99..a42c92bdd2 100644
--- a/src/CoreShop/Bundle/ResourceBundle/composer.json
+++ b/src/CoreShop/Bundle/ResourceBundle/composer.json
@@ -1,76 +1,83 @@
 {
-  "name": "coreshop/resource-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Resource Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/resource-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Resource Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "doctrine/orm": "^3.0",
+        "doctrine/doctrine-bundle": "^2.4",
+        "jms/serializer-bundle": "^5.0",
+        "stof/doctrine-extensions-bundle": "^1.6",
+        "coreshop/pimcore-bundle": "^5.0",
+        "coreshop/locale-bundle": "^5.0",
+        "coreshop/optimistic-entity-lock-bundle": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/resource": "^5.0",
+        "coreshop/studio-form-bundle": "^5.0",
+        "symfony/config": "^6.4.14 || ^7.2",
+        "symfony/expression-language": "^6.4.14 || ^7.2",
+        "symfony/form": "^6.4.14 || ^7.2",
+        "symfony/framework-bundle": "^6.4.14 || ^7.2",
+        "symfony/security-csrf": "^6.4.14 || ^7.2",
+        "symfony/templating": "^6.4.14 || ^7.2",
+        "symfony/twig-bundle": "^6.4.14 || ^7.2",
+        "symfony/validator": "^6.4.14 || ^7.2",
+        "symfony/yaml": "^6.4.14 || ^7.2",
+        "gedmo/doctrine-extensions": "^3.11.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "doctrine/orm": "^3.0",
-    "doctrine/doctrine-bundle": "^2.4",
-    "jms/serializer-bundle": "^5.5",
-    "stof/doctrine-extensions-bundle": "^1.14",
-    "coreshop/pimcore-bundle": "^5.0",
-    "coreshop/locale-bundle": "^5.0",
-    "coreshop/optimistic-entity-lock-bundle": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/resource": "^5.0",
-    "symfony/config": "^6.3 || ^7.0",
-    "symfony/expression-language": "^6.3 || ^7.0",
-    "symfony/form": "^6.3 || ^7.0",
-    "symfony/framework-bundle": "^6.3 || ^7.0",
-    "symfony/security-csrf": "^6.3 || ^7.0",
-    "symfony/templating": "^6.3 || ^7.0",
-    "symfony/twig-bundle": "^6.3 || ^7.0",
-    "symfony/validator": "^6.3 || ^7.0",
-    "symfony/yaml": "^6.3 || ^7.0",
-    "gedmo/doctrine-extensions": "^3.11.0",
-    "pimcore/pimcore": "^12.3",
-    "pimcore/admin-ui-classic-bundle": "^2.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ResourceBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ResourceBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/RuleBundle/DependencyInjection/CoreShopRuleExtension.php b/src/CoreShop/Bundle/RuleBundle/DependencyInjection/CoreShopRuleExtension.php
index e644c72a05..f3f1b6408b 100644
--- a/src/CoreShop/Bundle/RuleBundle/DependencyInjection/CoreShopRuleExtension.php
+++ b/src/CoreShop/Bundle/RuleBundle/DependencyInjection/CoreShopRuleExtension.php
@@ -43,6 +43,12 @@ public function load(array $configs, ContainerBuilder $container): void
             $this->registerPimcoreResources('coreshop', $configs['pimcore_admin'], $container);
         }
 
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/RuleBundle/Form/Type/AbstractConfigurableRuleElementType.php b/src/CoreShop/Bundle/RuleBundle/Form/Type/AbstractConfigurableRuleElementType.php
index e3baac0ce7..4ff78a052f 100644
--- a/src/CoreShop/Bundle/RuleBundle/Form/Type/AbstractConfigurableRuleElementType.php
+++ b/src/CoreShop/Bundle/RuleBundle/Form/Type/AbstractConfigurableRuleElementType.php
@@ -23,6 +23,7 @@
 use Symfony\Component\Form\FormEvent;
 use Symfony\Component\Form\FormEvents;
 use Symfony\Component\Form\FormInterface;
+use Symfony\Component\Form\FormTypeInterface;
 use Symfony\Component\OptionsResolver\OptionsResolver;
 
 abstract class AbstractConfigurableRuleElementType extends AbstractResourceType
@@ -39,6 +40,18 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         parent::buildForm($builder, $options);
 
+        // For prototypes: add configuration fields from the configuration_type option
+        // (prototypes have no data, so the PRE_SET_DATA listener below won't fire)
+        if (
+            $options['configuration_type'] !== null
+            && $this->formTypeRegistry->has($options['configuration_type'], 'default')
+        ) {
+            $this->addConfigurationFields(
+                $builder,
+                $this->formTypeRegistry->get($options['configuration_type'], 'default'),
+            );
+        }
+
         $builder
             ->addEventListener(FormEvents::PRE_SET_DATA, function (FormEvent $event): void {
                 $type = $this->getRegistryIdentifier($event->getForm(), $event->getData());
@@ -86,11 +99,12 @@ public function configureOptions(OptionsResolver $resolver): void
         ;
     }
 
-    /**
-     * @param string        $configurationType
-     */
-    protected function addConfigurationFields(FormInterface $form, $configurationType): void
+    protected function addConfigurationFields(FormInterface|FormBuilderInterface $form, ?string $configurationType): void
     {
+        if ($configurationType === null || !is_a($configurationType, FormTypeInterface::class, true)) {
+            return;
+        }
+
         $form->add('configuration', $configurationType);
     }
 
diff --git a/src/CoreShop/Bundle/RuleBundle/Form/Type/Core/AbstractConfigurationCollectionType.php b/src/CoreShop/Bundle/RuleBundle/Form/Type/Core/AbstractConfigurationCollectionType.php
index c4b52a8edd..0302bfeccb 100644
--- a/src/CoreShop/Bundle/RuleBundle/Form/Type/Core/AbstractConfigurationCollectionType.php
+++ b/src/CoreShop/Bundle/RuleBundle/Form/Type/Core/AbstractConfigurationCollectionType.php
@@ -55,7 +55,12 @@ public function buildView(FormView $view, FormInterface $form, array $options):
     {
         $view->vars['prototypes'] = [];
 
-        foreach ($form->getConfig()->getAttribute('prototypes') as $type => $prototype) {
+        $prototypes = $form->getConfig()->getAttribute('prototypes');
+        if (!is_array($prototypes)) {
+            return;
+        }
+
+        foreach ($prototypes as $type => $prototype) {
             /* @var FormInterface $prototype */
             $view->vars['prototypes'][$type] = $prototype->createView($view);
         }
diff --git a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php b/src/CoreShop/Bundle/RuleBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
similarity index 66%
rename from src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
rename to src/CoreShop/Bundle/RuleBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
index e3dd0f0b5b..2ce25cc8b9 100644
--- a/src/CoreShop/Bundle/CoreBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
+++ b/src/CoreShop/Bundle/RuleBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
@@ -15,10 +15,10 @@
  *
  */
 
-namespace CoreShop\Bundle\CoreBundle\Form\Type\Rule\Condition;
+namespace CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition;
 
+use CoreShop\Bundle\RuleBundle\Form\Type\TimestampDateType;
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\NumberType;
 use Symfony\Component\Form\FormBuilderInterface;
 
 final class TimespanConfigurationType extends AbstractType
@@ -26,8 +26,12 @@ final class TimespanConfigurationType extends AbstractType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('dateTo', NumberType::class)
-            ->add('dateFrom', NumberType::class)
+            ->add('dateFrom', TimestampDateType::class, [
+                'label' => 'coreshop_condition_timespan_dateFrom',
+            ])
+            ->add('dateTo', TimestampDateType::class, [
+                'label' => 'coreshop_condition_timespan_dateTo',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php b/src/CoreShop/Bundle/RuleBundle/Form/Type/TimestampDateType.php
similarity index 54%
rename from src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
rename to src/CoreShop/Bundle/RuleBundle/Form/Type/TimestampDateType.php
index 1662507207..e5e1f1698a 100644
--- a/src/CoreShop/Bundle/ProductQuantityPriceRulesBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
+++ b/src/CoreShop/Bundle/RuleBundle/Form/Type/TimestampDateType.php
@@ -15,24 +15,20 @@
  *
  */
 
-namespace CoreShop\Bundle\ProductQuantityPriceRulesBundle\Form\Type\Rule\Condition;
+namespace CoreShop\Bundle\RuleBundle\Form\Type;
 
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\NumberType;
-use Symfony\Component\Form\FormBuilderInterface;
 
-final class TimespanConfigurationType extends AbstractType
+final class TimestampDateType extends AbstractType
 {
-    public function buildForm(FormBuilderInterface $builder, array $options): void
+    public function getParent(): string
     {
-        $builder
-            ->add('dateFrom', NumberType::class)
-            ->add('dateTo', NumberType::class)
-        ;
+        return NumberType::class;
     }
 
     public function getBlockPrefix(): string
     {
-        return 'coreshop_product_quantity_price_rules_rule_condition_timespan';
+        return 'coreshop_timestamp_date';
     }
 }
diff --git a/src/CoreShop/Bundle/RuleBundle/README.md b/src/CoreShop/Bundle/RuleBundle/README.md
index a757c76f5b..e8c29a2524 100644
--- a/src/CoreShop/Bundle/RuleBundle/README.md
+++ b/src/CoreShop/Bundle/RuleBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..5b947d69fb
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@coreshop/rule",
+  "version": "1.0.0",
+  "description": "CoreShop RuleBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/api.svg b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/api.svg
new file mode 100644
index 0000000000..fd649beb93
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/api.svg
@@ -0,0 +1,6 @@
+
+
+<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" enable-background="new 0 0 48 48">
+    <path fill="#3F51B5" d="M39,43H9c-2.2,0-4-1.8-4-4V9c0-2.2,1.8-4,4-4h30c2.2,0,4,1.8,4,4v30C43,41.2,41.2,43,39,43z"/>
+    <path fill="#B3E5FC" d="M33.6,25.4c0.1-0.4,0.1-0.9,0.1-1.4s0-0.9-0.1-1.4l2.8-2c0.3-0.2,0.4-0.6,0.2-0.9l-2.7-4.6 c-0.2-0.3-0.5-0.4-0.8-0.3L30,16.3c-0.7-0.6-1.5-1-2.4-1.4l-0.3-3.4c0-0.3-0.3-0.6-0.6-0.6h-5.3c-0.3,0-0.6,0.3-0.6,0.6L20.4,15 c-0.9,0.3-1.6,0.8-2.4,1.4l-3.1-1.4c-0.3-0.1-0.7,0-0.8,0.3l-2.7,4.6c-0.2,0.3-0.1,0.7,0.2,0.9l2.8,2c-0.1,0.4-0.1,0.9-0.1,1.4 s0,0.9,0.1,1.4l-2.8,2c-0.3,0.2-0.4,0.6-0.2,0.9l2.7,4.6c0.2,0.3,0.5,0.4,0.8,0.3l3.1-1.4c0.7,0.6,1.5,1,2.4,1.4l0.3,3.4 c0,0.3,0.3,0.6,0.6,0.6h5.3c0.3,0,0.6-0.3,0.6-0.6l0.3-3.4c0.9-0.3,1.6-0.8,2.4-1.4l3.1,1.4c0.3,0.1,0.7,0,0.8-0.3l2.7-4.6 c0.2-0.3,0.1-0.7-0.2-0.9L33.6,25.4z M24,29c-2.8,0-5-2.2-5-5c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5C29,26.8,26.8,29,24,29z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/lightning.svg b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/lightning.svg
new file mode 100644
index 0000000000..894312375f
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/lightning.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<polygon fill="#D500F9" points="34,21 24.57,21 31,4 20,4 14,25 22.636,25 18,44 "/>
+</svg>
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/search.svg b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/search.svg
new file mode 100644
index 0000000000..2834266619
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/search.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.0" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<g>
+
+		<rect x="34.6" y="28.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.1544 36.5859)" fill="#616161" width="4" height="17"/>
+	<circle fill="#616161" cx="20" cy="20" r="16"/>
+</g>
+<rect x="36.2" y="32.1" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -15.8392 38.2393)" fill="#37474F" width="4" height="12.3"/>
+<circle fill="#64B5F6" cx="20" cy="20" r="13"/>
+<path fill="#BBDEFB" d="M26.9,14.2c-1.7-2-4.2-3.2-6.9-3.2s-5.2,1.2-6.9,3.2c-0.4,0.4-0.3,1.1,0.1,1.4c0.4,0.4,1.1,0.3,1.4-0.1  C16,13.9,17.9,13,20,13s4,0.9,5.4,2.5c0.2,0.2,0.5,0.4,0.8,0.4c0.2,0,0.5-0.1,0.6-0.2C27.2,15.3,27.2,14.6,26.9,14.2z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/warning.svg b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/warning.svg
new file mode 100644
index 0000000000..98308d36bf
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/assets/warning.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFC107;}
+	.st1{fill:#263238;}
+</style>
+<path class="st0" d="M1.8,38.5L21.7,5.1c1.1-1.8,3.7-1.8,4.7,0l19.9,33.4c1.1,1.8-0.3,4.2-2.4,4.2H4.2C2.1,42.6,0.7,40.3,1.8,38.5z"
+	/>
+<path class="st1" d="M21.9,35.6c0-0.3,0-0.6,0.1-0.8c0.1-0.3,0.3-0.4,0.4-0.7c0.1-0.3,0.4-0.3,0.7-0.4c0.3-0.1,0.6-0.1,0.8-0.1
+	s0.7,0,1,0.1c0.3,0.1,0.6,0.3,0.7,0.4c0.1,0.1,0.3,0.4,0.4,0.7c0.1,0.3,0.1,0.6,0.1,0.8s0,0.6-0.1,0.8c-0.1,0.3-0.3,0.4-0.4,0.7
+	c-0.1,0.3-0.4,0.3-0.7,0.4c-0.3,0.1-0.6,0.1-1,0.1s-0.7,0-0.8-0.1c-0.1-0.1-0.6-0.3-0.7-0.4c-0.1-0.1-0.3-0.4-0.4-0.7
+	C21.9,36.1,21.9,35.9,21.9,35.6z M25.8,31.3h-3.2L22,17.7h4.2L25.8,31.3z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..eb1f5ec9d2
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,14 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Public API for external plugins
+export * from './rules'
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..5bd6047a12
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,60 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import {IAbstractPlugin, container} from '@pimcore/studio-ui-bundle'
+import { RuleBundleIconModule } from './modules/icon-library'
+import { ActionRegistry, ConditionRegistry, coreshopRuleServiceIds } from './rules/registry'
+import { Input } from 'antd'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { TimestampDatePicker } from './widgets/TimestampDatePicker'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-rule',
+
+    onInit() {
+        // Register ActionRegistry and ConditionRegistry as singleton services in the container
+        // This allows other bundles to access them via container.get()
+        container.bind(coreshopRuleServiceIds.actionRegistry).to(ActionRegistry).inSingletonScope()
+        container.bind(coreshopRuleServiceIds.conditionRegistry).to(ConditionRegistry).inSingletonScope()
+    },
+
+    onStartup({ moduleSystem }) {
+        // Symfony/Twig-like block-prefix override:
+        // Rule collections are rendered in dedicated RuleForm tabs, not inside generic settings schema.
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+        const hiddenRuleCollectionWidget = () => ({
+            component: Input,
+            extra: {
+                hidden: true,
+            },
+        })
+        // Only hide generic rule collection prefixes owned by RuleBundle.
+        // Bundle-specific prefixes are hidden by their respective bundles.
+        const collectionPrefixesToHide = [
+            'coreshop_rule_condition_collection',
+            'coreshop_rule_action_collection',
+        ]
+
+        collectionPrefixesToHide.forEach((prefix) => {
+            formWidgetRegistry.register(prefix, hiddenRuleCollectionWidget)
+        })
+
+        formWidgetRegistry.register('coreshop_timestamp_date', () => ({
+            component: TimestampDatePicker,
+        }))
+
+        moduleSystem.registerModule(RuleBundleIconModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..b559a8dabd
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,55 @@
+/**
+ * CoreShop RuleBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import apiIcon from '../../assets/api.svg?react'
+// @ts-ignore
+import lightningIcon from '../../assets/lightning.svg?react'
+// @ts-ignore
+import searchIcon from '../../assets/search.svg?react'
+// @ts-ignore
+import warningIcon from '../../assets/warning.svg?react'
+
+export const RuleBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_rule',
+      component: lightningIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rules',
+      component: lightningIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_api',
+      component: apiIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_search',
+      component: searchIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_rule_warning',
+      component: warningIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/api.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/api.ts
new file mode 100644
index 0000000000..99a12ffa09
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/api.ts
@@ -0,0 +1,49 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+import { preSeedSchemaCache } from '@coreshop/studio-form'
+import type { Rule, RuleConfig } from './types'
+
+export class RuleApi<T extends Rule = Rule> extends EntityApi<T> {
+  /**
+   * Get rule configuration (available conditions and actions)
+   *
+   * Also pre-seeds the schema cache with embedded schemas from the response,
+   * eliminating the need for separate HTTP requests per condition/action.
+   */
+  async getConfig(): Promise<RuleConfig> {
+    // Access cfg from parent EntityApi class
+    const cfg = (this as any).cfg
+    const url = `${cfg.basePath}${cfg.resourcePath}/get-config`
+    const response = await fetch(url, {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      credentials: 'same-origin'
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to get config: ${response.statusText}`)
+    }
+
+    const config: RuleConfig = await response.json()
+
+    // Pre-seed schema cache with embedded schemas
+    if (config.schemas) {
+      preSeedSchemaCache(config.schemas)
+    }
+
+    return config
+  }
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ActionItem.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ActionItem.tsx
new file mode 100644
index 0000000000..e860afe2f5
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ActionItem.tsx
@@ -0,0 +1,112 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo } from 'react'
+import { Card, Button, Space } from 'antd'
+import { ArrowUpOutlined, ArrowDownOutlined, DeleteOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { RuleAction } from '../types'
+import type { ActionRegistry } from '../registry'
+import { coreshopRuleServiceIds } from '../registry'
+import { formatTypeLabel } from './type-label'
+
+interface ActionItemProps {
+  action: RuleAction
+  index: number
+  total: number
+  onChange: (action: RuleAction) => void
+  onMove: (from: number, to: number) => void
+  onDelete: () => void
+  registryId: symbol | string
+  currentLocale?: string
+  locales?: string[]
+}
+
+export const ActionItem: React.FC<ActionItemProps> = ({
+  action,
+  index,
+  total,
+  onChange,
+  onMove,
+  onDelete,
+  registryId,
+  currentLocale,
+  locales
+}) => {
+  const handleDataChange = (configuration: Record<string, any>) => {
+    onChange({ ...action, configuration })
+  }
+
+  const actionRegistry = useMemo(
+    () => container.get<ActionRegistry>(registryId),
+    [registryId]
+  )
+
+  const ActionComponent = actionRegistry.get(action.type)
+
+  const title = (
+    <Space>
+      <span style={{ fontWeight: 600 }}>
+        {formatTypeLabel('Action', action.type)}
+      </span>
+    </Space>
+  )
+
+  const extra = (
+    <Space>
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowUpOutlined />}
+        disabled={index === 0}
+        onClick={() => onMove(index, index - 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowDownOutlined />}
+        disabled={index === total - 1}
+        onClick={() => onMove(index, index + 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<DeleteOutlined />}
+        danger
+        onClick={onDelete}
+      />
+    </Space>
+  )
+
+  return (
+    <Card
+      size="small"
+      title={title}
+      extra={extra}
+      style={{ marginBottom: 8 }}
+    >
+      {ActionComponent ? (
+        <ActionComponent
+          data={action.configuration}
+          type={action.type}
+          onChange={handleDataChange}
+          currentLocale={currentLocale}
+          locales={locales}
+        />
+      ) : (
+        <div style={{ color: '#999', fontStyle: 'italic' }}>
+          Unknown action type: {action.type}
+        </div>
+      )}
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ActionsPanel.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ActionsPanel.tsx
new file mode 100644
index 0000000000..47f21a9dd4
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ActionsPanel.tsx
@@ -0,0 +1,117 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Dropdown, Space, Empty } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import type { RuleAction } from '../types'
+import { ActionItem } from './ActionItem'
+import { formatTypeLabel } from './type-label'
+
+interface ActionsPanelProps {
+  actions: RuleAction[]
+  availableTypes: string[]
+  onChange: (actions: RuleAction[]) => void
+  registryId: symbol | string
+  currentLocale?: string
+  locales?: string[]
+}
+
+export const ActionsPanel: React.FC<ActionsPanelProps> = ({
+  actions,
+  availableTypes,
+  onChange,
+  registryId,
+  currentLocale,
+  locales
+}) => {
+  const handleAdd = (type: string) => {
+    const newAction: RuleAction = {
+      type,
+      configuration: {},
+      sort: actions.length
+    }
+    onChange([...actions, newAction])
+  }
+
+  const handleChange = (index: number, action: RuleAction) => {
+    const updated = [...actions]
+    updated[index] = action
+    onChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= actions.length) return
+    const updated = [...actions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    // Update sort order
+    updated.forEach((a, i) => {
+      a.sort = i
+    })
+    onChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = actions.filter((_, i) => i !== index)
+    // Update sort order
+    updated.forEach((a, i) => {
+      a.sort = i
+    })
+    onChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: formatTypeLabel('Action', type),
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <div>
+          <Dropdown menu={{ items: menuItems }} placement="bottomLeft">
+            <Button type="primary" icon={<PlusOutlined />}>
+              Add Action
+            </Button>
+          </Dropdown>
+        </div>
+
+        {actions.length === 0 ? (
+          <Empty
+            description="No actions defined"
+            image={Empty.PRESENTED_IMAGE_SIMPLE}
+          />
+        ) : (
+          <div>
+            {actions.map((action, index) => (
+              <ActionItem
+                key={index}
+                action={action}
+                index={index}
+                total={actions.length}
+                onChange={(a) => handleChange(index, a)}
+                onMove={handleMove}
+                onDelete={() => handleDelete(index)}
+                registryId={registryId}
+                currentLocale={currentLocale}
+                locales={locales}
+              />
+            ))}
+          </div>
+        )}
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ConditionItem.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ConditionItem.tsx
new file mode 100644
index 0000000000..f6a4ac5081
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ConditionItem.tsx
@@ -0,0 +1,113 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useMemo } from 'react'
+import { Card, Button, Space } from 'antd'
+import { ArrowUpOutlined, ArrowDownOutlined, DeleteOutlined } from '@ant-design/icons'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { RuleCondition } from '../types'
+import type { ConditionRegistry } from '../registry/ConditionRegistry'
+import { coreshopRuleServiceIds } from '../registry'
+import { formatTypeLabel } from './type-label'
+
+interface ConditionItemProps {
+  condition: RuleCondition
+  index: number
+  total: number
+  onChange: (condition: RuleCondition) => void
+  onMove: (from: number, to: number) => void
+  onDelete: () => void
+  registryId: symbol | string
+  currentLocale?: string
+  locales?: string[]
+}
+
+export const ConditionItem: React.FC<ConditionItemProps> = ({
+  condition,
+  index,
+  total,
+  onChange,
+  onMove,
+  onDelete,
+  registryId,
+  currentLocale,
+  locales
+}) => {
+  const handleDataChange = (configuration: Record<string, any>) => {
+    onChange({ ...condition, configuration })
+  }
+
+  const conditionRegistry = useMemo(
+    () => container.get<ConditionRegistry>(registryId),
+    [registryId]
+  )
+
+  const ConditionComponent = conditionRegistry.get(condition.type)
+
+  const title = (
+    <Space>
+      <span style={{ fontWeight: 600 }}>
+        {formatTypeLabel('Condition', condition.type)}
+      </span>
+    </Space>
+  )
+
+  const extra = (
+    <Space>
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowUpOutlined />}
+        disabled={index === 0}
+        onClick={() => onMove(index, index - 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<ArrowDownOutlined />}
+        disabled={index === total - 1}
+        onClick={() => onMove(index, index + 1)}
+      />
+      <Button
+        type="text"
+        size="small"
+        icon={<DeleteOutlined />}
+        danger
+        onClick={onDelete}
+      />
+    </Space>
+  )
+
+  return (
+    <Card
+      size="small"
+      title={title}
+      extra={extra}
+      style={{ marginBottom: 8 }}
+    >
+      {ConditionComponent ? (
+        <ConditionComponent
+          data={condition.configuration}
+          type={condition.type}
+          onChange={handleDataChange}
+          registryId={registryId}
+          currentLocale={currentLocale}
+          locales={locales}
+        />
+      ) : (
+        <div style={{ color: '#999', fontStyle: 'italic' }}>
+          Unknown condition type: {condition.type}
+        </div>
+      )}
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ConditionsPanel.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ConditionsPanel.tsx
new file mode 100644
index 0000000000..f6f70e8172
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/ConditionsPanel.tsx
@@ -0,0 +1,118 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Button, Dropdown, Space, Empty } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import type { RuleCondition } from '../types'
+import { ConditionItem } from './ConditionItem'
+import { formatTypeLabel } from './type-label'
+
+interface ConditionsPanelProps {
+  conditions: RuleCondition[]
+  availableTypes: string[]
+  onChange: (conditions: RuleCondition[]) => void
+  registryId: symbol | string
+  currentLocale?: string
+  locales?: string[]
+}
+
+export const ConditionsPanel: React.FC<ConditionsPanelProps> = ({
+  conditions,
+  availableTypes,
+  onChange,
+  registryId,
+  currentLocale,
+  locales
+}) => {
+  // Debug logging
+  const handleAdd = (type: string) => {
+    const newCondition: RuleCondition = {
+      type,
+      configuration: {},
+      sort: conditions.length
+    }
+    onChange([...conditions, newCondition])
+  }
+
+  const handleChange = (index: number, condition: RuleCondition) => {
+    const updated = [...conditions]
+    updated[index] = condition
+    onChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= conditions.length) return
+    const updated = [...conditions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    onChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = conditions.filter((_, i) => i !== index)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    onChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: formatTypeLabel('Condition', type),
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <div style={{ padding: 24 }}>
+      <Space direction="vertical" size="large" style={{ width: '100%' }}>
+        <div>
+          <Dropdown menu={{ items: menuItems }} placement="bottomLeft">
+            <Button type="primary" icon={<PlusOutlined />}>
+              Add Condition
+            </Button>
+          </Dropdown>
+        </div>
+
+        {conditions.length === 0 ? (
+          <Empty
+            description="No conditions defined"
+            image={Empty.PRESENTED_IMAGE_SIMPLE}
+          />
+        ) : (
+          <div>
+            {conditions.map((condition, index) => (
+              <ConditionItem
+                key={index}
+                condition={condition}
+                index={index}
+                total={conditions.length}
+                onChange={(c) => handleChange(index, c)}
+                onMove={handleMove}
+                onDelete={() => handleDelete(index)}
+                registryId={registryId}
+                currentLocale={currentLocale}
+                locales={locales}
+              />
+            ))}
+          </div>
+        )}
+      </Space>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/EmptyAction.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/EmptyAction.tsx
new file mode 100644
index 0000000000..55269e51a4
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/EmptyAction.tsx
@@ -0,0 +1,30 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Alert } from 'antd'
+import type { ActionComponentProps } from '../types'
+
+/**
+ * EmptyAction component for actions that don't require configuration
+ * Use this for actions that just need to exist without any settings
+ */
+export const EmptyAction: React.FC<ActionComponentProps> = () => {
+  return (
+    <Alert
+      message="This action has no configuration options."
+      type="info"
+      showIcon
+      style={{ marginTop: 8 }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/EmptyCondition.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/EmptyCondition.tsx
new file mode 100644
index 0000000000..73b48c1a94
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/EmptyCondition.tsx
@@ -0,0 +1,30 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Alert } from 'antd'
+import type { ConditionComponentProps } from '../types'
+
+/**
+ * EmptyCondition component for conditions that don't require configuration
+ * Use this for conditions that just need to exist without any settings
+ */
+export const EmptyCondition: React.FC<ConditionComponentProps> = () => {
+  return (
+    <Alert
+      message="This condition has no configuration options."
+      type="info"
+      showIcon
+      style={{ marginTop: 8 }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/RuleForm.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/RuleForm.tsx
new file mode 100644
index 0000000000..652a7fc556
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/RuleForm.tsx
@@ -0,0 +1,152 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Tabs, Button, Space } from 'antd'
+import { SaveOutlined } from '@ant-design/icons'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import type { Rule, RuleConfig } from '../types'
+import { ConditionsPanel } from './ConditionsPanel'
+import { ActionsPanel } from './ActionsPanel'
+import { getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+
+export interface RuleFormTab {
+  key: string
+  label: string
+  component: React.ReactNode
+  disabled?: boolean
+}
+
+interface RuleFormProps {
+  rule: Rule
+  config: RuleConfig
+  settingsComponent: React.ReactNode
+  conditionRegistryId: symbol | string
+  actionRegistryId: symbol | string
+  currentLocale?: string
+  locales?: string[]
+  additionalTabs?: RuleFormTab[]
+  onSave?: (rule: Rule) => Promise<void>
+  onChange: (rule: Rule) => void
+  hideToolbar?: boolean
+}
+
+export const RuleForm: React.FC<RuleFormProps> = ({
+  rule,
+  config,
+  settingsComponent,
+  additionalTabs = [],
+  onSave,
+  onChange,
+  hideToolbar = false,
+  conditionRegistryId,
+  actionRegistryId,
+  currentLocale,
+  locales
+}) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [saving, setSaving] = React.useState(false)
+
+  const handleSave = async () => {
+    if (!onSave) return
+    setSaving(true)
+    try {
+      await onSave(rule)
+      void messageApi.success('Rule saved successfully')
+    } catch (error) {
+      void messageApi.error(renderApiError(getErrorMessage(error, 'Failed to save rule')))
+    } finally {
+      setSaving(false)
+    }
+  }
+
+  const handleConditionsChange = (conditions: Rule['conditions']) => {
+    onChange({ ...rule, conditions })
+  }
+
+  const handleActionsChange = (actions: Rule['actions']) => {
+    onChange({ ...rule, actions })
+  }
+
+  const baseTabs = [
+    {
+      key: 'settings',
+      label: t('coreshop_settings', { defaultValue: 'Settings' }),
+      children: settingsComponent
+    },
+    {
+      key: 'conditions',
+      label: t('coreshop_conditions', { defaultValue: 'Conditions' }),
+      children: (
+        <ConditionsPanel
+          conditions={rule.conditions || []}
+          availableTypes={config.conditions}
+          onChange={handleConditionsChange}
+          registryId={conditionRegistryId}
+          currentLocale={currentLocale}
+          locales={locales}
+        />
+      )
+    },
+    {
+      key: 'actions',
+      label: t('coreshop_actions', { defaultValue: 'Actions' }),
+      children: (
+        <ActionsPanel
+          actions={rule.actions || []}
+          availableTypes={config.actions}
+          onChange={handleActionsChange}
+          registryId={actionRegistryId}
+          currentLocale={currentLocale}
+          locales={locales}
+        />
+      )
+    }
+  ]
+
+  const additionalTabItems = additionalTabs.map(tab => ({
+    key: tab.key,
+    label: tab.label,
+    children: tab.component,
+    disabled: tab.disabled
+  }))
+
+  const allTabs = [...baseTabs, ...additionalTabItems]
+
+  return (
+    <div style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
+      {!hideToolbar && (
+        <div style={{ padding: '16px 24px', borderBottom: '1px solid #f0f0f0' }}>
+          <Space>
+            <Button
+              type="primary"
+              icon={<SaveOutlined />}
+              onClick={handleSave}
+              loading={saving}
+            >
+              {t('coreshop_save', { defaultValue: 'Save' })}
+            </Button>
+          </Space>
+        </div>
+      )}
+
+      <Tabs
+        defaultActiveKey="settings"
+        items={allTabs}
+        style={{ flex: 1, overflow: 'auto' }}
+        tabBarStyle={{ paddingLeft: 24, paddingRight: 24, marginBottom: 0 }}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/RuleManager.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/RuleManager.tsx
new file mode 100644
index 0000000000..5a0ae6d003
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/RuleManager.tsx
@@ -0,0 +1,52 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { EntitySplitManager, getErrorMessage, renderApiError } from '@coreshop/resource'
+import type { Rule, RuleConfig } from '../types'
+import type { RuleApi } from '../api'
+
+interface RuleManagerProps<T extends Rule> {
+  api: RuleApi<T>
+  renderForm: (rule: T, config: RuleConfig, onSave: (rule: T) => Promise<void>, onChange: (rule: T) => void) => React.ReactNode
+  createEmptyRule: () => T
+}
+
+export function RuleManager<T extends Rule>({
+  api,
+  renderForm,
+  createEmptyRule
+}: RuleManagerProps<T>) {
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<RuleConfig>({ conditions: [], actions: [] })
+
+  // Load config
+  React.useEffect(() => {
+    api.getConfig()
+      .then(setConfig)
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load configuration')))
+      })
+  }, [api])
+
+  return (
+    <EntitySplitManager
+      api={api}
+      createEmpty={createEmptyRule}
+      leftRootTitle="Rules"
+      renderDetail={(data, loading, onSave, onChange) =>
+        data ? renderForm(data, config, onSave, onChange) : null
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/createSchemaRuleComponent.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/createSchemaRuleComponent.tsx
new file mode 100644
index 0000000000..141490f1d6
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/createSchemaRuleComponent.tsx
@@ -0,0 +1,123 @@
+/**
+ * CoreShop RuleBundle - Schema-based Rule Component Factory
+ *
+ * Creates condition/action components that render forms dynamically
+ * from backend form type schemas instead of hand-written React forms.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter/SchemaForm'
+import type { ConditionComponentProps, ActionComponentProps } from '../types'
+
+/**
+ * Create a schema-based condition component.
+ *
+ * The component renders its configuration form dynamically from the backend
+ * form schema, eliminating the need for hand-written React form components.
+ *
+ * @param blockPrefix - Block prefix of the PHP configuration form type
+ *                      (e.g., 'coreshop_cart_price_rule_condition_amount')
+ *
+ * @example
+ * ```typescript
+ * // In OrderBundle main.ts:
+ * conditionRegistry.register('amount', createSchemaCondition('coreshop_cart_price_rule_condition_amount'))
+ * conditionRegistry.register('voucher', createSchemaCondition('coreshop_cart_price_rule_condition_voucher'))
+ * ```
+ */
+export const createSchemaCondition = (blockPrefix: string): React.FC<ConditionComponentProps> => {
+  const SchemaCondition: React.FC<ConditionComponentProps> = ({ data, type, onChange, currentLocale, locales }) => {
+    // Some backends can return the wrapper form block prefix instead of the pure
+    // configuration form prefix. Provide both shapes so both variants render.
+    const schemaData = {
+      ...(data ?? {}),
+      ...(type ? { type } : {}),
+      configuration: data ?? {},
+    }
+
+    return (
+      <SchemaForm
+        blockPrefix={blockPrefix}
+        data={schemaData}
+        currentLocale={currentLocale}
+        locales={locales}
+        onChange={(draft) => {
+          const next = { ...(data ?? {}) }
+          const wrapperConfiguration = (draft as Record<string, any>).configuration
+          if (wrapperConfiguration && typeof wrapperConfiguration === 'object') {
+            Object.assign(next, wrapperConfiguration)
+          }
+
+          for (const [key, value] of Object.entries(draft)) {
+            if (key === 'configuration' || key === 'type' || key === 'id' || key === 'sort') {
+              continue
+            }
+            next[key] = value
+          }
+
+          onChange(next)
+        }}
+      />
+    )
+  }
+  SchemaCondition.displayName = `SchemaCondition(${blockPrefix})`
+  return SchemaCondition
+}
+
+/**
+ * Create a schema-based action component.
+ *
+ * @param blockPrefix - Block prefix of the PHP configuration form type
+ *                      (e.g., 'coreshop_cart_price_rule_action_surcharge_percent')
+ *
+ * @example
+ * ```typescript
+ * // In OrderBundle main.ts:
+ * actionRegistry.register('surchargePercent', createSchemaAction('coreshop_cart_price_rule_action_surcharge_percent'))
+ * ```
+ */
+export const createSchemaAction = (blockPrefix: string): React.FC<ActionComponentProps> => {
+  const SchemaAction: React.FC<ActionComponentProps> = ({ data, type, onChange, currentLocale, locales }) => {
+    // See createSchemaCondition: support wrapper and pure configuration schemas.
+    const schemaData = {
+      ...(data ?? {}),
+      ...(type ? { type } : {}),
+      configuration: data ?? {},
+    }
+
+    return (
+      <SchemaForm
+        blockPrefix={blockPrefix}
+        data={schemaData}
+        currentLocale={currentLocale}
+        locales={locales}
+        onChange={(draft) => {
+          const next = { ...(data ?? {}) }
+          const wrapperConfiguration = (draft as Record<string, any>).configuration
+          if (wrapperConfiguration && typeof wrapperConfiguration === 'object') {
+            Object.assign(next, wrapperConfiguration)
+          }
+
+          for (const [key, value] of Object.entries(draft)) {
+            if (key === 'configuration' || key === 'type' || key === 'id' || key === 'sort') {
+              continue
+            }
+            next[key] = value
+          }
+
+          onChange(next)
+        }}
+      />
+    )
+  }
+  SchemaAction.displayName = `SchemaAction(${blockPrefix})`
+  return SchemaAction
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/index.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/index.ts
new file mode 100644
index 0000000000..53dcae8170
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/index.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { RuleManager } from './RuleManager'
+export { RuleForm } from './RuleForm'
+export type { RuleFormTab } from './RuleForm'
+export { ConditionsPanel } from './ConditionsPanel'
+export { ActionsPanel } from './ActionsPanel'
+export { ConditionItem } from './ConditionItem'
+export { ActionItem } from './ActionItem'
+export { EmptyAction } from './EmptyAction'
+export { EmptyCondition } from './EmptyCondition'
+export { createSchemaCondition, createSchemaAction } from './createSchemaRuleComponent'
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/type-label.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/type-label.ts
new file mode 100644
index 0000000000..6827da6150
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/components/type-label.ts
@@ -0,0 +1,18 @@
+/**
+ * Build a user-facing label for rule condition/action types.
+ * Examples:
+ * - "mail" -> "Action: mail"
+ * - "user.mail" -> "Action: mail (user)"
+ */
+export const formatTypeLabel = (kind: 'Action' | 'Condition', type: string): string => {
+  const dotIndex = type.indexOf('.')
+  if (dotIndex <= 0 || dotIndex >= type.length - 1) {
+    return `${kind}: ${type}`
+  }
+
+  const scope = type.slice(0, dotIndex)
+  const name = type.slice(dotIndex + 1)
+
+  return `${kind}: ${name} (${scope})`
+}
+
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/conditions/NestedCondition.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/conditions/NestedCondition.tsx
new file mode 100644
index 0000000000..31393f0973
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/conditions/NestedCondition.tsx
@@ -0,0 +1,164 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useEffect, useMemo } from 'react'
+import { Form, Select, Button, Dropdown, Space, Empty, Card } from 'antd'
+import { PlusOutlined } from '@ant-design/icons'
+import type { MenuProps } from 'antd'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { ConditionComponentProps } from '../index'
+import type { RuleCondition } from '../types'
+import { coreshopRuleServiceIds } from '../registry'
+import type { ConditionRegistry } from '../registry/ConditionRegistry'
+import { ConditionItem } from '../components/ConditionItem'
+
+interface NestedConditionData {
+  operator?: 'and' | 'or' | 'not'
+  conditions?: RuleCondition[]
+}
+
+export const NestedCondition: React.FC<ConditionComponentProps> = ({
+  data,
+  onChange,
+  registryId
+}) => {
+  const conditionData = data as NestedConditionData
+  const operator = conditionData.operator || 'and'
+  const conditions = conditionData.conditions || []
+
+  useEffect(() => {
+    if (conditionData.operator === undefined) {
+      onChange({ ...conditionData, operator: 'and' })
+    }
+  }, [])
+
+  // Use provided registryId or fall back to default
+  const effectiveRegistryId = registryId || coreshopRuleServiceIds.conditionRegistry
+
+  const conditionRegistry = useMemo(
+    () => container.get<ConditionRegistry>(effectiveRegistryId),
+    [effectiveRegistryId]
+  )
+
+  const availableTypes = useMemo(() => {
+    return Array.from(conditionRegistry.getAll().keys())
+  }, [conditionRegistry])
+
+  const handleOperatorChange = (value: 'and' | 'or' | 'not') => {
+    onChange({
+      ...conditionData,
+      operator: value
+    })
+  }
+
+  const handleConditionsChange = (newConditions: RuleCondition[]) => {
+    onChange({
+      ...conditionData,
+      conditions: newConditions
+    })
+  }
+
+  const handleAdd = (type: string) => {
+    const newCondition: RuleCondition = {
+      type,
+      configuration: {},
+      sort: conditions.length
+    }
+    handleConditionsChange([...conditions, newCondition])
+  }
+
+  const handleChange = (index: number, condition: RuleCondition) => {
+    const updated = [...conditions]
+    updated[index] = condition
+    handleConditionsChange(updated)
+  }
+
+  const handleMove = (from: number, to: number) => {
+    if (to < 0 || to >= conditions.length) return
+    const updated = [...conditions]
+    const [moved] = updated.splice(from, 1)
+    updated.splice(to, 0, moved)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    handleConditionsChange(updated)
+  }
+
+  const handleDelete = (index: number) => {
+    const updated = conditions.filter((_, i) => i !== index)
+    // Update sort order
+    updated.forEach((c, i) => {
+      c.sort = i
+    })
+    handleConditionsChange(updated)
+  }
+
+  const menuItems: MenuProps['items'] = availableTypes.map(type => ({
+    key: type,
+    label: `Condition: ${type}`,
+    onClick: () => handleAdd(type)
+  }))
+
+  return (
+    <Form layout="vertical">
+      <Form.Item label="Operator">
+        <Select
+          value={operator}
+          onChange={handleOperatorChange}
+          style={{ width: '100%' }}
+          options={[
+            { value: 'and', label: 'AND - All conditions must match' },
+            { value: 'or', label: 'OR - At least one condition must match' },
+            { value: 'not', label: 'NOT - None of the conditions must match' }
+          ]}
+        />
+      </Form.Item>
+
+      <Form.Item label="Nested Conditions">
+        <Card size="small" style={{ backgroundColor: '#fafafa' }}>
+          <Space direction="vertical" size="middle" style={{ width: '100%' }}>
+            <div>
+              <Dropdown menu={{ items: menuItems }} placement="bottomLeft">
+                <Button type="dashed" icon={<PlusOutlined />} size="small">
+                  Add Condition
+                </Button>
+              </Dropdown>
+            </div>
+
+            {conditions.length === 0 ? (
+              <Empty
+                description="No nested conditions"
+                image={Empty.PRESENTED_IMAGE_SIMPLE}
+              />
+            ) : (
+              <div>
+                {conditions.map((condition, index) => (
+                  <ConditionItem
+                    key={index}
+                    condition={condition}
+                    index={index}
+                    total={conditions.length}
+                    onChange={(c) => handleChange(index, c)}
+                    onMove={handleMove}
+                    onDelete={() => handleDelete(index)}
+                    registryId={effectiveRegistryId}
+                  />
+                ))}
+              </div>
+            )}
+          </Space>
+        </Card>
+      </Form.Item>
+    </Form>
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/conditions/index.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/conditions/index.ts
new file mode 100644
index 0000000000..5e567829ee
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/conditions/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { NestedCondition } from './NestedCondition'
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/index.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/index.ts
new file mode 100644
index 0000000000..c23475bdb4
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/index.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './types'
+export * from './api'
+export * from './registry'
+export * from './components'
+export * from './conditions'
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/ActionRegistry.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/ActionRegistry.ts
new file mode 100644
index 0000000000..f5a077f425
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/ActionRegistry.ts
@@ -0,0 +1,36 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { ActionComponentProps } from '../types'
+
+type ActionComponent = React.ComponentType<ActionComponentProps>
+
+export class ActionRegistry {
+  private actions: Map<string, ActionComponent> = new Map()
+
+  register(type: string, component: ActionComponent): void {
+    this.actions.set(type, component)
+  }
+
+  get(type: string): ActionComponent | undefined {
+    return this.actions.get(type)
+  }
+
+  has(type: string): boolean {
+    return this.actions.has(type)
+  }
+
+  getAll(): Map<string, ActionComponent> {
+    return this.actions
+  }
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/ConditionRegistry.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/ConditionRegistry.ts
new file mode 100644
index 0000000000..e652708be8
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/ConditionRegistry.ts
@@ -0,0 +1,36 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { ConditionComponentProps } from '../types'
+
+type ConditionComponent = React.ComponentType<ConditionComponentProps>
+
+export class ConditionRegistry {
+  private conditions: Map<string, ConditionComponent> = new Map()
+
+  register(type: string, component: ConditionComponent): void {
+    this.conditions.set(type, component)
+  }
+
+  get(type: string): ConditionComponent | undefined {
+    return this.conditions.get(type)
+  }
+
+  has(type: string): boolean {
+    return this.conditions.has(type)
+  }
+
+  getAll(): Map<string, ConditionComponent> {
+    return this.conditions
+  }
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/index.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/index.ts
new file mode 100644
index 0000000000..258a1df668
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/index.ts
@@ -0,0 +1,17 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { ConditionRegistry } from './ConditionRegistry'
+export { ActionRegistry } from './ActionRegistry'
+export { registerSchemaComponentsFromConfig, registerSchemaComponentsFromMaps } from './registerSchemaComponents'
+export type { SchemaRegistrationOptions } from './registerSchemaComponents'
+export { coreshopRuleServiceIds } from './service-ids'
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/registerSchemaComponents.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/registerSchemaComponents.ts
new file mode 100644
index 0000000000..386d435758
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/registerSchemaComponents.ts
@@ -0,0 +1,140 @@
+/**
+ * Registers schema-based rule components from backend type->blockPrefix mappings.
+ */
+
+import type { RuleConfig } from '../types'
+import { createSchemaAction, createSchemaCondition } from '../components'
+import { ActionRegistry } from './ActionRegistry'
+import { ConditionRegistry } from './ConditionRegistry'
+
+export interface SchemaRegistrationOptions {
+  overwriteExisting?: boolean
+}
+
+const isSchemaConditionComponent = (component: unknown): boolean => {
+  const displayName = (component as { displayName?: string })?.displayName
+  return typeof displayName === 'string' && displayName.startsWith('SchemaCondition(')
+}
+
+const isSchemaActionComponent = (component: unknown): boolean => {
+  const displayName = (component as { displayName?: string })?.displayName
+  return typeof displayName === 'string' && displayName.startsWith('SchemaAction(')
+}
+
+const getSchemaFieldCount = (
+  schemas: Record<string, any> | undefined,
+  blockPrefix: string | undefined,
+): number => {
+  if (!schemas || !blockPrefix) {
+    return 0
+  }
+
+  const fields = schemas[blockPrefix]?.fields
+  return Array.isArray(fields) ? fields.length : 0
+}
+
+const findFallbackSchemaPrefix = (
+  kind: 'condition' | 'action',
+  type: string,
+  mappedPrefix: string | undefined,
+  schemas: Record<string, any> | undefined,
+): string | undefined => {
+  if (!schemas) {
+    return undefined
+  }
+
+  const candidates = Object.entries(schemas)
+    .filter(([prefix, schema]) => {
+      if (!prefix.includes(`_${kind}_`) || !prefix.endsWith(`_${type}`)) {
+        return false
+      }
+
+      const fields = (schema as Record<string, any>)?.fields
+      return Array.isArray(fields) && fields.length > 0
+    })
+    .map(([prefix]) => prefix)
+
+  if (candidates.length === 0) {
+    return undefined
+  }
+
+  if (mappedPrefix) {
+    const kindMarker = `_${kind}_`
+    const markerIndex = mappedPrefix.indexOf(kindMarker)
+    if (markerIndex !== -1) {
+      const namespacePrefix = mappedPrefix.slice(0, markerIndex + kindMarker.length)
+      const scopedCandidate = candidates.find((prefix) => prefix.startsWith(namespacePrefix))
+      if (scopedCandidate) {
+        return scopedCandidate
+      }
+    }
+  }
+
+  return candidates[0]
+}
+
+const resolveSchemaPrefix = (
+  kind: 'condition' | 'action',
+  type: string,
+  mappedPrefix: string,
+  schemas: Record<string, any> | undefined,
+): string => {
+  // Fast path: mapping exists and resolves to a non-empty schema.
+  if (getSchemaFieldCount(schemas, mappedPrefix) > 0) {
+    return mappedPrefix
+  }
+
+  // Fallback for inconsistent mappings: try to resolve by kind + type suffix.
+  const fallbackPrefix = findFallbackSchemaPrefix(kind, type, mappedPrefix, schemas)
+  if (fallbackPrefix) {
+    return fallbackPrefix
+  }
+
+  // Keep original mapping for intentionally empty schemas.
+  return mappedPrefix
+}
+
+export const registerSchemaComponentsFromMaps = (
+  conditionRegistry: ConditionRegistry,
+  actionRegistry: ActionRegistry,
+  conditionSchemaByType: Record<string, string> | undefined,
+  actionSchemaByType: Record<string, string> | undefined,
+  schemas: Record<string, any> | undefined = undefined,
+  options: SchemaRegistrationOptions = {},
+): void => {
+  const overwriteExisting = options.overwriteExisting ?? false
+
+  for (const [type, mappedBlockPrefix] of Object.entries(conditionSchemaByType ?? {})) {
+    const blockPrefix = resolveSchemaPrefix('condition', type, mappedBlockPrefix, schemas)
+    const existing = conditionRegistry.get(type)
+    const shouldRegister = overwriteExisting || !existing || isSchemaConditionComponent(existing)
+    if (shouldRegister) {
+      conditionRegistry.register(type, createSchemaCondition(blockPrefix))
+    }
+  }
+
+  for (const [type, mappedBlockPrefix] of Object.entries(actionSchemaByType ?? {})) {
+    const blockPrefix = resolveSchemaPrefix('action', type, mappedBlockPrefix, schemas)
+    const existing = actionRegistry.get(type)
+    const shouldRegister = overwriteExisting || !existing || isSchemaActionComponent(existing)
+    if (shouldRegister) {
+      actionRegistry.register(type, createSchemaAction(blockPrefix))
+    }
+  }
+}
+
+export const registerSchemaComponentsFromConfig = (
+  conditionRegistry: ConditionRegistry,
+  actionRegistry: ActionRegistry,
+  config: RuleConfig,
+  options: SchemaRegistrationOptions = {},
+): void => {
+  registerSchemaComponentsFromMaps(
+    conditionRegistry,
+    actionRegistry,
+    config.conditionSchemaByType,
+    config.actionSchemaByType,
+    config.schemas,
+    options,
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/service-ids.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/service-ids.ts
new file mode 100644
index 0000000000..6a2448083d
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/registry/service-ids.ts
@@ -0,0 +1,19 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Service IDs for CoreShop Rule registries
+ */
+export const coreshopRuleServiceIds = {
+  actionRegistry: 'CoreShopRuleActionRegistry',
+  conditionRegistry: 'CoreShopRuleConditionRegistry'
+} as const
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/types.ts b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/types.ts
new file mode 100644
index 0000000000..e68935408c
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/rules/types.ts
@@ -0,0 +1,62 @@
+/**
+ * CoreShop RuleBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface RuleCondition {
+  id?: number
+  type: string
+  configuration: Record<string, any>
+  sort?: number
+}
+
+export interface RuleAction {
+  id?: number
+  type: string
+  configuration: Record<string, any>
+  sort?: number
+}
+
+export interface Rule {
+  id?: number
+  name: string
+  description?: string
+  active?: boolean
+  priority?: number
+  conditions?: RuleCondition[]
+  actions?: RuleAction[]
+}
+
+export interface RuleConfig {
+  conditions: string[]
+  actions: string[]
+  conditionSchemaByType?: Record<string, string>
+  actionSchemaByType?: Record<string, string>
+  schemas?: Record<string, any>
+  [key: string]: any
+}
+
+export interface ConditionComponentProps {
+  data: Record<string, any>
+  onChange: (data: Record<string, any>) => void
+  type?: string
+  currentLocale?: string
+  locales?: string[]
+  registryId?: symbol | string  // Optional: required for nested conditions
+}
+
+export interface ActionComponentProps {
+  data: Record<string, any>
+  onChange: (data: Record<string, any>) => void
+  type?: string
+  currentLocale?: string
+  locales?: string[]
+  registryId?: symbol | string  // Optional: required for nested actions
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/widgets/TimestampDatePicker.tsx b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/widgets/TimestampDatePicker.tsx
new file mode 100644
index 0000000000..5a28cf3d89
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/widgets/TimestampDatePicker.tsx
@@ -0,0 +1,48 @@
+/**
+ * CoreShop RuleBundle - Timestamp DatePicker Widget
+ *
+ * Converts between millisecond timestamps (stored value) and dayjs objects (DatePicker value).
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { DatePicker } from 'antd'
+import dayjs from 'dayjs'
+import type { Dayjs } from 'dayjs'
+import customParseFormat from 'dayjs/plugin/customParseFormat'
+import weekday from 'dayjs/plugin/weekday'
+import localeData from 'dayjs/plugin/localeData'
+
+dayjs.extend(customParseFormat)
+dayjs.extend(weekday)
+dayjs.extend(localeData)
+
+interface TimestampDatePickerProps {
+  value?: number | null
+  onChange?: (value: number | null) => void
+  style?: React.CSSProperties
+}
+
+export const TimestampDatePicker: React.FC<TimestampDatePickerProps> = ({ value, onChange, style }) => {
+  const dayjsValue = value ? dayjs(value) : null
+
+  const handleChange = (date: Dayjs | null) => {
+    onChange?.(date ? date.valueOf() : null)
+  }
+
+  return (
+    <DatePicker
+      showTime
+      value={dayjsValue}
+      onChange={handleChange}
+      style={style ?? { width: '100%' }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/RuleBundle/Resources/config/services/form.yml
index e69de29bb2..a3a49254f4 100644
--- a/src/CoreShop/Bundle/RuleBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/config/services/form.yml
@@ -0,0 +1,8 @@
+services:
+    CoreShop\Bundle\RuleBundle\Form\Type\TimestampDateType:
+        tags:
+            - { name: form.type }
+
+    CoreShop\Bundle\RuleBundle\Form\Type\Rule\Condition\TimespanConfigurationType:
+        tags:
+            - { name: form.type }
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/RuleBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..f5eb0e8724
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\RuleBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/RuleBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..d707f2aa4a
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,11 @@
+---
+coreshop_conditions: 'Bedingungen'
+coreshop_actions: 'Aktionen'
+coreshop_condition_no_configuration: 'Kein Konfiguration verfügbar'
+coreshop_condition_conditions_operator_and: 'Und'
+coreshop_condition_conditions_operator_or: 'Oder'
+coreshop_condition_conditions_operator_not: 'Nicht'
+coreshop_condition_conditions_operator: 'Vergleich'
+
+# Studio v2
+coreshop_save: 'Speichern'
diff --git a/src/CoreShop/Bundle/RuleBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/RuleBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..ed068af0ca
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,11 @@
+---
+coreshop_conditions: 'Conditions'
+coreshop_actions: 'Actions'
+coreshop_condition_no_configuration: 'No Configuration available'
+coreshop_condition_conditions_operator_and: 'And'
+coreshop_condition_conditions_operator_or: 'Or'
+coreshop_condition_conditions_operator_not: 'Not'
+coreshop_condition_conditions_operator: 'Operator'
+
+# Studio v2
+coreshop_save: 'Save'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/RuleBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/RuleBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..cd12f27214
--- /dev/null
+++ b/src/CoreShop/Bundle/RuleBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\RuleBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/RuleBundle/composer.json b/src/CoreShop/Bundle/RuleBundle/composer.json
index 7182cb272c..2c57356a2e 100644
--- a/src/CoreShop/Bundle/RuleBundle/composer.json
+++ b/src/CoreShop/Bundle/RuleBundle/composer.json
@@ -1,59 +1,66 @@
 {
-  "name": "coreshop/rule-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Rule Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/rule-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Rule Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/rule": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/rule": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\RuleBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\RuleBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/SEOBundle/README.md b/src/CoreShop/Bundle/SEOBundle/README.md
index 11158f9e34..028f46dcfa 100644
--- a/src/CoreShop/Bundle/SEOBundle/README.md
+++ b/src/CoreShop/Bundle/SEOBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/SEOBundle/composer.json b/src/CoreShop/Bundle/SEOBundle/composer.json
index 669c1c03a6..b26970d9e3 100644
--- a/src/CoreShop/Bundle/SEOBundle/composer.json
+++ b/src/CoreShop/Bundle/SEOBundle/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/seo-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - SEO Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/seo-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - SEO Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/seo": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/seo": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\SEOBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\SEOBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/SequenceBundle/README.md b/src/CoreShop/Bundle/SequenceBundle/README.md
index d6c0c300ee..8a57edc4e8 100644
--- a/src/CoreShop/Bundle/SequenceBundle/README.md
+++ b/src/CoreShop/Bundle/SequenceBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/SequenceBundle/composer.json b/src/CoreShop/Bundle/SequenceBundle/composer.json
index c2d436badf..73880da124 100644
--- a/src/CoreShop/Bundle/SequenceBundle/composer.json
+++ b/src/CoreShop/Bundle/SequenceBundle/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/sequence-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Sequence Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/sequence-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Sequence Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/sequence": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/sequence": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\SequenceBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\SequenceBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/ShippingBundle/Controller/ShippingRuleController.php b/src/CoreShop/Bundle/ShippingBundle/Controller/ShippingRuleController.php
index 95c9d129db..4149755562 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Controller/ShippingRuleController.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Controller/ShippingRuleController.php
@@ -18,17 +18,38 @@
 namespace CoreShop\Bundle\ShippingBundle\Controller;
 
 use CoreShop\Bundle\ResourceBundle\Controller\ResourceController;
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 
 class ShippingRuleController extends ResourceController
 {
-    public function getConfigAction(Request $request): Response
-    {
+    public function getConfigAction(
+        Request $request,
+        RuleFormSchemaCollector $schemaCollector,
+        #[Autowire(service: 'coreshop.form_registry.shipping_rule.conditions')]
+        FormTypeRegistryInterface $conditionFormRegistry,
+        #[Autowire(service: 'coreshop.form_registry.shipping_rule.actions')]
+        FormTypeRegistryInterface $actionFormRegistry,
+    ): Response {
         $actions = $this->getConfigActions();
         $conditions = $this->getConfigConditions();
 
-        return $this->viewHandler->handle(['actions' => array_keys($actions), 'conditions' => array_keys($conditions)]);
+        $conditionSchemas = $schemaCollector->collectSchemasWithTypeMap($conditionFormRegistry, array_keys($conditions));
+        $actionSchemas = $schemaCollector->collectSchemasWithTypeMap($actionFormRegistry, array_keys($actions));
+
+        return $this->viewHandler->handle([
+            'actions' => array_keys($actions),
+            'conditions' => array_keys($conditions),
+            'schemas' => array_merge(
+                $conditionSchemas['schemas'],
+                $actionSchemas['schemas'],
+            ),
+            'conditionSchemaByType' => $conditionSchemas['schemaByType'],
+            'actionSchemaByType' => $actionSchemas['schemaByType'],
+        ]);
     }
 
     /**
diff --git a/src/CoreShop/Bundle/ShippingBundle/CoreShopShippingBundle.php b/src/CoreShop/Bundle/ShippingBundle/CoreShopShippingBundle.php
index 64a8fdcdb1..b7d25b4cdd 100644
--- a/src/CoreShop/Bundle/ShippingBundle/CoreShopShippingBundle.php
+++ b/src/CoreShop/Bundle/ShippingBundle/CoreShopShippingBundle.php
@@ -27,6 +27,7 @@
 use CoreShop\Bundle\ShippingBundle\DependencyInjection\Compiler\ShippingPriceCalculatorsPass;
 use CoreShop\Bundle\ShippingBundle\DependencyInjection\Compiler\ShippingRuleActionPass;
 use CoreShop\Bundle\ShippingBundle\DependencyInjection\Compiler\ShippingRuleConditionPass;
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterFormTypesFromTagsPass;
 use CoreShop\Bundle\ShippingBundle\DependencyInjection\Compiler\ShippingTaxCalculationStrategyPass;
 use Pimcore\HttpKernel\BundleCollection\BundleCollection;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
@@ -49,6 +50,9 @@ public function build(ContainerBuilder $container): void
         $container->addCompilerPass(new ShippingPriceCalculatorsPass());
         $container->addCompilerPass(new CompositeShippableValidatorPass());
         $container->addCompilerPass(new ShippingTaxCalculationStrategyPass());
+
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ShippingRuleConditionPass::SHIPPING_RULE_CONDITION_TAG));
+        $container->addCompilerPass(new RegisterFormTypesFromTagsPass(ShippingRuleActionPass::SHIPPING_RULE_ACTION_TAG));
     }
 
     public static function registerDependentBundles(BundleCollection $collection): void
diff --git a/src/CoreShop/Bundle/ShippingBundle/DependencyInjection/CoreShopShippingExtension.php b/src/CoreShop/Bundle/ShippingBundle/DependencyInjection/CoreShopShippingExtension.php
index f5834888ec..d0e96e732b 100644
--- a/src/CoreShop/Bundle/ShippingBundle/DependencyInjection/CoreShopShippingExtension.php
+++ b/src/CoreShop/Bundle/ShippingBundle/DependencyInjection/CoreShopShippingExtension.php
@@ -39,10 +39,29 @@
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\Alias;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopShippingExtension extends AbstractModelExtension
+final class CoreShopShippingExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopCarrier',
+                    ],
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopMultiSelectAdapter' => [
+                        'coreShopCarrierMultiselect',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -65,6 +84,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Schema/CarrierSchemaEnricher.php b/src/CoreShop/Bundle/ShippingBundle/Form/Schema/CarrierSchemaEnricher.php
new file mode 100644
index 0000000000..391ebff122
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Schema/CarrierSchemaEnricher.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ShippingBundle\Form\Schema;
+
+use CoreShop\Bundle\ShippingBundle\Form\Type\CarrierType;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchema;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaEnricherInterface;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\TabSchema;
+
+final class CarrierSchemaEnricher implements FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === CarrierType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->tabs = [
+            new TabSchema('settings', 'coreshop_settings', 10),
+            new TabSchema('rules', 'coreshop_carrier_shipping_rules', 20),
+        ];
+
+        foreach ($schema->fields as $field) {
+            if ($field->name === 'shippingRules') {
+                $field->tab = 'rules';
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierChoiceType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierChoiceType.php
index 3ed9c2e554..70fcb3c1b5 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierChoiceType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierChoiceType.php
@@ -19,8 +19,10 @@
 
 use CoreShop\Component\Resource\Repository\RepositoryInterface;
 use CoreShop\Component\Shipping\Model\CarrierInterface;
+use Symfony\Bridge\Doctrine\Form\DataTransformer\CollectionToArrayTransformer;
 use Symfony\Component\Form\AbstractType;
 use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
 use Symfony\Component\Form\FormInterface;
 use Symfony\Component\Form\FormView;
 use Symfony\Component\OptionsResolver\Options;
@@ -33,6 +35,13 @@ public function __construct(
     ) {
     }
 
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        if ($options['multiple']) {
+            $builder->addModelTransformer(new CollectionToArrayTransformer());
+        }
+    }
+
     public function configureOptions(OptionsResolver $resolver): void
     {
         $resolver
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierType.php
index 087cef2376..9eb3a7473d 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/CarrierType.php
@@ -29,15 +29,31 @@ class CarrierType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('identifier', TextType::class)
-            ->add('trackingUrl', TextType::class)
-            ->add('hideFromCheckout', CheckboxType::class)
-            ->add('logo', PimcoreAssetChoiceType::class)
-            ->add('taxCalculationStrategy', ShippingTaxCalculationStrategyChoiceType::class)
-            ->add('shippingRules', ShippingRuleGroupCollectionType::class)
+            ->add('identifier', TextType::class, [
+                'label' => 'coreshop_identifier',
+                'priority' => 100,
+            ])
+            ->add('trackingUrl', TextType::class, [
+                'label' => 'coreshop_carrier_trackingUrl',
+                'priority' => 90,
+            ])
+            ->add('logo', PimcoreAssetChoiceType::class, [
+                'label' => 'coreshop_logo',
+                'priority' => 80,
+            ])
             ->add('translations', ResourceTranslationsType::class, [
                 'entry_type' => CarrierTranslationType::class,
+                'priority' => 70,
             ])
+            ->add('taxCalculationStrategy', ShippingTaxCalculationStrategyChoiceType::class, [
+                'label' => 'coreshop_shipping_tax_calc_strategy',
+                'priority' => 60,
+            ])
+            ->add('hideFromCheckout', CheckboxType::class, [
+                'label' => 'coreshop_carrier_hideFromCheckout',
+                'priority' => 50,
+            ])
+            ->add('shippingRules', ShippingRuleGroupCollectionType::class)
         ;
     }
 
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php
index 79f4155b26..dd94b86f6c 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/AdditionPercentActionConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_additionPercent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php
index 80c239f100..d029fa2070 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Action/DiscountPercentActionConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('percent', NumberType::class, [
+                'label' => 'coreshop_action_discountPercent_percent',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Common/ShippingRuleConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Common/ShippingRuleConfigurationType.php
index a67b2e9f9c..70c7727a5d 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Common/ShippingRuleConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Common/ShippingRuleConfigurationType.php
@@ -38,6 +38,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('shippingRule', ShippingRuleChoiceType::class, [
+                'label' => 'coreshop_carriers_shipping_rule',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                 ],
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/AmountConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
index dc81552a11..24ea6d9666 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/AmountConfigurationType.php
@@ -39,6 +39,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('minAmount', MoneyType::class, [
+                'label' => 'coreshop_condition_amount_minAmount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
@@ -46,13 +47,18 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                 ],
             ])
             ->add('maxAmount', MoneyType::class, [
+                'label' => 'coreshop_condition_amount_maxAmount',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
-            ->add('gross', CheckboxType::class)
-            ->add('useTotal', CheckboxType::class)
+            ->add('gross', CheckboxType::class, [
+                'label' => 'coreshop_condition_amount_gross',
+            ])
+            ->add('useTotal', CheckboxType::class, [
+                'label' => 'coreshop_condition_amount_use_total',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/DimensionConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/DimensionConfigurationType.php
index ec14837ee3..6b249450bc 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/DimensionConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/DimensionConfigurationType.php
@@ -37,18 +37,21 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('height', IntegerType::class, [
+                'label' => 'coreshop_condition_dimension_height',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('width', IntegerType::class, [
+                'label' => 'coreshop_condition_dimension_width',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('depth', IntegerType::class, [
+                'label' => 'coreshop_condition_dimension_depth',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/NestedConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
index 1f196a9ec9..9af4f29a75 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/NestedConfigurationType.php
@@ -42,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('conditions', ShippingRuleConditionCollectionType::class, [
                 'constraints' => [new Valid(groups: $this->validationGroups)],
                 'nested' => true,
+                'entry_options' => ['data_class' => null],
             ])
         ;
 
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/PostcodeConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/PostcodeConfigurationType.php
index 2907f1cf12..0fd53a6834 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/PostcodeConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/PostcodeConfigurationType.php
@@ -36,8 +36,11 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('postcodes', TextType::class, [
+                'label' => 'coreshop_condition_postcodes',
+            ])
+            ->add('exclusion', CheckboxType::class, [
+                'label' => 'coreshop_condition_postcodes_exclusion',
             ])
-            ->add('exclusion', CheckboxType::class)
         ;
     }
 
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/WeightConfigurationType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/WeightConfigurationType.php
index 49d99ba988..2e4a3d0fb3 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/WeightConfigurationType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/Rule/Condition/WeightConfigurationType.php
@@ -37,12 +37,14 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('minWeight', NumberType::class, [
+                'label' => 'coreshop_condition_weight_minWeight',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
                 ],
             ])
             ->add('maxWeight', NumberType::class, [
+                'label' => 'coreshop_condition_weight_maxWeight',
                 'constraints' => [
                     new NotBlank(groups: $this->validationGroups),
                     new Type(type: 'numeric', groups: $this->validationGroups),
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleGroupCollectionType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleGroupCollectionType.php
index fb9c26d099..f0e54e2b5c 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleGroupCollectionType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleGroupCollectionType.php
@@ -36,7 +36,7 @@ public function configureOptions(OptionsResolver $resolver): void
             'entry_type' => ShippingRuleGroupType::class,
             'allow_add' => true,
             'allow_delete' => true,
-            'by_reference' => true,
+            'by_reference' => false,
         ]);
     }
 }
diff --git a/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleType.php b/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleType.php
index a52d2912cd..f715befffb 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleType.php
+++ b/src/CoreShop/Bundle/ShippingBundle/Form/Type/ShippingRuleType.php
@@ -27,8 +27,12 @@ final class ShippingRuleType extends RuleType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextareaType::class)
-            ->add('active', CheckboxType::class)
+            ->add('name', TextareaType::class, [
+                'label' => 'coreshop_name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
             ->add('conditions', ShippingRuleConditionCollectionType::class)
             ->add('actions', ShippingRuleActionCollectionType::class)
         ;
diff --git a/src/CoreShop/Bundle/ShippingBundle/README.md b/src/CoreShop/Bundle/ShippingBundle/README.md
index fc07e5ac3d..cd602a5eff 100644
--- a/src/CoreShop/Bundle/ShippingBundle/README.md
+++ b/src/CoreShop/Bundle/ShippingBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..37444cd08a
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@coreshop/shipping",
+  "version": "1.0.0",
+  "description": "CoreShop ShippingBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/rule": "file:../../../../RuleBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/carriers.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/carriers.svg
new file mode 100644
index 0000000000..4266a3148e
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/carriers.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#388E3C" d="M29,38H7c-1.105,0-2-0.895-2-2V15c0-1.105,0.895-2,2-2h20c1.105,0,2,0.895,2,2V38z"/>
+<path fill="#8BC34A" d="M43,38H29V18h10.559c0.86,0,1.625,0.551,1.897,1.368L45,30v6C45,37.105,44.105,38,43,38"/>
+<g>
+	<path fill="#37474F" d="M41,37.5c0,2.484-2.015,4.5-4.5,4.5S32,39.984,32,37.5s2.015-4.5,4.5-4.5S41,35.016,41,37.5"/>
+	<path fill="#37474F" d="M19,37.5c0,2.484-2.015,4.5-4.5,4.5S10,39.984,10,37.5s2.015-4.5,4.5-4.5S19,35.016,19,37.5"/>
+</g>
+<g>
+	<path fill="#78909C" d="M38,37.5c0,0.829-0.671,1.5-1.5,1.5S35,38.329,35,37.5s0.671-1.5,1.5-1.5S38,36.671,38,37.5"/>
+	<path fill="#78909C" d="M16,37.5c0,0.829-0.671,1.5-1.5,1.5S13,38.329,13,37.5s0.671-1.5,1.5-1.5S16,36.671,16,37.5"/>
+</g>
+<path fill="#37474F" d="M40,28h-7c-0.552,0-1-0.448-1-1v-6c0-0.552,0.448-1,1-1h5.279c0.431,0,0.813,0.275,0.949,0.684l1.721,5.162  C40.982,25.948,41,26.055,41,26.162V27C41,27.552,40.552,28,40,28"/>
+<path fill="#1B5E20" d="M12.5,27C18.852,27,24,21.852,24,15.5c0-0.859-0.102-1.694-0.28-2.5H7c-1.105,0-2,0.895-2,2v9.206  C7.015,25.943,9.631,27,12.5,27z"/>
+<path fill="#00ACC1" d="M22,15.5c0,5.247-4.253,9.5-9.5,9.5S3,20.747,3,15.5S7.253,6,12.5,6S22,10.253,22,15.5"/>
+<path fill="#EEEEEE" d="M12.5,8.5c-3.866,0-7,3.133-7,7s3.134,7,7,7s7-3.133,7-7S16.366,8.5,12.5,8.5z M12.5,16  c-0.275,0-0.5-0.224-0.5-0.5s0.225-0.5,0.5-0.5s0.5,0.224,0.5,0.5S12.775,16,12.5,16z"/>
+<g>
+	<rect x="12" y="10" width="1" height="4.563"/>
+	<rect x="13.541" y="15.411" transform="matrix(-0.7074 0.7068 -0.7068 -0.7074 36.8141 19.5013)" width="1.659" height="3.92"/>
+	<path d="M12.5,14c-0.829,0-1.5,0.672-1.5,1.5c0,0.83,0.671,1.5,1.5,1.5s1.5-0.67,1.5-1.5C14,14.672,13.329,14,12.5,14z M12.5,16   c-0.275,0-0.5-0.224-0.5-0.5s0.225-0.5,0.5-0.5s0.5,0.224,0.5,0.5S12.775,16,12.5,16z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/carriers_white.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/carriers_white.svg
new file mode 100644
index 0000000000..27e28f3bad
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/carriers_white.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="white" d="M29,38H7c-1.105,0-2-0.895-2-2V15c0-1.105,0.895-2,2-2h20c1.105,0,2,0.895,2,2V38z"/>
+<path fill="white" d="M43,38H29V18h10.559c0.86,0,1.625,0.551,1.897,1.368L45,30v6C45,37.105,44.105,38,43,38"/>
+<g>
+	<path fill="black" d="M41,37.5c0,2.484-2.015,4.5-4.5,4.5S32,39.984,32,37.5s2.015-4.5,4.5-4.5S41,35.016,41,37.5"/>
+	<path fill="black" d="M19,37.5c0,2.484-2.015,4.5-4.5,4.5S10,39.984,10,37.5s2.015-4.5,4.5-4.5S19,35.016,19,37.5"/>
+</g>
+<g>
+	<path fill="white" d="M38,37.5c0,0.829-0.671,1.5-1.5,1.5S35,38.329,35,37.5s0.671-1.5,1.5-1.5S38,36.671,38,37.5"/>
+	<path fill="white" d="M16,37.5c0,0.829-0.671,1.5-1.5,1.5S13,38.329,13,37.5s0.671-1.5,1.5-1.5S16,36.671,16,37.5"/>
+</g>
+<path fill="black" d="M40,28h-7c-0.552,0-1-0.448-1-1v-6c0-0.552,0.448-1,1-1h5.279c0.431,0,0.813,0.275,0.949,0.684l1.721,5.162  C40.982,25.948,41,26.055,41,26.162V27C41,27.552,40.552,28,40,28"/>
+<path fill="black" d="M22,15.5c0,5.247-4.253,9.5-9.5,9.5S3,20.747,3,15.5S7.253,6,12.5,6S22,10.253,22,15.5"/>
+<path fill="white" d="M12.5,8.5c-3.866,0-7,3.133-7,7s3.134,7,7,7s7-3.133,7-7S16.366,8.5,12.5,8.5z M12.5,16  c-0.275,0-0.5-0.224-0.5-0.5s0.225-0.5,0.5-0.5s0.5,0.224,0.5,0.5S12.775,16,12.5,16z"/>
+<g>
+	<rect x="12" y="10" width="1" height="4.563"/>
+	<rect x="13.541" y="15.411" transform="matrix(-0.7074 0.7068 -0.7068 -0.7074 36.8141 19.5013)" width="1.659" height="3.92"/>
+	<path d="M12.5,14c-0.829,0-1.5,0.672-1.5,1.5c0,0.83,0.671,1.5,1.5,1.5s1.5-0.67,1.5-1.5C14,14.672,13.329,14,12.5,14z M12.5,16   c-0.275,0-0.5-0.224-0.5-0.5s0.225-0.5,0.5-0.5s0.5,0.224,0.5,0.5S12.775,16,12.5,16z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg
new file mode 100644
index 0000000000..0e8fc81ea6
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/conditions.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<rect x="12" y="9" fill="#CFD8DC" width="2" height="30"/>
+	<path fill="#CFD8DC" d="M14,37h-2v-7.4c0-2.5,2-4.6,4.6-4.6h14.9c1.4,0,2.6-1.1,2.6-2.6V16h2v6.4c0,2.5-2,4.6-4.6,4.6H16.6   c-1.4,0-2.6,1.1-2.6,2.6V37z"/>
+</g>
+<path fill="#00BCD4" d="M9,8c0-2.2,1.8-4,4-4c2.2,0,4,1.8,4,4s-1.8,4-4,4C10.8,12,9,10.2,9,8z M35,18c2.2,0,4-1.8,4-4s-1.8-4-4-4  c-2.2,0-4,1.8-4,4S32.8,18,35,18z"/>
+<circle fill="#0097A7" cx="13" cy="40" r="4"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
new file mode 100644
index 0000000000..d4db119155
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/currencies.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#43A047" d="M42,35c0,8.008-8.059,8-18,8c-9.941,0-18,0.008-18-8s8.059-18,18-18C33.941,17,42,26.992,42,35z"/>
+	<path fill="#43A047" d="M30,8.571c-1.896,2.098-1-4.423-5,0c-1.897,2.098-1-4.423-5,0c-1.691,1.87-1.165-3.103-3.864-1.071L19,18   h10l2.994-10.977C31.514,7.154,30.877,7.602,30,8.571z"/>
+</g>
+<path fill="#FFFFFF" d="M25.46,33.744c0-0.48-0.134-0.862-0.399-1.147c-0.267-0.283-0.72-0.546-1.358-0.786  s-1.189-0.479-1.652-0.716c-0.463-0.238-0.86-0.51-1.191-0.818c-0.331-0.307-0.589-0.669-0.773-1.085s-0.277-0.911-0.277-1.485  c0-0.99,0.316-1.802,0.949-2.435s1.474-1.002,2.522-1.107v-1.881h1.406v1.907c1.037,0.146,1.849,0.579,2.435,1.297  S28,27.135,28,28.277h-2.54c0-0.703-0.146-1.229-0.435-1.577c-0.291-0.349-0.679-0.523-1.165-0.523c-0.48,0-0.853,0.137-1.116,0.408  c-0.264,0.273-0.396,0.649-0.396,1.13c0,0.445,0.129,0.803,0.387,1.072s0.737,0.545,1.437,0.826s1.276,0.547,1.727,0.796  s0.832,0.53,1.143,0.844s0.548,0.671,0.712,1.072S28,33.193,28,33.727c0,0.996-0.311,1.805-0.932,2.426s-1.477,0.987-2.566,1.099V39  h-1.397v-1.74c-1.201-0.129-2.131-0.555-2.791-1.278s-0.989-1.687-0.989-2.888h2.54c0,0.697,0.166,1.232,0.497,1.604  s0.807,0.558,1.428,0.558c0.516,0,0.923-0.136,1.222-0.409C25.311,34.575,25.46,34.207,25.46,33.744z"/>
+<g>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M14,38.996c-0.439-2.221-0.505-4.505-0.224-6.749   c0.545-4.359,1.983-8.853,4.43-12.473c0.264-0.391,0.607-1.138,0.997-1.403c0.339-0.23,0.42-0.145,0.83-0.041   c0.754,0.19,1.511,0.351,2.284,0.444c2.248,0.272,4.57,0.07,6.683-0.774"/>
+	<path fill="none" stroke="#FDD835" stroke-width="2" stroke-linecap="round" d="M11,29c0-3,3.818-10.163,8-11"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/dimension.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/dimension.svg
new file mode 100644
index 0000000000..616b71794e
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/dimension.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="fill: rgb(241, 196, 15);">
+<rect x="6" y="17" fill="#26A69A" width="25" height="25"/>
+<g>
+	<rect x="10" y="9" fill="#90A4AE" width="18" height="2"/>
+	<polygon fill="#90A4AE" points="6,10 11,6 11,14  "/>
+	<polygon fill="#90A4AE" points="32,10 27,6 27,14  "/>
+	<rect x="37" y="20" fill="#90A4AE" width="2" height="18"/>
+	<polygon fill="#90A4AE" points="38,16 42,21 34,21  "/>
+	<polygon fill="#90A4AE" points="38,42 42,37 34,37  "/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/postcode.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/postcode.svg
new file mode 100644
index 0000000000..584b1c0af4
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/postcode.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" width="48" height="48" style="fill: rgb(241, 196, 15);">
+<path fill="#2196F3" d="M10,42h28c2.2,0,4-1.8,4-4V15.7c0-1.6-1-3.1-2.6-3.7L24,6L8.6,12C7,12.6,6,14.1,6,15.7V38  C6,40.2,7.8,42,10,42z"/>
+<path fill="#CFD8DC" d="M33,18H15c-1.1,0-2,0.9-2,2v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V20C35,18.9,34.1,18,33,18z"/>
+<path fill="#8E9496" d="M33,18H15c-1.1,0-2,0.9-2,2v1l11,8l11-8v-1C35,18.9,34.1,18,33,18z"/>
+<path fill="#EBEFF1" d="M33,18H15c-1.1,0-2,0.9-2,2v1l11,6l11-6v-1C35,18.9,34.1,18,33,18z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shipping.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shipping.svg
new file mode 100644
index 0000000000..6aa999e11f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shipping.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve"  >
+<path fill="#FFC107" d="M42,36H28V16c0-1.1,0.9-2,2-2h8c0.6,0,1.2,0.3,1.6,0.8l6,7.7c0.3,0.4,0.4,0.8,0.4,1.2V32  C46,34.2,44.2,36,42,36z"/>
+<g>
+	<path fill="#9575CD" d="M6,36h22V12c0-2.2-1.8-4-4-4H7c-2.8,0-5,2.2-5,5v19C2,34.2,3.8,36,6,36z"/>
+</g>
+<g>
+	<circle fill="#37474F" cx="37" cy="36" r="5"/>
+	<circle fill="#37474F" cx="14" cy="36" r="5"/>
+</g>
+<g>
+	<circle fill="#78909C" cx="37" cy="36" r="2.5"/>
+	<circle fill="#78909C" cx="14" cy="36" r="2.5"/>
+</g>
+<path fill="#455A64" d="M42,26h-3.6c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.2-0.2-0.4-0.3-0.7-0.3H32c-0.6,0-1-0.4-1-1v-6  c0-0.6,0.4-1,1-1h5.5c0.3,0,0.6,0.1,0.8,0.4l4.5,5.4c0.1,0.2,0.2,0.4,0.2,0.6V25C43,25.6,42.6,26,42,26z"/>
+<path fill="#FFFFFF" d="M15,11c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C24,15,20,11,15,11z M15,21c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1  S15.6,21,15,21z"/>
+<path fill="#37474F" d="M16.9,20.5c0-0.2,0.1-0.3,0.1-0.5c0-0.7-0.4-1.4-1-1.7V13h-2v5.3c-0.6,0.3-1,1-1,1.7c0,1.1,0.9,2,2,2  c0.2,0,0.3,0,0.5-0.1l2.3,2.3l1.4-1.4L16.9,20.5z M15,21c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S15.6,21,15,21z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shippingrules.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shippingrules.svg
new file mode 100644
index 0000000000..b959c23d81
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shippingrules.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="fill: rgb(241, 196, 15);">
+<path fill="#FFA000" d="M28,34H2.9c0,0-1.9,0.1-1.9-2s0-5,0-5h27V34z"/>
+<path fill="#FFC107" d="M45,36H27c0,0,0-16,0-18c0-2,2-2,2-2h12.6c0.9,0,1.6,0.6,1.9,1.4L47,26v8C47,35.1,46.1,36,45,36"/>
+<path fill="#7A1A04" d="M43,26h-7c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h5c0.4,0,0.8,0.3,0.9,0.7l2,5c0,0.1,0.1,0.2,0.1,0.3v1  C44,25.6,43.6,26,43,26"/>
+<path fill="#607D8B" d="M7,17.2V9H5v9c0,0,0,1,1,1c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1H3c0,1.7,1.3,3,3,3s3-1.3,3-3  C9,18.7,8.2,17.6,7,17.2z"/>
+<polygon fill="none" stroke="#B0BEC5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="  7,8 6,9 22,26 24,23 "/>
+<path fill="#90A4AE" d="M38,37H12v-4h26V37z M18,27h7v-4h-7V27z"/>
+<path fill="#455A64" d="M16,36c0,2.8-2.2,5-5,5s-5-2.2-5-5c0-2.8,2.2-5,5-5S16,33.2,16,36 M42,36c0-2.8-2.2-5-5-5s-5,2.2-5,5  c0,2.8,2.2,5,5,5S42,38.8,42,36"/>
+<path fill="#CFD8DC" d="M13,36c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C12.1,34,13,34.9,13,36 M39,36c0-1.1-0.9-2-2-2  c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2C38.1,38,39,37.1,39,36"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shippingrules_white.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shippingrules_white.svg
new file mode 100644
index 0000000000..00d5c47390
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/shippingrules_white.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="white" d="M28,34H2.9c0,0-1.9,0.1-1.9-2s0-5,0-5h27V34z"/>
+<path fill="white" d="M45,36H27c0,0,0-16,0-18c0-2,2-2,2-2h12.6c0.9,0,1.6,0.6,1.9,1.4L47,26v8C47,35.1,46.1,36,45,36"/>
+<path fill="black" d="M43,26h-7c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h5c0.4,0,0.8,0.3,0.9,0.7l2,5c0,0.1,0.1,0.2,0.1,0.3v1  C44,25.6,43.6,26,43,26"/>
+<path fill="white" d="M7,17.2V9H5v9c0,0,0,1,1,1c0.6,0,1,0.4,1,1s-0.4,1-1,1s-1-0.4-1-1H3c0,1.7,1.3,3,3,3s3-1.3,3-3  C9,18.7,8.2,17.6,7,17.2z"/>
+<polygon fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="  7,8 6,9 22,26 24,23 "/>
+<path fill="white" d="M38,37H12v-4h26V37z M18,27h7v-4h-7V27z"/>
+<path fill="black" d="M16,36c0,2.8-2.2,5-5,5s-5-2.2-5-5c0-2.8,2.2-5,5-5S16,33.2,16,36 M42,36c0-2.8-2.2-5-5-5s-5,2.2-5,5  c0,2.8,2.2,5,5,5S42,38.8,42,36"/>
+<path fill="white" d="M13,36c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2C12.1,34,13,34.9,13,36 M39,36c0-1.1-0.9-2-2-2  c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2C38.1,38,39,37.1,39,36"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/weight.svg b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/weight.svg
new file mode 100644
index 0000000000..8d8f0ac9ff
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/assets/weight.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" x="0px" y="0px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve" style="fill: rgb(241, 196, 15);">
+<path fill="#5C6BC0" d="M29,15v-5c0-0.348,0.059-0.678,0.141-0.999H18.859C18.942,9.322,19,9.652,19,10v5c0,2.209-1.791,4-4,4h18  C30.791,19,29,17.209,29,15z"/>
+<g>
+	<path fill="#9FA8DA" d="M32,11c0,0.552-0.447,1-1,1H17c-0.552,0-1-0.448-1-1V7c0-0.552,0.448-1,1-1h14c0.553,0,1,0.448,1,1V11z"/>
+	<path fill="#9FA8DA" d="M36,41c0,0.553-0.447,1-1,1H13c-0.552,0-1-0.447-1-1V20c0-0.551,0.448-1,1-1h22c0.553,0,1,0.449,1,1V41z"/>
+</g>
+<path fill="#3949AB" d="M27.083,29.669c-0.61-0.639-1.485-0.958-2.623-0.958c-0.294,0-0.594,0.041-0.9,0.12  c-0.307,0.08-0.554,0.172-0.743,0.276L23.076,27H27v-2h-6.08l-0.7,5.55l2.108,0.47c0.304-0.377,0.766-0.564,1.384-0.564  c1.091,0,1.637,0.578,1.637,1.733c0,1.249-0.446,1.872-1.338,1.872c-0.394,0-0.711-0.113-0.952-0.348  c-0.188-0.182-0.292-0.43-0.349-0.713h-2.695c0.036,0.521,0.201,0.999,0.512,1.426c0.356,0.488,0.849,0.872,1.478,1.154  c0.629,0.279,1.303,0.42,2.021,0.42c0.807,0,1.508-0.151,2.1-0.455c0.594-0.303,1.054-0.736,1.381-1.3  C27.836,33.681,28,33.051,28,32.356C28,31.203,27.693,30.307,27.083,29.669z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/CarrierSelect.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/CarrierSelect.tsx
new file mode 100644
index 0000000000..012712557f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/CarrierSelect.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { EntitySelect } from '@coreshop/resource/src/components/EntitySelect'
+import { carrierApi } from '../modules/carriers/api'
+
+const { load: loadCarriers, getCache: getCarrierCache, clearCache: clearCarrierCache } = createOptionsLoader(async () => {
+  const carriers = await carrierApi.list()
+  return carriers.map(carrier => ({
+    value: carrier.id!,
+    label: carrier.identifier ?? `#${carrier.id}`
+  }))
+})
+
+export { loadCarriers, getCarrierCache, clearCarrierCache }
+
+export const CarrierSelect: React.FC<SelectProps> = (props) => {
+  return (
+    <EntitySelect
+      {...props}
+      loadOptions={loadCarriers}
+      getCachedOptions={getCarrierCache}
+      placeholder={props.placeholder ?? 'Select a carrier'}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/ShippingRuleSelect.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/ShippingRuleSelect.tsx
new file mode 100644
index 0000000000..7fb17bb4e0
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/ShippingRuleSelect.tsx
@@ -0,0 +1,89 @@
+/**
+ * CoreShop ShippingBundle - Shipping Rule Select Component
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Select, type SelectProps } from 'antd'
+import { shippingRuleApi } from '../modules/shipping-rules/api'
+
+// Module-level cache to avoid multiple API calls
+let cachedOptions: Array<{ value: number, label: string }> | null = null
+let loadPromise: Promise<Array<{ value: number, label: string }>> | null = null
+
+const loadShippingRules = async (): Promise<Array<{ value: number, label: string }>> => {
+  // Return cached data if available
+  if (cachedOptions) {
+    return cachedOptions
+  }
+
+  // If already loading, return the existing promise
+  if (loadPromise) {
+    return loadPromise
+  }
+
+  // Start new load
+  loadPromise = (async () => {
+    try {
+      const rules = await shippingRuleApi.list()
+      const result = rules.map(rule => ({
+        value: rule.id!,
+        label: rule.name ?? `#${rule.id}`
+      }))
+      cachedOptions = result
+      return result
+    } catch (err) {
+      console.error('Failed to load shipping rules:', err)
+      throw err
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+// Export function to clear cache if needed
+export const clearShippingRuleCache = () => {
+  cachedOptions = null
+  loadPromise = null
+}
+
+export const ShippingRuleSelect: React.FC<SelectProps> = (props) => {
+  const [options, setOptions] = React.useState<Array<{ value: number, label: string }>>(cachedOptions || [])
+  const [loading, setLoading] = React.useState(!cachedOptions)
+
+  React.useEffect(() => {
+    void (async () => {
+      if (!cachedOptions) {
+        setLoading(true)
+      }
+      try {
+        const opts = await loadShippingRules()
+        setOptions(opts)
+      } finally {
+        setLoading(false)
+      }
+    })()
+  }, [])
+
+  return (
+    <Select
+      {...props}
+      loading={loading}
+      options={options}
+      placeholder={props.placeholder ?? 'Select a shipping rule'}
+      showSearch
+      filterOption={(input, option) =>
+        String(option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+      }
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..61a7446cbf
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,6 @@
+/**
+ * CoreShop ShippingBundle - Components
+ */
+
+export { ShippingRuleSelect } from './ShippingRuleSelect'
+export { CarrierSelect } from './CarrierSelect'
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCarrier.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCarrier.tsx
new file mode 100644
index 0000000000..393b4e901c
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCarrier.tsx
@@ -0,0 +1,10 @@
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadCarriers, getCarrierCache, clearCarrierCache } from '../components/CarrierSelect'
+
+export { loadCarriers, clearCarrierCache }
+
+export class DynamicTypeObjectDataCoreShopCarrier extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopCarrier'
+  loadOptions = loadCarriers
+  getCachedOptions = getCarrierCache
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCarrierMultiselect.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCarrierMultiselect.tsx
new file mode 100644
index 0000000000..fea85e879f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopCarrierMultiselect.tsx
@@ -0,0 +1,8 @@
+import { DynamicTypeObjectDataCoreShopMultiSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect'
+import { loadCarriers, getCarrierCache } from '../components/CarrierSelect'
+
+export class DynamicTypeObjectDataCoreShopCarrierMultiselect extends DynamicTypeObjectDataCoreShopMultiSelect {
+  readonly id = 'coreShopCarrierMultiselect'
+  loadOptions = loadCarriers
+  getCachedOptions = getCarrierCache
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..914d0fccc2
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,9 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopCarrier } from './DynamicTypeObjectDataCoreShopCarrier'
+export { DynamicTypeObjectDataCoreShopCarrierMultiselect } from './DynamicTypeObjectDataCoreShopCarrierMultiselect'
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..947a8706a0
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,2 @@
+export { CarrierSelect } from './components/CarrierSelect'
+export { loadCarriers, getCarrierCache, clearCarrierCache } from './components/CarrierSelect'
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..07b701e887
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,90 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { ShippingBundleIconModule } from './modules/icon-library'
+import { CarrierWidgetsModule } from './modules/carriers/widgets'
+import { CarrierManager } from './modules/carriers/CarrierManager'
+import { ShippingRuleManager } from './modules/shipping-rules/ShippingRuleManager'
+import { ConditionRegistry, ActionRegistry } from '@coreshop/rule/src/rules/registry'
+import { coreshopShippingServiceIds } from './modules/shipping-rules/service-ids'
+import { NestedCondition } from '@coreshop/rule/src/rules/conditions'
+import type {WidgetRegistry} from "@pimcore/studio-ui-bundle/modules/widget-manager";
+import {serviceIds} from "@pimcore/studio-ui-bundle/app";
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { Input } from 'antd'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { CarrierSelect } from './components/CarrierSelect'
+import {
+    DynamicTypeObjectDataCoreShopCarrier,
+    DynamicTypeObjectDataCoreShopCarrierMultiselect
+} from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-shipping',
+
+    onInit() {
+        // Register Dynamic Types
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCarrier())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopCarrierMultiselect())
+
+        // Register Carrier widget
+        const widgetManager = container.get<WidgetRegistry>(serviceIds.widgetManager)
+        widgetManager.registerWidget({
+            name: 'coreshop-shipping-carriers',
+            component: CarrierManager
+        })
+
+        // Register ShippingRule widget
+        widgetManager.registerWidget({
+            name: 'coreshop-shipping-shipping-rules',
+            component: ShippingRuleManager
+        })
+
+        // Create and bind ShippingRule registries
+        container.bind(coreshopShippingServiceIds.shippingRuleConditionRegistry).to(ConditionRegistry).inSingletonScope()
+        container.bind(coreshopShippingServiceIds.shippingRuleActionRegistry).to(ActionRegistry).inSingletonScope()
+
+        // Get registries
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopShippingServiceIds.shippingRuleConditionRegistry)
+        container.get<ActionRegistry>(coreshopShippingServiceIds.shippingRuleActionRegistry)
+
+        // Register non-schema custom condition(s).
+        // Schema-based conditions/actions are auto-registered at runtime from backend mappings.
+        conditionRegistry.register('nested', NestedCondition)
+    },
+
+    onStartup({ moduleSystem }) {
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+        // Register CarrierSelect for coreshop_carrier_choice block prefix
+        formWidgetRegistry.register('coreshop_carrier_choice', () => ({
+            component: CarrierSelect,
+        }))
+
+        // Hide ShippingBundle-owned rule collection prefixes from generic schema forms
+        const hiddenWidget = () => ({ component: Input, extra: { hidden: true } })
+        ;[
+          'coreshop_shipping_rule_condition_collection',
+          'coreshop_product_shipping_action_collection',
+        ].forEach((prefix) => formWidgetRegistry.register(prefix, hiddenWidget))
+
+        moduleSystem.registerModule(ShippingBundleIconModule)
+        moduleSystem.registerModule(CarrierWidgetsModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/CarrierForm.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/CarrierForm.tsx
new file mode 100644
index 0000000000..4ae977ad24
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/CarrierForm.tsx
@@ -0,0 +1,26 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { CarrierDetail } from './api'
+
+export const CarrierForm: React.FC<SchemaFormProps<CarrierDetail>> = (props) => {
+  return (
+    <div style={{ padding: 24 }}>
+      <SchemaForm<CarrierDetail>
+        {...props}
+        blockPrefix="coreshop_carrier"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/CarrierManager.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/CarrierManager.tsx
new file mode 100644
index 0000000000..d5bc535944
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/CarrierManager.tsx
@@ -0,0 +1,80 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager, getErrorMessage, renderApiError } from '@coreshop/resource/src/entities'
+import { carrierApi, type CarrierDetail, type CarrierConfig } from './api'
+import { CarrierForm } from './CarrierForm'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+
+export const CarrierManager: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const [config, setConfig] = React.useState<CarrierConfig | null>(null)
+  const modal = useFormModal()
+
+  React.useEffect(() => {
+    void loadConfig()
+  }, [])
+
+  const loadConfig = async (): Promise<void> => {
+    try {
+      const cfg = await carrierApi.getConfig()
+      setConfig(cfg)
+    } catch (err) {
+      void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load carrier config')))
+    }
+  }
+
+  if (!config) {
+    return <div style={{ padding: 20 }}>{t('coreshop_loading_configuration', { defaultValue: 'Loading configuration...' })}</div>
+  }
+
+  return (
+    <EntityTabbedManager<CarrierDetail>
+      api={carrierApi}
+      dragType="coreshop:carrier"
+      leftRootTitle={t('coreshop_carriers', { defaultValue: 'Carriers' })}
+      localizable
+      getTitle={(li, data) => data?.identifier ?? li?.identifier ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_carrier', { defaultValue: 'Add Carrier' }),
+          label: t('coreshop_identifier', { defaultValue: 'Identifier' }),
+          rule: { required: true, message: t('coreshop_identifier_required', { defaultValue: 'Identifier is required' }) },
+          onOk: async (value: string) => {
+            const res = await carrierApi.add({
+              identifier: value.toLowerCase().replace(/\s+/g, '-')
+            })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>{t('coreshop_carrier_select', { defaultValue: 'Select a carrier to view details.' })}</div>
+        }
+
+        return (
+          <CarrierForm
+            data={data}
+            onChange={(draft) => setData(draft)}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/ShippingRuleGroupPanel.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/ShippingRuleGroupPanel.tsx
new file mode 100644
index 0000000000..4d31c852f0
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/ShippingRuleGroupPanel.tsx
@@ -0,0 +1,130 @@
+/**
+ * CoreShop ShippingBundle - Shipping Rule Group Panel
+ *
+ * Editable table for managing shipping rule group assignments on a carrier.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, InputNumber, Switch, Popconfirm } from 'antd'
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import type { ShippingRuleAssignment } from './api'
+import { ShippingRuleSelect } from '../../components/ShippingRuleSelect'
+
+export interface ShippingRuleGroupPanelProps {
+  ruleGroups: ShippingRuleAssignment[]
+  onChange: (ruleGroups: ShippingRuleAssignment[]) => void
+}
+
+export const ShippingRuleGroupPanel: React.FC<ShippingRuleGroupPanelProps> = ({
+  ruleGroups,
+  onChange,
+}) => {
+  const { t } = useTranslation()
+
+  const handleAdd = () => {
+    onChange([...ruleGroups, { shippingRule: 0, priority: 100, stopPropagation: false }])
+  }
+
+  const handleRemove = (index: number) => {
+    onChange(ruleGroups.filter((_, i) => i !== index))
+  }
+
+  const handleUpdate = (index: number, field: keyof ShippingRuleAssignment, value: any) => {
+    const updated = [...ruleGroups]
+    updated[index] = { ...updated[index], [field]: value }
+
+    if (field === 'stopPropagation' && value === true) {
+      updated.forEach((group, i) => {
+        if (i !== index) {
+          updated[i] = { ...group, stopPropagation: false }
+        }
+      })
+    }
+
+    onChange(updated)
+  }
+
+  const columns = [
+    {
+      title: t('coreshop_shipping_rule', { defaultValue: 'Shipping Rule' }),
+      dataIndex: 'shippingRule',
+      key: 'shippingRule',
+      render: (value: number, _: ShippingRuleAssignment, index: number) => (
+        <ShippingRuleSelect
+          value={value}
+          onChange={(newValue) => handleUpdate(index, 'shippingRule', newValue ?? 0)}
+          style={{ width: '100%' }}
+        />
+      )
+    },
+    {
+      title: t('coreshop_priority', { defaultValue: 'Priority' }),
+      dataIndex: 'priority',
+      key: 'priority',
+      width: 150,
+      render: (value: number, _: ShippingRuleAssignment, index: number) => (
+        <InputNumber
+          value={value}
+          onChange={(newValue) => handleUpdate(index, 'priority', newValue ?? 0)}
+          min={0}
+          style={{ width: '100%' }}
+        />
+      )
+    },
+    {
+      title: t('coreshop_stop_propagation', { defaultValue: 'Stop Propagation' }),
+      dataIndex: 'stopPropagation',
+      key: 'stopPropagation',
+      width: 150,
+      render: (value: boolean, _: ShippingRuleAssignment, index: number) => (
+        <Switch
+          checked={value}
+          onChange={(checked) => handleUpdate(index, 'stopPropagation', checked)}
+        />
+      )
+    },
+    {
+      title: '',
+      key: 'actions',
+      width: 80,
+      render: (_: any, __: ShippingRuleAssignment, index: number) => (
+        <Popconfirm
+          title={t('coreshop_delete_confirm', { defaultValue: 'Are you sure you want to delete this?' })}
+          onConfirm={() => handleRemove(index)}
+          okText={t('yes', { defaultValue: 'Yes' })}
+          cancelText={t('no', { defaultValue: 'No' })}
+        >
+          <Button type="text" danger icon={<DeleteOutlined />} size="small" />
+        </Popconfirm>
+      )
+    }
+  ]
+
+  return (
+    <div>
+      <Table
+        dataSource={ruleGroups.map((group, index) => ({ ...group, key: index }))}
+        columns={columns}
+        pagination={false}
+        size="small"
+      />
+      <Button
+        type="dashed"
+        onClick={handleAdd}
+        icon={<PlusOutlined />}
+        style={{ width: '100%', marginTop: 8 }}
+      >
+        {t('coreshop_add', { defaultValue: 'Add' })}
+      </Button>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/api.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/api.ts
new file mode 100644
index 0000000000..e3afd6de0b
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/api.ts
@@ -0,0 +1,69 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface CarrierTranslation {
+  locale: string
+  title: string
+  description?: string
+}
+
+export interface ShippingRuleAssignment {
+  id?: number
+  shippingRule: number
+  priority: number
+  stopPropagation: boolean
+}
+
+export interface CarrierDetail extends Record<string, any> {
+  id?: number
+  identifier: string
+  name?: string // fallback name
+  trackingUrl?: string
+  logo?: number // asset ID
+  translations?: Record<string, CarrierTranslation>
+  taxCalculationStrategy?: string
+  hideFromCheckout?: boolean
+  shippingRules?: ShippingRuleAssignment[]
+  // Extensions from CoreBundle
+  stores?: number[]
+  taxRule?: number
+}
+
+export interface CarrierConfig {
+  taxCalculationStrategies: Array<{ value: string, label: string }>
+}
+
+export class CarrierApi extends EntityApi<CarrierDetail> {
+  async getConfig(): Promise<CarrierConfig> {
+    const cfg = (this as any).cfg
+    const response = await fetch(`${cfg.basePath}${cfg.resourcePath}/get-config`, {
+      method: 'GET',
+      credentials: 'same-origin',
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch carrier config')
+    }
+
+    return response.json()
+  }
+}
+
+export const carrierApi = new CarrierApi({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/carriers'
+})
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/widgets/index.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/widgets/index.tsx
new file mode 100644
index 0000000000..ae0e61b38f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/carriers/widgets/index.tsx
@@ -0,0 +1,44 @@
+/**
+ * CoreShop ShippingBundle - Carrier Widgets Module
+ *
+ * Registers schema form widget for shipping rule group collection.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { AbstractModule } from '@pimcore/studio-ui-bundle'
+import { container } from '@pimcore/studio-ui-bundle'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry } from '@coreshop/studio-form'
+import { ShippingRuleGroupPanel } from '../ShippingRuleGroupPanel'
+import type { ShippingRuleAssignment } from '../api'
+
+const ShippingRuleGroupWidget: React.FC<{
+  value?: ShippingRuleAssignment[]
+  onChange?: (value: ShippingRuleAssignment[]) => void
+}> = ({ value, onChange }) => {
+  return (
+    <ShippingRuleGroupPanel
+      ruleGroups={value ?? []}
+      onChange={(ruleGroups) => onChange?.(ruleGroups)}
+    />
+  )
+}
+
+export const CarrierWidgetsModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+
+    // ShippingRuleGroupCollectionType → ShippingRuleGroupPanel
+    widgetRegistry.register('shipping_rule_group_collection', () => ({
+      component: ShippingRuleGroupWidget,
+    }))
+  }
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..60429e759b
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,101 @@
+/**
+ * CoreShop ShippingBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import carriersIcon from '../../assets/carriers.svg?react'
+// @ts-ignore
+import conditionsIcon from '../../assets/conditions.svg?react'
+// @ts-ignore
+import currenciesIcon from '../../assets/currencies.svg?react'
+// @ts-ignore
+import dimensionIcon from '../../assets/dimension.svg?react'
+// @ts-ignore
+import postcodeIcon from '../../assets/postcode.svg?react'
+// @ts-ignore
+import shippingIcon from '../../assets/shipping.svg?react'
+// @ts-ignore
+import shippingRulesIcon from '../../assets/shippingrules.svg?react'
+// @ts-ignore
+import weightIcon from '../../assets/weight.svg?react'
+
+export const ShippingBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    // Main shipping icons
+    iconLibrary.register({
+      name: 'coreshop_shipping',
+      component: shippingIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_shipping',
+      component: shippingIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_shipping_rules',
+      component: shippingRulesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_carrier_shipping_rule',
+      component: shippingRulesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_carriers',
+      component: carriersIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_carriers',
+      component: carriersIcon
+    })
+
+    // Shipping conditions
+    iconLibrary.register({
+      name: 'coreshop_shipping_condition',
+      component: conditionsIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_shipping_conditions',
+      component: conditionsIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_shipping_dimension',
+      component: dimensionIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_shipping_weight',
+      component: weightIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_shipping_postcode',
+      component: postcodeIcon
+    })
+
+    // Currency for shipping
+    iconLibrary.register({
+      name: 'coreshop_shipping_currencies',
+      component: currenciesIcon
+    })
+  }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/ShippingRuleManager.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/ShippingRuleManager.tsx
new file mode 100644
index 0000000000..f1696e2d08
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/ShippingRuleManager.tsx
@@ -0,0 +1,86 @@
+/**
+ * CoreShop ShippingBundle - Shipping Rule Manager
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { EntityTabbedManager, getErrorMessage, renderApiError } from '@coreshop/resource'
+import { RuleForm } from '@coreshop/rule/src/rules'
+import type { RuleConfig } from '@coreshop/rule/src/rules'
+import { ActionRegistry, ConditionRegistry, registerSchemaComponentsFromConfig } from '@coreshop/rule/src/rules/registry'
+import { useFormModal, useMessage } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { shippingRuleApi } from './api'
+import type { ShippingRuleDetail } from './api'
+import { SettingsForm } from './components/SettingsForm'
+import { coreshopShippingServiceIds } from './service-ids'
+
+export const ShippingRuleManager: React.FC = () => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+  const modal = useFormModal()
+  const [config, setConfig] = React.useState<RuleConfig>({ conditions: [], actions: [] })
+
+  // Load config on mount
+  React.useEffect(() => {
+    shippingRuleApi.getConfig()
+      .then((cfg) => {
+        const conditionRegistry = container.get<ConditionRegistry>(coreshopShippingServiceIds.shippingRuleConditionRegistry)
+        const actionRegistry = container.get<ActionRegistry>(coreshopShippingServiceIds.shippingRuleActionRegistry)
+        registerSchemaComponentsFromConfig(conditionRegistry, actionRegistry, cfg)
+        setConfig(cfg)
+      })
+      .catch(err => {
+        void messageApi.error(renderApiError(getErrorMessage(err, 'Failed to load config')))
+      })
+  }, [])
+
+  return (
+    <EntityTabbedManager<ShippingRuleDetail>
+      api={shippingRuleApi}
+      dragType='coreshop:shipping_rule'
+      leftRootTitle={t('coreshop_carriers_shipping_rule', { defaultValue: 'Shipping Rules' })}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_carriers_shipping_rule', { defaultValue: 'Add Shipping Rule' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await shippingRuleApi.add({ name: nameValue })
+            resolve(res.data.id!)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>
+            {t('coreshop_shipping_rule_select', { defaultValue: 'Select a shipping rule to view details.' })}
+          </div>
+        }
+
+        return (
+          <RuleForm
+            rule={data}
+            config={config}
+            conditionRegistryId={coreshopShippingServiceIds.shippingRuleConditionRegistry}
+            actionRegistryId={coreshopShippingServiceIds.shippingRuleActionRegistry}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            settingsComponent={
+              <SettingsForm
+                rule={data}
+                onChange={setData}
+                currentLocale={ctx?.currentLocale ?? 'en'}
+                locales={ctx?.locales}
+              />
+            }
+            onChange={setData}
+            hideToolbar={true}
+          />
+        )
+      }}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/actions/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/actions/index.ts
new file mode 100644
index 0000000000..fafdfdad0f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/actions/index.ts
@@ -0,0 +1 @@
+// All actions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/api.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/api.ts
new file mode 100644
index 0000000000..9bd530da97
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/api.ts
@@ -0,0 +1,24 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { RuleApi, type Rule } from '@coreshop/rule/src/rules'
+
+export interface ShippingRuleDetail extends Rule {
+  id?: number
+  name: string
+  active?: boolean
+}
+
+export const shippingRuleApi = new RuleApi<ShippingRuleDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/shipping_rules'
+})
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/components/SettingsForm.tsx b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/components/SettingsForm.tsx
new file mode 100644
index 0000000000..a55e98070f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/components/SettingsForm.tsx
@@ -0,0 +1,31 @@
+/**
+ * CoreShop ShippingBundle - Shipping Rule Settings Form
+ */
+
+import React from 'react'
+import { SchemaForm } from '@coreshop/studio-form/src/schema-adapter'
+import type { ShippingRuleDetail } from '../api'
+
+interface SettingsFormProps {
+  rule: ShippingRuleDetail
+  onChange: (rule: ShippingRuleDetail) => void
+  currentLocale: string
+  locales?: string[]
+}
+
+export const SettingsForm: React.FC<SettingsFormProps> = ({
+  rule,
+  onChange,
+  currentLocale,
+}) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<ShippingRuleDetail>
+        blockPrefix="coreshop_shipping_rule"
+        data={rule}
+        onChange={onChange}
+        currentLocale={currentLocale}
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/conditions/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/conditions/index.ts
new file mode 100644
index 0000000000..ac25c66d0a
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/conditions/index.ts
@@ -0,0 +1 @@
+// All conditions are now schema-generated from backend form types
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/index.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/index.ts
new file mode 100644
index 0000000000..d69ec0f59c
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/index.ts
@@ -0,0 +1,18 @@
+/**
+ * CoreShop ShippingBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Service IDs for external plugins to access registries
+export { coreshopShippingServiceIds } from './service-ids'
+
+// Conditions and Actions
+export * from './conditions'
+export * from './actions'
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/service-ids.ts b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/service-ids.ts
new file mode 100644
index 0000000000..a0b8f09321
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/modules/shipping-rules/service-ids.ts
@@ -0,0 +1,4 @@
+export const coreshopShippingServiceIds = {
+  shippingRuleConditionRegistry: Symbol.for('coreshop.shipping.shipping_rule.condition_registry'),
+  shippingRuleActionRegistry: Symbol.for('coreshop.shipping.shipping_rule.action_registry')
+}
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/config/serializer/Model.ShippingRule.yml b/src/CoreShop/Bundle/ShippingBundle/Resources/config/serializer/Model.ShippingRule.yml
index 6c58b6ce15..c4f3dd7ad6 100755
--- a/src/CoreShop/Bundle/ShippingBundle/Resources/config/serializer/Model.ShippingRule.yml
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/config/serializer/Model.ShippingRule.yml
@@ -14,7 +14,7 @@ CoreShop\Component\Shipping\Model\ShippingRule:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
+            groups: [List, Detailed]
         conditions:
             expose: true
             type: ArrayCollection
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/form.yml
index e0816f742f..1368abb054 100644
--- a/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/form.yml
@@ -25,6 +25,7 @@ services:
             - '%coreshop.form.type.shipping_rule.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\ShippingBundle\Form\Type\ShippingRuleChoiceType:
         arguments:
@@ -49,6 +50,7 @@ services:
             - '%coreshop.form.type.carrier.validation_groups%'
         tags:
             - { name: form.type }
+            - { name: coreshop.studio_form }
 
     CoreShop\Bundle\ShippingBundle\Form\Type\CarrierTranslationType:
         arguments:
@@ -157,3 +159,7 @@ services:
         tags:
             - { name: form.type }
 
+    CoreShop\Bundle\ShippingBundle\Form\Schema\CarrierSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
+
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..79d1e517fe
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\ShippingBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/ShippingBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..1b2701cf9e
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,43 @@
+---
+coreshop_condition_amount_minAmount: 'Min Gesamtwert'
+coreshop_condition_amount_maxAmount: 'Max Gesamtwert'
+coreshop_action_discountAmount_amount: 'Gesamt'
+coreshop_action_discountPercent_percent: 'Prozent'
+coreshop_carriers: 'Versanddienste'
+coreshop_carrier_multiselect: 'Versanddienst Multiselect'
+coreshop_carrier: 'Versanddienst'
+coreshop_carrier_label: 'Label'
+coreshop_carrier_trackingUrl: 'Paketverfolgungs-Url'
+coreshop_carriers_stop_propagation: 'Wenn ungültig, weitere Verarbeitung unterbrechen'
+coreshop_carrier_shipping_locations_and_costs: 'Versand-Gebiete und Kosten'
+coreshop_carrier_hideFromCheckout: 'Hide from checkout'
+coreshop_carriers_shipping_rule: 'Versandregel'
+coreshop_action_price: 'Preis'
+coreshop_condition_weight_minWeight: 'Min Gewicht'
+coreshop_condition_weight_maxWeight: 'Max Gewicht'
+coreshop_condition_dimension_height: 'Höhe'
+coreshop_condition_dimension_width: 'Breite'
+coreshop_condition_dimension_depth: 'Tiefe'
+coreshop_condition_postcodes: 'Postleitzahlen'
+coreshop_condition_postcodes_exclusion: 'Ausschließend'
+coreshop_condition_postcodes_info: 'Sie können mehrere Postleitzahlen getrennt mit einem "," einfügen. Sie können ebenfalls Bereiche zB 46-49 oder WR1-WR5 definieren.'
+coreshop_condition_shippingRule: 'Versandregel'
+coreshop_action_shippingRule: 'Versandregel'
+coreshop_permission_carrier: 'CoreShop: Versanddienst'
+coreshop_permission_shipping_rule: 'CoreShop: Versandregel'
+coreshop_condition_weight: 'Gewicht'
+coreshop_condition_dimension: 'Dimension'
+coreshop_action_additionAmount: 'Aufschlag Menge'
+coreshop_action_additionPercent: 'Aufschlag Prozent'
+coreshop_shipping: 'Versand'
+coreshop_condition_amount_gross: 'Nutze Bruttowert'
+coreshop_condition_amount_use_total: 'Nutze Gesamtbetrag'
+coreshop_shipping_tax_calc_strategy: 'Steuerberechnung'
+coreshop_shipping_tax_strategy_taxRule: 'Basierend auf Steuerregel'
+coreshop_shipping_tax_strategy_cartItems: 'Basierend auf Warenkorb-Artikeln'
+
+# Studio v2
+coreshop_carrier_select: 'Versanddienst auswählen'
+coreshop_identifier_required: 'Identifier ist erforderlich'
+coreshop_loading_configuration: 'Konfiguration wird geladen...'
+coreshop_shipping_rule_select: 'Versandregel auswählen'
diff --git a/src/CoreShop/Bundle/ShippingBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/ShippingBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..e29715681f
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,44 @@
+---
+coreshop_condition_amount_minAmount: 'Min Amount'
+coreshop_condition_amount_maxAmount: 'Max Amount'
+coreshop_action_discountAmount_amount: 'Amount'
+coreshop_action_discountPercent_percent: 'Percent'
+coreshop_carriers: 'Carriers'
+coreshop_carrier_multiselect: 'Carrier Multiselect'
+coreshop_carrier: 'Carrier'
+coreshop_carrier_label: 'Label'
+coreshop_carrier_trackingUrl: 'Tracking Url'
+coreshop_carriers_stop_propagation: 'Stop Propagation if invalid'
+coreshop_carrier_shipping_locations_and_costs: 'Shipping locations and costs'
+coreshop_carrier_hideFromCheckout: 'Hide from checkout'
+coreshop_carriers_shipping_rule: 'Shipping Rule'
+coreshop_action_price: 'Price'
+coreshop_condition_weight_minWeight: 'Min Weight'
+coreshop_condition_weight_maxWeight: 'Max Weight'
+coreshop_condition_dimension_height: 'Height'
+coreshop_condition_dimension_width: 'Width'
+coreshop_condition_dimension_depth: 'Depth'
+coreshop_condition_postcodes: 'Postcodes'
+coreshop_condition_postcodes_exclusion: 'Exclusion'
+coreshop_condition_postcodes_info: 'You can add multiple postcodes using CSV format. You can also define Ranges. For example 46-49 or WR1-WR5.'
+coreshop_condition_shippingRule: 'Shipping Rule'
+coreshop_action_shippingRule: 'Shipping Rule'
+coreshop_permission_carrier: 'CoreShop: Carrier'
+coreshop_permission_shipping_rule: 'CoreShop: Shipping Rule'
+coreshop_condition_weight: 'Weight'
+coreshop_condition_dimension: 'Dimension'
+coreshop_action_additionAmount: 'Addition Amount'
+coreshop_action_additionPercent: 'Addition Percent'
+coreshop_shipping: 'Shipping'
+coreshop_condition_amount_gross: 'Use Gross Value'
+coreshop_condition_amount_use_total: 'Use Total Value'
+coreshop_shipping_tax_calc_strategy: 'Tax Calculation'
+coreshop_shipping_tax_strategy_taxRule: 'based on tax rule'
+coreshop_shipping_tax_strategy_cartItems: 'based on cart items'
+
+# Studio v2
+coreshop_carrier_shipping_rules: 'Shipping Rules'
+coreshop_carrier_select: 'Select carrier'
+coreshop_identifier_required: 'Identifier is required'
+coreshop_loading_configuration: 'Loading configuration...'
+coreshop_shipping_rule_select: 'Select shipping rule'
diff --git a/src/CoreShop/Bundle/ShippingBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/ShippingBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..c0fa279d69
--- /dev/null
+++ b/src/CoreShop/Bundle/ShippingBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\ShippingBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/ShippingBundle/composer.json b/src/CoreShop/Bundle/ShippingBundle/composer.json
index 1c2c8e873e..24a62bf925 100644
--- a/src/CoreShop/Bundle/ShippingBundle/composer.json
+++ b/src/CoreShop/Bundle/ShippingBundle/composer.json
@@ -1,63 +1,70 @@
 {
-  "name": "coreshop/shipping-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Shipping Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/shipping-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Shipping Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/shipping": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/address-bundle": "^5.0",
+        "coreshop/rule-bundle": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "coreshop/currency-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/shipping": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/address-bundle": "^5.0",
-    "coreshop/rule-bundle": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "coreshop/currency-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ShippingBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ShippingBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/StorageListBundle/README.md b/src/CoreShop/Bundle/StorageListBundle/README.md
index 142579ed22..5ec01232b4 100644
--- a/src/CoreShop/Bundle/StorageListBundle/README.md
+++ b/src/CoreShop/Bundle/StorageListBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/StorageListBundle/composer.json b/src/CoreShop/Bundle/StorageListBundle/composer.json
index f7fc0420da..5275ea8401 100644
--- a/src/CoreShop/Bundle/StorageListBundle/composer.json
+++ b/src/CoreShop/Bundle/StorageListBundle/composer.json
@@ -1,59 +1,54 @@
 {
-  "name": "coreshop/storage-list-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Storage List Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/storage-list-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Storage List Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/storage-list": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/storage-list": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\StorageListBundle\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "allow-plugins": {
-      "php-http/discovery": true
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\StorageListBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/StoreBundle/DependencyInjection/CoreShopStoreExtension.php b/src/CoreShop/Bundle/StoreBundle/DependencyInjection/CoreShopStoreExtension.php
index 0ff2758e73..87151fd25d 100644
--- a/src/CoreShop/Bundle/StoreBundle/DependencyInjection/CoreShopStoreExtension.php
+++ b/src/CoreShop/Bundle/StoreBundle/DependencyInjection/CoreShopStoreExtension.php
@@ -29,10 +29,29 @@
 use CoreShop\Component\Store\Context\StoreContextInterface;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopStoreExtension extends AbstractModelExtension
+final class CoreShopStoreExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopStore',
+                    ],
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopMultiSelectAdapter' => [
+                        'coreShopStoreMultiselect',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -50,6 +69,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
 
         if ($configs['debug'] ?? $container->getParameter('kernel.debug')) {
diff --git a/src/CoreShop/Bundle/StoreBundle/Form/Type/StoreType.php b/src/CoreShop/Bundle/StoreBundle/Form/Type/StoreType.php
index c3b15b8e1b..836fdc07a7 100644
--- a/src/CoreShop/Bundle/StoreBundle/Form/Type/StoreType.php
+++ b/src/CoreShop/Bundle/StoreBundle/Form/Type/StoreType.php
@@ -28,10 +28,18 @@ final class StoreType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextType::class)
-            ->add('template', TextType::class)
-            ->add('siteId', IntegerType::class)
-            ->add('currency', CurrencyChoiceType::class)
+            ->add('name', TextType::class, [
+                'label' => 'coreshop_name',
+            ])
+            ->add('template', TextType::class, [
+                'label' => 'coreshop_store_template',
+            ])
+            ->add('siteId', IntegerType::class, [
+                'label' => 'coreshop_store_site',
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'coreshop_currency',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/StoreBundle/README.md b/src/CoreShop/Bundle/StoreBundle/README.md
index 1f45484ec6..b6c0543604 100644
--- a/src/CoreShop/Bundle/StoreBundle/README.md
+++ b/src/CoreShop/Bundle/StoreBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..383370dacf
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@coreshop/store",
+  "version": "1.0.0",
+  "description": "CoreShop StoreBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7",
+    "@coreshop/currency": "file:../../../../CurrencyBundle/Resources/assets/pimcore-studio",
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*"
+  }
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/assets/store.svg b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/assets/store.svg
new file mode 100644
index 0000000000..c3d8b99021
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/assets/store.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg"  x="0px" y="0px"
+	 viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<rect x="5" y="19" fill="#CFD8DC" width="38" height="19"/>
+<g>
+	<rect x="5" y="38" fill="#B0BEC5" width="38" height="4"/>
+</g>
+<rect x="27" y="24" fill="#455A64" width="12" height="18"/>
+<rect x="9" y="24" fill="#E3F2FD" width="14" height="11"/>
+<rect x="10" y="25" fill="#1E88E5" width="12" height="9"/>
+<path fill="#90A4AE" d="M36.5,33.5c-0.3,0-0.5,0.2-0.5,0.5v2c0,0.3,0.2,0.5,0.5,0.5S37,36.3,37,36v-2C37,33.7,36.8,33.5,36.5,33.5z"
+	/>
+<g>
+	<circle fill="#558B2F" cx="24" cy="19" r="3"/>
+	<circle fill="#558B2F" cx="36" cy="19" r="3"/>
+	<circle fill="#558B2F" cx="12" cy="19" r="3"/>
+</g>
+<g>
+	<g>
+		<path fill="#7CB342" d="M40,6H8C6.9,6,6,6.9,6,8v3h36V8C42,6.9,41.1,6,40,6z"/>
+	</g>
+	<rect x="21" y="11" fill="#7CB342" width="6" height="8"/>
+	<polygon fill="#7CB342" points="37,11 32,11 33,19 39,19 	"/>
+	<polygon fill="#7CB342" points="11,11 16,11 15,19 9,19 	"/>
+</g>
+<g>
+	<circle fill="#FFA000" cx="30" cy="19" r="3"/>
+	<path fill="#FFA000" d="M45,19c0,1.7-1.3,3-3,3s-3-1.3-3-3s1.3-3,3-3L45,19z"/>
+	<circle fill="#FFA000" cx="18" cy="19" r="3"/>
+	<path fill="#FFA000" d="M3,19c0,1.7,1.3,3,3,3s3-1.3,3-3s-1.3-3-3-3L3,19z"/>
+</g>
+<g>
+	<polygon fill="#FFC107" points="32,11 27,11 27,19 33,19 	"/>
+	<polygon fill="#FFC107" points="42,11 37,11 39,19 45,19 	"/>
+	<polygon fill="#FFC107" points="16,11 21,11 21,19 15,19 	"/>
+	<polygon fill="#FFC107" points="6,11 11,11 9,19 3,19 	"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/StoreSelect.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/StoreSelect.js
new file mode 100644
index 0000000000..829282c31f
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/StoreSelect.js
@@ -0,0 +1,79 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import React from 'react';
+import { Select } from 'antd';
+import { storeApi } from '../modules/stores/api';
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity';
+// Module-level cache to avoid multiple API calls
+let cachedOptions = null;
+let loadPromise = null;
+const loadStores = async () => {
+    // Return cached data if available
+    if (cachedOptions) {
+        return cachedOptions;
+    }
+    // If already loading, return the existing promise
+    if (loadPromise) {
+        return loadPromise;
+    }
+    // Start new load
+    loadPromise = (async () => {
+        try {
+            const stores = await storeApi.list();
+            const result = stores.map(store => ({
+                value: store.id,
+                label: store.name
+            }));
+            cachedOptions = result;
+            return result;
+        }
+        catch (err) {
+            console.error('Failed to load stores:', err);
+            throw err;
+        }
+        finally {
+            loadPromise = null;
+        }
+    })();
+    return loadPromise;
+};
+// Export function to clear cache if needed
+export const clearStoreCache = () => {
+    cachedOptions = null;
+    loadPromise = null;
+};
+export const StoreSelect = (props) => {
+    const [options, setOptions] = React.useState(cachedOptions || []);
+    const [loading, setLoading] = React.useState(!cachedOptions);
+    React.useEffect(() => {
+        void (async () => {
+            if (!cachedOptions) {
+                setLoading(true);
+            }
+            try {
+                const opts = await loadStores();
+                setOptions(opts);
+            }
+            finally {
+                setLoading(false);
+            }
+        })();
+    }, []);
+    return (React.createElement(DroppableEntity, { accept: "coreshop:store", isValidData: (info) => { var _a; return typeof ((_a = info === null || info === void 0 ? void 0 : info.data) === null || _a === void 0 ? void 0 : _a.id) === 'number'; }, onDrop: (info) => {
+            var _a;
+            if (props.onChange && ((_a = info === null || info === void 0 ? void 0 : info.data) === null || _a === void 0 ? void 0 : _a.id)) {
+                const event = { target: { value: info.data.id } };
+                props.onChange(info.data.id, event);
+            }
+        } },
+        React.createElement(Select, Object.assign({}, props, { loading: loading, options: options }))));
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/StoreSelect.tsx b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/StoreSelect.tsx
new file mode 100644
index 0000000000..18ffbd0ea8
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/StoreSelect.tsx
@@ -0,0 +1,37 @@
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { EntitySelect } from '@coreshop/resource/src/components/EntitySelect'
+import { storeApi } from '../modules/stores/api'
+
+const { load: loadStores, getCache: getStoreCache, clearCache: clearStoreCache } = createOptionsLoader(async () => {
+  const stores = await storeApi.list()
+  return stores.map(store => ({
+    value: store.id!,
+    label: store.name
+  }))
+})
+
+export { loadStores, getStoreCache, clearStoreCache }
+
+export const StoreSelect: React.FC<SelectProps> = (props) => {
+  return (
+    <DroppableEntity
+      accept="coreshop:store"
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (props.onChange && info?.data?.id) {
+          const event = { target: { value: info.data.id } } as any
+          props.onChange(info.data.id, event)
+        }
+      }}
+    >
+      <EntitySelect
+        {...props}
+        loadOptions={loadStores}
+        getCachedOptions={getStoreCache}
+      />
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/index.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/index.js
new file mode 100644
index 0000000000..89e8c98920
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/index.js
@@ -0,0 +1,14 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+export { StoreSelect } from './StoreSelect';
+export { StoreMultiSelect } from './StoreMultiSelect';
+export { StoreMultiSelectField } from './StoreMultiSelectField';
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/index.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/index.ts
new file mode 100644
index 0000000000..986cd9c38c
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/components/index.ts
@@ -0,0 +1,13 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { StoreSelect } from './StoreSelect'
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStore.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStore.js
new file mode 100644
index 0000000000..014bd415e2
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStore.js
@@ -0,0 +1,32 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DynamicTypeObjectDataAbstractSelect, DynamicTypeFieldFilterMultiselect } from '@pimcore/studio-ui-bundle/modules/element';
+import { StoreSelect } from '../components/StoreSelect';
+export class DynamicTypeObjectDataCoreShopStore extends DynamicTypeObjectDataAbstractSelect {
+    constructor() {
+        super(...arguments);
+        this.id = 'coreShopStore';
+        this.dynamicTypeFieldFilterType = new DynamicTypeFieldFilterMultiselect();
+    }
+    getObjectDataComponent(props) {
+        var _a;
+        const { name, noteditable, defaultFieldWidth } = props, rest = __rest(props, ["name", "noteditable", "defaultFieldWidth"]);
+        return (React.createElement(StoreSelect, { value: rest.value, onChange: rest.onChange, disabled: noteditable === true, style: { width: (_a = defaultFieldWidth === null || defaultFieldWidth === void 0 ? void 0 : defaultFieldWidth.width) !== null && _a !== void 0 ? _a : '100%' } }));
+    }
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStore.tsx b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStore.tsx
new file mode 100644
index 0000000000..430e07c6cf
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStore.tsx
@@ -0,0 +1,8 @@
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadStores, getStoreCache } from '../components/StoreSelect'
+
+export class DynamicTypeObjectDataCoreShopStore extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopStore'
+  loadOptions = loadStores
+  getCachedOptions = getStoreCache
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStoreMultiselect.tsx b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStoreMultiselect.tsx
new file mode 100644
index 0000000000..79df8815c0
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopStoreMultiselect.tsx
@@ -0,0 +1,10 @@
+import { DynamicTypeObjectDataCoreShopMultiSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopMultiSelect'
+import { loadStores, getStoreCache, clearStoreCache } from '../components/StoreSelect'
+
+export { clearStoreCache }
+
+export class DynamicTypeObjectDataCoreShopStoreMultiselect extends DynamicTypeObjectDataCoreShopMultiSelect {
+  readonly id = 'coreShopStoreMultiselect'
+  loadOptions = loadStores
+  getCachedOptions = getStoreCache
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.js
new file mode 100644
index 0000000000..2a6130c648
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.js
@@ -0,0 +1,8 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+export { DynamicTypeObjectDataCoreShopStore } from './DynamicTypeObjectDataCoreShopStore';
+export { DynamicTypeObjectDataCoreShopStoreMultiselect } from './DynamicTypeObjectDataCoreShopStoreMultiselect';
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..1ef8e6d715
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,9 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopStore } from './DynamicTypeObjectDataCoreShopStore'
+export { DynamicTypeObjectDataCoreShopStoreMultiselect } from './DynamicTypeObjectDataCoreShopStoreMultiselect'
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.js
new file mode 100644
index 0000000000..35d4618de6
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.js
@@ -0,0 +1,16 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+export * from './components/StoreSelect';
+export * from './modules/stores/api';
+export * from './modules/stores/StoreManager';
+export * from './modules/stores/StoreForm';
+export { StoreMultiSelectField } from './components/StoreMultiSelectField';
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..bf00ddb697
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,16 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './components/StoreSelect'
+export * from './modules/stores/api'
+export * from './modules/stores/StoreManager'
+export * from './modules/stores/StoreForm'
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/main.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/main.js
new file mode 100644
index 0000000000..122f530018
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/main.js
@@ -0,0 +1,36 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import { container } from '@pimcore/studio-ui-bundle';
+import { serviceIds } from '@pimcore/studio-ui-bundle/app';
+import { StoreBundleIconModule } from './modules/icon-library';
+import { StoreManager } from './modules/stores/StoreManager';
+import { StoreFormBuilderModule } from './modules/stores/form-builder-module';
+import { DynamicTypeObjectDataCoreShopStore, DynamicTypeObjectDataCoreShopStoreMultiselect } from './dynamic-types';
+const plugin = {
+    name: 'coreshop-store',
+    onInit() {
+        const objectDataRegistry = container.get(serviceIds['DynamicTypes/ObjectDataRegistry']);
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopStore());
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopStoreMultiselect());
+    },
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(StoreBundleIconModule);
+        moduleSystem.registerModule(StoreFormBuilderModule);
+        // Register Store Manager widget
+        const widgets = container.get(serviceIds.widgetManager);
+        widgets.registerWidget({
+            name: 'coreshop-store-store',
+            component: StoreManager
+        });
+    }
+};
+export default plugin;
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..147baad9bf
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,60 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { EntityChoiceWidget } from '@coreshop/resource/src/components/EntityChoiceWidget'
+import { StoreBundleIconModule } from './modules/icon-library'
+import { StoreManager } from './modules/stores/StoreManager'
+import { loadStores, getStoreCache } from './components/StoreSelect'
+import {
+    DynamicTypeObjectDataCoreShopStore,
+    DynamicTypeObjectDataCoreShopStoreMultiselect
+} from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-store',
+
+    onInit() {
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopStore())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopStoreMultiselect())
+
+        // Register StudioForm widget for StoreChoiceType
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+        formWidgetRegistry.register('coreshop_store_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadStores, getCachedOptions: getStoreCache, droppableAccept: 'coreshop:store', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(StoreBundleIconModule)
+
+        // Register Store Manager widget
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+        widgets.registerWidget({
+            name: 'coreshop-store-store',
+            component: StoreManager
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.js
new file mode 100644
index 0000000000..c31c9b36e0
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.js
@@ -0,0 +1,32 @@
+/**
+ * CoreShop StoreBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import { container } from '@pimcore/studio-ui-bundle';
+import { serviceIds } from '@pimcore/studio-ui-bundle/app';
+// @ts-ignore
+import storeIcon from '../../assets/store.svg?react';
+export const StoreBundleIconModule = {
+    onInit() {
+        const iconLibrary = container.get(serviceIds.iconLibrary);
+        iconLibrary.register({
+            name: 'coreshop_store',
+            component: storeIcon
+        });
+        iconLibrary.register({
+            name: 'coreshop_nav_icon_store',
+            component: storeIcon
+        });
+        iconLibrary.register({
+            name: 'coreshop_stores',
+            component: storeIcon
+        });
+    }
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..f5baa706b3
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,38 @@
+/**
+ * CoreShop StoreBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import storeIcon from '../../assets/store.svg?react'
+
+export const StoreBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_store',
+      component: storeIcon
+    })
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_store',
+      component: storeIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_stores',
+      component: storeIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreForm.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreForm.js
new file mode 100644
index 0000000000..a668e77dae
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreForm.js
@@ -0,0 +1,20 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import React from 'react';
+import { container } from '@pimcore/studio-ui-bundle';
+import { DynamicForm } from '@coreshop/studio-form/src/form-builder';
+export const StoreForm = ({ data, onChange }) => {
+    const builder = container.get('CoreShop/Store/Store/FormBuilder');
+    const config = React.useMemo(() => builder.build({ data }), [builder, data]);
+    return (React.createElement("div", { style: { padding: 12 } },
+        React.createElement(DynamicForm, { config: config, data: data, onChange: onChange })));
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreForm.tsx b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreForm.tsx
new file mode 100644
index 0000000000..23100f1f61
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreForm.tsx
@@ -0,0 +1,26 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { StoreDetail } from './api'
+
+export const StoreForm: React.FC<SchemaFormProps<StoreDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<StoreDetail>
+        {...props}
+        blockPrefix="coreshop_store"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreFormBuilder.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreFormBuilder.js
new file mode 100644
index 0000000000..b8b9921088
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreFormBuilder.js
@@ -0,0 +1,88 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import { Input, Select } from 'antd';
+import { FormBuilder } from '@coreshop/studio-form/src/form-builder';
+import { listSites } from './api';
+import { CurrencySelectField } from "@coreshop/currency/src";
+// Module-level cache for sites
+let cachedSites = null;
+let loadPromise = null;
+const loadSites = async () => {
+    if (cachedSites) {
+        return cachedSites;
+    }
+    if (loadPromise) {
+        return loadPromise;
+    }
+    loadPromise = (async () => {
+        try {
+            cachedSites = await listSites();
+            return cachedSites;
+        }
+        catch (err) {
+            console.error('Failed to load sites:', err);
+            throw err;
+        }
+        finally {
+            loadPromise = null;
+        }
+    })();
+    return loadPromise;
+};
+export const clearSitesCache = () => {
+    cachedSites = null;
+    loadPromise = null;
+};
+export const createStoreFormBuilder = () => {
+    const builder = new FormBuilder({
+        fields: [
+            {
+                name: 'name',
+                label: 'name',
+                component: Input,
+                required: true,
+                rules: [{ required: true, message: 'Name is required' }],
+                componentProps: { placeholder: 'Store name' }
+            },
+            {
+                name: 'siteId',
+                label: 'coreshop_store_site',
+                component: Select,
+                componentProps: async () => {
+                    const sites = await loadSites();
+                    return {
+                        options: sites.map(site => ({ value: site.id, label: site.name })),
+                        placeholder: 'Select a site',
+                        allowClear: true,
+                        showSearch: true,
+                        filterOption: (input, option) => { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : '').toLowerCase().includes(input.toLowerCase()); }
+                    };
+                }
+            },
+            {
+                name: 'template',
+                label: 'coreshop_store_template',
+                component: Input,
+                componentProps: { placeholder: 'Template name' }
+            },
+            {
+                name: 'currency',
+                label: 'coreshop_currency',
+                component: CurrencySelectField,
+                componentProps: {
+                    allowClear: true
+                }
+            }
+        ]
+    });
+    return builder;
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreManager.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreManager.js
new file mode 100644
index 0000000000..2cee13b27c
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreManager.js
@@ -0,0 +1,34 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import React from 'react';
+import { EntityTabbedManager } from '@coreshop/resource/src/entities';
+import { useTranslation } from 'react-i18next';
+import { storeApi } from './api';
+import { StoreForm } from './StoreForm';
+import { useFormModal } from '@pimcore/studio-ui-bundle/components';
+export const StoreManager = () => {
+    const { t } = useTranslation();
+    const modal = useFormModal();
+    return (React.createElement(EntityTabbedManager, { api: storeApi, dragType: "coreshop:store", leftRootTitle: t('coreshop_stores', { defaultValue: 'Stores' }), getTitle: (li, data) => { var _a, _b, _c, _d; return (_b = (_a = data === null || data === void 0 ? void 0 : data.name) !== null && _a !== void 0 ? _a : li === null || li === void 0 ? void 0 : li.name) !== null && _b !== void 0 ? _b : `Store #${(_d = (_c = data === null || data === void 0 ? void 0 : data.id) !== null && _c !== void 0 ? _c : li === null || li === void 0 ? void 0 : li.id) !== null && _d !== void 0 ? _d : ''}`; }, buildSavePayload: (data) => data, onAdd: async () => await new Promise((resolve) => {
+            modal.input({
+                title: t('coreshop_store_add', { defaultValue: 'Add Store' }),
+                label: t('coreshop_name', { defaultValue: 'Name' }),
+                rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+                onOk: async (nameValue) => {
+                    const res = await storeApi.add({ name: nameValue });
+                    if (res.data.id !== undefined) {
+                        resolve(res.data.id);
+                    }
+                }
+            });
+        }), renderDetail: (data, setData) => (React.createElement(StoreForm, { data: data, onChange: setData })) }));
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreManager.tsx b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreManager.tsx
new file mode 100644
index 0000000000..0590172839
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/StoreManager.tsx
@@ -0,0 +1,49 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useTranslation } from 'react-i18next'
+import { storeApi, type StoreDetail } from './api'
+import { StoreForm } from './StoreForm'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+
+export const StoreManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<StoreDetail>
+      api={storeApi}
+      dragType="coreshop:store"
+      leftRootTitle={t('coreshop_stores', { defaultValue: 'Stores' })}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `Store #${data?.id ?? li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_store_add', { defaultValue: 'Add Store' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          rule: { required: true, message: t('coreshop_name_required', { defaultValue: 'Name is required' }) },
+          onOk: async (nameValue: string) => {
+            const res = await storeApi.add({ name: nameValue })
+            if (res.data.id !== undefined) {
+              resolve(res.data.id)
+            }
+          }
+        })
+      })}
+      renderDetail={(data, setData) => (
+        <StoreForm data={data} onChange={setData} />
+      )}
+    />
+  )
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/api.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/api.js
new file mode 100644
index 0000000000..f0d6073441
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/api.js
@@ -0,0 +1,29 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+import { EntityApi } from '@coreshop/resource/src/entities';
+export const storeApi = new EntityApi({
+    basePath: '/pimcore-studio/api',
+    resourcePath: '/coreshop/stores'
+});
+/**
+ * Get list of available Pimcore Sites
+ */
+export const listSites = async () => {
+    const response = await fetch('/pimcore-studio/api/coreshop/stores/list-sites', {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    });
+    const data = await response.json();
+    return data.data || [];
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/api.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/api.ts
new file mode 100644
index 0000000000..6f42ca8a04
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/api.ts
@@ -0,0 +1,47 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface StoreDetail extends Record<string, any> {
+  id?: number
+  name: string
+  siteId?: number | null
+  template?: string
+  currency?: number | null
+  active?: boolean
+}
+
+export interface Site {
+  id: number
+  name: string
+}
+
+export const storeApi = new EntityApi<StoreDetail>({
+    basePath: '/pimcore-studio/api',
+    resourcePath: '/coreshop/stores'
+})
+
+/**
+ * Get list of available Pimcore Sites
+ */
+export const listSites = async (): Promise<Site[]> => {
+  const response = await fetch('/pimcore-studio/api/coreshop/stores/list-sites', {
+    method: 'GET',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+
+  const data = await response.json()
+  return data.data || []
+}
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/form-builder-module.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/form-builder-module.js
new file mode 100644
index 0000000000..2225590025
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/form-builder-module.js
@@ -0,0 +1,8 @@
+import { container } from '@pimcore/studio-ui-bundle';
+import { createStoreFormBuilder } from './StoreFormBuilder';
+export const StoreFormBuilderModule = {
+    onInit() {
+        const builder = createStoreFormBuilder();
+        container.bind('CoreShop/Store/Store/FormBuilder').toConstantValue(builder);
+    }
+};
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/index.js b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/index.js
new file mode 100644
index 0000000000..7e8a3a19a1
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/index.js
@@ -0,0 +1,14 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+export { storeApi } from './api';
+export { StoreManager } from './StoreManager';
+export { StoreForm } from './StoreForm';
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/index.ts b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/index.ts
new file mode 100644
index 0000000000..5982c87828
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/modules/stores/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop StoreBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { storeApi } from './api'
+export { StoreManager } from './StoreManager'
+export { StoreForm } from './StoreForm'
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/StoreBundle/Resources/config/services/form.yml
index ca81dcfada..7a46ba3f39 100644
--- a/src/CoreShop/Bundle/StoreBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/config/services/form.yml
@@ -17,3 +17,4 @@ services:
             - '%coreshop.form.type.store.validation_groups%'
         tags:
             -  { name: form.type }
+            -  { name: coreshop.studio_form }
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/StoreBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..10671b2f30
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\StoreBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/StoreBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..026f958e51
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,10 @@
+---
+coreshop_store: 'Store'
+coreshop_store_multiselect: 'Store Mehrfachauswahl'
+coreshop_store_site: 'Seite'
+coreshop_store_template: 'Template'
+coreshop_permission_store: 'CoreShop: Store'
+coreshop_stores: 'Stores'
+
+# Studio v2
+coreshop_store_add: 'Store hinzufügen'
diff --git a/src/CoreShop/Bundle/StoreBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/StoreBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..7c0438ee5d
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,10 @@
+---
+coreshop_store: 'Store'
+coreshop_store_multiselect: 'Store Multiselect'
+coreshop_store_site: 'Site'
+coreshop_store_template: 'Template'
+coreshop_permission_store: 'CoreShop: Store'
+coreshop_stores: 'Stores'
+
+# Studio v2
+coreshop_store_add: 'Add Store'
diff --git a/src/CoreShop/Bundle/StoreBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/StoreBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..cb7608f0fb
--- /dev/null
+++ b/src/CoreShop/Bundle/StoreBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StoreBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/StoreBundle/composer.json b/src/CoreShop/Bundle/StoreBundle/composer.json
index 7cd3a91a25..97013ab452 100644
--- a/src/CoreShop/Bundle/StoreBundle/composer.json
+++ b/src/CoreShop/Bundle/StoreBundle/composer.json
@@ -1,60 +1,67 @@
 {
-  "name": "coreshop/store-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Store Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/store-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Store Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/currency-bundle": "^5.0",
+        "coreshop/theme-bundle": "^5.0",
+        "coreshop/store": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/currency-bundle": "^5.0",
-    "coreshop/theme-bundle": "^5.0",
-    "coreshop/store": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\StoreBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\StoreBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Controller/FormSchemaController.php b/src/CoreShop/Bundle/StudioFormBundle/Controller/FormSchemaController.php
new file mode 100644
index 0000000000..bc61f74fa7
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Controller/FormSchemaController.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Controller;
+
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\BlockPrefixFormTypeRegistry;
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaGenerator;
+use Symfony\Component\HttpFoundation\JsonResponse;
+use Symfony\Component\HttpFoundation\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+final class FormSchemaController
+{
+    public function __construct(
+        private readonly FormSchemaGenerator $generator,
+        private readonly BlockPrefixFormTypeRegistry $blockPrefixRegistry,
+    ) {
+    }
+
+    public function schemaAction(Request $request, string $blockPrefix): JsonResponse
+    {
+        $formTypeClass = $this->blockPrefixRegistry->resolve($blockPrefix);
+
+        if ($formTypeClass === null) {
+            return new JsonResponse(
+                ['error' => sprintf('No form type registered for block prefix "%s".', $blockPrefix)],
+                Response::HTTP_NOT_FOUND,
+            );
+        }
+
+            $schema = $this->generator->generate($formTypeClass);
+
+        return new JsonResponse($schema);
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/CoreShopStudioFormBundle.php b/src/CoreShop/Bundle/StudioFormBundle/CoreShopStudioFormBundle.php
new file mode 100644
index 0000000000..b0d9651250
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/CoreShopStudioFormBundle.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle;
+
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterFormSchemaEnricherPass;
+use CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler\RegisterStudioFormTypesPass;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\HttpKernel\Bundle\Bundle;
+
+final class CoreShopStudioFormBundle extends Bundle
+{
+    public function build(ContainerBuilder $container): void
+    {
+        parent::build($container);
+
+        $container->addCompilerPass(new RegisterFormSchemaEnricherPass());
+        $container->addCompilerPass(new RegisterStudioFormTypesPass());
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterFormSchemaEnricherPass.php b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterFormSchemaEnricherPass.php
new file mode 100644
index 0000000000..b2836e3583
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterFormSchemaEnricherPass.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler;
+
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaGenerator;
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Reference;
+
+final class RegisterFormSchemaEnricherPass implements CompilerPassInterface
+{
+    public const string TAG = 'coreshop_studio_form.enricher';
+
+    public function process(ContainerBuilder $container): void
+    {
+        if (!$container->hasDefinition(FormSchemaGenerator::class)) {
+            return;
+        }
+
+        $generator = $container->getDefinition(FormSchemaGenerator::class);
+
+        $taggedServices = $container->findTaggedServiceIds(self::TAG);
+
+        $enrichers = [];
+        foreach ($taggedServices as $id => $tags) {
+            $priority = $tags[0]['priority'] ?? 0;
+            $enrichers[] = ['id' => $id, 'priority' => $priority];
+        }
+
+        usort($enrichers, static fn (array $a, array $b) => $b['priority'] <=> $a['priority']);
+
+        foreach ($enrichers as $enricher) {
+            $generator->addMethodCall('addEnricher', [new Reference($enricher['id'])]);
+        }
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterFormTypesFromTagsPass.php b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterFormTypesFromTagsPass.php
new file mode 100644
index 0000000000..571974d735
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterFormTypesFromTagsPass.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler;
+
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\BlockPrefixFormTypeRegistry;
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+
+/**
+ * Registers form type classes found in service tag attributes (e.g., condition/action form types)
+ * into the BlockPrefixFormTypeRegistry so they can be served via the schema endpoint.
+ *
+ * Usage in bundle classes:
+ *   $container->addCompilerPass(new RegisterFormTypesFromTagsPass('coreshop.cart_price_rule.condition'));
+ *   $container->addCompilerPass(new RegisterFormTypesFromTagsPass('coreshop.cart_price_rule.action'));
+ */
+final class RegisterFormTypesFromTagsPass implements CompilerPassInterface
+{
+    public function __construct(
+        private readonly string $tag,
+        private readonly string $attributeName = 'form-type',
+    ) {
+    }
+
+    public function process(ContainerBuilder $container): void
+    {
+        if (!$container->hasDefinition(BlockPrefixFormTypeRegistry::class)) {
+            return;
+        }
+
+        $registry = $container->getDefinition(BlockPrefixFormTypeRegistry::class);
+
+        foreach ($container->findTaggedServiceIds($this->tag) as $id => $tags) {
+            foreach ($tags as $attributes) {
+                if (isset($attributes[$this->attributeName])) {
+                    $registry->addMethodCall('addFormTypeClass', [$attributes[$this->attributeName]]);
+                }
+            }
+        }
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterStudioFormTypesPass.php b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterStudioFormTypesPass.php
new file mode 100644
index 0000000000..4ec342f735
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Compiler/RegisterStudioFormTypesPass.php
@@ -0,0 +1,53 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\DependencyInjection\Compiler;
+
+use CoreShop\Bundle\StudioFormBundle\Form\Schema\BlockPrefixFormTypeRegistry;
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+
+final class RegisterStudioFormTypesPass implements CompilerPassInterface
+{
+    public const string TAG = 'coreshop.studio_form';
+    private const string FORM_TYPE_TAG = 'form.type';
+
+    public function process(ContainerBuilder $container): void
+    {
+        if (!$container->hasDefinition(BlockPrefixFormTypeRegistry::class)) {
+            return;
+        }
+
+        $registry = $container->getDefinition(BlockPrefixFormTypeRegistry::class);
+        $taggedServices = array_merge(
+            $container->findTaggedServiceIds(self::TAG),
+            $container->findTaggedServiceIds(self::FORM_TYPE_TAG),
+        );
+
+        $formTypeClasses = [];
+
+        foreach ($taggedServices as $id => $tags) {
+            $definition = $container->getDefinition($id);
+            $class = $definition->getClass();
+            if (is_string($class) && $class !== '') {
+                $formTypeClasses[] = $class;
+            }
+        }
+
+        $registry->replaceArgument('$formTypeClasses', array_values(array_unique($formTypeClasses)));
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Configuration.php b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Configuration.php
new file mode 100644
index 0000000000..c5b70e1eb7
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/Configuration.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\DependencyInjection;
+
+use Symfony\Component\Config\Definition\Builder\TreeBuilder;
+use Symfony\Component\Config\Definition\ConfigurationInterface;
+
+final class Configuration implements ConfigurationInterface
+{
+    public function getConfigTreeBuilder(): TreeBuilder
+    {
+        $treeBuilder = new TreeBuilder('core_shop_studio_form');
+
+        return $treeBuilder;
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/CoreShopStudioFormExtension.php b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/CoreShopStudioFormExtension.php
new file mode 100644
index 0000000000..62d2630cf8
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/DependencyInjection/CoreShopStudioFormExtension.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\DependencyInjection;
+
+use Symfony\Component\Config\FileLocator;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
+use Symfony\Component\HttpKernel\DependencyInjection\Extension;
+
+final class CoreShopStudioFormExtension extends Extension
+{
+    public function load(array $configs, ContainerBuilder $container): void
+    {
+        $loader = new YamlFileLoader($container, new FileLocator(__DIR__ . '/../Resources/config'));
+        $loader->load('services.yml');
+        $loader->load('services/demo.yml');
+
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+    }
+
+    public function getConfiguration(array $config, ContainerBuilder $container): Configuration
+    {
+        return new Configuration();
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Extension/CollectionPrototypeExtension.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Extension/CollectionPrototypeExtension.php
new file mode 100644
index 0000000000..8b3ea62c26
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Extension/CollectionPrototypeExtension.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Extension;
+
+use Symfony\Component\Form\AbstractTypeExtension;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+/**
+ * Ensures CollectionType always generates a prototype, even when allow_add is false.
+ *
+ * Symfony's CollectionType only creates the prototype when allow_add is true.
+ * For schema-driven forms (grid_collection), the prototype is needed to derive
+ * column definitions regardless of whether adding rows is allowed.
+ */
+final class CollectionPrototypeExtension extends AbstractTypeExtension
+{
+    public static function getExtendedTypes(): iterable
+    {
+        return [CollectionType::class];
+    }
+
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        if ($options['allow_add'] || !$options['prototype']) {
+            return;
+        }
+
+        $prototypeOptions = array_replace($options['entry_options'], [
+            'required' => $options['required'],
+            'label' => $options['prototype_name'] . 'label__',
+        ]);
+
+        $prototype = $builder->create($options['prototype_name'], $options['entry_type'], $prototypeOptions);
+        $builder->setAttribute('prototype', $prototype->getForm());
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/BlockPrefixFormTypeRegistry.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/BlockPrefixFormTypeRegistry.php
new file mode 100644
index 0000000000..3bb641e720
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/BlockPrefixFormTypeRegistry.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+use Symfony\Component\Form\FormRegistryInterface;
+
+final class BlockPrefixFormTypeRegistry
+{
+    /** @var array<string, string>|null */
+    private ?array $blockPrefixMap = null;
+
+    /** @var string[] */
+    private array $additionalFormTypeClasses = [];
+
+    /**
+     * @param string[] $formTypeClasses
+     */
+    public function __construct(
+        private readonly FormRegistryInterface $formRegistry,
+        private readonly array $formTypeClasses = [],
+    ) {
+    }
+
+    /**
+     * Register an additional form type class (used by compiler passes for rule element form types).
+     */
+    public function addFormTypeClass(string $formTypeClass): void
+    {
+        $this->additionalFormTypeClasses[] = $formTypeClass;
+        $this->blockPrefixMap = null;
+    }
+
+    public function resolve(string $blockPrefix): ?string
+    {
+        return $this->getMap()[$blockPrefix] ?? null;
+    }
+
+    public function has(string $blockPrefix): bool
+    {
+        return isset($this->getMap()[$blockPrefix]);
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    private function getMap(): array
+    {
+        if ($this->blockPrefixMap === null) {
+            $this->blockPrefixMap = [];
+            $allClasses = array_unique(array_merge($this->formTypeClasses, $this->additionalFormTypeClasses));
+
+            foreach ($allClasses as $class) {
+                $resolvedType = $this->formRegistry->getType($class);
+                $this->blockPrefixMap[$resolvedType->getBlockPrefix()] = $class;
+            }
+        }
+
+        return $this->blockPrefixMap;
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FieldSchema.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FieldSchema.php
new file mode 100644
index 0000000000..5b76733be3
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FieldSchema.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+final class FieldSchema implements \JsonSerializable
+{
+    public ?string $tab = null;
+
+    public ?string $section = null;
+
+    /** @var array<string, mixed>|null */
+    public ?array $choices = null;
+
+    public bool $multiple = false;
+
+    public bool $expanded = false;
+
+    /** @var array<string, mixed> */
+    public array $extra = [];
+
+    public ?FormSchema $prototype = null;
+
+    /** @var array<string, FormSchema>|null */
+    public ?array $prototypes = null;
+
+    /**
+     * @param string[] $blockPrefixes
+     */
+    public function __construct(
+        public string $name,
+        public array $blockPrefixes,
+        public bool $required = false,
+        public ?string $label = null,
+        public bool $disabled = false,
+        public ?FormSchema $children = null,
+    ) {
+    }
+
+    public function jsonSerialize(): array
+    {
+        $data = [
+            'name' => $this->name,
+            'blockPrefixes' => $this->blockPrefixes,
+            'required' => $this->required,
+        ];
+
+        if ($this->label !== null) {
+            $data['label'] = $this->label;
+        }
+
+        if ($this->disabled) {
+            $data['disabled'] = true;
+        }
+
+        if ($this->choices !== null) {
+            $data['choices'] = $this->choices;
+            $data['multiple'] = $this->multiple;
+            $data['expanded'] = $this->expanded;
+        }
+
+        if (count($this->extra) > 0) {
+            $data['extra'] = $this->extra;
+        }
+
+        if ($this->children !== null) {
+            $data['children'] = $this->children;
+        }
+
+        if ($this->prototype !== null) {
+            $data['prototype'] = $this->prototype;
+        }
+
+        if ($this->prototypes !== null) {
+            $data['prototypes'] = $this->prototypes;
+        }
+
+        if ($this->tab !== null) {
+            $data['tab'] = $this->tab;
+        }
+
+        if ($this->section !== null) {
+            $data['section'] = $this->section;
+        }
+
+        return $data;
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FieldTypesDemoSchemaEnricher.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FieldTypesDemoSchemaEnricher.php
new file mode 100644
index 0000000000..f43dbd1995
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FieldTypesDemoSchemaEnricher.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+use CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\FieldTypesDemoType;
+
+final class FieldTypesDemoSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_SECTIONS = [
+        'email' => 'text_inputs',
+        'url' => 'text_inputs',
+        'password' => 'text_inputs',
+        'number' => 'numeric_date',
+        'integer' => 'numeric_date',
+        'date' => 'numeric_date',
+        'datetime' => 'numeric_date',
+        'time' => 'numeric_date',
+        'color' => 'numeric_date',
+        'range' => 'numeric_date',
+    ];
+
+    public function supports(string $formTypeClass): bool
+    {
+        return $formTypeClass === FieldTypesDemoType::class;
+    }
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->sections = [
+            new SectionSchema('text_inputs', 'Text Inputs', 100, true, false),
+            new SectionSchema('numeric_date', 'Numeric & Date', 90, true, true),
+        ];
+
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_SECTIONS[$field->name])) {
+                $field->section = self::FIELD_SECTIONS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchema.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchema.php
new file mode 100644
index 0000000000..26179090a5
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchema.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+final class FormSchema implements \JsonSerializable
+{
+    /**
+     * @param FieldSchema[] $fields
+     * @param TabSchema[] $tabs
+     * @param SectionSchema[] $sections
+     */
+    public function __construct(
+        public string $blockPrefix,
+        public array $fields = [],
+        public array $tabs = [],
+        public array $sections = [],
+    ) {
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'blockPrefix' => $this->blockPrefix,
+            'fields' => $this->fields,
+            'tabs' => $this->tabs,
+            'sections' => $this->sections,
+        ];
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchemaEnricherInterface.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchemaEnricherInterface.php
new file mode 100644
index 0000000000..49ad45bc5f
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchemaEnricherInterface.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+interface FormSchemaEnricherInterface
+{
+    public function supports(string $formTypeClass): bool;
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema;
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchemaGenerator.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchemaGenerator.php
new file mode 100644
index 0000000000..277f79dcd7
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/FormSchemaGenerator.php
@@ -0,0 +1,301 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+use Symfony\Component\Form\ChoiceList\View\ChoiceGroupView;
+use Symfony\Component\Form\ChoiceList\View\ChoiceView;
+use Symfony\Component\Form\FormFactoryInterface;
+use Symfony\Component\Form\FormView;
+use Symfony\Contracts\Translation\TranslatorInterface;
+
+final class FormSchemaGenerator
+{
+    /** @var FormSchemaEnricherInterface[] */
+    private array $enrichers = [];
+
+    public function __construct(
+        private readonly FormFactoryInterface $formFactory,
+        private readonly TranslatorInterface $translator,
+    ) {
+    }
+
+    public function addEnricher(FormSchemaEnricherInterface $enricher): void
+    {
+        $this->enrichers[] = $enricher;
+    }
+
+    /**
+     * @param array<string, mixed> $options
+     */
+    public function generate(string $formTypeClass, array $options = []): FormSchema
+    {
+        $form = $this->formFactory->create($formTypeClass, null, array_merge([
+            'csrf_protection' => false,
+        ], $options));
+
+        $view = $form->createView();
+        $schema = $this->serializeView($view);
+
+        foreach ($this->enrichers as $enricher) {
+            if ($enricher->supports($formTypeClass)) {
+                $schema = $enricher->enrich($schema, $formTypeClass);
+            }
+        }
+
+        return $schema;
+    }
+
+    private function serializeView(FormView $view): FormSchema
+    {
+        $blockPrefix = $this->getBlockPrefix($view);
+
+        // Collect children and sort by Symfony's priority option (higher = first).
+        $children = iterator_to_array($view->children ?? []);
+        usort($children, static function (FormView $a, FormView $b): int {
+            $pa = $a->vars['priority'] ?? 0;
+            $pb = $b->vars['priority'] ?? 0;
+
+            return $pb <=> $pa;
+        });
+
+        $fields = [];
+        foreach ($children as $childView) {
+            $fields[] = $this->serializeFieldView($childView);
+        }
+
+        return new FormSchema(
+            blockPrefix: $blockPrefix,
+            fields: $fields,
+        );
+    }
+
+    private function serializeFieldView(FormView $childView): FieldSchema
+    {
+        $blockPrefixes = $childView->vars['block_prefixes'] ?? [];
+        if (!is_array($blockPrefixes)) {
+            $blockPrefixes = [];
+        }
+        // Strip only the unique runtime block prefix (e.g. '_cart_price_rule_name').
+        // Keep real type prefixes like "number" or "coreshop_*" intact.
+        $blockPrefixes = $this->stripUniqueBlockPrefix($blockPrefixes);
+
+        $label = $childView->vars['label'] ?? null;
+        // Symfony allows label = false (meaning "don't display a label"); treat as null.
+        if (!is_string($label)) {
+            $label = null;
+        }
+
+        // Translate label server-side so the frontend always receives human-readable text
+        if ($label !== null) {
+            $translationDomain = $childView->vars['translation_domain'] ?? null;
+            $translated = $this->translator->trans($label, [], $translationDomain);
+            // If the form's own domain didn't resolve, try the 'studio' domain
+            if ($translated === $label && $translationDomain !== 'studio') {
+                $studioTranslated = $this->translator->trans($label, [], 'studio');
+                if ($studioTranslated !== $label) {
+                    $translated = $studioTranslated;
+                }
+            }
+            if ($translated !== $label) {
+                $label = $translated;
+            }
+        }
+
+        $field = new FieldSchema(
+            name: $childView->vars['name'],
+            blockPrefixes: $blockPrefixes,
+            required: $childView->vars['required'] ?? false,
+            label: $label,
+            disabled: $childView->vars['disabled'] ?? false,
+        );
+
+        // Choice fields: serialize choices, multiple, expanded from FormView vars
+        if (isset($childView->vars['choices']) && is_array($childView->vars['choices'])) {
+            $choiceTranslationDomain = $childView->vars['choice_translation_domain'] ?? $childView->vars['translation_domain'] ?? null;
+            $field->choices = $this->serializeChoices($childView->vars['choices'], $choiceTranslationDomain);
+            $field->multiple = $childView->vars['multiple'] ?? false;
+            $field->expanded = $childView->vars['expanded'] ?? false;
+        }
+
+        // Extract extra vars (e.g. relation_class set by custom types in buildView)
+        $field->extra = $this->extractExtraVars($childView);
+
+        // Preserve "multiple" for PimcoreRelationType so frontend can choose
+        // between ManyToOne and ManyToMany relation widgets.
+        if (in_array('coreshop_pimcore_relation', $blockPrefixes, true) && isset($childView->vars['multiple'])) {
+            $field->extra['multiple'] = (bool) $childView->vars['multiple'];
+        }
+
+        // Collection type metadata
+        if (isset($childView->vars['allow_add'])) {
+            $field->extra['allow_add'] = $childView->vars['allow_add'];
+            $field->extra['allow_delete'] = $childView->vars['allow_delete'] ?? false;
+        }
+
+        // Single prototype (standard Symfony CollectionType)
+        if (isset($childView->vars['prototype']) && $childView->vars['prototype'] instanceof FormView) {
+            $field->prototype = $this->serializeView($childView->vars['prototype']);
+        }
+
+        // Multiple prototypes (CoreShop pattern: one per condition/action type)
+        if (isset($childView->vars['prototypes']) && is_array($childView->vars['prototypes'])) {
+            $field->prototypes = [];
+            foreach ($childView->vars['prototypes'] as $type => $protoView) {
+                if ($protoView instanceof FormView) {
+                    $field->prototypes[$type] = $this->serializeView($protoView);
+                }
+            }
+        }
+
+        // Recursively serialize compound children
+        if (count($childView->children ?? []) > 0) {
+            $field->children = $this->serializeView($childView);
+        }
+
+        return $field;
+    }
+
+    private function getBlockPrefix(FormView $view): string
+    {
+        $blockPrefixes = $view->vars['block_prefixes'] ?? [];
+        if (!is_array($blockPrefixes) || count($blockPrefixes) === 0) {
+            return 'form';
+        }
+
+        // Root forms can be either:
+        // - ['form', 'coreshop_x', '_coreshop_x'] (with unique suffix)
+        // - ['form', 'coreshop_x'] (without unique suffix)
+        // Always use the most specific non-unique prefix.
+        $blockPrefixes = $this->stripUniqueBlockPrefix($blockPrefixes);
+
+        return $blockPrefixes[count($blockPrefixes) - 1] ?? 'form';
+    }
+
+    /**
+     * @param string[] $blockPrefixes
+     *
+     * @return string[]
+     */
+    private function stripUniqueBlockPrefix(array $blockPrefixes): array
+    {
+        $last = end($blockPrefixes);
+        if (is_string($last) && str_starts_with($last, '_')) {
+            array_pop($blockPrefixes);
+        }
+
+        return $blockPrefixes;
+    }
+
+    /**
+     * @param ChoiceView[]|ChoiceGroupView[] $choices
+     * @param string|false|null              $translationDomain
+     *
+     * @return array<array{value: string|int, label: string}>
+     */
+    private function serializeChoices(array $choices, string|false|null $translationDomain = null): array
+    {
+        $result = [];
+
+        foreach ($choices as $choice) {
+            if ($choice instanceof ChoiceGroupView) {
+                // Flatten choice groups into single list with group info
+                foreach ($choice as $groupedChoice) {
+                    if ($groupedChoice instanceof ChoiceView) {
+                        $result[] = [
+                            'value' => $this->normalizeChoiceValue($groupedChoice->value),
+                            'label' => $this->translateChoiceLabel((string) $groupedChoice->label, $translationDomain),
+                            'group' => $this->translateChoiceLabel($choice->label, $translationDomain),
+                        ];
+                    }
+                }
+            } elseif ($choice instanceof ChoiceView) {
+                $result[] = [
+                    'value' => $this->normalizeChoiceValue($choice->value),
+                    'label' => $this->translateChoiceLabel((string) $choice->label, $translationDomain),
+                ];
+            }
+        }
+
+        return $result;
+    }
+
+    private function translateChoiceLabel(string $label, string|false|null $translationDomain): string
+    {
+        if ($translationDomain === false) {
+            return $label;
+        }
+
+        return $this->translator->trans($label, [], $translationDomain);
+    }
+
+    /**
+     * Normalize a ChoiceView value.
+     *
+     * Symfony's ChoiceView always stores values as strings, but the API returns
+     * entity IDs as integers. Convert numeric strings to integers so that
+     * Ant Design's Select can match values with strict equality.
+     */
+    private function normalizeChoiceValue(string $value): string|int
+    {
+        if (ctype_digit($value)) {
+            return (int) $value;
+        }
+
+        return $value;
+    }
+
+    /**
+     * Extract custom extra vars that form types set in buildView().
+     *
+     * Standard FormView vars (id, name, full_name, required, etc.) are excluded.
+     * Only non-standard vars that form types add (e.g. relation_class) are included.
+     *
+     * @return array<string, mixed>
+     */
+    private function extractExtraVars(FormView $view): array
+    {
+        $standardVars = [
+            'id', 'name', 'full_name', 'value', 'data', 'block_prefixes',
+            'required', 'disabled', 'label', 'label_attr', 'label_format',
+            'label_html', 'label_translation_parameters', 'help', 'help_attr',
+            'help_html', 'help_translation_parameters', 'compound', 'method',
+            'action', 'submitted', 'row_attr', 'errors', 'valid',
+            'form', 'translation_domain', 'unique_block_prefix', 'priority',
+            // Choice type vars
+            'choices', 'multiple', 'expanded', 'preferred_choices',
+            'choice_translation_domain', 'placeholder', 'placeholder_in_choices',
+            'placeholder_attr', 'separator',
+            // Collection type vars
+            'allow_add', 'allow_delete', 'prototype', 'prototype_name', 'prototypes',
+            // Internal vars
+            'multipart', 'cache_key', 'is_selected',
+        ];
+
+        $extra = [];
+        foreach ($view->vars ?? [] as $key => $value) {
+            if (!in_array($key, $standardVars, true) && !str_starts_with($key, '_')) {
+                // Only include scalar or simple array values
+                if (is_scalar($value) || is_array($value)) {
+                    $extra[$key] = $value;
+                }
+            }
+        }
+
+        return $extra;
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/RuleFormSchemaCollector.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/RuleFormSchemaCollector.php
new file mode 100644
index 0000000000..076fb60ccb
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/RuleFormSchemaCollector.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+use CoreShop\Bundle\ResourceBundle\Form\Registry\FormTypeRegistryInterface;
+use Psr\Log\LoggerInterface;
+
+final class RuleFormSchemaCollector
+{
+    public function __construct(
+        private readonly FormSchemaGenerator $generator,
+        private readonly ?LoggerInterface $logger = null,
+    ) {
+    }
+
+    /**
+     * Collect schemas for all given type names using a FormTypeRegistry.
+     *
+     * Schemas are keyed by their block prefix (e.g. 'coreshop_cart_price_rule_condition_amount'),
+     * not by type name. This ensures the frontend cache lookup matches, since each rule engine
+     * has different block prefixes for the same condition name (e.g. 'timespan').
+     *
+     * @param string[] $typeNames Type names to collect schemas for
+     *
+     * @return array<string, FormSchema> Map of block prefix to FormSchema
+     */
+    public function collectSchemas(FormTypeRegistryInterface $formTypeRegistry, array $typeNames): array
+    {
+        return $this->collectSchemasWithTypeMap($formTypeRegistry, $typeNames)['schemas'];
+    }
+
+    /**
+     * Collect schemas and the corresponding block prefix mapping by rule type.
+     *
+     * @param string[] $typeNames
+     *
+     * @return array{
+     *   schemas: array<string, FormSchema>,
+     *   schemaByType: array<string, string>
+     * }
+     */
+    public function collectSchemasWithTypeMap(FormTypeRegistryInterface $formTypeRegistry, array $typeNames): array
+    {
+        $schemas = [];
+        $schemaByType = [];
+
+        foreach ($typeNames as $typeName) {
+            if (!$formTypeRegistry->has($typeName, 'default')) {
+                continue;
+            }
+
+            $formTypeClass = $formTypeRegistry->get($typeName, 'default');
+
+            try {
+                $schema = $this->generator->generate($formTypeClass);
+                $schemas[$schema->blockPrefix] = $schema;
+                $schemaByType[$typeName] = $schema->blockPrefix;
+            } catch (\Throwable $e) {
+                $this->logger?->warning(
+                    sprintf(
+                        'Failed to generate Studio form schema for rule type "%s" (%s): %s',
+                        $typeName,
+                        $formTypeClass,
+                        $e->getMessage(),
+                    ),
+                );
+            }
+        }
+
+        return [
+            'schemas' => $schemas,
+            'schemaByType' => $schemaByType,
+        ];
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/SectionSchema.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/SectionSchema.php
new file mode 100644
index 0000000000..c7f91c2f8a
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/SectionSchema.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+final class SectionSchema implements \JsonSerializable
+{
+    public function __construct(
+        public string $key,
+        public string $label,
+        public int $order = 0,
+        public bool $collapsible = false,
+        public bool $defaultCollapsed = false,
+    ) {
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'key' => $this->key,
+            'label' => $this->label,
+            'order' => $this->order,
+            'collapsible' => $this->collapsible,
+            'defaultCollapsed' => $this->defaultCollapsed,
+        ];
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/TabSchema.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/TabSchema.php
new file mode 100644
index 0000000000..4d23d8821e
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Schema/TabSchema.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Schema;
+
+final class TabSchema implements \JsonSerializable
+{
+    public function __construct(
+        public string $key,
+        public string $label,
+        public int $order = 0,
+        public ?string $widget = null,
+    ) {
+    }
+
+    public function jsonSerialize(): array
+    {
+        $data = [
+            'key' => $this->key,
+            'label' => $this->label,
+            'order' => $this->order,
+        ];
+
+        if ($this->widget !== null) {
+            $data['widget'] = $this->widget;
+        }
+
+        return $data;
+    }
+}
diff --git a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/BasicDemoType.php
similarity index 51%
rename from src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
rename to src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/BasicDemoType.php
index f04dd81d3f..56641f856e 100644
--- a/src/CoreShop/Bundle/OrderBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/BasicDemoType.php
@@ -15,32 +15,33 @@
  *
  */
 
-namespace CoreShop\Bundle\OrderBundle\Form\Type\Rule\Condition;
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type\Demo;
 
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\TextareaType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
 
-final class TimespanConfigurationType extends AbstractType
+final class BasicDemoType extends AbstractType
 {
-    /**
-     * @param string[] $validationGroups
-     */
-    public function __construct(
-        protected array $validationGroups,
-    ) {
-    }
-
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('dateFrom', NumberType::class)//TODO: Mabye DateType?
-            ->add('dateTo', NumberType::class) //TODO: Mabye DateType?
+            ->add('name', TextType::class, [
+                'label' => 'Name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'Active',
+            ])
+            ->add('description', TextareaType::class, [
+                'label' => 'Description',
+            ])
         ;
     }
 
     public function getBlockPrefix(): string
     {
-        return 'coreshop_cart_price_rule_condition_timespan';
+        return 'coreshop_demo_basic';
     }
 }
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/ChoiceDemoType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/ChoiceDemoType.php
new file mode 100644
index 0000000000..498edb7b5b
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/ChoiceDemoType.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type\Demo;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class ChoiceDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('status', ChoiceType::class, [
+                'label' => 'Status (Select)',
+                'choices' => [
+                    'Draft' => 'draft',
+                    'Published' => 'published',
+                    'Archived' => 'archived',
+                ],
+            ])
+            ->add('tags', ChoiceType::class, [
+                'label' => 'Tags (Multi-Select)',
+                'choices' => [
+                    'Featured' => 'featured',
+                    'Sale' => 'sale',
+                    'New' => 'new',
+                    'Bestseller' => 'bestseller',
+                ],
+                'multiple' => true,
+            ])
+            ->add('visibility', ChoiceType::class, [
+                'label' => 'Visibility (Radio)',
+                'choices' => [
+                    'Public' => 'public',
+                    'Private' => 'private',
+                    'Unlisted' => 'unlisted',
+                ],
+                'expanded' => true,
+            ])
+            ->add('channels', ChoiceType::class, [
+                'label' => 'Channels (Checkbox Group)',
+                'choices' => [
+                    'Web' => 'web',
+                    'Mobile' => 'mobile',
+                    'POS' => 'pos',
+                    'API' => 'api',
+                ],
+                'multiple' => true,
+                'expanded' => true,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_choices';
+    }
+}
diff --git a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/CollectionDemoType.php
similarity index 51%
rename from src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
rename to src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/CollectionDemoType.php
index a40335e60b..5913f05843 100644
--- a/src/CoreShop/Bundle/ProductBundle/Form/Type/Rule/Condition/TimespanConfigurationType.php
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/CollectionDemoType.php
@@ -15,32 +15,32 @@
  *
  */
 
-namespace CoreShop\Bundle\ProductBundle\Form\Type\Rule\Condition;
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type\Demo;
 
 use Symfony\Component\Form\AbstractType;
-use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\CollectionType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
 use Symfony\Component\Form\FormBuilderInterface;
 
-final class TimespanConfigurationType extends AbstractType
+final class CollectionDemoType extends AbstractType
 {
-    /**
-     * @param string[] $validationGroups
-     */
-    public function __construct(
-        protected array $validationGroups,
-    ) {
-    }
-
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('dateFrom', NumberType::class)//TODO: Mabye DateType?
-            ->add('dateTo', NumberType::class) //TODO: Mabye DateType?
+            ->add('groupName', TextType::class, [
+                'label' => 'Group Name',
+            ])
+            ->add('members', CollectionType::class, [
+                'label' => 'Members',
+                'entry_type' => CollectionEntryDemoType::class,
+                'allow_add' => true,
+                'allow_delete' => true,
+            ])
         ;
     }
 
     public function getBlockPrefix(): string
     {
-        return 'coreshop_product_price_rule_condition_timespan';
+        return 'coreshop_demo_collection';
     }
 }
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/CollectionEntryDemoType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/CollectionEntryDemoType.php
new file mode 100644
index 0000000000..d5118a2fed
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/CollectionEntryDemoType.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type\Demo;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\CheckboxType;
+use Symfony\Component\Form\Extension\Core\Type\EmailType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class CollectionEntryDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TextType::class, [
+                'label' => 'Name',
+            ])
+            ->add('email', EmailType::class, [
+                'label' => 'Email',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'Active',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_collection_entry';
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/EntityChoiceDemoType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/EntityChoiceDemoType.php
new file mode 100644
index 0000000000..1aef4afac6
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/EntityChoiceDemoType.php
@@ -0,0 +1,115 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type\Demo;
+
+use CoreShop\Bundle\AddressBundle\Form\Type\CountryChoiceType;
+use CoreShop\Bundle\AddressBundle\Form\Type\StateChoiceType;
+use CoreShop\Bundle\AddressBundle\Form\Type\ZoneChoiceType;
+use CoreShop\Bundle\CurrencyBundle\Form\Type\CurrencyChoiceType;
+use CoreShop\Bundle\PaymentBundle\Form\Type\PaymentProviderChoiceType;
+use CoreShop\Bundle\StoreBundle\Form\Type\StoreChoiceType;
+use CoreShop\Bundle\TaxationBundle\Form\Type\TaxRateChoiceType;
+use CoreShop\Bundle\TaxationBundle\Form\Type\TaxRuleGroupChoiceType;
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class EntityChoiceDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('country', CountryChoiceType::class, [
+                'label' => 'Country (Single)',
+                'required' => false,
+            ])
+            ->add('countries', CountryChoiceType::class, [
+                'label' => 'Countries (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('state', StateChoiceType::class, [
+                'label' => 'State (Single)',
+                'required' => false,
+            ])
+            ->add('states', StateChoiceType::class, [
+                'label' => 'States (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('zone', ZoneChoiceType::class, [
+                'label' => 'Zone',
+                'required' => false,
+            ])
+            ->add('zones', ZoneChoiceType::class, [
+                'label' => 'Zones (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'Currency (Single)',
+                'required' => false,
+            ])
+            ->add('currencies', CurrencyChoiceType::class, [
+                'label' => 'Currencies (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('store', StoreChoiceType::class, [
+                'label' => 'Store',
+                'required' => false,
+            ])
+            ->add('stores', StoreChoiceType::class, [
+                'label' => 'Stores (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('paymentProvider', PaymentProviderChoiceType::class, [
+                'label' => 'Payment Provider (Single)',
+                'required' => false,
+            ])
+            ->add('paymentProviders', PaymentProviderChoiceType::class, [
+                'label' => 'Payment Providers (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('taxRate', TaxRateChoiceType::class, [
+                'label' => 'Tax Rate (Single)',
+                'required' => false,
+            ])
+            ->add('taxRates', TaxRateChoiceType::class, [
+                'label' => 'Tax Rates (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('taxRuleGroup', TaxRuleGroupChoiceType::class, [
+                'label' => 'Tax Rule Group (Single)',
+                'required' => false,
+            ])
+            ->add('taxRuleGroups', TaxRuleGroupChoiceType::class, [
+                'label' => 'Tax Rule Groups (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_entity_choices';
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/FieldTypesDemoType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/FieldTypesDemoType.php
new file mode 100644
index 0000000000..4b99bb3f11
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/Demo/FieldTypesDemoType.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type\Demo;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\ColorType;
+use Symfony\Component\Form\Extension\Core\Type\DateTimeType;
+use Symfony\Component\Form\Extension\Core\Type\DateType;
+use Symfony\Component\Form\Extension\Core\Type\EmailType;
+use Symfony\Component\Form\Extension\Core\Type\IntegerType;
+use Symfony\Component\Form\Extension\Core\Type\NumberType;
+use Symfony\Component\Form\Extension\Core\Type\PasswordType;
+use Symfony\Component\Form\Extension\Core\Type\RangeType;
+use Symfony\Component\Form\Extension\Core\Type\TimeType;
+use Symfony\Component\Form\Extension\Core\Type\UrlType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+final class FieldTypesDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('email', EmailType::class, [
+                'label' => 'Email',
+            ])
+            ->add('url', UrlType::class, [
+                'label' => 'URL',
+            ])
+            ->add('password', PasswordType::class, [
+                'label' => 'Password',
+            ])
+            ->add('number', NumberType::class, [
+                'label' => 'Number (scale=2)',
+                'scale' => 2,
+            ])
+            ->add('integer', IntegerType::class, [
+                'label' => 'Integer',
+            ])
+            ->add('date', DateType::class, [
+                'label' => 'Date',
+                'widget' => 'single_text',
+            ])
+            ->add('datetime', DateTimeType::class, [
+                'label' => 'DateTime',
+                'widget' => 'single_text',
+            ])
+            ->add('time', TimeType::class, [
+                'label' => 'Time',
+                'widget' => 'single_text',
+            ])
+            ->add('color', ColorType::class, [
+                'label' => 'Color',
+            ])
+            ->add('range', RangeType::class, [
+                'label' => 'Range',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_field_types';
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Form/Type/PimcoreRelationType.php b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/PimcoreRelationType.php
new file mode 100644
index 0000000000..50fafe16c5
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Form/Type/PimcoreRelationType.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\Extension\Core\Type\TextType;
+use Symfony\Component\Form\FormInterface;
+use Symfony\Component\Form\FormView;
+use Symfony\Component\OptionsResolver\OptionsResolver;
+
+/**
+ * A form type for Pimcore Data Object relation fields (ManyToOne / ManyToMany).
+ *
+ * Provides metadata (class name) to the frontend which renders
+ * Pimcore's native relation picker components.
+ */
+class PimcoreRelationType extends AbstractType
+{
+    public function buildView(FormView $view, FormInterface $form, array $options): void
+    {
+        $view->vars['relation_class'] = $options['relation_class'] ?? null;
+        $view->vars['multiple'] = $options['multiple'];
+    }
+
+    public function configureOptions(OptionsResolver $resolver): void
+    {
+        $resolver->setDefaults([
+            'relation_class' => null,
+            'multiple' => false,
+            'compound' => false,
+        ]);
+
+        $resolver->setAllowedTypes('relation_class', ['string', 'null']);
+        $resolver->setAllowedTypes('multiple', 'bool');
+    }
+
+    public function getParent(): string
+    {
+        return TextType::class;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_pimcore_relation';
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..47c8d4252b
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "@coreshop/studio-form",
+  "version": "1.0.0",
+  "description": "CoreShop StudioFormBundle - Reusable Form Builder and Schema Adapter for Pimcore Studio",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "antd": "^5.12.0",
+    "react": "18.3.x",
+    "react-dom": "18.3.x"
+  }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/FormBuilder.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/FormBuilder.ts
new file mode 100644
index 0000000000..317a1c43e9
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/FormBuilder.ts
@@ -0,0 +1,132 @@
+/**
+ * CoreShop Form Builder
+ *
+ * Builder class for composable, decorator-based form configuration.
+ * Inspired by Pimcore Studio's ListingBuilder pattern.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type {
+  FormBuilderConfig,
+  FormDecorator,
+  FormDecoratorContext,
+  DecoratorRegistration
+} from './types'
+
+/**
+ * FormBuilder
+ *
+ * Manages form configuration with composable decorators.
+ * Similar to Pimcore's ListingBuilder pattern.
+ *
+ * @example
+ * ```typescript
+ * const builder = new FormBuilder<Country>({
+ *   fields: [
+ *     { name: 'name', label: 'Name', component: Input }
+ *   ]
+ * })
+ *
+ * builder.addDecorator('validation', validationDecorator)
+ * builder.addDecorator('sections', sectionDecorator)
+ *
+ * const config = builder.build(data)
+ * ```
+ */
+export class FormBuilder<T = any> {
+  private baseConfig: FormBuilderConfig<T>
+  private decorators: Array<DecoratorRegistration<T>> = []
+
+  constructor(baseConfig: FormBuilderConfig<T>) {
+    this.baseConfig = baseConfig
+  }
+
+  /**
+   * Add a decorator
+   *
+   * Decorators are applied in the order they are added.
+   */
+  addDecorator(name: string, decorator: FormDecorator<T>): this {
+    this.decorators.push({ name, decorator })
+    return this
+  }
+
+  /**
+   * Override an existing decorator
+   *
+   * If decorator doesn't exist, it will be added.
+   */
+  overrideDecorator(name: string, decorator: FormDecorator<T>): this {
+    const index = this.decorators.findIndex(d => d.name === name)
+    if (index >= 0) {
+      this.decorators[index] = { name, decorator }
+    } else {
+      this.addDecorator(name, decorator)
+    }
+    return this
+  }
+
+  /**
+   * Get a decorator by name
+   */
+  getDecorator(name: string): FormDecorator<T> | undefined {
+    return this.decorators.find(d => d.name === name)?.decorator
+  }
+
+  /**
+   * Remove a decorator
+   */
+  removeDecorator(name: string): this {
+    this.decorators = this.decorators.filter(d => d.name !== name)
+    return this
+  }
+
+  /**
+   * Get all decorator names
+   */
+  getDecoratorNames(): string[] {
+    return this.decorators.map(d => d.name)
+  }
+
+  /**
+   * Copy this builder
+   *
+   * Creates a new builder with the same config and decorators.
+   * Useful for creating variations (e.g., readonly form).
+   */
+  copy(): FormBuilder<T> {
+    const copy = new FormBuilder<T>(this.baseConfig)
+    copy.decorators = [...this.decorators]
+    return copy
+  }
+
+  /**
+   * Build final configuration
+   *
+   * Applies all decorators in order and returns final config.
+   */
+  build(context?: FormDecoratorContext<T>): FormBuilderConfig<T> {
+    let config = { ...this.baseConfig }
+
+    // Apply all decorators in order
+    for (const { decorator } of this.decorators) {
+      config = decorator(config, context)
+    }
+
+    return config
+  }
+
+  /**
+   * Get base configuration (without decorators)
+   */
+  getBaseConfig(): FormBuilderConfig<T> {
+    return { ...this.baseConfig }
+  }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/components/DynamicForm.tsx b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/components/DynamicForm.tsx
new file mode 100644
index 0000000000..1fcef9d42b
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/components/DynamicForm.tsx
@@ -0,0 +1,327 @@
+/**
+ * CoreShop Form Builder - Dynamic Form Component
+ *
+ * Renders a form based on FormBuilderConfig.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Form, Collapse, Row, Col, Tag, Tabs } from 'antd'
+import { GlobalOutlined } from '@ant-design/icons'
+import type { FormInstance } from 'antd/es/form'
+import type { FormBuilderConfig, FieldDefinition, SectionDefinition } from '../types'
+import { useTranslation } from 'react-i18next'
+
+export interface DynamicFormProps<T = any> {
+  /** Form configuration from builder */
+  config: FormBuilderConfig<T>
+  /** Form data */
+  data?: T
+  /** Change handler */
+  onChange: (draft: Partial<T>) => void
+  /** Current locale */
+  currentLocale?: string
+  /** Form instance (optional, for external control) */
+  form?: FormInstance
+}
+
+/**
+ * DynamicForm
+ *
+ * Renders a form based on FormBuilderConfig from FormBuilder.
+ *
+ * @example
+ * ```typescript
+ * const config = builder.build({ data })
+ *
+ * <DynamicForm
+ *   config={config}
+ *   data={data}
+ *   onChange={(draft) => setData(prev => ({ ...prev, ...draft }))}
+ * />
+ * ```
+ */
+export const DynamicForm = <T extends Record<string, any> = any>({
+  config,
+  data,
+  onChange,
+  currentLocale,
+  form: externalForm
+}: DynamicFormProps<T>): React.JSX.Element => {
+  const [internalForm] = Form.useForm()
+  const form = externalForm ?? internalForm
+  const { t } = useTranslation()
+
+  // Track entity ID and locale to only reset form when they change
+  const lastLoadedIdRef = React.useRef<number | undefined>(undefined)
+  const lastLoadedLocaleRef = React.useRef<string | undefined>(undefined)
+  const lastLoadedDataRef = React.useRef<T | undefined>(undefined)
+
+  // Check if config has localized fields
+  const hasLocalizedFields = React.useMemo(() =>
+    config.fields.some(f => f.localized),
+    [config.fields]
+  )
+
+  // Update form values when data or locale changes
+  // This is critical for localized fields to work correctly
+  React.useEffect(() => {
+    const entityId = (data as any)?.id
+    const hasEntityIdentity = typeof entityId !== 'undefined'
+    const hasLocaleIdentity = typeof currentLocale !== 'undefined'
+
+    // Forms without an entity identity (e.g. rule condition/action configuration)
+    // still need an initial hydration when async data arrives from backend.
+    if (!hasEntityIdentity && !hasLocaleIdentity) {
+      if (data === lastLoadedDataRef.current) {
+        return
+      }
+
+      // Don't stomp over active user edits.
+      if (form.isFieldsTouched(true)) {
+        return
+      }
+
+      lastLoadedDataRef.current = data
+      if (data) {
+        form.setFieldsValue(data as any)
+      }
+      return
+    }
+
+    const entityChanged = lastLoadedIdRef.current !== entityId
+    const localeChanged = lastLoadedLocaleRef.current !== currentLocale
+
+    // Only reset form when switching entities or locales
+    if (!entityChanged && !localeChanged) {
+      return
+    }
+
+    lastLoadedIdRef.current = entityId
+    lastLoadedLocaleRef.current = currentLocale
+
+    if (data) {
+      // Ensure translations structure exists for current locale
+      const formData: any = { ...data }
+      if (hasLocalizedFields && currentLocale) {
+        formData.translations = formData.translations ?? {}
+        if (!formData.translations[currentLocale]) {
+          formData.translations[currentLocale] = {}
+        }
+      }
+      form.setFieldsValue(formData)
+    }
+  }, [data, (data as any)?.id, currentLocale, form, hasLocalizedFields])
+
+  // Sections sorted by order
+  const sortedSections = React.useMemo(() => {
+    if (!config.sections) return []
+    return [...config.sections].sort((a, b) => {
+      const orderA = a.order ?? 999
+      const orderB = b.order ?? 999
+      return orderA - orderB
+    })
+  }, [config.sections])
+
+  // Tabs sorted by order
+  const sortedTabs = React.useMemo(() => {
+    if (!config.tabs) return []
+    return [...config.tabs].sort((a, b) => {
+      const orderA = a.order ?? 999
+      const orderB = b.order ?? 999
+      return orderA - orderB
+    })
+  }, [config.tabs])
+
+  const defaultTabKey = sortedTabs[0]?.key
+
+  // Render a single field
+  const renderField = (field: FieldDefinition<T>) => {
+    const FieldComponent = field.component
+
+    // Translate label if it's a translation key
+    let label = field.label ? t(field.label, { defaultValue: field.label }) : undefined
+
+    // For localized fields, show a visual indicator and the locale
+    let localizedLabel: React.ReactNode = label
+    if (field.localized && currentLocale) {
+      localizedLabel = (
+        <span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+          <GlobalOutlined style={{ color: 'var(--ant-color-primary)', fontSize: 12 }} />
+          {label}
+          <Tag color="blue" style={{ marginLeft: 4, fontSize: 10, lineHeight: '16px', padding: '0 4px' }}>
+            {currentLocale.toUpperCase()}
+          </Tag>
+        </span>
+      )
+    }
+
+    // Translate tooltip if provided
+    const tooltip = field.tooltip ? t(field.tooltip, { defaultValue: field.tooltip }) : undefined
+
+    // For localized fields, use translations[currentLocale][fieldName] path
+    const fieldName = field.localized && currentLocale
+      ? ['translations', currentLocale, ...(Array.isArray(field.name) ? field.name : [field.name])]
+      : field.name
+
+    const formItem = (
+      <Form.Item
+        key={String(fieldName)}
+        label={localizedLabel}
+        name={fieldName}
+        rules={field.rules}
+        required={field.required}
+        tooltip={tooltip}
+        hidden={field.hidden}
+        valuePropName={field.valuePropName}
+      >
+        <FieldComponent
+          disabled={field.disabled}
+          {...(field.componentProps ?? {})}
+        />
+      </Form.Item>
+    )
+
+    // Apply wrapper if provided
+    if (field.wrapper) {
+      return field.wrapper(formItem)
+    }
+
+    // Apply grid span if provided
+    if (field.span) {
+      return (
+        <Col key={String(fieldName)} span={field.span}>
+          {formItem}
+        </Col>
+      )
+    }
+
+    return formItem
+  }
+
+  // Render fields for a section
+  const renderSectionFields = (sectionKey?: string, tabKey?: string) => {
+    const fields = config.fields.filter((field) => {
+      const sectionMatches = field.section === sectionKey
+      if (!sectionMatches) {
+        return false
+      }
+
+      if (!tabKey) {
+        return true
+      }
+
+      const resolvedTabKey = field.tab ?? defaultTabKey
+      return resolvedTabKey === tabKey
+    })
+
+    if (fields.length === 0) return null
+
+    // If columns specified, use Row/Col layout
+    if (config.columns && config.columns > 1) {
+      return (
+        <Row gutter={16}>
+          {fields.map(field => renderField(field))}
+        </Row>
+      )
+    }
+
+    return fields.map(field => renderField(field))
+  }
+
+  // Render a section
+  const renderSection = (section: SectionDefinition, tabKey?: string) => {
+    const content = renderSectionFields(section.key, tabKey)
+    if (!content) return null
+
+    // Translate section title and description
+    const title = t(section.title, { defaultValue: section.title })
+    const description = section.description ? t(section.description, { defaultValue: section.description }) : undefined
+
+    if (section.collapsible) {
+      return (
+        <Collapse
+          key={section.key}
+          defaultActiveKey={section.defaultCollapsed ? [] : [section.key]}
+          style={{ marginBottom: 16 }}
+        >
+          <Collapse.Panel
+            header={
+              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+                {section.icon}
+                <span>{title}</span>
+              </div>
+            }
+            key={section.key}
+          >
+            {description && (
+              <div style={{ marginBottom: 16, color: 'var(--ant-color-text-secondary)' }}>
+                {description}
+              </div>
+            )}
+            {content}
+          </Collapse.Panel>
+        </Collapse>
+      )
+    }
+
+    return (
+      <div key={section.key} style={{ marginBottom: 24 }}>
+        {title && (
+          <h3 style={{ marginBottom: 16 }}>
+            {section.icon} {title}
+          </h3>
+        )}
+        {description && (
+          <div style={{ marginBottom: 16, color: 'var(--ant-color-text-secondary)' }}>
+            {description}
+          </div>
+        )}
+        {content}
+      </div>
+    )
+  }
+
+  return (
+    <Form
+      form={form}
+      layout={config.layout ?? 'vertical'}
+      initialValues={data}
+      onValuesChange={(changedValues) => {
+        onChange(changedValues as Partial<T>)
+      }}
+      {...(config.formProps ?? {})}
+    >
+      {sortedTabs.length > 0 ? (
+        <Tabs
+          defaultActiveKey={defaultTabKey}
+          items={sortedTabs.map((tab) => ({
+            key: tab.key,
+            label: t(tab.title, { defaultValue: tab.title }),
+            children: (
+              <>
+                {sortedSections.map(section => renderSection(section, tab.key))}
+                {renderSectionFields(undefined, tab.key)}
+              </>
+            ),
+          }))}
+        />
+      ) : (
+        <>
+          {/* Render sections */}
+          {sortedSections.map(section => renderSection(section))}
+
+          {/* Render fields without section */}
+          {renderSectionFields(undefined)}
+        </>
+      )}
+    </Form>
+  )
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/decorators/index.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/decorators/index.ts
new file mode 100644
index 0000000000..c34e19918a
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/decorators/index.ts
@@ -0,0 +1,225 @@
+/**
+ * CoreShop Form Builder - Standard Decorators
+ *
+ * Collection of commonly used decorators.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { FormDecorator, FieldDefinition, SectionDefinition } from '../types'
+
+/**
+ * Sort sections by order
+ */
+export const sectionSortingDecorator: FormDecorator = (config) => {
+  if (!config.sections) return config
+
+  const sorted = [...config.sections].sort((a, b) => {
+    const orderA = a.order ?? 999
+    const orderB = b.order ?? 999
+    return orderA - orderB
+  })
+
+  return {
+    ...config,
+    sections: sorted
+  }
+}
+
+/**
+ * Filter hidden fields
+ */
+export const hiddenFieldsDecorator: FormDecorator = (config, context) => {
+  return {
+    ...config,
+    fields: config.fields.filter(field => {
+      if (field.hidden === true) return false
+      if (field.visible && !field.visible(context?.data)) return false
+      return true
+    })
+  }
+}
+
+/**
+ * Add field to specific section
+ */
+export const addFieldDecorator = <T = any>(
+  field: FieldDefinition<T>,
+  position: 'start' | 'end' | number = 'end'
+): FormDecorator<T> => {
+  return (config) => {
+    const fields = [...config.fields]
+
+    if (position === 'start') {
+      fields.unshift(field)
+    } else if (position === 'end') {
+      fields.push(field)
+    } else {
+      fields.splice(position, 0, field)
+    }
+
+    return {
+      ...config,
+      fields
+    }
+  }
+}
+
+/**
+ * Remove field by name
+ */
+export const removeFieldDecorator = <T = any>(
+  fieldName: string
+): FormDecorator<T> => {
+  return (config) => ({
+    ...config,
+    fields: config.fields.filter(f => f.name !== fieldName)
+  })
+}
+
+/**
+ * Add section
+ */
+export const addSectionDecorator = <T = any>(
+  section: SectionDefinition
+): FormDecorator<T> => {
+  return (config) => ({
+    ...config,
+    sections: [
+      ...(config.sections ?? []),
+      section
+    ]
+  })
+}
+
+/**
+ * Make all fields readonly
+ */
+export const readonlyDecorator: FormDecorator = (config) => {
+  return {
+    ...config,
+    fields: config.fields.map(field => ({
+      ...field,
+      disabled: true
+    }))
+  }
+}
+
+/**
+ * Transform field
+ */
+export const transformFieldDecorator = <T = any>(
+  fieldName: string,
+  transform: (field: FieldDefinition<T>) => FieldDefinition<T>
+): FormDecorator<T> => {
+  return (config) => ({
+    ...config,
+    fields: config.fields.map(field =>
+      field.name === fieldName ? transform(field) : field
+    )
+  })
+}
+
+/**
+ * Add validation rules to field
+ */
+export const addValidationDecorator = <T = any>(
+  fieldName: string,
+  rules: any[]
+): FormDecorator<T> => {
+  return transformFieldDecorator(fieldName, (field) => ({
+    ...field,
+    rules: [...(field.rules ?? []), ...rules]
+  }))
+}
+
+/**
+ * Set field as required
+ */
+export const requiredFieldDecorator = <T = any>(
+  fieldName: string,
+  message?: string
+): FormDecorator<T> => {
+  return transformFieldDecorator(fieldName, (field) => ({
+    ...field,
+    required: true,
+    rules: [
+      ...(field.rules ?? []),
+      { required: true, message: message ?? `${field.label} is required` }
+    ]
+  }))
+}
+
+/**
+ * Conditional fields decorator
+ *
+ * Shows/hides fields based on data condition
+ */
+export const conditionalFieldsDecorator = <T = any>(
+  condition: (data?: T) => boolean,
+  fieldNames: string[]
+): FormDecorator<T> => {
+  return (config, context) => {
+    const shouldShow = condition(context?.data)
+
+    return {
+      ...config,
+      fields: config.fields.map(field =>
+        fieldNames.includes(field.name as string)
+          ? { ...field, hidden: !shouldShow }
+          : field
+      )
+    }
+  }
+}
+
+/**
+ * Filter to only show fields and sections matching a specific section key.
+ *
+ * Useful for multi-step wizards where each step renders a subset of the schema.
+ */
+export const sectionFilterDecorator = <T = any>(
+  sectionKey: string
+): FormDecorator<T> => {
+  return (config) => ({
+    ...config,
+    fields: config.fields.filter(f => f.section === sectionKey),
+    sections: config.sections?.filter(s => s.key === sectionKey) ?? [],
+  })
+}
+
+/**
+ * Group fields into sections decorator
+ */
+export const groupFieldsDecorator = <T = any>(
+  groups: Record<string, string[]>
+): FormDecorator<T> => {
+  return (config) => {
+    const sections: SectionDefinition[] = Object.keys(groups).map(sectionKey => ({
+      key: sectionKey,
+      title: sectionKey,
+      collapsible: true
+    }))
+
+    const fields = config.fields.map(field => {
+      for (const [sectionKey, fieldNames] of Object.entries(groups)) {
+        if (fieldNames.includes(field.name as string)) {
+          return { ...field, section: sectionKey }
+        }
+      }
+      return field
+    })
+
+    return {
+      ...config,
+      fields,
+      sections: [...(config.sections ?? []), ...sections]
+    }
+  }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/index.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/index.ts
new file mode 100644
index 0000000000..88fa818b2d
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/index.ts
@@ -0,0 +1,23 @@
+/**
+ * CoreShop Form Builder
+ *
+ * Exports for the Form Builder system.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Core
+export { FormBuilder } from './FormBuilder'
+export * from './types'
+
+// Components
+export { DynamicForm } from './components/DynamicForm'
+
+// Standard Decorators
+export * from './decorators'
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/types.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/types.ts
new file mode 100644
index 0000000000..6bbaba0a2d
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/form-builder/types.ts
@@ -0,0 +1,141 @@
+/**
+ * CoreShop Form Builder - Types
+ *
+ * Form Builder system inspired by Pimcore Studio's ListingBuilder pattern.
+ * Allows composable, decorator-based form configuration.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { FormInstance, Rule } from 'antd/es/form'
+
+/**
+ * Field Definition
+ */
+export interface FieldDefinition<T = any> {
+  /** Field name (key in data object, or array for nested paths like ['translations', '__LOCALE__', 'name']) */
+  name: string | string[]
+  /** Display label */
+  label: string
+  /** React component to render */
+  component: React.ComponentType<any>
+  /** Section this field belongs to */
+  section?: string
+  /** Tab this field belongs to */
+  tab?: string
+  /** Field is required */
+  required?: boolean
+  /** Field is disabled */
+  disabled?: boolean
+  /** Field is hidden (not rendered) */
+  hidden?: boolean
+  /** Validation rules (Ant Design format) */
+  rules?: Rule[]
+  /** Tooltip/help text */
+  tooltip?: string
+  /** Custom props passed to component */
+  componentProps?: Record<string, any>
+  /** Value prop name for Form.Item (e.g. 'checked' for Checkbox/Switch) */
+  valuePropName?: string
+  /** Field width in grid (1-24, Ant Design Col span) */
+  span?: number
+  /** Custom wrapper component */
+  wrapper?: (children: React.ReactNode) => React.ReactNode
+  /** Conditional visibility based on form data */
+  visible?: (data?: T) => boolean
+  /** Field is localized (will append locale to label) */
+  localized?: boolean
+}
+
+/**
+ * Section Definition (for grouping fields)
+ */
+export interface SectionDefinition {
+  /** Unique section key */
+  key: string
+  /** Display title */
+  title: string
+  /** Section description */
+  description?: string
+  /** Section is collapsible */
+  collapsible?: boolean
+  /** Default collapsed state */
+  defaultCollapsed?: boolean
+  /** Section order/priority */
+  order?: number
+  /** Custom icon */
+  icon?: React.ReactNode
+}
+
+/**
+ * Tab Definition (for grouping sections/fields)
+ */
+export interface TabDefinition {
+  /** Unique tab key */
+  key: string
+  /** Display title */
+  title: string
+  /** Tab order/priority */
+  order?: number
+}
+
+/**
+ * Form Builder Configuration
+ */
+export interface FormBuilderConfig<T = any> {
+  /** Field definitions */
+  fields: FieldDefinition<T>[]
+  /** Section definitions */
+  sections?: SectionDefinition[]
+  /** Tab definitions */
+  tabs?: TabDefinition[]
+  /** Form layout */
+  layout?: 'vertical' | 'horizontal' | 'inline'
+  /** Number of columns in grid layout */
+  columns?: number
+  /** Additional form props */
+  formProps?: Record<string, any>
+}
+
+/**
+ * Form Decorator
+ *
+ * A decorator is a function that transforms FormBuilderConfig.
+ * Similar to Pimcore's AbstractDecorator pattern.
+ */
+export interface FormDecorator<T = any> {
+  (config: FormBuilderConfig<T>, context?: FormDecoratorContext<T>): FormBuilderConfig<T>
+}
+
+/**
+ * Context passed to decorators
+ */
+export interface FormDecoratorContext<T = any> {
+  /** Current form data */
+  data?: T
+  /** Current locale (for localized forms) */
+  locale?: string
+  /** Available locales */
+  locales?: string[]
+  /** Form instance (Ant Design) */
+  form?: FormInstance
+  /** Additional context data */
+  [key: string]: any
+}
+
+/**
+ * Decorator Registration
+ */
+export interface DecoratorRegistration<T = any> {
+  /** Decorator name (for override/removal) */
+  name: string
+  /** Decorator function */
+  decorator: FormDecorator<T>
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..6dba4dc1b9
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,22 @@
+/**
+ * CoreShop StudioFormBundle
+ *
+ * Main exports for the StudioFormBundle package.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Form Builder (extracted from ResourceBundle)
+export * from './form-builder'
+
+// Schema Adapter (new)
+export * from './schema-adapter'
+
+// Service IDs
+export { widgetRegistryServiceId } from './services'
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..c4c1d126f9
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,38 @@
+/**
+ * CoreShop StudioFormBundle - Plugin Entry Point
+ *
+ * Registers the WidgetRegistry and default widgets.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { container, type IAbstractPlugin } from '@pimcore/studio-ui-bundle'
+import { WidgetRegistry } from './schema-adapter/WidgetRegistry'
+import { registerDefaultWidgets } from './schema-adapter/defaultWidgets'
+import { widgetRegistryServiceId } from './services'
+import { DemoModule } from './modules/demo'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-studio-form-plugin',
+
+  onInit() {
+    // Bind WidgetRegistry as singleton
+    container.bind(widgetRegistryServiceId).to(WidgetRegistry).inSingletonScope()
+
+    // Register default widgets (input, textarea, inputNumber, switch, select, etc.)
+    const registry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+    registerDefaultWidgets(registry)
+  },
+
+  onStartup({ moduleSystem }) {
+    moduleSystem.registerModule(DemoModule)
+  },
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/modules/demo/DemoShowcase.tsx b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/modules/demo/DemoShowcase.tsx
new file mode 100644
index 0000000000..e57d9a59d0
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/modules/demo/DemoShowcase.tsx
@@ -0,0 +1,388 @@
+/**
+ * CoreShop StudioFormBundle - Demo Showcase Widget
+ *
+ * Interactive demo of all supported form types rendered via SchemaForm.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Card, Tabs, Collapse, Typography } from 'antd'
+import { SchemaForm } from '../../schema-adapter/SchemaForm'
+
+const { Text } = Typography
+
+// --- PHP source code for each demo ---
+
+const BASIC_PHP = `final class BasicDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TextType::class, [
+                'label' => 'Name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'Active',
+            ])
+            ->add('description', TextareaType::class, [
+                'label' => 'Description',
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_basic';
+    }
+}`
+
+const CHOICES_PHP = `final class ChoiceDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('status', ChoiceType::class, [
+                'label' => 'Status (Select)',
+                'choices' => [
+                    'Draft' => 'draft',
+                    'Published' => 'published',
+                    'Archived' => 'archived',
+                ],
+            ])
+            ->add('tags', ChoiceType::class, [
+                'label' => 'Tags (Multi-Select)',
+                'choices' => [
+                    'Featured' => 'featured',
+                    'Sale' => 'sale',
+                    'New' => 'new',
+                    'Bestseller' => 'bestseller',
+                ],
+                'multiple' => true,
+            ])
+            ->add('visibility', ChoiceType::class, [
+                'label' => 'Visibility (Radio)',
+                'choices' => [
+                    'Public' => 'public',
+                    'Private' => 'private',
+                    'Unlisted' => 'unlisted',
+                ],
+                'expanded' => true,
+            ])
+            ->add('channels', ChoiceType::class, [
+                'label' => 'Channels (Checkbox Group)',
+                'choices' => [
+                    'Web' => 'web',
+                    'Mobile' => 'mobile',
+                    'POS' => 'pos',
+                    'API' => 'api',
+                ],
+                'multiple' => true,
+                'expanded' => true,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_choices';
+    }
+}`
+
+const FIELD_TYPES_PHP = `final class FieldTypesDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('email', EmailType::class, ['label' => 'Email'])
+            ->add('url', UrlType::class, ['label' => 'URL'])
+            ->add('password', PasswordType::class, ['label' => 'Password'])
+            ->add('number', NumberType::class, ['label' => 'Number (scale=2)', 'scale' => 2])
+            ->add('integer', IntegerType::class, ['label' => 'Integer'])
+            ->add('date', DateType::class, ['label' => 'Date', 'widget' => 'single_text'])
+            ->add('datetime', DateTimeType::class, ['label' => 'DateTime', 'widget' => 'single_text'])
+            ->add('time', TimeType::class, ['label' => 'Time', 'widget' => 'single_text'])
+            ->add('color', ColorType::class, ['label' => 'Color'])
+            ->add('range', RangeType::class, ['label' => 'Range'])
+        ;
+    }
+}
+
+// Schema Enricher groups fields into collapsible sections:
+final class FieldTypesDemoSchemaEnricher implements FormSchemaEnricherInterface
+{
+    private const array FIELD_SECTIONS = [
+        'email' => 'text_inputs', 'url' => 'text_inputs', 'password' => 'text_inputs',
+        'number' => 'numeric_date', 'integer' => 'numeric_date',
+        'date' => 'numeric_date', 'datetime' => 'numeric_date', 'time' => 'numeric_date',
+        'color' => 'numeric_date', 'range' => 'numeric_date',
+    ];
+
+    public function enrich(FormSchema $schema, string $formTypeClass): FormSchema
+    {
+        $schema->sections = [
+            new SectionSchema('text_inputs', 'Text Inputs', 100, true, false),
+            new SectionSchema('numeric_date', 'Numeric & Date', 90, true, true),
+        ];
+
+        foreach ($schema->fields as $field) {
+            if (isset(self::FIELD_SECTIONS[$field->name])) {
+                $field->section = self::FIELD_SECTIONS[$field->name];
+            }
+        }
+
+        return $schema;
+    }
+}`
+
+const COLLECTION_PHP = `final class CollectionEntryDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('name', TextType::class, ['label' => 'Name'])
+            ->add('email', EmailType::class, ['label' => 'Email'])
+            ->add('active', CheckboxType::class, ['label' => 'Active'])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_collection_entry';
+    }
+}
+
+final class CollectionDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('groupName', TextType::class, [
+                'label' => 'Group Name',
+            ])
+            ->add('members', CollectionType::class, [
+                'label' => 'Members',
+                'entry_type' => CollectionEntryDemoType::class,
+                'allow_add' => true,
+                'allow_delete' => true,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_collection';
+    }
+}`
+
+const ENTITY_CHOICES_PHP = `final class EntityChoiceDemoType extends AbstractType
+{
+    public function buildForm(FormBuilderInterface $builder, array $options): void
+    {
+        $builder
+            ->add('country', CountryChoiceType::class, [
+                'label' => 'Country (Single)',
+                'required' => false,
+            ])
+            ->add('countries', CountryChoiceType::class, [
+                'label' => 'Countries (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('state', StateChoiceType::class, [
+                'label' => 'State (Single)',
+                'required' => false,
+            ])
+            ->add('states', StateChoiceType::class, [
+                'label' => 'States (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('zone', ZoneChoiceType::class, [
+                'label' => 'Zone',
+                'required' => false,
+            ])
+            ->add('zones', ZoneChoiceType::class, [
+                'label' => 'Zones (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('currency', CurrencyChoiceType::class, [
+                'label' => 'Currency (Single)',
+                'required' => false,
+            ])
+            ->add('currencies', CurrencyChoiceType::class, [
+                'label' => 'Currencies (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('store', StoreChoiceType::class, [
+                'label' => 'Store',
+                'required' => false,
+            ])
+            ->add('stores', StoreChoiceType::class, [
+                'label' => 'Stores (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('paymentProvider', PaymentProviderChoiceType::class, [
+                'label' => 'Payment Provider (Single)',
+                'required' => false,
+            ])
+            ->add('paymentProviders', PaymentProviderChoiceType::class, [
+                'label' => 'Payment Providers (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('taxRate', TaxRateChoiceType::class, [
+                'label' => 'Tax Rate (Single)',
+                'required' => false,
+            ])
+            ->add('taxRates', TaxRateChoiceType::class, [
+                'label' => 'Tax Rates (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+            ->add('taxRuleGroup', TaxRuleGroupChoiceType::class, [
+                'label' => 'Tax Rule Group (Single)',
+                'required' => false,
+            ])
+            ->add('taxRuleGroups', TaxRuleGroupChoiceType::class, [
+                'label' => 'Tax Rule Groups (Multiple)',
+                'multiple' => true,
+                'required' => false,
+            ])
+        ;
+    }
+
+    public function getBlockPrefix(): string
+    {
+        return 'coreshop_demo_entity_choices';
+    }
+}`
+
+// --- Components ---
+
+interface DemoTabProps {
+  blockPrefix: string
+  description: string
+  phpSource: string
+}
+
+const DemoTab: React.FC<DemoTabProps> = ({ blockPrefix, description, phpSource }) => {
+  const [data, setData] = React.useState<Record<string, any>>({})
+
+  const handleChange = React.useCallback((draft: Record<string, any>) => {
+    setData((prev) => ({ ...prev, ...draft }))
+  }, [])
+
+  return (
+    <div>
+      <Text type="secondary" style={{ display: 'block', marginBottom: 16 }}>
+        {description}
+      </Text>
+
+      <SchemaForm
+        blockPrefix={blockPrefix}
+        data={data}
+        onChange={handleChange}
+      />
+
+      <Collapse
+        style={{ marginTop: 16 }}
+        items={[
+          {
+            key: 'php',
+            label: 'PHP Source',
+            children: (
+              <pre style={{ margin: 0, fontSize: 12, maxHeight: 400, overflow: 'auto', background: '#f5f5f5', padding: 12, borderRadius: 4 }}>
+                {phpSource}
+              </pre>
+            ),
+          },
+          {
+            key: 'state',
+            label: 'Current State (JSON)',
+            children: (
+              <pre style={{ margin: 0, fontSize: 12, maxHeight: 300, overflow: 'auto' }}>
+                {JSON.stringify(data, null, 2)}
+              </pre>
+            ),
+          },
+        ]}
+      />
+    </div>
+  )
+}
+
+export const DemoShowcase: React.FC = () => {
+  const tabs = [
+    {
+      key: 'basic',
+      label: 'Basic',
+      children: (
+        <DemoTab
+          blockPrefix="coreshop_demo_basic"
+          description="Minimal form: TextType, CheckboxType, TextareaType."
+          phpSource={BASIC_PHP}
+        />
+      ),
+    },
+    {
+      key: 'choices',
+      label: 'Choices',
+      children: (
+        <DemoTab
+          blockPrefix="coreshop_demo_choices"
+          description="All 4 ChoiceType variants: Select, Multi-Select, Radio.Group, Checkbox.Group."
+          phpSource={CHOICES_PHP}
+        />
+      ),
+    },
+    {
+      key: 'field-types',
+      label: 'Field Types',
+      children: (
+        <DemoTab
+          blockPrefix="coreshop_demo_field_types"
+          description="All supported field types with collapsible sections: Email, URL, Password, Number, Integer, Date, DateTime, Time, Color, Range."
+          phpSource={FIELD_TYPES_PHP}
+        />
+      ),
+    },
+    {
+      key: 'entity-choices',
+      label: 'Entity Choices',
+      children: (
+        <DemoTab
+          blockPrefix="coreshop_demo_entity_choices"
+          description="CoreShop entity ChoiceTypes rendered via EntityChoiceWidget: Country, State, Zone, Currency, Store, Payment Provider, Tax Rate, Tax Rule Group — with single and multi-select variants."
+          phpSource={ENTITY_CHOICES_PHP}
+        />
+      ),
+    },
+    {
+      key: 'collection',
+      label: 'Collection',
+      children: (
+        <DemoTab
+          blockPrefix="coreshop_demo_collection"
+          description="Dynamic list with compound sub-forms: each entry has Name, Email, Active fields. Add/remove items dynamically."
+          phpSource={COLLECTION_PHP}
+        />
+      ),
+    },
+  ]
+
+  return (
+    <Card title="StudioFormBundle Demos" style={{ margin: 16 }}>
+      <Tabs items={tabs} />
+    </Card>
+  )
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/modules/demo/index.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/modules/demo/index.ts
new file mode 100644
index 0000000000..4ec7a9ba51
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/modules/demo/index.ts
@@ -0,0 +1,31 @@
+/**
+ * CoreShop StudioFormBundle - Demo Module
+ *
+ * Registers the demo showcase widget and its menu entry.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DemoShowcase } from './DemoShowcase'
+
+const WIDGET_ID = 'coreshop-studio-form-demos'
+
+export const DemoModule: AbstractModule = {
+  onInit(): void {
+    const widgetRegistry = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+    widgetRegistry.registerWidget({
+      name: WIDGET_ID,
+      component: DemoShowcase,
+    })
+  },
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/CollectionWidget.tsx b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/CollectionWidget.tsx
new file mode 100644
index 0000000000..07f7c461c2
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/CollectionWidget.tsx
@@ -0,0 +1,147 @@
+import React from 'react'
+import { Button, Card, Select } from 'antd'
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons'
+import type { FormSchemaField } from './types'
+import type { WidgetRegistry } from './WidgetRegistry'
+import { toFormBuilderConfig } from './FormSchemaAdapter'
+import { DynamicForm } from '../form-builder/components/DynamicForm'
+
+interface CollectionWidgetProps {
+  value?: unknown[]
+  onChange?: (nextValue: unknown[]) => void
+  disabled?: boolean
+  field: FormSchemaField
+  widgetRegistry: WidgetRegistry
+}
+
+export const CollectionWidget: React.FC<CollectionWidgetProps> = ({
+  value,
+  onChange,
+  disabled,
+  field,
+  widgetRegistry,
+}) => {
+  const values = Array.isArray(value) ? value : []
+
+  const prototypeEntries = React.useMemo(
+    () => Object.entries(field.prototypes ?? {}),
+    [field.prototypes],
+  )
+
+  const defaultType = prototypeEntries[0]?.[0]
+  const [newItemType, setNewItemType] = React.useState<string | undefined>(defaultType)
+
+  React.useEffect(() => {
+    if (!newItemType && defaultType) {
+      setNewItemType(defaultType)
+    }
+  }, [defaultType, newItemType])
+
+  const addItem = () => {
+    if (!onChange) {
+      return
+    }
+
+    if (prototypeEntries.length > 0) {
+      const type = newItemType ?? defaultType
+      if (!type) {
+        return
+      }
+
+      onChange([...values, { type, configuration: {} }])
+      return
+    }
+
+    onChange([...values, {}])
+  }
+
+  const removeItem = (index: number) => {
+    if (!onChange) {
+      return
+    }
+
+    onChange(values.filter((_, i) => i !== index))
+  }
+
+  const updateItem = (index: number, draft: Record<string, any>) => {
+    if (!onChange) {
+      return
+    }
+
+    const nextValues = [...values]
+    const current = (nextValues[index] ?? {}) as Record<string, any>
+    nextValues[index] = { ...current, ...draft }
+    onChange(nextValues)
+  }
+
+  const getItemSchema = (item: unknown) => {
+    if (field.prototypes && Object.keys(field.prototypes).length > 0) {
+      const itemType = typeof item === 'object' && item !== null ? (item as Record<string, any>).type : undefined
+      if (typeof itemType === 'string' && field.prototypes[itemType]) {
+        return field.prototypes[itemType]
+      }
+
+      return field.prototypes[defaultType ?? '']
+    }
+
+    return field.prototype
+  }
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>
+      {values.map((item, index) => {
+        const schema = getItemSchema(item)
+        const config = schema
+          ? {
+              ...toFormBuilderConfig(schema, widgetRegistry),
+              formProps: { component: false },
+            }
+          : null
+
+        return (
+          <Card
+            key={index}
+            size="small"
+            extra={(
+              <Button
+                type="text"
+                danger
+                icon={<DeleteOutlined />}
+                onClick={() => removeItem(index)}
+                disabled={disabled}
+              />
+            )}
+          >
+            {config ? (
+              <DynamicForm
+                config={config}
+                data={(item ?? {}) as Record<string, any>}
+                onChange={(draft) => updateItem(index, draft as Record<string, any>)}
+              />
+            ) : null}
+          </Card>
+        )
+      })}
+
+      <div style={{ display: 'flex', gap: 8 }}>
+        {prototypeEntries.length > 1 ? (
+          <Select
+            style={{ minWidth: 200 }}
+            value={newItemType}
+            onChange={setNewItemType}
+            options={prototypeEntries.map(([type]) => ({ value: type, label: type }))}
+            disabled={disabled}
+          />
+        ) : null}
+
+        <Button
+          icon={<PlusOutlined />}
+          onClick={addItem}
+          disabled={disabled || (prototypeEntries.length > 1 && !newItemType)}
+        >
+          Add
+        </Button>
+      </div>
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/FormSchemaAdapter.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/FormSchemaAdapter.ts
new file mode 100644
index 0000000000..3658aa2a1d
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/FormSchemaAdapter.ts
@@ -0,0 +1,306 @@
+/**
+ * CoreShop Schema Adapter - FormSchemaAdapter
+ *
+ * Converts backend form schema JSON into FormBuilderConfig.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { Input } from 'antd'
+import type { FormSchemaResponse, FormSchemaField } from './types'
+import type { FormBuilderConfig, FieldDefinition, SectionDefinition } from '../form-builder/types'
+import type { WidgetRegistry } from './WidgetRegistry'
+
+/**
+ * Convert a backend FormSchemaResponse to a FormBuilderConfig.
+ *
+ * Uses the WidgetRegistry to resolve block prefixes to React components.
+ */
+export const toFormBuilderConfig = <T = any>(
+  schema: FormSchemaResponse,
+  widgetRegistry: WidgetRegistry,
+): FormBuilderConfig<T> => {
+  const fields: FieldDefinition<T>[] = []
+  const sections: SectionDefinition[] = []
+  const tabs: Array<{ key: string; title: string; order: number }> = []
+
+  // Convert schema sections
+  for (const section of schema.sections) {
+    sections.push({
+      key: section.key,
+      title: section.label,
+      order: section.order,
+      collapsible: section.collapsible,
+      defaultCollapsed: section.defaultCollapsed,
+    })
+  }
+
+  // Convert schema tabs
+  for (const tab of schema.tabs) {
+    tabs.push({
+      key: tab.key,
+      title: tab.label,
+      order: tab.order,
+    })
+  }
+
+  // Convert schema fields
+  for (const field of schema.fields) {
+    const converted = convertField<T>(field, widgetRegistry)
+    if (converted) {
+      fields.push(...converted)
+    }
+  }
+
+  return {
+    fields,
+    sections: sections.length > 0 ? sections : undefined,
+    tabs: tabs.length > 0 ? tabs : undefined,
+  }
+}
+
+/**
+ * Convert a single schema field to one or more FieldDefinitions.
+ *
+ * Translation fields are expanded into localized field definitions.
+ */
+const convertField = <T = any>(
+  field: FormSchemaField,
+  widgetRegistry: WidgetRegistry,
+): FieldDefinition<T>[] | null => {
+  const normalizedSection = normalizeOptionalSlot(field.section)
+  const normalizedTab = normalizeOptionalSlot(field.tab)
+
+  // Resolve through widget registry first (takes precedence over compound flattening).
+  // This allows custom widgets for compound types (e.g. gateway_config).
+  const resolved = widgetRegistry.resolve(field)
+
+  if (resolved) {
+    const { rules, componentProps } = buildValidationAndProps(field, resolved.props)
+
+    return [{
+      name: field.name,
+      label: field.label ?? field.name,
+      component: resolved.component,
+      required: field.required,
+      rules: rules.length > 0 ? rules : undefined,
+      componentProps,
+      valuePropName: resolved.valuePropName,
+      section: normalizedSection,
+      tab: normalizedTab,
+      ...(resolved.extra ?? {}),
+    }]
+  }
+
+  // Handle translations compound field (detected by block prefix)
+  if (field.blockPrefixes.includes('coreshop_translations') && field.children) {
+    return convertTranslationFields<T>(field, widgetRegistry)
+  }
+
+  // Handle generic compound fields by flattening children into nested names
+  if (field.children && field.children.fields.length > 0) {
+    return convertCompoundFields<T>(field, widgetRegistry)
+  }
+
+  // Fallback: text input
+  const { rules: fallbackRules, componentProps: fallbackProps } = buildValidationAndProps(field)
+
+  return [{
+    name: field.name,
+    label: field.label ?? field.name,
+    component: Input,
+    required: field.required,
+    rules: fallbackRules.length > 0 ? fallbackRules : undefined,
+    componentProps: fallbackProps,
+    section: normalizedSection,
+    tab: normalizedTab,
+  }]
+}
+
+/**
+ * Expand translations into localized FieldDefinitions.
+ *
+ * For each child field, creates a field with `localized: true`.
+ */
+const convertTranslationFields = <T = any>(
+  translationField: FormSchemaField,
+  widgetRegistry: WidgetRegistry,
+): FieldDefinition<T>[] => {
+  const fields: FieldDefinition<T>[] = []
+
+  if (!translationField.children) {
+    return fields
+  }
+
+  // ResourceTranslationsType structure:
+  // translations -> [en, de, fr, ...] -> [label, description, ...]
+  // We want localized fields to follow the global locale selector,
+  // so we derive translatable field definitions from one locale entry.
+  const localeEntry = translationField.children.fields.find(
+    (entryField) => entryField.children && entryField.children.fields.length > 0,
+  )
+
+  if (localeEntry?.children) {
+    for (const translatedField of localeEntry.children.fields) {
+      const resolved = widgetRegistry.resolve(translatedField)
+      const { rules, componentProps } = buildValidationAndProps(translatedField, resolved?.props)
+
+      fields.push({
+        name: translatedField.name,
+        label: translatedField.label ?? translatedField.name,
+        component: resolved?.component ?? Input,
+        required: translatedField.required,
+        localized: true,
+        rules: rules.length > 0 ? rules : undefined,
+        componentProps,
+        valuePropName: resolved?.valuePropName,
+        section: normalizeOptionalSlot(translationField.section),
+        tab: normalizeOptionalSlot(translationField.tab),
+        ...(resolved?.extra ?? {}),
+      })
+    }
+
+    return fields
+  }
+
+  // Fallback for unexpected translation structures.
+  for (const childField of translationField.children.fields) {
+    if (childField.children && childField.children.fields.length > 0) {
+      continue
+    }
+
+    const resolved = widgetRegistry.resolve(childField)
+    const { rules, componentProps } = buildValidationAndProps(childField, resolved?.props)
+
+    fields.push({
+      name: childField.name,
+      label: childField.label ?? childField.name,
+      component: resolved?.component ?? Input,
+      required: childField.required,
+      localized: true,
+      rules: rules.length > 0 ? rules : undefined,
+      componentProps,
+      valuePropName: resolved?.valuePropName,
+      section: normalizeOptionalSlot(translationField.section),
+      tab: normalizeOptionalSlot(translationField.tab),
+      ...(resolved?.extra ?? {}),
+    })
+  }
+
+  return fields
+}
+
+const convertCompoundFields = <T = any>(
+  parentField: FormSchemaField,
+  widgetRegistry: WidgetRegistry,
+): FieldDefinition<T>[] => {
+  const fields: FieldDefinition<T>[] = []
+
+  if (!parentField.children) {
+    return fields
+  }
+
+  for (const childField of parentField.children.fields) {
+    if (childField.children && childField.children.fields.length > 0) {
+      const nestedFields = convertCompoundFields<T>(childField, widgetRegistry)
+      for (const nestedField of nestedFields) {
+        const nestedName = Array.isArray(nestedField.name) ? nestedField.name : [nestedField.name]
+        fields.push({
+          ...nestedField,
+          name: [parentField.name, ...nestedName],
+          section: normalizeOptionalSlot(parentField.section) ?? normalizeOptionalSlot(nestedField.section),
+          tab: normalizeOptionalSlot(parentField.tab) ?? normalizeOptionalSlot(nestedField.tab),
+        })
+      }
+      continue
+    }
+
+    const resolved = widgetRegistry.resolve(childField)
+    const { rules, componentProps } = buildValidationAndProps(childField, resolved?.props)
+
+    fields.push({
+      name: [parentField.name, childField.name],
+      label: childField.label ?? childField.name,
+      component: resolved?.component ?? Input,
+      required: childField.required,
+      rules: rules.length > 0 ? rules : undefined,
+      componentProps,
+      valuePropName: resolved?.valuePropName,
+      section: normalizeOptionalSlot(parentField.section) ?? normalizeOptionalSlot(childField.section),
+      tab: normalizeOptionalSlot(parentField.tab) ?? normalizeOptionalSlot(childField.tab),
+      ...(resolved?.extra ?? {}),
+    })
+  }
+
+  return fields
+}
+
+const buildValidationAndProps = (
+  field: FormSchemaField,
+  baseComponentProps?: Record<string, any>,
+): { rules: Array<Record<string, any>>; componentProps: Record<string, any> | undefined } => {
+  const extra = field.extra ?? {}
+  const attr = (extra.attr && typeof extra.attr === 'object') ? extra.attr as Record<string, any> : {}
+
+  const rules: Array<Record<string, any>> = []
+  if (field.required) {
+    rules.push({ required: true })
+  }
+
+  if (typeof attr.minlength === 'number') {
+    rules.push({ min: attr.minlength })
+  }
+  if (typeof attr.maxlength === 'number') {
+    rules.push({ max: attr.maxlength })
+  }
+  const numericMin = parseNumericAttribute(attr.min)
+  if (numericMin !== null) {
+    rules.push({ type: 'number', min: numericMin })
+  }
+  const numericMax = parseNumericAttribute(attr.max)
+  if (numericMax !== null) {
+    rules.push({ type: 'number', max: numericMax })
+  }
+  if (typeof attr.pattern === 'string' && attr.pattern !== '') {
+    try {
+      rules.push({ pattern: new RegExp(attr.pattern) })
+    } catch {
+      // Ignore invalid backend regex patterns and rely on server validation.
+    }
+  }
+
+  const componentProps = {
+    ...(baseComponentProps ?? {}),
+    ...(typeof attr.placeholder === 'string' ? { placeholder: attr.placeholder } : {}),
+  }
+
+  return {
+    rules,
+    componentProps: Object.keys(componentProps).length > 0 ? componentProps : undefined,
+  }
+}
+
+const parseNumericAttribute = (value: unknown): number | null => {
+  if (typeof value === 'number' && Number.isFinite(value)) {
+    return value
+  }
+
+  if (typeof value === 'string' && value.trim() !== '') {
+    const parsed = Number(value)
+    if (Number.isFinite(parsed)) {
+      return parsed
+    }
+  }
+
+  return null
+}
+
+const normalizeOptionalSlot = (value: string | null | undefined): string | undefined => {
+  return value ?? undefined
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/GridCollectionWidget.tsx b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/GridCollectionWidget.tsx
new file mode 100644
index 0000000000..94735a4f74
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/GridCollectionWidget.tsx
@@ -0,0 +1,176 @@
+/**
+ * CoreShop Schema Adapter - Grid Collection Widget
+ *
+ * Renders a Symfony CollectionType as an editable table/grid
+ * instead of the default card-based layout.
+ *
+ * Columns are derived from the prototype's field schema.
+ * Each cell uses the WidgetRegistry to resolve the appropriate component.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Table, Button, Popconfirm } from 'antd'
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons'
+import { useTranslation } from 'react-i18next'
+import type { FormSchemaField, FormSchemaResponse } from './types'
+import type { WidgetRegistry } from './WidgetRegistry'
+
+interface GridCollectionWidgetProps {
+  value?: unknown[] | Record<string, unknown>
+  onChange?: (nextValue: unknown[] | Record<string, unknown>) => void
+  disabled?: boolean
+  field: FormSchemaField
+  widgetRegistry: WidgetRegistry
+}
+
+export const GridCollectionWidget: React.FC<GridCollectionWidgetProps> = ({
+  value,
+  onChange,
+  disabled,
+  field,
+  widgetRegistry,
+}) => {
+  const { t } = useTranslation()
+  const isObject = value != null && typeof value === 'object' && !Array.isArray(value)
+  const entries: Array<[string, unknown]> = isObject
+    ? Object.entries(value as Record<string, unknown>)
+    : (Array.isArray(value) ? value : []).map((v, i) => [String(i), v])
+  const values = entries.map(([, v]) => v)
+  const keys = entries.map(([k]) => k)
+  const prototype: FormSchemaResponse | undefined = field.prototype
+
+  const allowAdd = field.extra?.allow_add ?? true
+  const allowDelete = field.extra?.allow_delete ?? true
+
+  const emitChange = React.useCallback(
+    (nextEntries: Array<[string, unknown]>) => {
+      if (!onChange) return
+      if (isObject) {
+        onChange(Object.fromEntries(nextEntries))
+      } else {
+        onChange(nextEntries.map(([, v]) => v))
+      }
+    },
+    [onChange, isObject],
+  )
+
+  const updateItem = React.useCallback(
+    (index: number, fieldName: string, fieldValue: unknown) => {
+      const nextEntries = [...entries]
+      const current = (nextEntries[index]?.[1] ?? {}) as Record<string, any>
+      nextEntries[index] = [keys[index], { ...current, [fieldName]: fieldValue }]
+      emitChange(nextEntries)
+    },
+    [entries, keys, emitChange],
+  )
+
+  const removeItem = React.useCallback(
+    (index: number) => {
+      emitChange(entries.filter((_, i) => i !== index))
+    },
+    [entries, emitChange],
+  )
+
+  const addItem = React.useCallback(() => {
+    const nextKey = isObject ? String(Date.now()) : String(entries.length)
+    emitChange([...entries, [nextKey, {}]])
+  }, [entries, emitChange, isObject])
+
+  const columns = React.useMemo(() => {
+    if (!prototype?.fields) return []
+
+    const cols = prototype.fields.map((protoField) => {
+      const resolved = widgetRegistry.resolve(protoField)
+      if (!resolved) return null
+
+      // Skip hidden fields (e.g. orderItemId) — data is preserved but no column shown
+      if (resolved.extra?.hidden) return null
+
+      const Component = resolved.component
+      const baseProps = resolved.props ?? {}
+      const valueProp = resolved.valuePropName ?? 'value'
+      const rawLabel = protoField.label ?? protoField.name
+
+      return {
+        title: t(rawLabel, { defaultValue: rawLabel }),
+        dataIndex: protoField.name,
+        key: protoField.name,
+        render: (cellValue: unknown, _record: unknown, index: number) => {
+          // Render disabled fields as plain text info
+          if (protoField.disabled) {
+            return <span>{cellValue != null ? String(cellValue) : ''}</span>
+          }
+
+          const props: Record<string, any> = {
+            ...baseProps,
+            [valueProp]: cellValue ?? undefined,
+            onChange: (valOrEvent: any) => {
+              const newVal =
+                valOrEvent?.target !== undefined
+                  ? valOrEvent.target.value
+                  : valOrEvent
+              updateItem(index, protoField.name, newVal)
+            },
+            disabled,
+            style: { width: '100%', ...((baseProps.style as any) ?? {}) },
+          }
+
+          return <Component {...props} />
+        },
+      }
+    }).filter(Boolean)
+
+    // Add actions column only when deletion is allowed
+    if (allowDelete) {
+      cols.push({
+        title: '',
+        dataIndex: '__actions',
+        key: '__actions',
+        width: 60,
+        render: (_: unknown, __: unknown, index: number) => (
+          <Popconfirm
+            title={t('coreshop_delete_confirm', { defaultValue: 'Delete?' })}
+            onConfirm={() => removeItem(index)}
+            okText={t('coreshop_yes', { defaultValue: 'Yes' })}
+            cancelText={t('coreshop_no', { defaultValue: 'No' })}
+          >
+            <Button type="text" icon={<DeleteOutlined />} danger disabled={disabled} />
+          </Popconfirm>
+        ),
+      } as any)
+    }
+
+    return cols
+  }, [prototype, widgetRegistry, updateItem, removeItem, disabled, allowDelete, t])
+
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>
+      <Table
+        columns={columns}
+        dataSource={values}
+        pagination={false}
+        rowKey={(_, index) => keys[index!] ?? String(index)}
+        size="small"
+      />
+      {allowAdd && (
+        <div>
+          <Button
+            icon={<PlusOutlined />}
+            onClick={addItem}
+            disabled={disabled}
+          >
+            {t('coreshop_add', { defaultValue: 'Add' })}
+          </Button>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/SchemaForm.tsx b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/SchemaForm.tsx
new file mode 100644
index 0000000000..3eefbaaf3b
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/SchemaForm.tsx
@@ -0,0 +1,123 @@
+/**
+ * CoreShop Schema Adapter - SchemaForm Component
+ *
+ * Convenience component that combines useFormSchema + DynamicForm.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Spin, Alert } from 'antd'
+import type { FormInstance } from 'antd/es/form'
+import { DynamicForm } from '../form-builder'
+import type { FormDecorator } from '../form-builder'
+import { useFormSchema } from './useFormSchema'
+
+export interface SchemaFormProps<T = any> {
+  /** Schema block prefix (e.g., 'coreshop_country') */
+  blockPrefix: string
+  /** Form data */
+  data?: T
+  /** Change handler */
+  onChange: (draft: Partial<T>) => void
+  /** Optional decorators */
+  decorators?: Array<{ name: string; decorator: FormDecorator<T> }>
+  /** Current locale for localized fields */
+  currentLocale?: string
+  /** Available locales */
+  locales?: string[]
+  /** External form instance */
+  form?: FormInstance
+  /** Render without a wrapping <form> (for embedding inside another form) */
+  embedded?: boolean
+}
+
+/**
+ * SchemaForm
+ *
+ * One-liner for schema-based forms with built-in loading and error states.
+ *
+ * @example
+ * ```typescript
+ * <SchemaForm
+ *   blockPrefix="coreshop_country"
+ *   data={countryData}
+ *   onChange={handleChange}
+ *   currentLocale={locale}
+ * />
+ * ```
+ */
+export const SchemaForm = <T extends Record<string, any> = any>({
+  blockPrefix,
+  data,
+  onChange,
+  decorators,
+  currentLocale,
+  form,
+  embedded = false,
+}: SchemaFormProps<T>): React.JSX.Element => {
+  const { builder, loading, error } = useFormSchema<T>(blockPrefix, decorators)
+
+  if (loading) {
+    return (
+      <div style={{ display: 'flex', justifyContent: 'center', padding: 24 }}>
+        <Spin />
+      </div>
+    )
+  }
+
+  if (error) {
+    return (
+      <Alert
+        type="error"
+        message="Failed to load form"
+        description={error.message}
+        showIcon
+      />
+    )
+  }
+
+  if (!builder) {
+    return (
+      <Alert
+        type="warning"
+        message="No form configuration available"
+        showIcon
+      />
+    )
+  }
+
+  const builtConfig = builder.build({ data, locale: currentLocale })
+  const config = embedded
+    ? {
+        ...builtConfig,
+        formProps: {
+          ...(builtConfig.formProps ?? {}),
+          component: false,
+        },
+      }
+    : builtConfig
+
+  const formElement = (
+    <DynamicForm
+      config={config}
+      data={data}
+      onChange={onChange}
+      currentLocale={currentLocale}
+      form={form}
+    />
+  )
+
+  if (embedded) {
+    // Preserve vertical form styling when rendering without a wrapping <form> tag.
+    return <div className="coreshop-schema-form-embedded ant-form ant-form-vertical">{formElement}</div>
+  }
+
+  return formElement
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/WidgetRegistry.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/WidgetRegistry.ts
new file mode 100644
index 0000000000..9259a91bf6
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/WidgetRegistry.ts
@@ -0,0 +1,99 @@
+/**
+ * CoreShop Schema Adapter - Widget Registry
+ *
+ * Maps Symfony block prefix names to React component resolvers.
+ * Walks blockPrefixes from most-specific to least-specific,
+ * mirroring Symfony's Twig block rendering strategy.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import type { FormSchemaField } from './types'
+import type { FieldDefinition } from '../form-builder/types'
+
+/**
+ * Result of resolving a widget
+ */
+export interface WidgetResolverResult {
+  /** React component to render */
+  component: React.ComponentType<any>
+  /** Additional props for the component */
+  props?: Record<string, any>
+  /** Value prop name (e.g., 'checked' for Switch) */
+  valuePropName?: string
+  /** Extra field definition properties */
+  extra?: Partial<FieldDefinition<any>>
+}
+
+/**
+ * Widget resolver function
+ */
+export type WidgetResolver = (field: FormSchemaField) => WidgetResolverResult | null
+
+/**
+ * Registry for mapping Symfony block prefixes to React components.
+ *
+ * Resolution walks the field's blockPrefixes array from most-specific
+ * to least-specific (right to left), exactly like Symfony's Twig rendering
+ * finds template blocks.
+ *
+ * Example: blockPrefixes = ['form', 'text', 'email']
+ * Tries: 'email' → 'text' → 'form'
+ */
+export class WidgetRegistry {
+  private resolvers = new Map<string, WidgetResolver>()
+
+  /**
+   * Register a widget resolver for a block prefix.
+   */
+  register(blockPrefix: string, resolver: WidgetResolver): void {
+    this.resolvers.set(blockPrefix, resolver)
+  }
+
+  /**
+   * Get the resolver for a block prefix.
+   */
+  get(blockPrefix: string): WidgetResolver | undefined {
+    return this.resolvers.get(blockPrefix)
+  }
+
+  /**
+   * Check if a resolver exists for a block prefix.
+   */
+  has(blockPrefix: string): boolean {
+    return this.resolvers.has(blockPrefix)
+  }
+
+  /**
+   * Resolve a field to a React component and props.
+   *
+   * Walks blockPrefixes from most-specific to least-specific.
+   */
+  resolve(field: FormSchemaField): WidgetResolverResult | null {
+    const prefixes = field.blockPrefixes
+    for (let i = prefixes.length - 1; i >= 0; i--) {
+      const resolver = this.resolvers.get(prefixes[i])
+      if (resolver) {
+        const result = resolver(field)
+        if (result) {
+          return result
+        }
+      }
+    }
+    return null
+  }
+
+  /**
+   * Get all registered block prefixes.
+   */
+  getRegisteredTypes(): string[] {
+    return Array.from(this.resolvers.keys())
+  }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/api.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/api.ts
new file mode 100644
index 0000000000..f8d03919e6
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/api.ts
@@ -0,0 +1,91 @@
+/**
+ * CoreShop Schema Adapter - API
+ *
+ * Fetches form schemas from the backend with module-level caching.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import type { FormSchemaResponse } from './types'
+
+// Module-level cache for schemas
+const schemaCache = new Map<string, FormSchemaResponse>()
+const pendingRequests = new Map<string, Promise<FormSchemaResponse>>()
+
+/**
+ * Fetch a form schema by block prefix.
+ *
+ * Uses module-level caching to prevent duplicate API calls
+ * when multiple components request the same schema.
+ */
+export const fetchFormSchema = async (blockPrefix: string): Promise<FormSchemaResponse> => {
+  // Return from cache if available
+  const cached = schemaCache.get(blockPrefix)
+  if (cached) {
+    return cached
+  }
+
+  // Return existing pending request if already loading
+  const pending = pendingRequests.get(blockPrefix)
+  if (pending) {
+    return pending
+  }
+
+  // Start new request
+  const request = (async () => {
+    try {
+      const response = await fetch(
+        `/pimcore-studio/api/coreshop-studio-form/schema/${encodeURIComponent(blockPrefix)}`,
+      )
+
+      if (!response.ok) {
+        throw new Error(`Failed to fetch form schema for "${blockPrefix}": ${response.statusText}`)
+      }
+
+      const schema: FormSchemaResponse = await response.json()
+      schemaCache.set(blockPrefix, schema)
+
+      return schema
+    } catch (err) {
+      console.error(`[StudioForm] Failed to load schema for "${blockPrefix}":`, err)
+      throw err
+    } finally {
+      pendingRequests.delete(blockPrefix)
+    }
+  })()
+
+  pendingRequests.set(blockPrefix, request)
+
+  return request
+}
+
+/**
+ * Pre-seed the schema cache with schemas from a getConfig response.
+ *
+ * This eliminates the need for separate HTTP requests for each
+ * condition/action schema - they are all included in the getConfig response.
+ */
+export const preSeedSchemaCache = (schemas: Record<string, FormSchemaResponse>): void => {
+  for (const [key, schema] of Object.entries(schemas)) {
+    schemaCache.set(key, schema)
+  }
+}
+
+/**
+ * Clear cached schema for a specific block prefix, or all schemas.
+ */
+export const clearSchemaCache = (blockPrefix?: string): void => {
+  if (blockPrefix) {
+    schemaCache.delete(blockPrefix)
+    pendingRequests.delete(blockPrefix)
+  } else {
+    schemaCache.clear()
+    pendingRequests.clear()
+  }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/defaultWidgets.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/defaultWidgets.ts
new file mode 100644
index 0000000000..b14623e32c
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/defaultWidgets.ts
@@ -0,0 +1,191 @@
+/**
+ * CoreShop Schema Adapter - Default Widget Registrations
+ *
+ * Registers Ant Design components for standard Symfony form type block prefixes.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { Input, InputNumber, Switch, Select, DatePicker, TimePicker, ColorPicker, Slider, Checkbox, Radio } from 'antd'
+import type { WidgetRegistry } from './WidgetRegistry'
+import { CollectionWidget } from './CollectionWidget'
+import { GridCollectionWidget } from './GridCollectionWidget'
+
+/**
+ * Register default Ant Design widget resolvers by Symfony block prefix.
+ */
+export const registerDefaultWidgets = (registry: WidgetRegistry): void => {
+  // TextType → block prefix 'text'
+  registry.register('text', () => ({
+    component: Input,
+  }))
+
+  // TextareaType → block prefix 'textarea'
+  registry.register('textarea', () => ({
+    component: Input.TextArea,
+    props: { rows: 4 },
+  }))
+
+  // IntegerType → block prefix 'integer'
+  registry.register('integer', () => ({
+    component: InputNumber,
+    props: { style: { width: '100%' }, precision: 0 },
+  }))
+
+  // NumberType → block prefix 'number'
+  registry.register('number', () => ({
+    component: InputNumber,
+    props: { style: { width: '100%' } },
+  }))
+
+  // CheckboxType → block prefix 'checkbox'
+  registry.register('checkbox', () => ({
+    component: Switch,
+    valuePropName: 'checked',
+  }))
+
+  // ChoiceType → block prefix 'choice'
+  registry.register('choice', (field) => {
+    const choices = field.choices ?? []
+    const flatOptions = choices.map(c => ({
+      value: c.value,
+      label: c.label,
+      group: c.group,
+    }))
+
+    if (field.expanded) {
+      if (field.multiple) {
+        return {
+          component: Checkbox.Group,
+          props: {
+            options: flatOptions.map(({ value, label }) => ({ value, label })),
+          },
+        }
+      }
+
+      return {
+        component: Radio.Group,
+        props: {
+          options: flatOptions.map(({ value, label }) => ({ value, label })),
+          optionType: 'default',
+        },
+      }
+    }
+
+    const groupedOptions = new Map<string, Array<{ value: string | number; label: string }>>()
+    const options: Array<{ value: string | number; label: string } | { label: string; options: Array<{ value: string | number; label: string }> }> = []
+    for (const option of flatOptions) {
+      if (!option.group) {
+        options.push({ value: option.value, label: option.label })
+        continue
+      }
+
+      const group = groupedOptions.get(option.group) ?? []
+      group.push({ value: option.value, label: option.label })
+      groupedOptions.set(option.group, group)
+    }
+    for (const [groupLabel, groupOptions] of groupedOptions.entries()) {
+      options.push({ label: groupLabel, options: groupOptions })
+    }
+
+    return {
+      component: Select,
+      props: {
+        options,
+        allowClear: true,
+        showSearch: true,
+        filterOption: (input: string, option: any) =>
+          (option?.label ?? '').toLowerCase().includes(input.toLowerCase()),
+        mode: field.multiple ? 'multiple' : undefined,
+      },
+    }
+  })
+
+  // TagCollectionType → block prefix 'tag_collection'
+  registry.register('tag_collection', () => ({
+    component: Select,
+    props: {
+      mode: 'tags',
+      style: { width: '100%' },
+      tokenSeparators: [','],
+      open: false,
+    },
+  }))
+
+  // Grid collection → block prefix 'grid_collection'
+  registry.register('grid_collection', (field) => ({
+    component: GridCollectionWidget,
+    props: {
+      field,
+      widgetRegistry: registry,
+    },
+  }))
+
+  // CollectionType → block prefix 'collection'
+  registry.register('collection', (field) => ({
+    component: CollectionWidget,
+    props: {
+      field,
+      widgetRegistry: registry,
+    },
+  }))
+
+  // HiddenType → block prefix 'hidden'
+  registry.register('hidden', () => ({
+    component: Input,
+    extra: {
+      hidden: true,
+    },
+  }))
+
+  // EmailType → block prefix 'email'
+  registry.register('email', () => ({
+    component: Input,
+    props: { type: 'email' },
+  }))
+
+  // UrlType → block prefix 'url'
+  registry.register('url', () => ({
+    component: Input,
+    props: { type: 'url' },
+  }))
+
+  // PasswordType → block prefix 'password'
+  registry.register('password', () => ({
+    component: Input.Password,
+  }))
+
+  // DateType → block prefix 'date'
+  registry.register('date', () => ({
+    component: DatePicker,
+    props: { style: { width: '100%' } },
+  }))
+
+  // DateTimeType → block prefix 'datetime'
+  registry.register('datetime', () => ({
+    component: DatePicker,
+    props: { showTime: true, style: { width: '100%' } },
+  }))
+
+  // TimeType → block prefix 'time'
+  registry.register('time', () => ({
+    component: TimePicker,
+    props: { style: { width: '100%' } },
+  }))
+
+  // ColorType → block prefix 'color'
+  registry.register('color', () => ({
+    component: ColorPicker,
+  }))
+
+  // RangeType → block prefix 'range'
+  registry.register('range', () => ({
+    component: Slider,
+  }))
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/index.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/index.ts
new file mode 100644
index 0000000000..489addd98f
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/index.ts
@@ -0,0 +1,23 @@
+/**
+ * CoreShop Schema Adapter
+ *
+ * Exports for the Schema Adapter system.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export * from './types'
+export { WidgetRegistry } from './WidgetRegistry'
+export type { WidgetResolver, WidgetResolverResult } from './WidgetRegistry'
+export { toFormBuilderConfig } from './FormSchemaAdapter'
+export { useFormSchema } from './useFormSchema'
+export type { UseFormSchemaResult } from './useFormSchema'
+export { SchemaForm } from './SchemaForm'
+export type { SchemaFormProps } from './SchemaForm'
+export { fetchFormSchema, clearSchemaCache, preSeedSchemaCache } from './api'
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/types.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/types.ts
new file mode 100644
index 0000000000..7b8ea6e514
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/types.ts
@@ -0,0 +1,75 @@
+/**
+ * CoreShop Schema Adapter - Types
+ *
+ * JSON Schema types matching the backend FormSchemaGenerator output.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+/**
+ * Field schema from backend (serialized from Symfony FormView)
+ */
+export interface FormSchemaField {
+  name: string
+  /** Symfony block prefix chain, e.g. ['form', 'text', 'email'] */
+  blockPrefixes: string[]
+  required: boolean
+  label?: string | null
+  disabled?: boolean
+  /** Choices for choice-based fields */
+  choices?: Array<{ value: string | number; label: string; group?: string }>
+  /** Whether multiple selection is allowed (choice fields) */
+  multiple?: boolean
+  /** Whether choices are rendered as expanded (radio/checkbox) */
+  expanded?: boolean
+  /** Extra vars from FormView (e.g. relation_class, allow_add) */
+  extra?: Record<string, any>
+  /** Children for compound fields (like translations) */
+  children?: FormSchemaResponse
+  /** Single prototype (standard Symfony CollectionType) */
+  prototype?: FormSchemaResponse
+  /** Multiple prototypes keyed by type (CoreShop condition/action collections) */
+  prototypes?: Record<string, FormSchemaResponse>
+  /** Tab assignment (from enricher) */
+  tab?: string | null
+  /** Section assignment (from enricher) */
+  section?: string | null
+}
+
+/**
+ * Tab schema from backend enricher
+ */
+export interface FormSchemaTab {
+  key: string
+  label: string
+  order: number
+  /** Custom widget for this tab (e.g., 'shippingRuleManager') */
+  widget?: string
+}
+
+/**
+ * Section schema from backend enricher
+ */
+export interface FormSchemaSection {
+  key: string
+  label: string
+  order: number
+  collapsible: boolean
+  defaultCollapsed: boolean
+}
+
+/**
+ * Complete form schema response from backend
+ */
+export interface FormSchemaResponse {
+  blockPrefix: string
+  fields: FormSchemaField[]
+  tabs: FormSchemaTab[]
+  sections: FormSchemaSection[]
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/useFormSchema.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/useFormSchema.ts
new file mode 100644
index 0000000000..cf67d363be
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/schema-adapter/useFormSchema.ts
@@ -0,0 +1,104 @@
+/**
+ * CoreShop Schema Adapter - useFormSchema Hook
+ *
+ * React hook to fetch and convert schema to FormBuilder.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { container } from '@pimcore/studio-ui-bundle'
+import { FormBuilder } from '../form-builder/FormBuilder'
+import type { FormDecorator } from '../form-builder/types'
+import { fetchFormSchema } from './api'
+import { toFormBuilderConfig } from './FormSchemaAdapter'
+import { WidgetRegistry } from './WidgetRegistry'
+import { widgetRegistryServiceId } from '../services'
+
+export interface UseFormSchemaResult<T> {
+  /** The FormBuilder instance (null while loading) */
+  builder: FormBuilder<T> | null
+  /** Whether the schema is currently loading */
+  loading: boolean
+  /** Error if schema fetch failed */
+  error: Error | null
+}
+
+/**
+ * React hook that fetches a form schema and creates a FormBuilder.
+ *
+ * @param blockPrefix - Schema block prefix (e.g., 'coreshop_country')
+ * @param decorators - Optional decorators to apply after schema conversion
+ *
+ * @example
+ * ```typescript
+ * const { builder, loading } = useFormSchema<CountryDetail>('coreshop_country', [
+ *   { name: 'iso-hint', decorator: transformFieldDecorator('isoCode', (f) => ({
+ *     ...f, tooltip: 'ISO 3166-1 alpha-2'
+ *   }))}
+ * ])
+ *
+ * if (loading || !builder) return <Spin />
+ *
+ * const config = builder.build({ data })
+ * return <DynamicForm config={config} data={data} onChange={onChange} />
+ * ```
+ */
+export const useFormSchema = <T = any>(
+  blockPrefix: string,
+  decorators?: Array<{ name: string; decorator: FormDecorator<T> }>,
+): UseFormSchemaResult<T> => {
+  const [builder, setBuilder] = React.useState<FormBuilder<T> | null>(null)
+  const [loading, setLoading] = React.useState(true)
+  const [error, setError] = React.useState<Error | null>(null)
+
+  React.useEffect(() => {
+    let cancelled = false
+
+    const load = async () => {
+      try {
+        setLoading(true)
+        setError(null)
+
+        const schema = await fetchFormSchema(blockPrefix)
+
+        if (cancelled) return
+
+        const widgetRegistry = container.get<WidgetRegistry>(widgetRegistryServiceId)
+        const config = toFormBuilderConfig<T>(schema, widgetRegistry)
+        const newBuilder = new FormBuilder<T>(config)
+
+        // Apply optional decorators
+        if (decorators) {
+          for (const { name, decorator } of decorators) {
+            newBuilder.addDecorator(name, decorator)
+          }
+        }
+
+        setBuilder(newBuilder)
+      } catch (err) {
+        if (!cancelled) {
+          setError(err instanceof Error ? err : new Error(String(err)))
+        }
+      } finally {
+        if (!cancelled) {
+          setLoading(false)
+        }
+      }
+    }
+
+    void load()
+
+    return () => {
+      cancelled = true
+    }
+  }, [blockPrefix])
+
+  return { builder, loading, error }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/services.ts b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/services.ts
new file mode 100644
index 0000000000..44a0b383f3
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/services.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop StudioFormBundle - Service IDs
+ *
+ * Container service identifiers for InversifyJS.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export const widgetRegistryServiceId = 'CoreShop/StudioForm/WidgetRegistry'
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..75d83e0f84
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ]
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/pimcore/routing.yml
new file mode 100644
index 0000000000..89d8a0d1e6
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/pimcore/routing.yml
@@ -0,0 +1,7 @@
+coreshop_studio_form_schema:
+    path: /pimcore-studio/api/coreshop-studio-form/schema/{blockPrefix}
+    defaults:
+        _controller: CoreShop\Bundle\StudioFormBundle\Controller\FormSchemaController::schemaAction
+    methods: [GET]
+    requirements:
+        blockPrefix: '.+'
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services.yml b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services.yml
new file mode 100644
index 0000000000..9354a88626
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services.yml
@@ -0,0 +1,31 @@
+services:
+    _defaults:
+        public: true
+
+    # Schema Generator
+    CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaGenerator:
+        arguments:
+            - '@form.factory'
+            - '@translator'
+
+    # Block Prefix Registry (auto-populated by RegisterStudioFormTypesPass)
+    CoreShop\Bundle\StudioFormBundle\Form\Schema\BlockPrefixFormTypeRegistry:
+        arguments:
+            $formRegistry: '@form.registry'
+            $formTypeClasses: []
+
+    # Rule Form Schema Collector
+    CoreShop\Bundle\StudioFormBundle\Form\Schema\RuleFormSchemaCollector:
+        arguments:
+            - '@CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaGenerator'
+
+    # Ensure CollectionType always generates a prototype for schema serialization
+    CoreShop\Bundle\StudioFormBundle\Form\Extension\CollectionPrototypeExtension:
+        tags:
+            - { name: form.type_extension }
+
+    # Controller
+    CoreShop\Bundle\StudioFormBundle\Controller\FormSchemaController:
+        arguments:
+            - '@CoreShop\Bundle\StudioFormBundle\Form\Schema\FormSchemaGenerator'
+            - '@CoreShop\Bundle\StudioFormBundle\Form\Schema\BlockPrefixFormTypeRegistry'
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services/demo.yml b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services/demo.yml
new file mode 100644
index 0000000000..b8430e29a8
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services/demo.yml
@@ -0,0 +1,35 @@
+services:
+    # Demo FormTypes
+    CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\BasicDemoType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\ChoiceDemoType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\FieldTypesDemoType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\CollectionEntryDemoType:
+        tags:
+            - { name: form.type }
+
+    CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\CollectionDemoType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    CoreShop\Bundle\StudioFormBundle\Form\Type\Demo\EntityChoiceDemoType:
+        tags:
+            - { name: form.type }
+            - { name: coreshop.studio_form }
+
+    # Schema Enricher
+    CoreShop\Bundle\StudioFormBundle\Form\Schema\FieldTypesDemoSchemaEnricher:
+        tags:
+            - { name: coreshop_studio_form.enricher }
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..450b10a794
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\StudioFormBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
diff --git a/src/CoreShop/Bundle/StudioFormBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/StudioFormBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..6dd5ea6351
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\StudioFormBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
diff --git a/src/CoreShop/Bundle/StudioFormBundle/composer.json b/src/CoreShop/Bundle/StudioFormBundle/composer.json
new file mode 100644
index 0000000000..e094ed646a
--- /dev/null
+++ b/src/CoreShop/Bundle/StudioFormBundle/composer.json
@@ -0,0 +1,38 @@
+{
+    "name": "coreshop/studio-form-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop StudioFormBundle - Reusable Form Schema System for Pimcore Studio",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "studio",
+        "form",
+        "schema"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "CCL",
+    "authors": [
+        {
+            "name": "CoreShop GmbH",
+            "email": "info@coreshop.com"
+        }
+    ],
+    "require": {
+        "php": "^8.3",
+        "symfony/form": "^6.3 || ^7.0",
+        "symfony/http-kernel": "^6.3 || ^7.0",
+        "symfony/framework-bundle": "^6.3 || ^7.0",
+        "symfony/serializer": "^6.3 || ^7.0",
+        "pimcore/pimcore": "^12.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\StudioFormBundle\\": ""
+        }
+    },
+    "extra": {
+        "branch-alias": {
+            "dev-master": "5.0-dev"
+        }
+    }
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/DependencyInjection/CoreShopTaxationExtension.php b/src/CoreShop/Bundle/TaxationBundle/DependencyInjection/CoreShopTaxationExtension.php
index c72fe63d81..2cf7aeba1b 100644
--- a/src/CoreShop/Bundle/TaxationBundle/DependencyInjection/CoreShopTaxationExtension.php
+++ b/src/CoreShop/Bundle/TaxationBundle/DependencyInjection/CoreShopTaxationExtension.php
@@ -21,10 +21,27 @@
 use CoreShop\Bundle\ResourceBundle\DependencyInjection\Extension\AbstractModelExtension;
 use Symfony\Component\Config\FileLocator;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Extension\PrependExtensionInterface;
 use Symfony\Component\DependencyInjection\Loader\YamlFileLoader;
 
-final class CoreShopTaxationExtension extends AbstractModelExtension
+final class CoreShopTaxationExtension extends AbstractModelExtension implements PrependExtensionInterface
 {
+    public function prepend(ContainerBuilder $container): void
+    {
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioBackendBundle', $bundles)) {
+            $container->prependExtensionConfig('pimcore_studio_backend', [
+                'data_object_data_adapter_mapping' => [
+                    'CoreShop\\Bundle\\ResourceBundle\\StudioBackend\\DataAdapter\\CoreShopSelectAdapter' => [
+                        'coreShopTaxRuleGroup',
+                        'coreShopTaxRate',
+                    ],
+                ],
+            ]);
+        }
+    }
+
     public function load(array $configs, ContainerBuilder $container): void
     {
         $configs = $this->processConfiguration($this->getConfiguration([], $container), $configs);
@@ -43,6 +60,10 @@ public function load(array $configs, ContainerBuilder $container): void
             $loader->load('services/data_hub.yml');
         }
 
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
+
         $loader->load('services.yml');
     }
 }
diff --git a/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRateType.php b/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRateType.php
index 8bee230e4c..ac2f2202ec 100644
--- a/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRateType.php
+++ b/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRateType.php
@@ -31,8 +31,12 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
             ->add('translations', ResourceTranslationsType::class, [
                 'entry_type' => TaxRateTranslationType::class,
             ])
-            ->add('rate', NumberType::class)
-            ->add('active', CheckboxType::class)
+            ->add('rate', NumberType::class, [
+                'label' => 'coreshop_tax_rate',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
         ;
     }
 
diff --git a/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleGroupType.php b/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleGroupType.php
index 99113404eb..2aed9ac10e 100644
--- a/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleGroupType.php
+++ b/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleGroupType.php
@@ -28,8 +28,12 @@ class TaxRuleGroupType extends AbstractResourceType
     public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
-            ->add('name', TextType::class)
-            ->add('active', CheckboxType::class)
+            ->add('name', TextType::class, [
+                'label' => 'coreshop_name',
+            ])
+            ->add('active', CheckboxType::class, [
+                'label' => 'coreshop_active',
+            ])
             ->add(
                 'taxRules',
                 CollectionType::class,
@@ -38,6 +42,7 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
                     'allow_add' => true,
                     'allow_delete' => true,
                     'by_reference' => false,
+                    'block_prefix' => 'grid_collection',
                 ],
             )
         ;
diff --git a/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleType.php b/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleType.php
index 99ac5c6836..b9ee1b618b 100644
--- a/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleType.php
+++ b/src/CoreShop/Bundle/TaxationBundle/Form/Type/TaxRuleType.php
@@ -27,15 +27,16 @@ public function buildForm(FormBuilderInterface $builder, array $options): void
     {
         $builder
             ->add('taxRate', TaxRateChoiceType::class, [
+                'label' => 'coreshop_tax_rate',
                 'active' => null,
             ])
             ->add('behavior', ChoiceType::class, [
+                'label' => 'coreshop_tax_rule_behavior',
                 'choices' => [
-                    'coreshop.form.tax_rule.behaviour.disable' => 0,
-                    'coreshop.form.tax_rule.behaviour.combine' => 1,
-                    'coreshop.form.tax_rule.behaviour.one_after_another' => 2,
+                    'coreshop_tax_rule_behavior_disable' => 0,
+                    'coreshop_tax_rule_behavior_combine' => 1,
+                    'coreshop_tax_rule_behavior_on_after_another' => 2,
                 ],
-                'choice_translation_domain' => false,
             ])
         ;
     }
diff --git a/src/CoreShop/Bundle/TaxationBundle/README.md b/src/CoreShop/Bundle/TaxationBundle/README.md
index ec3efc86da..83f5337bb8 100644
--- a/src/CoreShop/Bundle/TaxationBundle/README.md
+++ b/src/CoreShop/Bundle/TaxationBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..2902dd0e17
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@coreshop/taxation",
+  "version": "1.0.0",
+  "description": "CoreShop TaxationBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@coreshop/studio-form": "*",
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  }
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/assets/taxes.svg b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/assets/taxes.svg
new file mode 100644
index 0000000000..c536509b3f
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/assets/taxes.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g>
+	<path fill="#FFC107" d="M20,9v26v2c0,0,1,3,11,3s11-3,11-3v-4V9H20z"/>
+	<g>
+		<ellipse fill="#FFC107" cx="31" cy="7" rx="11" ry="3"/>
+	</g>
+</g>
+<path fill="#FF9800" d="M20,13c0,0,1,3,11,3s11-3,11-3v3c0,0-1,3-11,3s-11-3-11-3V13z M20,22c0,0,1,3,11,3s11-3,11-3v-3  c0,0-1,3-11,3s-11-3-11-3V22z M20,28c0,0,1,3,11,3s11-3,11-3v-3c0,0-1,3-11,3s-11-3-11-3V28z M20,34c0,0,1,3,11,3s11-3,11-3v-3  c0,0-1,3-11,3s-11-3-11-3V34z M20,10c0,0,1,3,11,3s11-3,11-3V7c0,0-1,3-11,3S20,7,20,7V10z"/>
+<path fill="#F57C00" d="M28,31.899V36v3.001v0.891C28.901,39.958,29.887,40,31,40c0.353,0,0.67-0.012,1-0.02v-0.979V36v-4.101  c0-5.154-6.604-6.149-11.943-6.782L20,29.015C24.615,29.372,28,30.526,28,31.899z"/>
+<g>
+	<path fill="#D66805" d="M31,31c0.326,0,0.621-0.011,0.925-0.018c-0.217-1.27-0.899-2.238-1.866-3   c-7.993-0.164-9.708-2.337-10.002-2.865l-0.027,1.9c4.6,0.359,7.971,1.512,7.971,2.882v0.992C28.901,30.958,29.887,31,31,31z"/>
+	<path fill="#D66805" d="M28,33.892V36v0.892C28.901,36.958,29.887,37,31,37c0.353,0,0.67-0.012,1-0.02V36v-2.02   C31.67,33.988,31.353,34,31,34C29.887,34,28.901,33.958,28,33.892z"/>
+</g>
+<g>
+	<rect x="6" y="29" fill="#CFD8DC" width="22" height="9.001"/>
+	<path fill="#CFD8DC" d="M6,36c0,0,1,3,11,3s11-3,11-3v4c0,0-1,3-11,3S6,40,6,40V36z"/>
+	<g>
+		<ellipse fill="#CFD8DC" cx="17" cy="28" rx="11" ry="3"/>
+	</g>
+</g>
+<g>
+	<path fill="#90A4AE" d="M6,28c0,0,1,3,11,3s11-3,11-3v3c0,0-1,3-11,3S6,31,6,31V28z"/>
+	<path fill="#90A4AE" d="M6,34c0,0,1,3,11,3s11-3,11-3v3c0,0-1,3-11,3S6,37,6,37V34z"/>
+</g>
+</svg>
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRateMultiSelectField.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRateMultiSelectField.tsx
new file mode 100644
index 0000000000..843ac15322
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRateMultiSelectField.tsx
@@ -0,0 +1,32 @@
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { EntityMultiSelect } from '@coreshop/resource/src/components/EntitySelect'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+import { loadTaxRates, getTaxRateCache, clearTaxRateCache } from './TaxRateSelect'
+
+export { clearTaxRateCache }
+
+export const TaxRateMultiSelectField: React.FC<SelectProps<number[]>> = (props) => {
+  return (
+    <DroppableEntity
+      accept='coreshop:tax_rate'
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (props.onChange && info?.data?.id) {
+          const currentValue = props.value || []
+          const newValue = Array.isArray(currentValue)
+            ? [...currentValue, info.data.id]
+            : [info.data.id]
+          const event = { target: { value: newValue } } as any
+          props.onChange(newValue, event)
+        }
+      }}
+    >
+      <EntityMultiSelect
+        {...props}
+        loadOptions={loadTaxRates}
+        getCachedOptions={getTaxRateCache}
+      />
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRateSelect.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRateSelect.tsx
new file mode 100644
index 0000000000..fe890a0b45
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRateSelect.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { EntitySelect } from '@coreshop/resource/src/components/EntitySelect'
+import { taxRateApi } from '../modules/tax-rates/api'
+
+const { load: loadTaxRates, getCache: getTaxRateCache, clearCache: clearTaxRateCache } = createOptionsLoader(async () => {
+  const rows = await taxRateApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export { loadTaxRates, getTaxRateCache, clearTaxRateCache }
+
+export const TaxRateSelect: React.FC<SelectProps> = (props) => {
+  return (
+    <DroppableEntity
+      accept="coreshop:tax_rate"
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (props.onChange && info?.data?.id) {
+          const event = { target: { value: info.data.id } } as any
+          props.onChange(info.data.id, event)
+        }
+      }}
+    >
+      <EntitySelect
+        {...props}
+        loadOptions={loadTaxRates}
+        getCachedOptions={getTaxRateCache}
+      />
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRuleGroupSelect.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRuleGroupSelect.tsx
new file mode 100644
index 0000000000..1c8c103484
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/components/TaxRuleGroupSelect.tsx
@@ -0,0 +1,36 @@
+import React from 'react'
+import type { SelectProps } from 'antd'
+import { DroppableEntity } from '@coreshop/resource/src/entities/components/dnd/DroppableEntity'
+import { createOptionsLoader } from '@coreshop/resource/src/utils/createOptionsLoader'
+import { EntitySelect } from '@coreshop/resource/src/components/EntitySelect'
+import { taxRuleGroupApi } from '../modules/tax-rule-groups/api'
+
+const { load: loadTaxRuleGroups, getCache: getTaxRuleGroupCache, clearCache: clearTaxRuleGroupCache } = createOptionsLoader(async () => {
+  const rows = await taxRuleGroupApi.list()
+  return (Array.isArray(rows) ? rows : [])
+    .map((r: any) => ({ value: r.id, label: r.name ?? String(r.id) }))
+    .filter((o: any) => o.value != null && o.label)
+})
+
+export { loadTaxRuleGroups, getTaxRuleGroupCache, clearTaxRuleGroupCache }
+
+export const TaxRuleGroupSelect: React.FC<SelectProps> = (props) => {
+  return (
+    <DroppableEntity
+      accept="coreshop:tax_rule_group"
+      isValidData={(info) => typeof info?.data?.id === 'number'}
+      onDrop={(info) => {
+        if (props.onChange && info?.data?.id) {
+          const event = { target: { value: info.data.id } } as any
+          props.onChange(info.data.id, event)
+        }
+      }}
+    >
+      <EntitySelect
+        {...props}
+        loadOptions={loadTaxRuleGroups}
+        getCachedOptions={getTaxRuleGroupCache}
+      />
+    </DroppableEntity>
+  )
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopTaxRate.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopTaxRate.tsx
new file mode 100644
index 0000000000..03c2add81a
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopTaxRate.tsx
@@ -0,0 +1,17 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadTaxRates, getTaxRateCache, clearTaxRateCache } from '../components/TaxRateSelect'
+
+export { loadTaxRates, getTaxRateCache, clearTaxRateCache }
+
+export class DynamicTypeObjectDataCoreShopTaxRate extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopTaxRate'
+  loadOptions = loadTaxRates
+  getCachedOptions = getTaxRateCache
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopTaxRuleGroup.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopTaxRuleGroup.tsx
new file mode 100644
index 0000000000..8f4b46abe2
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/DynamicTypeObjectDataCoreShopTaxRuleGroup.tsx
@@ -0,0 +1,17 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { DynamicTypeObjectDataCoreShopSelect } from '@coreshop/resource/src/dynamic-types/DynamicTypeObjectDataCoreShopSelect'
+import { loadTaxRuleGroups, getTaxRuleGroupCache, clearTaxRuleGroupCache } from '../components/TaxRuleGroupSelect'
+
+export { loadTaxRuleGroups, getTaxRuleGroupCache, clearTaxRuleGroupCache }
+
+export class DynamicTypeObjectDataCoreShopTaxRuleGroup extends DynamicTypeObjectDataCoreShopSelect {
+  readonly id = 'coreShopTaxRuleGroup'
+  loadOptions = loadTaxRuleGroups
+  getCachedOptions = getTaxRuleGroupCache
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
new file mode 100644
index 0000000000..40c543d0b3
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/dynamic-types/index.ts
@@ -0,0 +1,9 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { DynamicTypeObjectDataCoreShopTaxRate } from './DynamicTypeObjectDataCoreShopTaxRate'
+export { DynamicTypeObjectDataCoreShopTaxRuleGroup } from './DynamicTypeObjectDataCoreShopTaxRuleGroup'
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/index.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/index.ts
new file mode 100644
index 0000000000..e2093b2ccd
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/index.ts
@@ -0,0 +1,18 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+// Public API for external plugins
+export * from './modules/tax-rates'
+export * from './modules/tax-rule-groups'
+export { TaxRateSelect, loadTaxRates, getTaxRateCache, clearTaxRateCache } from './components/TaxRateSelect'
+export { TaxRateMultiSelectField } from './components/TaxRateMultiSelectField'
+export { TaxRuleGroupSelect, loadTaxRuleGroups, getTaxRuleGroupCache, clearTaxRuleGroupCache } from './components/TaxRuleGroupSelect'
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..20b5ee5c0e
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,71 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { container, IAbstractPlugin } from '@pimcore/studio-ui-bundle'
+import { TaxationBundleIconModule } from './modules/icon-library'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { WidgetRegistry } from '@pimcore/studio-ui-bundle/modules/widget-manager'
+import { DynamicTypeObjectDataRegistry } from '@pimcore/studio-ui-bundle/modules/element'
+import { widgetRegistryServiceId } from '@coreshop/studio-form'
+import type { WidgetRegistry as StudioFormWidgetRegistry } from '@coreshop/studio-form'
+import { EntityChoiceWidget } from '@coreshop/resource/src/components/EntityChoiceWidget'
+import { TaxRateManager } from './modules/tax-rates/TaxRateManager'
+import { TaxRuleGroupManager } from './modules/tax-rule-groups/TaxRuleGroupManager'
+import { loadTaxRates, getTaxRateCache } from './components/TaxRateSelect'
+import { loadTaxRuleGroups, getTaxRuleGroupCache } from './components/TaxRuleGroupSelect'
+import {
+    DynamicTypeObjectDataCoreShopTaxRate,
+    DynamicTypeObjectDataCoreShopTaxRuleGroup
+} from './dynamic-types'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-taxation',
+
+    onInit() {
+        const objectDataRegistry = container.get<DynamicTypeObjectDataRegistry>(
+            serviceIds['DynamicTypes/ObjectDataRegistry']
+        )
+
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopTaxRate())
+        objectDataRegistry.registerDynamicType(new DynamicTypeObjectDataCoreShopTaxRuleGroup())
+
+        // Register StudioForm widgets for TaxationChoiceTypes
+        const formWidgetRegistry = container.get<StudioFormWidgetRegistry>(widgetRegistryServiceId)
+
+        formWidgetRegistry.register('coreshop_tax_rule_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadTaxRates, getCachedOptions: getTaxRateCache, droppableAccept: 'coreshop:tax_rate', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+
+        formWidgetRegistry.register('coreshop_tax_rule_group_choice', (field) => ({
+            component: EntityChoiceWidget,
+            props: { loadOptions: loadTaxRuleGroups, getCachedOptions: getTaxRuleGroupCache, droppableAccept: 'coreshop:tax_rule_group', mode: field.multiple ? 'multiple' as const : undefined }
+        }))
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(TaxationBundleIconModule)
+
+        const widgets = container.get<WidgetRegistry>(serviceIds.widgetManager)
+
+        widgets.registerWidget({
+            name: 'coreshop-taxation-tax-rates',
+            component: TaxRateManager
+        })
+        widgets.registerWidget({
+            name: 'coreshop-taxation-tax-rule-groups',
+            component: TaxRuleGroupManager
+        })
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..2e6f2ea074
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,49 @@
+/**
+ * CoreShop TaxationBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import taxesIcon from '../../assets/taxes.svg?react'
+
+export const TaxationBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_tax',
+      component: taxesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_taxes',
+      component: taxesIcon
+    })
+
+    iconLibrary.register({
+      name: 'coreshop_nav_icon_tax_rule_groups',
+      component: taxesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_taxes',
+      component: taxesIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_taxation',
+      component: taxesIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateForm.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateForm.tsx
new file mode 100644
index 0000000000..d5163de4f2
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateForm.tsx
@@ -0,0 +1,26 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { TaxRateDetail } from './api'
+
+export const TaxRateForm: React.FC<SchemaFormProps<TaxRateDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<TaxRateDetail>
+        {...props}
+        blockPrefix="coreshop_tax_rate"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateManager.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateManager.tsx
new file mode 100644
index 0000000000..f101d3657c
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/TaxRateManager.tsx
@@ -0,0 +1,58 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { taxRateApi, type TaxRateDetail } from './api'
+import { TaxRateForm } from './TaxRateForm'
+
+export const TaxRateManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<TaxRateDetail>
+      api={ taxRateApi }
+      dragType='coreshop:tax_rate'
+      leftRootTitle={t('coreshop_tax_rate', { defaultValue: 'Tax Rates' })}
+      localizable
+      getTitle={ (li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}` }
+      buildSavePayload={ (data) => data }
+      onAdd={ async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_tax_rate', { defaultValue: 'Add Tax Rate' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          onOk: async (value: string) => {
+            const res = await taxRateApi.add({ name: value })
+            resolve(res.data.id)
+          }
+        })
+      }) }
+      renderDetail={ (data, setData, ctx) => {
+        if (!data) {
+          return <div style={ { padding: 12, color: 'var(--ant-color-text-tertiary)' } }>{t('coreshop_tax_rate_select', { defaultValue: 'Select a tax rate to view details.' })}</div>
+        }
+
+        return (
+          <TaxRateForm
+            data={ data }
+            currentLocale={ ctx?.currentLocale ?? 'en' }
+            locales={ ctx?.locales }
+            onChange={ (draft) => setData(draft) }
+          />
+        )
+      } }
+    />
+  )
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/api.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/api.ts
new file mode 100644
index 0000000000..22d702e899
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/api.ts
@@ -0,0 +1,31 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface TaxRateTranslation {
+  locale: string
+  name: string
+}
+
+export interface TaxRateDetail extends Record<string, any> {
+  id: number
+  name: string
+  rate: number
+  active: boolean
+  translations: Record<string, TaxRateTranslation>
+}
+
+export const taxRateApi = new EntityApi<TaxRateDetail>({
+    basePath: '/pimcore-studio/api',
+    resourcePath: '/coreshop/tax_rates'
+})
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/index.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/index.ts
new file mode 100644
index 0000000000..84d46f47ca
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rates/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { taxRateApi } from './api'
+export { TaxRateManager } from './TaxRateManager'
+export { TaxRateForm } from './TaxRateForm'
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/TaxRuleGroupForm.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/TaxRuleGroupForm.tsx
new file mode 100644
index 0000000000..dea8c00903
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/TaxRuleGroupForm.tsx
@@ -0,0 +1,26 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { SchemaForm, type SchemaFormProps } from '@coreshop/studio-form/src/schema-adapter'
+import type { TaxRuleGroupDetail } from './api'
+
+export const TaxRuleGroupForm: React.FC<SchemaFormProps<TaxRuleGroupDetail>> = (props) => {
+  return (
+    <div style={{ padding: 12 }}>
+      <SchemaForm<TaxRuleGroupDetail>
+        {...props}
+        blockPrefix="coreshop_taxation_tax_rule_group"
+      />
+    </div>
+  )
+}
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/TaxRuleGroupManager.tsx b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/TaxRuleGroupManager.tsx
new file mode 100644
index 0000000000..5d0c6d382c
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/TaxRuleGroupManager.tsx
@@ -0,0 +1,57 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { EntityTabbedManager } from '@coreshop/resource/src/entities'
+import { useFormModal } from '@pimcore/studio-ui-bundle/components'
+import { useTranslation } from 'react-i18next'
+import { taxRuleGroupApi, type TaxRuleGroupDetail } from './api'
+import { TaxRuleGroupForm } from './TaxRuleGroupForm'
+
+export const TaxRuleGroupManager: React.FC = () => {
+  const { t } = useTranslation()
+  const modal = useFormModal()
+
+  return (
+    <EntityTabbedManager<TaxRuleGroupDetail>
+      api={taxRuleGroupApi}
+      dragType='coreshop:tax_rule_group'
+      leftRootTitle={t('coreshop_tax_rule_group', { defaultValue: 'Tax Rule Groups' })}
+      getTitle={(li, data) => data?.name ?? li?.name ?? `#${li?.id ?? ''}`}
+      buildSavePayload={(data) => data}
+      onAdd={async () => await new Promise<number>((resolve) => {
+        modal.input({
+          title: t('coreshop_tax_rule_group', { defaultValue: 'Add Tax Rule Group' }),
+          label: t('coreshop_name', { defaultValue: 'Name' }),
+          onOk: async (value: string) => {
+            const res = await taxRuleGroupApi.add({ name: value })
+            resolve(res.data.id)
+          }
+        })
+      })}
+      renderDetail={(data, setData, ctx) => {
+        if (!data) {
+          return <div style={{ padding: 12, color: 'var(--ant-color-text-tertiary)' }}>{t('coreshop_tax_rule_group_select', { defaultValue: 'Select a tax rule group to view details.' })}</div>
+        }
+
+        return (
+          <TaxRuleGroupForm
+            data={data}
+            currentLocale={ctx?.currentLocale ?? 'en'}
+            locales={ctx?.locales}
+            onChange={(draft) => setData(draft)}
+          />
+        )
+      }}
+    />
+  )
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/api.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/api.ts
new file mode 100644
index 0000000000..27ed2d0e30
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/api.ts
@@ -0,0 +1,34 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { EntityApi } from '@coreshop/resource/src/entities'
+
+export interface TaxRule {
+  id?: number
+  taxRuleGroup: number
+  taxRate: number
+  behavior: number
+  country?: number
+  state?: number
+}
+
+export interface TaxRuleGroupDetail extends Record<string, any> {
+  id: number
+  name: string
+  active: boolean
+  taxRules: TaxRule[]
+}
+
+export const taxRuleGroupApi = new EntityApi<TaxRuleGroupDetail>({
+  basePath: '/pimcore-studio/api',
+  resourcePath: '/coreshop/tax_rule_groups'
+})
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/index.ts b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/index.ts
new file mode 100644
index 0000000000..9f8fefb15f
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/modules/tax-rule-groups/index.ts
@@ -0,0 +1,15 @@
+/**
+ * CoreShop TaxationBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { taxRuleGroupApi } from './api'
+export { TaxRuleGroupManager } from './TaxRuleGroupManager'
+export { TaxRuleGroupForm } from './TaxRuleGroupForm'
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRate.yml b/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRate.yml
index 2d6d7b1034..50c928921e 100755
--- a/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRate.yml
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRate.yml
@@ -14,7 +14,7 @@ CoreShop\Component\Taxation\Model\TaxRate:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
+            groups: [List, Detailed]
         rate:
             expose: true
             type: float
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRuleGroup.yml b/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRuleGroup.yml
index 1c1d3952a3..0b7d13bc06 100755
--- a/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRuleGroup.yml
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/config/serializer/Model.TaxRuleGroup.yml
@@ -14,7 +14,7 @@ CoreShop\Component\Taxation\Model\TaxRuleGroup:
         active:
             expose: true
             type: boolean
-            groups: [Detailed]
+            groups: [List, Detailed]
         taxRules:
             expose: true
             type: ArrayCollection
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/form.yml b/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/form.yml
index 974f0ee6e8..532e3b52c8 100644
--- a/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/form.yml
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/form.yml
@@ -27,6 +27,7 @@ services:
             - '%coreshop.form.type.tax_rule_group.validation_groups%'
         tags:
             -  { name: form.type }
+            -  { name: coreshop.studio_form }
 
     CoreShop\Bundle\TaxationBundle\Form\Type\TaxRuleGroupChoiceType:
         arguments:
@@ -47,3 +48,4 @@ services:
             - '%coreshop.form.type.tax_rate.validation_groups%'
         tags:
             -  { name: form.type }
+            -  { name: coreshop.studio_form }
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..9be4e4c0a8
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\TaxationBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/TaxationBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..ad41ce4934
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,16 @@
+---
+coreshop_tax_rate: 'Steuerrate'
+coreshop_tax_rule_group: 'Steuerregel'
+coreshop_tax_rule_behavior_disable: 'Nur diese Steuer'
+coreshop_tax_rule_behavior_combine: 'Kombinieren'
+coreshop_tax_rule_behavior_on_after_another: 'Eine nach der anderen'
+coreshop_tax_rule_behavior: 'Verhalten'
+coreshop_all: 'Alle'
+coreshop_permission_tax_rate: 'CoreShop: Steuerrate'
+coreshop_permission_tax_rule_group: 'CoreShop: Steuerregel'
+
+# Studio v2
+coreshop_name: 'Name'
+coreshop_active: 'Aktiv'
+coreshop_tax_rate_select: 'Steuerrate auswählen'
+coreshop_tax_rule_group_select: 'Steuerregel auswählen'
diff --git a/src/CoreShop/Bundle/TaxationBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/TaxationBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..3a7809af4a
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,16 @@
+---
+coreshop_tax_rate: 'Tax Rate'
+coreshop_tax_rule_group: 'Tax Rule'
+coreshop_tax_rule_behavior_disable: 'This Tax only'
+coreshop_tax_rule_behavior_combine: 'Combine'
+coreshop_tax_rule_behavior_on_after_another: 'One after another'
+coreshop_tax_rule_behavior: 'Behavior'
+coreshop_all: 'All'
+coreshop_permission_tax_rate: 'CoreShop: Tax Rate'
+coreshop_permission_tax_rule_group: 'CoreShop: Tax Rule'
+
+# Studio v2
+coreshop_name: 'Name'
+coreshop_active: 'Active'
+coreshop_tax_rate_select: 'Select tax rate'
+coreshop_tax_rule_group_select: 'Select tax rule group'
diff --git a/src/CoreShop/Bundle/TaxationBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/TaxationBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..ba69803a94
--- /dev/null
+++ b/src/CoreShop/Bundle/TaxationBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\TaxationBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/TaxationBundle/composer.json b/src/CoreShop/Bundle/TaxationBundle/composer.json
index 39f6d28285..8dd30bb389 100644
--- a/src/CoreShop/Bundle/TaxationBundle/composer.json
+++ b/src/CoreShop/Bundle/TaxationBundle/composer.json
@@ -1,59 +1,66 @@
 {
-  "name": "coreshop/taxation-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Taxation Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/taxation-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Taxation Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/taxation": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/money-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/taxation": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/money-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\TaxationBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\TaxationBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/TestBundle/README.md b/src/CoreShop/Bundle/TestBundle/README.md
index 2cd0af7daf..f1555e8661 100644
--- a/src/CoreShop/Bundle/TestBundle/README.md
+++ b/src/CoreShop/Bundle/TestBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/TestBundle/composer.json b/src/CoreShop/Bundle/TestBundle/composer.json
index 026fa2f544..fcc7e8cd85 100644
--- a/src/CoreShop/Bundle/TestBundle/composer.json
+++ b/src/CoreShop/Bundle/TestBundle/composer.json
@@ -1,71 +1,74 @@
 {
-  "name": "coreshop/test-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Test Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/test-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Test Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "pimcore/pimcore": "^12.0",
+        "coreshop/pimcore": "^5.0",
+        "behat/behat": "^3.8",
+        "robertfausk/behat-panther-extension": "^1.0",
+        "behat/mink": "^1.8",
+        "dbrekelmans/bdi": "^1.0.0",
+        "doctrine/orm": "^3.0",
+        "doctrine/data-fixtures": "^1.5",
+        "friends-of-behat/mink-debug-extension": "^2.0",
+        "friends-of-behat/mink-extension": "^2.4",
+        "friends-of-behat/page-object-extension": "^0.3.2",
+        "friends-of-behat/symfony-extension": "^2.1",
+        "lakion/mink-debug-extension": "^2.0",
+        "symfony/panther": "^2.0",
+        "webmozart/assert": "^1.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "pimcore/pimcore": "^12.3",
-    "pimcore/newsletter-bundle": "^2.0",
-    "coreshop/pimcore": "^5.0",
-    "behat/behat": "^3.8",
-    "robertfausk/behat-panther-extension": "^1.0",
-    "behat/mink": "^1.8",
-    "dbrekelmans/bdi": "^1.0.0",
-    "doctrine/orm": "^3.0",
-    "doctrine/data-fixtures": "^1.8",
-    "friends-of-behat/mink-debug-extension": "^2.0",
-    "friends-of-behat/mink-extension": "^2.4",
-    "friends-of-behat/page-object-extension": "^0.3.2",
-    "friends-of-behat/symfony-extension": "^2.1",
-    "lakion/mink-debug-extension": "^2.0",
-    "symfony/panther": "^2.0",
-    "webmozart/assert": "^1.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\TestBundle\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\TestBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/newsletter-bundle": "^2.0 - Enables Pimcore Newsletter document type and field integrations"
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/ThemeBundle/README.md b/src/CoreShop/Bundle/ThemeBundle/README.md
index ffc305dfe7..e6e12392d5 100644
--- a/src/CoreShop/Bundle/ThemeBundle/README.md
+++ b/src/CoreShop/Bundle/ThemeBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/ThemeBundle/composer.json b/src/CoreShop/Bundle/ThemeBundle/composer.json
index a5281e51b8..344f043cf8 100644
--- a/src/CoreShop/Bundle/ThemeBundle/composer.json
+++ b/src/CoreShop/Bundle/ThemeBundle/composer.json
@@ -1,59 +1,59 @@
 {
-  "name": "coreshop/theme-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Theme Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/theme-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Theme Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/registry": "^5.0",
+        "coreshop/pimcore-bundle": "^5.0",
+        "sylius/theme-bundle": "^2.2",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/registry": "^5.0",
-    "coreshop/pimcore-bundle": "^5.0",
-    "sylius/theme-bundle": "^2.2",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\ThemeBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\ThemeBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/TrackingBundle/CoreShopTrackingBundle.php b/src/CoreShop/Bundle/TrackingBundle/CoreShopTrackingBundle.php
index 9830c465f7..b53528ad7b 100644
--- a/src/CoreShop/Bundle/TrackingBundle/CoreShopTrackingBundle.php
+++ b/src/CoreShop/Bundle/TrackingBundle/CoreShopTrackingBundle.php
@@ -19,7 +19,6 @@
 
 use CoreShop\Bundle\TrackingBundle\DependencyInjection\Compiler\TrackerPass;
 use CoreShop\Bundle\TrackingBundle\DependencyInjection\Compiler\TrackingExtractorPass;
-use Pimcore\Bundle\GoogleMarketingBundle\PimcoreGoogleMarketingBundle;
 use Pimcore\HttpKernel\Bundle\DependentBundleInterface;
 use Pimcore\HttpKernel\BundleCollection\BundleCollection;
 use Symfony\Component\DependencyInjection\ContainerBuilder;
@@ -29,10 +28,12 @@ final class CoreShopTrackingBundle extends Bundle implements DependentBundleInte
 {
     public static function registerDependentBundles(BundleCollection $collection): void
     {
-        /**
-         * @psalm-suppress DeprecatedClass
-         */
-        $collection->addBundle(new PimcoreGoogleMarketingBundle(), 1000);
+        if (class_exists(\Pimcore\Bundle\GoogleMarketingBundle\PimcoreGoogleMarketingBundle::class)) {
+            /**
+             * @psalm-suppress DeprecatedClass
+             */
+            $collection->addBundle(new \Pimcore\Bundle\GoogleMarketingBundle\PimcoreGoogleMarketingBundle(), 1000);
+        }
     }
 
     public function build(ContainerBuilder $container): void
diff --git a/src/CoreShop/Bundle/TrackingBundle/DependencyInjection/CoreShopTrackingExtension.php b/src/CoreShop/Bundle/TrackingBundle/DependencyInjection/CoreShopTrackingExtension.php
index d4f6bb4043..0b9cd6cd24 100644
--- a/src/CoreShop/Bundle/TrackingBundle/DependencyInjection/CoreShopTrackingExtension.php
+++ b/src/CoreShop/Bundle/TrackingBundle/DependencyInjection/CoreShopTrackingExtension.php
@@ -39,6 +39,12 @@ public function load(array $configs, ContainerBuilder $container): void
         $loader = new YamlFileLoader($container, new FileLocator(__DIR__ . '/../Resources/config'));
         $loader->load('services.yml');
 
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreGoogleMarketingBundle', $bundles)) {
+            $loader->load('services/google_marketing.yml');
+        }
+
         $this->configureTrackers($configs, $container);
 
         Autoconfiguration::registerForAutoConfiguration(
diff --git a/src/CoreShop/Bundle/TrackingBundle/README.md b/src/CoreShop/Bundle/TrackingBundle/README.md
index 66dfb37731..a8b1662d8d 100644
--- a/src/CoreShop/Bundle/TrackingBundle/README.md
+++ b/src/CoreShop/Bundle/TrackingBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/TrackingBundle/Resources/config/services.yml b/src/CoreShop/Bundle/TrackingBundle/Resources/config/services.yml
index 15841b54b6..d9795926b0 100755
--- a/src/CoreShop/Bundle/TrackingBundle/Resources/config/services.yml
+++ b/src/CoreShop/Bundle/TrackingBundle/Resources/config/services.yml
@@ -17,94 +17,6 @@ services:
         tags:
             - { name: coreshop.registry, type_hint: trackingExtractors }
 
-    CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolverInterface: '@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver'
-    CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver:
-        public: true
-        arguments:
-            - '@Pimcore\Bundle\GoogleMarketingBundle\SiteId\SiteIdProvider'
-            - '@Pimcore\Bundle\GoogleMarketingBundle\Config\ConfigProvider'
-
-    CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker:
-        abstract: true
-        arguments:
-            - '@twig'
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker:
-        public: true
-
-    CoreShop\Bundle\TrackingBundle\EventListener\GtmDataLayerBlockListener:
-        public: true
-        arguments:
-            - '@Pimcore\Http\Request\Resolver\PimcoreContextResolver'
-            - '@Pimcore\Http\ResponseHelper'
-            - '@Pimcore\Bundle\GoogleMarketingBundle\SiteId\SiteIdProvider'
-            - '@CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker'
-        tags:
-            - { name: kernel.event_listener, event: kernel.response, method: onKernelResponse, priority: -100 }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\AnalyticsEnhancedEcommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-analytics-enhanced-ecommerce }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\GA4Ecommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-analytics-4 }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\GA4TagManagerEcommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-analytics-4-tag-manager }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\UniversalEcommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-analytics-universal-ecommerce }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\GlobalSiteTagEnhancedEcommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-gtag-enhanced-ecommerce }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\TagManagerClassicEcommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setCodeTracker, ['@CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-gtm-classic-ecommerce }
-
-    CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\TagManagerEnhancedEcommerce:
-        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
-        public: true
-        calls:
-            - [setCodeTracker, ['@CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker']]
-            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
-        tags:
-            - { name: coreshop.tracking.tracker, type: google-gtm-enhanced-ecommerce }
-
     CoreShop\Component\Tracking\Extractor\TrackingExtractorInterface: '@CoreShop\Component\Tracking\Extractor\CompositeExtractor'
     CoreShop\Component\Tracking\Extractor\CompositeExtractor:
         arguments:
diff --git a/src/CoreShop/Bundle/TrackingBundle/Resources/config/services/google_marketing.yml b/src/CoreShop/Bundle/TrackingBundle/Resources/config/services/google_marketing.yml
new file mode 100644
index 0000000000..55cc79b656
--- /dev/null
+++ b/src/CoreShop/Bundle/TrackingBundle/Resources/config/services/google_marketing.yml
@@ -0,0 +1,88 @@
+services:
+    CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolverInterface: '@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver'
+    CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver:
+        public: true
+        arguments:
+            - '@Pimcore\Bundle\GoogleMarketingBundle\SiteId\SiteIdProvider'
+            - '@Pimcore\Bundle\GoogleMarketingBundle\Config\ConfigProvider'
+
+    CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker:
+        abstract: true
+        arguments:
+            - '@twig'
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker:
+        public: true
+
+    CoreShop\Bundle\TrackingBundle\EventListener\GtmDataLayerBlockListener:
+        public: true
+        arguments:
+            - '@Pimcore\Http\Request\Resolver\PimcoreContextResolver'
+            - '@Pimcore\Http\ResponseHelper'
+            - '@Pimcore\Bundle\GoogleMarketingBundle\SiteId\SiteIdProvider'
+            - '@CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker'
+        tags:
+            - { name: kernel.event_listener, event: kernel.response, method: onKernelResponse, priority: -100 }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\AnalyticsEnhancedEcommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-analytics-enhanced-ecommerce }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\GA4Ecommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-analytics-4 }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\GA4TagManagerEcommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-analytics-4-tag-manager }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\UniversalEcommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-analytics-universal-ecommerce }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\GlobalSiteTagEnhancedEcommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setTracker, ['@Pimcore\Bundle\GoogleMarketingBundle\Tracker\Tracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-gtag-enhanced-ecommerce }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\TagManagerClassicEcommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setCodeTracker, ['@CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-gtm-classic-ecommerce }
+
+    CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\TagManagerEnhancedEcommerce:
+        parent: CoreShop\Bundle\TrackingBundle\Tracker\AbstractEcommerceTracker
+        public: true
+        calls:
+            - [setCodeTracker, ['@CoreShop\Bundle\TrackingBundle\Tracker\Google\TagManager\CodeTracker']]
+            - [setConfigResolver, ['@CoreShop\Bundle\TrackingBundle\Resolver\ConfigResolver']]
+        tags:
+            - { name: coreshop.tracking.tracker, type: google-gtm-enhanced-ecommerce }
diff --git a/src/CoreShop/Bundle/TrackingBundle/composer.json b/src/CoreShop/Bundle/TrackingBundle/composer.json
index 6f83e5de94..5b94330cee 100644
--- a/src/CoreShop/Bundle/TrackingBundle/composer.json
+++ b/src/CoreShop/Bundle/TrackingBundle/composer.json
@@ -1,60 +1,62 @@
 {
-  "name": "coreshop/tracking-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Tracking Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/tracking-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Tracking Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/registry": "^5.0",
+        "coreshop/tracking": "^5.0",
+        "coreshop/pimcore-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/registry": "^5.0",
-    "coreshop/tracking": "^5.0",
-    "coreshop/pimcore-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "pimcore/google-marketing-bundle": "^2.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\TrackingBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\TrackingBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/google-marketing-bundle": "^2.0 - Enables Google Marketing tracking integrations"
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/UserBundle/DependencyInjection/CoreShopUserExtension.php b/src/CoreShop/Bundle/UserBundle/DependencyInjection/CoreShopUserExtension.php
index 8718892d5f..2d9f25f6c2 100644
--- a/src/CoreShop/Bundle/UserBundle/DependencyInjection/CoreShopUserExtension.php
+++ b/src/CoreShop/Bundle/UserBundle/DependencyInjection/CoreShopUserExtension.php
@@ -35,5 +35,11 @@ public function load(array $configs, ContainerBuilder $container): void
         $this->registerStack('coreshop', $configs['stack'], $container);
 
         $loader->load('services.yml');
+
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
     }
 }
diff --git a/src/CoreShop/Bundle/UserBundle/README.md b/src/CoreShop/Bundle/UserBundle/README.md
index 61bd2308ce..d2378643ef 100644
--- a/src/CoreShop/Bundle/UserBundle/README.md
+++ b/src/CoreShop/Bundle/UserBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..fa203cdf3b
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,25 @@
+{
+  "name": "@coreshop/user",
+  "version": "1.0.0",
+  "description": "CoreShop UserBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  }
+}
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg
new file mode 100644
index 0000000000..6a91b350c4
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/assets/customer-group.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48;" xml:space="preserve"  >
+<rect x="27" y="13.25" style="fill:#3E2723;" width="12" height="13.731"/>
+<path style="fill:#2196F3;" d="M36.75,26L36.75,26c0,0-2.219-0.313-3.75-0.313S29.25,26,29.25,26S21,27.527,21,36h24  C45,27.559,36.75,26,36.75,26"/>
+<path style="fill:#EF8D3C;" d="M33,29.75c-1.439,0-3.5-3.75-3.5-3.75v-5h7v5C36.5,26,34.439,29.75,33,29.75"/>
+<path style="fill:#FFAA45;" d="M40,18c0,3.728-3.272,7-7,7c-3.729,0-7-3.272-7-7v-6c0-3.728,14-5.726,14,0V18z M33,31  c2.901,0,3.5-5,3.5-5s-1.864,3-3.5,3s-3.5-3-3.5-3S30.099,31,33,31"/>
+<path style="fill:#0D47A1;" d="M33,33c3.552,0,5.066-3.932,5.443-6.467C37.456,26.14,36.75,26,36.75,26s-0.103-0.014-0.25-0.033V26  c0,0-0.599,5-3.5,5s-3.5-5-3.5-5v-0.033C29.353,25.986,29.25,26,29.25,26s-0.706,0.137-1.694,0.528C27.932,29.063,29.446,33,33,33z"/>
+<path style="fill:#784719;" d="M35,17c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S35,17.551,35,17 M29,17c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S29,16.449,29,17"/>
+<path style="fill:#4E342E;" d="M33,6c-4.556,0-11,2.089-11,17l5,3.98V16l9-5l3,4v12l5-5c0-3.019-0.255-14.5-8-14.5L35,6H33z"/>
+<path style="fill:#FFA726;" d="M23,23.5c0,0.828-0.672,1.5-1.5,1.5c-0.829,0-1.5-0.672-1.5-1.5s0.671-1.5,1.5-1.5  C22.328,22,23,22.672,23,23.5 M10,23.5c0-0.828-0.672-1.5-1.5-1.5S7,22.672,7,23.5S7.672,25,8.5,25S10,24.328,10,23.5"/>
+<path style="fill:#FF9800;" d="M19,32c0,0,0,4-4,4s-4-4-4-4"/>
+<path style="fill:#4FC3F7;" d="M18.75,32L18.75,32L15,32.77L11.25,32c0,0-8.25,1.527-8.25,10h24C27,33.559,18.75,32,18.75,32"/>
+<path style="fill:#FF9800;" d="M15,36c-4,0-4-4-4-4v-4h8v4C19,32,19,36,15,36z"/>
+<path style="fill:#FFB74D;" d="M22,19.68c0-5.879-14-3.828-14,0v4.391C8,27.895,11.133,31,15,31c3.866,0,7-3.105,7-6.93V19.68z"/>
+<path style="fill:#01579B;" d="M15,38c3.059,0,5.578-2.292,5.948-5.25c-0.884-0.398-1.603-0.607-1.954-0.693  C18.963,34.238,17.19,36,15,36c-2.19,0-3.964-1.762-3.994-3.945c-0.353,0.086-1.071,0.293-1.955,0.688C9.417,35.705,11.939,38,15,38  z"/>
+<path style="fill:#795548;" d="M15,12c-4.86,0-8,4.313-8,8.172V22l2,2v-4l9.2-3l2.8,3v4l2-2v-0.809c0-3.218-0.831-6.803-4.8-7.592  L17.399,12H15z"/>
+<path style="fill:#784719;" d="M17,23c0-0.551,0.448-1,1-1s1,0.449,1,1s-0.448,1-1,1S17,23.551,17,23 M11,23c0,0.551,0.448,1,1,1  s1-0.449,1-1s-0.448-1-1-1S11,22.449,11,23"/>
+</svg>
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/assets/customer.svg b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/assets/customer.svg
new file mode 100644
index 0000000000..8dbce08bdb
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/assets/customer.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Слой_1" x="0px" y="0px"   viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path fill="#4FC3F7" d="M29,31L29,31c0,0-1,4-5,4s-5-4-5-4S8,32.986,8,44h32C40,33.025,29,31,29,31"/>
+<path fill="#FF9800" d="M24,37c-5,0-5-6-5-6v-6h10v6C29,31,29,37,24,37z"/>
+<g>
+	<path fill="#FFA726" d="M35,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S35,17.895,35,19"/>
+	<path fill="#FFA726" d="M17,19c0,1.105-0.895,2-2,2s-2-0.895-2-2s0.895-2,2-2S17,17.895,17,19"/>
+</g>
+<path fill="#FFB74D" d="M33,13c0-7.635-18-4.971-18,0v7c0,4.971,4.029,9,9,9c4.971,0,9-4.029,9-9V13z"/>
+<path fill="#424242" d="M24,4c-6.075,0-10,4.925-10,11v2.284L16,19v-5l12-4l4,4v5l2-1.741V15c0-4.025-1.038-8.015-6-9l-1-2H24z"/>
+<g>
+	<path fill="#784719" d="M27,19c0,0.552,0.448,1,1,1s1-0.448,1-1s-0.448-1-1-1S27,18.448,27,19"/>
+	<path fill="#784719" d="M19,19c0,0.552,0.448,1,1,1s1-0.448,1-1s-0.448-1-1-1S19,18.448,19,19"/>
+</g>
+<path fill="#01579B" d="M24,37c5,0,6.745-3.93,6.951-5.428C29.794,31.148,29,31,29,31s-1,4-5,4s-5-4-5-4s-0.794,0.146-1.952,0.566  C17.252,33.061,19,37,24,37z"/>
+</svg>
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..1af63f9633
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,27 @@
+/**
+ * CoreShop PaymentBundle Studio Plugin
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { IAbstractPlugin } from '@pimcore/studio-ui-bundle'
+import { UserBundleIconModule } from './modules/icon-library'
+
+const plugin: IAbstractPlugin = {
+    name: 'coreshop-user',
+
+    onInit() {
+    },
+
+    onStartup({ moduleSystem }) {
+        moduleSystem.registerModule(UserBundleIconModule)
+    }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..f5b02f8a84
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,41 @@
+/**
+ * CoreShop UserBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import customerIcon from '../../assets/customer.svg?react'
+// @ts-ignore
+import customerGroupIcon from '../../assets/customer-group.svg?react'
+
+export const UserBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_user',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_customer',
+      component: customerIcon
+    })
+    
+    iconLibrary.register({
+      name: 'coreshop_customer_group',
+      component: customerGroupIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..2f65df2d62
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/UserBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..30826382ed
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\UserBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/install/pimcore/classes/CoreShopUser.json b/src/CoreShop/Bundle/UserBundle/Resources/install/pimcore/classes/CoreShopUser.json
index 8015d20f5d..f49303b640 100644
--- a/src/CoreShop/Bundle/UserBundle/Resources/install/pimcore/classes/CoreShopUser.json
+++ b/src/CoreShop/Bundle/UserBundle/Resources/install/pimcore/classes/CoreShopUser.json
@@ -43,7 +43,7 @@
                         "name": "information",
                         "type": null,
                         "region": null,
-                        "title": "Information",
+                        "title": "coreshop.user.information",
                         "width": null,
                         "height": null,
                         "collapsible": false,
@@ -63,7 +63,7 @@
                                 "unique": true,
                                 "showCharCount": null,
                                 "name": "loginIdentifier",
-                                "title": "Login Identifier",
+                                "title": "coreshop.user.login_identifier",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": false,
@@ -87,7 +87,7 @@
                                 "salt": "",
                                 "saltlocation": "back",
                                 "name": "password",
-                                "title": "Password",
+                                "title": "coreshop.user.password",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": false,
@@ -112,7 +112,7 @@
                                 "unique": null,
                                 "showCharCount": null,
                                 "name": "passwordResetHash",
-                                "title": "Reset Password Hash",
+                                "title": "coreshop.user.reset_password_hash",
                                 "tooltip": "",
                                 "mandatory": false,
                                 "noteditable": true,
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/UserBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..11a69a32ed
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,7 @@
+---
+CoreShopUser: 'Benutzer'
+coreshop.user.information: 'Information'
+coreshop.user.login_identifier: 'Login-Kennung'
+coreshop.user.password: 'Passwort'
+coreshop.user.reset_password_hash: 'Passwort zurücksetzen Hash'
+coreshop.user.customer: 'Kunde'
diff --git a/src/CoreShop/Bundle/UserBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/UserBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..27ea6ace47
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,7 @@
+---
+CoreShopUser: 'User'
+coreshop.user.information: 'Information'
+coreshop.user.login_identifier: 'Login Identifier'
+coreshop.user.password: 'Password'
+coreshop.user.reset_password_hash: 'Reset Password Hash'
+coreshop.user.customer: 'Customer'
diff --git a/src/CoreShop/Bundle/UserBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/UserBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..70d41adffa
--- /dev/null
+++ b/src/CoreShop/Bundle/UserBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\UserBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/UserBundle/composer.json b/src/CoreShop/Bundle/UserBundle/composer.json
index 8a82cf0804..97cc4ef3d8 100644
--- a/src/CoreShop/Bundle/UserBundle/composer.json
+++ b/src/CoreShop/Bundle/UserBundle/composer.json
@@ -1,58 +1,65 @@
 {
-  "name": "coreshop/user-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - User Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/user-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - User Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/user": "^5.0",
+        "coreshop/resource-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/user": "^5.0",
-    "coreshop/resource-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\UserBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\UserBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Bundle/VariantBundle/Controller/VariantController.php b/src/CoreShop/Bundle/VariantBundle/Controller/VariantController.php
index 521c933635..794e20b0b5 100644
--- a/src/CoreShop/Bundle/VariantBundle/Controller/VariantController.php
+++ b/src/CoreShop/Bundle/VariantBundle/Controller/VariantController.php
@@ -37,7 +37,7 @@ class VariantController extends AdminController
 {
     public function getAttributesAction(Request $request)
     {
-        $id = $this->getParameterFromRequest($request, 'id');
+        $id = (int) $this->getParameterFromRequest($request, 'id');
 
         if (!$id) {
             throw new \InvalidArgumentException('no product id given');
@@ -89,7 +89,7 @@ public function generateVariantsAction(
         MessageBusInterface $messageBus,
         TranslatorInterface $translator,
     ) {
-        $id = $this->getParameterFromRequest($request, 'id');
+        $id = (int) $this->getParameterFromRequest($request, 'id');
         $attributes = $this->getParameterFromRequest($request, 'attributes');
 
         if (!$id) {
@@ -118,7 +118,7 @@ public function generateVariantsAction(
              * @psalm-suppress InternalMethod
              */
             $messageBus->dispatch(
-                new CreateVariantMessage($product->getId(), $attributeIds, $this->getAdminUser()?->getId()),
+                new CreateVariantMessage($product->getId(), $attributeIds, $this->getPimcoreUser()?->getId()),
             );
         }
 
diff --git a/src/CoreShop/Bundle/VariantBundle/DependencyInjection/CoreShopVariantExtension.php b/src/CoreShop/Bundle/VariantBundle/DependencyInjection/CoreShopVariantExtension.php
index a20fb8aaa9..165dc7932f 100644
--- a/src/CoreShop/Bundle/VariantBundle/DependencyInjection/CoreShopVariantExtension.php
+++ b/src/CoreShop/Bundle/VariantBundle/DependencyInjection/CoreShopVariantExtension.php
@@ -43,5 +43,11 @@ public function load(array $configs, ContainerBuilder $container): void
         $container->setParameter('coreshop.variant.redirect_to_main_variant', $configs['redirect_to_main_variant']);
 
         $loader->load('services.yml');
+
+        $bundles = $container->getParameter('kernel.bundles');
+
+        if (array_key_exists('PimcoreStudioUiBundle', $bundles)) {
+            $loader->load('services/studio.yml');
+        }
     }
 }
diff --git a/src/CoreShop/Bundle/VariantBundle/README.md b/src/CoreShop/Bundle/VariantBundle/README.md
index 6bb29a091b..3f027c0ae4 100644
--- a/src/CoreShop/Bundle/VariantBundle/README.md
+++ b/src/CoreShop/Bundle/VariantBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/package.json b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/package.json
new file mode 100644
index 0000000000..32bf81928e
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@coreshop/variant",
+  "version": "1.0.0",
+  "description": "CoreShop VariantBundle - Pimcore Studio Plugin",
+  "main": "src/index.ts",
+  "scripts": {
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx ./src",
+    "lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./src --fix",
+    "check-types": "tsc --noEmit",
+    "check-types-watch": "tsc --noEmit --watch",
+    "clean": "rm -rf node_modules/.cache dist"
+  },
+  "license": "CCL",
+  "private": true,
+  "dependencies": {
+    "@coreshop/resource": "file:../../../../ResourceBundle/Resources/assets/pimcore-studio",
+    "@pimcore/studio-ui-bundle": "1.0.0-canary.20251119-143005-1b35b01",
+    "@reduxjs/toolkit": "^2.0.1",
+    "antd": "^5.12.0",
+    "immer": "^10.1.1",
+    "react": "18.3.x",
+    "react-dom": "18.3.x",
+    "react-redux": "^9.0.4",
+    "zustand": "^5.0.7"
+  }
+}
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/assets/variant.svg b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/assets/variant.svg
new file mode 100644
index 0000000000..f4e1ae434d
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/assets/variant.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <rect x="8" y="4" width="32" height="12" rx="2" fill="#7CB342"/>
+  <rect x="2" y="28" width="18" height="12" rx="2" fill="#FFA000"/>
+  <rect x="28" y="28" width="18" height="12" rx="2" fill="#1E88E5"/>
+  <line x1="24" y1="16" x2="24" y2="22" stroke="#546E7A" stroke-width="2"/>
+  <line x1="24" y1="22" x2="11" y2="22" stroke="#546E7A" stroke-width="2"/>
+  <line x1="24" y1="22" x2="37" y2="22" stroke="#546E7A" stroke-width="2"/>
+  <line x1="11" y1="22" x2="11" y2="28" stroke="#546E7A" stroke-width="2"/>
+  <line x1="37" y1="22" x2="37" y2="28" stroke="#546E7A" stroke-width="2"/>
+</svg>
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/main.ts b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/main.ts
new file mode 100644
index 0000000000..c7fc67aacf
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/main.ts
@@ -0,0 +1,43 @@
+/**
+ * CoreShop VariantBundle Studio Plugin
+ *
+ * Provides a "Generate Variants" button in the data object editor toolbar
+ * for objects whose class is in the variant_aware stack.
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type IAbstractPlugin, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import type { ComponentRegistryInterface } from '@pimcore/studio-ui-bundle/modules/app'
+import { VariantBundleIconModule } from './modules/icon-library'
+import { GenerateVariantsToolbarButton } from './modules/variant-generator/GenerateVariantsToolbarButton'
+
+const plugin: IAbstractPlugin = {
+  name: 'coreshop-variant',
+
+  onInit() {
+    // Register "Generate Variants" toolbar button in data object editor toolbar (left side)
+    const componentRegistry = container.get<ComponentRegistryInterface>(
+      serviceIds['App/ComponentRegistry/ComponentRegistry']
+    )
+
+    componentRegistry.registerToSlot('dataObject.editor.toolbar.slots.left', {
+      name: 'coreshop-generate-variants',
+      priority: 150, // After context menu (100), before language selection (200)
+      component: GenerateVariantsToolbarButton
+    })
+  },
+
+  onStartup({ moduleSystem }) {
+    moduleSystem.registerModule(VariantBundleIconModule)
+  }
+}
+
+export default plugin
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
new file mode 100644
index 0000000000..4e7d1f011d
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/icon-library/index.ts
@@ -0,0 +1,33 @@
+/**
+ * CoreShop VariantBundle Icon Library
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import { type AbstractModule, container } from '@pimcore/studio-ui-bundle'
+import { serviceIds } from '@pimcore/studio-ui-bundle/app'
+import { type IconLibrary } from '@pimcore/studio-ui-bundle/modules/icon-library'
+
+// @ts-ignore
+import variantIcon from '../../assets/variant.svg?react'
+
+export const VariantBundleIconModule: AbstractModule = {
+  onInit(): void {
+    const iconLibrary = container.get<IconLibrary>(serviceIds.iconLibrary)
+
+    iconLibrary.register({
+      name: 'coreshop_variant',
+      component: variantIcon
+    })
+    iconLibrary.register({
+      name: 'coreshop_variant_generator',
+      component: variantIcon
+    })
+  }
+}
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/GenerateVariantsToolbarButton.tsx b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/GenerateVariantsToolbarButton.tsx
new file mode 100644
index 0000000000..f18b3a8664
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/GenerateVariantsToolbarButton.tsx
@@ -0,0 +1,89 @@
+/**
+ * CoreShop VariantBundle - Generate Variants Toolbar Button
+ *
+ * Renders a "Generate Variants" button in the data object editor toolbar.
+ * Only visible for objects whose class is in the variant_aware stack and whose type is 'object'.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React, { useContext } from 'react'
+import { Button } from 'antd'
+import { DataObjectContext, useDataObjectDraft } from '@pimcore/studio-ui-bundle/modules/data-object'
+import { useTranslation } from 'react-i18next'
+import { container } from '@pimcore/studio-ui-bundle'
+import type { ResourceConfigProvider } from '@coreshop/resource/src/config'
+import { coreshopResourceServiceIds } from '@coreshop/resource/src/config'
+import { VariantGeneratorModal } from './VariantGeneratorModal'
+
+// Module-level cache for variant-aware classes
+let cachedVariantAwareClasses: string[] | null = null
+let loadPromise: Promise<string[]> | null = null
+
+const loadVariantAwareClasses = async (): Promise<string[]> => {
+  if (cachedVariantAwareClasses) return cachedVariantAwareClasses
+  if (loadPromise) return loadPromise
+
+  loadPromise = (async () => {
+    try {
+      const configProvider = container.get<ResourceConfigProvider>(coreshopResourceServiceIds.configProvider)
+      const classes = await configProvider.getAllowedClasses('coreshop.variant_aware')
+      cachedVariantAwareClasses = classes
+      return classes
+    } catch {
+      return []
+    } finally {
+      loadPromise = null
+    }
+  })()
+
+  return loadPromise
+}
+
+export const GenerateVariantsToolbarButton: React.FC = () => {
+  const { t } = useTranslation()
+  const { id } = useContext(DataObjectContext)
+  const { dataObject } = useDataObjectDraft(id)
+
+  const [isVariantAware, setIsVariantAware] = React.useState(false)
+  const [modalOpen, setModalOpen] = React.useState(false)
+
+  const className = dataObject?.className
+  const objectType = dataObject?.type
+
+  React.useEffect(() => {
+    if (!className) {
+      setIsVariantAware(false)
+      return
+    }
+
+    void (async () => {
+      const classes = await loadVariantAwareClasses()
+      setIsVariantAware(classes.includes(className))
+    })()
+  }, [className])
+
+  // Only show for "object" type (not variants or folders) that are variant_aware
+  if (!id || !isVariantAware || objectType !== 'object') {
+    return null
+  }
+
+  return (
+    <>
+      <Button
+        type="default"
+        onClick={() => setModalOpen(true)}
+      >
+        {t('coreshop.variant_generator.generate', { defaultValue: 'Generate Variants' })}
+      </Button>
+      {modalOpen && (
+        <VariantGeneratorModal
+          open={modalOpen}
+          objectId={id}
+          onClose={() => setModalOpen(false)}
+        />
+      )}
+    </>
+  )
+}
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/VariantGeneratorModal.tsx b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/VariantGeneratorModal.tsx
new file mode 100644
index 0000000000..0423707e47
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/VariantGeneratorModal.tsx
@@ -0,0 +1,228 @@
+/**
+ * CoreShop Variant Generator Modal
+ *
+ * Modal with a tree of attribute groups and checkable attribute nodes.
+ * The "Apply" button is only enabled when ALL groups have at least one checked attribute.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+import React from 'react'
+import { Modal, Tree, Spin, Alert } from 'antd'
+import { useMessage } from '@pimcore/studio-ui-bundle/components'
+import { renderApiError } from '@coreshop/resource/src/entities'
+import { useTranslation } from 'react-i18next'
+import { variantGeneratorApi, type AttributeNode } from './api'
+
+interface TreeDataNode {
+  key: string
+  title: string
+  isLeaf: boolean
+  checkable: boolean
+  children?: TreeDataNode[]
+  groupId?: number
+  attributeId?: number
+}
+
+interface Props {
+  open: boolean
+  objectId: number
+  onClose: () => void
+}
+
+export const VariantGeneratorModal: React.FC<Props> = ({ open, objectId, onClose }) => {
+  const { t } = useTranslation()
+  const messageApi = useMessage()
+
+  const [loading, setLoading] = React.useState(false)
+  const [submitting, setSubmitting] = React.useState(false)
+  const [treeData, setTreeData] = React.useState<TreeDataNode[]>([])
+  const [checkedKeys, setCheckedKeys] = React.useState<React.Key[]>([])
+  const [allValid, setAllValid] = React.useState(false)
+  const [error, setError] = React.useState<string | null>(null)
+
+  // Track group IDs to validate all groups have selections
+  const groupIdsRef = React.useRef<Set<number>>(new Set())
+  // Map attribute keys to their group IDs
+  const attributeGroupMapRef = React.useRef<Map<string, number>>(new Map())
+
+  React.useEffect(() => {
+    if (open && objectId) {
+      void loadAttributes()
+    }
+    if (!open) {
+      setTreeData([])
+      setCheckedKeys([])
+      setAllValid(false)
+      setError(null)
+      groupIdsRef.current.clear()
+      attributeGroupMapRef.current.clear()
+    }
+  }, [open, objectId])
+
+  const loadAttributes = async (): Promise<void> => {
+    setLoading(true)
+    setError(null)
+    try {
+      const response = await variantGeneratorApi.getAttributes(objectId)
+      if (!response.success || !response.data) {
+        setError('Failed to load attributes')
+        return
+      }
+
+      const groups = new Set<number>()
+      const attrGroupMap = new Map<string, number>()
+
+      const nodes: TreeDataNode[] = response.data.map((group: AttributeNode, groupIndex: number) => {
+        const groupKey = `group-${groupIndex}`
+
+        // Extract group ID from children
+        let groupId = groupIndex
+        const children: TreeDataNode[] = (group.data ?? []).map((attr: AttributeNode) => {
+          if (attr.group_id !== undefined) {
+            groupId = attr.group_id
+          }
+          const attrKey = `attr-${attr.id}`
+          attrGroupMap.set(attrKey, attr.group_id ?? groupId)
+          return {
+            key: attrKey,
+            title: attr.text,
+            isLeaf: true,
+            checkable: true,
+            attributeId: attr.id,
+            groupId: attr.group_id ?? groupId
+          }
+        })
+
+        groups.add(groupId)
+
+        return {
+          key: groupKey,
+          title: group.text,
+          isLeaf: false,
+          checkable: false,
+          children
+        }
+      })
+
+      groupIdsRef.current = groups
+      attributeGroupMapRef.current = attrGroupMap
+      setTreeData(nodes)
+    } catch (err) {
+      setError('Failed to load attributes')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const handleCheck = (
+    checked: React.Key[] | { checked: React.Key[], halfChecked: React.Key[] }
+  ): void => {
+    const keys = Array.isArray(checked) ? checked : checked.checked
+    setCheckedKeys(keys)
+
+    // Validate: every group must have at least one checked attribute
+    const checkedGroups = new Set<number>()
+    for (const key of keys) {
+      const groupId = attributeGroupMapRef.current.get(String(key))
+      if (groupId !== undefined) {
+        checkedGroups.add(groupId)
+      }
+    }
+
+    const valid = groupIdsRef.current.size > 0 &&
+      [...groupIdsRef.current].every(gid => checkedGroups.has(gid))
+    setAllValid(valid)
+  }
+
+  const handleApply = async (): Promise<void> => {
+    if (!allValid) return
+
+    // Build grouped attributes: { groupId: [attributeId, ...], ... }
+    const groupedAttributes: Record<number, number[]> = {}
+    for (const key of checkedKeys) {
+      const keyStr = String(key)
+      const groupId = attributeGroupMapRef.current.get(keyStr)
+      if (groupId === undefined) continue
+      // Extract attribute ID from key (format: "attr-123")
+      const attrId = parseInt(keyStr.replace('attr-', ''), 10)
+      if (isNaN(attrId)) continue
+
+      if (!groupedAttributes[groupId]) {
+        groupedAttributes[groupId] = []
+      }
+      groupedAttributes[groupId].push(attrId)
+    }
+
+    setSubmitting(true)
+    try {
+      const response = await variantGeneratorApi.generateVariants(objectId, groupedAttributes)
+      if (response.success) {
+        void messageApi.success(response.message)
+        onClose()
+      } else {
+        void messageApi.error(renderApiError(response.message))
+      }
+    } catch (err) {
+      void messageApi.error(renderApiError('Failed to generate variants'))
+    } finally {
+      setSubmitting(false)
+    }
+  }
+
+  return (
+    <Modal
+      title={t('coreshop.variant_generator.generate', { defaultValue: 'Generate Variants' })}
+      open={open}
+      onCancel={onClose}
+      onOk={handleApply}
+      okText={t('apply', { defaultValue: 'Apply' })}
+      cancelText={t('close', { defaultValue: 'Close' })}
+      okButtonProps={{ disabled: !allValid, loading: submitting }}
+      width={600}
+      styles={{ body: { minHeight: 300, maxHeight: 500, overflow: 'auto' } }}
+    >
+      {loading && (
+        <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', minHeight: 200 }}>
+          <Spin size="large" />
+        </div>
+      )}
+
+      {error && (
+        <Alert type="error" message={error} style={{ marginBottom: 16 }} />
+      )}
+
+      {!loading && !error && treeData.length > 0 && (
+        <>
+          {!allValid && checkedKeys.length > 0 && (
+            <Alert
+              type="warning"
+              message={t('coreshop.variant_generator.select_all_groups', {
+                defaultValue: 'Please select at least one attribute from each group.'
+              })}
+              style={{ marginBottom: 16 }}
+            />
+          )}
+          <Tree
+            checkable
+            checkStrictly
+            defaultExpandAll
+            treeData={treeData}
+            checkedKeys={checkedKeys}
+            onCheck={handleCheck}
+          />
+        </>
+      )}
+
+      {!loading && !error && treeData.length === 0 && (
+        <Alert
+          type="info"
+          message={t('coreshop.variant_generator.no_attributes', {
+            defaultValue: 'No attribute groups found for this product.'
+          })}
+        />
+      )}
+    </Modal>
+  )
+}
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/api.ts b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/api.ts
new file mode 100644
index 0000000000..4a9bf75142
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/api.ts
@@ -0,0 +1,50 @@
+/**
+ * CoreShop VariantBundle API
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export interface AttributeNode {
+  text: string
+  id?: number
+  group_id?: number
+  sorting: number
+  leaf: boolean
+  checked?: boolean
+  iconCls: string
+  data?: AttributeNode[]
+}
+
+export interface AttributesResponse {
+  success: boolean
+  data: AttributeNode[]
+}
+
+export interface GenerateResponse {
+  success: boolean
+  message: string
+}
+
+const basePath = '/pimcore-studio/api/coreshop'
+
+export const variantGeneratorApi = {
+  async getAttributes(objectId: number): Promise<AttributesResponse> {
+    const url = `${basePath}/variant/attributes?id=${objectId}`
+    const res = await fetch(url, { credentials: 'same-origin' })
+    if (!res.ok) throw new Error(`Failed to load attributes: ${res.status}`)
+    return await res.json() as AttributesResponse
+  },
+
+  async generateVariants(objectId: number, attributes: Record<number, number[]>): Promise<GenerateResponse> {
+    const url = `${basePath}/variant/generate`
+    const res = await fetch(url, {
+      method: 'POST',
+      credentials: 'same-origin',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ id: objectId, attributes })
+    })
+    if (!res.ok) throw new Error(`Failed to generate variants: ${res.status}`)
+    return await res.json() as GenerateResponse
+  }
+}
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/index.ts b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/index.ts
new file mode 100644
index 0000000000..7cae667ade
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/src/modules/variant-generator/index.ts
@@ -0,0 +1,11 @@
+/**
+ * CoreShop VariantBundle - Variant Generator Module
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ */
+
+export { VariantGeneratorModal } from './VariantGeneratorModal'
+export { GenerateVariantsToolbarButton } from './GenerateVariantsToolbarButton'
+export { variantGeneratorApi } from './api'
+export type { AttributeNode, AttributesResponse, GenerateResponse } from './api'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/tsconfig.json b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/tsconfig.json
new file mode 100644
index 0000000000..75d83e0f84
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/assets/pimcore-studio/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": "./src/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+    "include": [
+    "./src/**/*",
+    "./@mf-types/*",
+    "../../../../../../../assets/js/custom.d.ts"
+  ]
+}
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/config/pimcore/routing.yml b/src/CoreShop/Bundle/VariantBundle/Resources/config/pimcore/routing.yml
index 86095693f1..1a89a654bb 100644
--- a/src/CoreShop/Bundle/VariantBundle/Resources/config/pimcore/routing.yml
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/config/pimcore/routing.yml
@@ -1,12 +1,20 @@
 coreshop_admin_variant_attributes:
-    path: /admin/variant/attributes
-    defaults: { _controller: CoreShop\Bundle\VariantBundle\Controller\VariantController::getAttributesAction }
+    path: /%coreshop.admin.route.base%/variant/attributes
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\VariantBundle\Controller\VariantController::getAttributesAction
     options:
         expose: true
 
 coreshop_admin_variant_generator:
-    path: /admin/variant/generate
-    defaults: { _controller: CoreShop\Bundle\VariantBundle\Controller\VariantController::generateVariantsAction }
+    path: /%coreshop.admin.route.base%/variant/generate
+    requirements:
+        backend: '%coreshop.admin.route.backend_requirement%'
+    defaults:
+        backend: admin
+        _controller: CoreShop\Bundle\VariantBundle\Controller\VariantController::generateVariantsAction
     methods: [POST]
     options:
         expose: true
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/config/services/studio.yml b/src/CoreShop/Bundle/VariantBundle/Resources/config/services/studio.yml
new file mode 100644
index 0000000000..7f3fc2b117
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/config/services/studio.yml
@@ -0,0 +1,4 @@
+services:
+  CoreShop\Bundle\VariantBundle\Studio\WebpackEntryPointProvider:
+    tags:
+      - { name: pimcore_studio_ui.webpack_entry_point_provider }
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeColor.json b/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeColor.json
index 7639e10b6b..815f178179 100644
--- a/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeColor.json
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeColor.json
@@ -186,7 +186,7 @@
                         "decimalSize": null,
                         "decimalPrecision": null,
                         "name": "sorting",
-                        "title": "Sorting",
+                        "title": "coreshop.attribute.sorting",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeGroup.json b/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeGroup.json
index fd61e6a96f..f249ff5406 100644
--- a/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeGroup.json
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeGroup.json
@@ -130,7 +130,7 @@
                         "decimalSize": null,
                         "decimalPrecision": null,
                         "name": "sorting",
-                        "title": "Sorting",
+                        "title": "coreshop.attribute_group.sorting",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeValue.json b/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeValue.json
index 190d601fd5..fb92e8ea6c 100644
--- a/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeValue.json
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/install/pimcore/classes/CoreShopAttributeValue.json
@@ -168,7 +168,7 @@
                         "decimalSize": null,
                         "decimalPrecision": null,
                         "name": "sorting",
-                        "title": "Sorting",
+                        "title": "coreshop.attribute.sorting",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/VariantBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..4cc99f9047
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,16 @@
+---
+CoreShopAttributeGroup: 'Attributgruppe'
+CoreShopAttributeValue: 'Attributwert'
+CoreShopAttributeColor: 'Attributfarbe'
+coreshop.attribute_group.name: 'Name'
+coreshop.attribute_group.show_in_list: 'In Listenansicht anzeigen'
+coreshop.attribute.name: 'Name'
+coreshop.attribute.value_text: 'Wert'
+coreshop.attribute.value_color: 'Farbe'
+coreshop.attribute.attribute_group: 'Attributgruppe'
+coreshop.attribute.sorting: 'Sortierung'
+coreshop.attribute_group.sorting: 'Sortierung'
+coreshop.variant_generator.generate: 'Varianten generieren'
+coreshop.variant_generator.generate_in_background: 'Varianten werden im Hintergrund generiert'
+coreshop.variant_generator.select_all_groups: 'Bitte mindestens ein Attribut aus jeder Gruppe auswaehlen.'
+coreshop.variant_generator.no_attributes: 'Keine Attributgruppen fuer dieses Produkt gefunden.'
diff --git a/src/CoreShop/Bundle/VariantBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/VariantBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..151c837488
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,16 @@
+---
+CoreShopAttributeGroup: 'Attribute Group'
+CoreShopAttributeValue: 'Attribute Value'
+CoreShopAttributeColor: 'Attribute Color'
+coreshop.attribute_group.name: 'Name'
+coreshop.attribute_group.show_in_list: 'Show in list view'
+coreshop.attribute.name: 'Name'
+coreshop.attribute.value_text: 'Value'
+coreshop.attribute.value_color: 'Color'
+coreshop.attribute.attribute_group: 'Attribute Group'
+coreshop.attribute.sorting: 'Sorting'
+coreshop.attribute_group.sorting: 'Sorting'
+coreshop.variant_generator.generate: 'Generate Variants'
+coreshop.variant_generator.generate_in_background: 'Variants will be generated in background'
+coreshop.variant_generator.select_all_groups: 'Please select at least one attribute from each group.'
+coreshop.variant_generator.no_attributes: 'No attribute groups found for this product.'
diff --git a/src/CoreShop/Bundle/VariantBundle/Studio/WebpackEntryPointProvider.php b/src/CoreShop/Bundle/VariantBundle/Studio/WebpackEntryPointProvider.php
new file mode 100644
index 0000000000..07e8276065
--- /dev/null
+++ b/src/CoreShop/Bundle/VariantBundle/Studio/WebpackEntryPointProvider.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Bundle\VariantBundle\Studio;
+
+use Pimcore\Bundle\StudioUiBundle\Webpack\WebpackEntryPointProviderInterface;
+
+/**
+ * @internal
+ */
+final class WebpackEntryPointProvider implements WebpackEntryPointProviderInterface
+{
+    public function getEntryPointsJsonLocations(): array
+    {
+        return glob(__DIR__ . '/../Resources/public/studio/*/entrypoints.json');
+    }
+
+    public function getEntryPoints(): array
+    {
+        return ['exposeRemote'];
+    }
+
+    public function getOptionalEntryPoints(): array
+    {
+        return [];
+    }
+}
diff --git a/src/CoreShop/Bundle/VariantBundle/composer.json b/src/CoreShop/Bundle/VariantBundle/composer.json
index 832d1d1196..c6558c6ee1 100644
--- a/src/CoreShop/Bundle/VariantBundle/composer.json
+++ b/src/CoreShop/Bundle/VariantBundle/composer.json
@@ -1,60 +1,64 @@
 {
-  "name": "coreshop/variant-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Variant Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/variant-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Variant Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/variant": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/variant": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\VariantBundle\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "pimcore/studio-ui-bundle": "^0.6.30",
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\VariantBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
+    },
+    "suggest": {
+        "pimcore/studio-ui-bundle": "^0.6.30 - Modern React-based Studio UI for Pimcore (recommended)",
+        "pimcore/admin-ui-classic-bundle": "^2.0 - Classic ExtJS-based admin interface for Pimcore (legacy)",
+        "pimcore/elasticsearch-client": "Allows to use ElasticSearch as your index engine.",
+        "pimcore/opensearch-client": "Allows to use OpenSearch as your index engine."
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/WishlistBundle/README.md b/src/CoreShop/Bundle/WishlistBundle/README.md
index e6c060b035..c6a0474f94 100644
--- a/src/CoreShop/Bundle/WishlistBundle/README.md
+++ b/src/CoreShop/Bundle/WishlistBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlist.json b/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlist.json
index 375cc2f363..bdbc0b8470 100644
--- a/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlist.json
+++ b/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlist.json
@@ -44,7 +44,7 @@
                 "children": [
                     {
                         "name": "name",
-                        "title": "coreshop.order.name",
+                        "title": "coreshop.wishlist.name",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": true,
@@ -77,7 +77,7 @@
                         "unique": false,
                         "showCharCount": null,
                         "name": "token",
-                        "title": "coreshop.order.token",
+                        "title": "coreshop.wishlist.token",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": true,
@@ -109,7 +109,7 @@
                         "classes": [],
                         "pathFormatterClass": "",
                         "name": "items",
-                        "title": "Items",
+                        "title": "coreshop.wishlist.items",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
diff --git a/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlistItem.json b/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlistItem.json
index 3807deab66..997c8e17dc 100644
--- a/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlistItem.json
+++ b/src/CoreShop/Bundle/WishlistBundle/Resources/install/pimcore/classes/CoreShopWishlistItem.json
@@ -58,7 +58,7 @@
                         ],
                         "pathFormatterClass": "",
                         "name": "product",
-                        "title": "Product",
+                        "title": "coreshop.wishlist_item.product",
                         "tooltip": "",
                         "mandatory": false,
                         "noteditable": false,
diff --git a/src/CoreShop/Bundle/WishlistBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/WishlistBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..1389bf4791
--- /dev/null
+++ b/src/CoreShop/Bundle/WishlistBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,11 @@
+---
+CoreShopWishlist: 'Wunschliste'
+CoreShopWishlistItem: 'Wunschlisteneintrag'
+coreshop.wishlist.name: 'Name'
+coreshop.wishlist_item.quantity: 'Menge'
+coreshop.wishlist_item.wishlist: 'Wunschliste'
+coreshop.wishlist_item.product: 'Produkt'
+coreshop.wishlist.token: 'Token'
+coreshop.wishlist.items: 'Einträge'
+coreshop.wishlist.customer: 'Kunde'
+coreshop.wishlist.store: 'Store'
diff --git a/src/CoreShop/Bundle/WishlistBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/WishlistBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..e6d6b44e6c
--- /dev/null
+++ b/src/CoreShop/Bundle/WishlistBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,11 @@
+---
+CoreShopWishlist: 'Wishlist'
+CoreShopWishlistItem: 'Wishlist Item'
+coreshop.wishlist.name: 'Name'
+coreshop.wishlist_item.quantity: 'Quantity'
+coreshop.wishlist_item.wishlist: 'Wishlist'
+coreshop.wishlist_item.product: 'Product'
+coreshop.wishlist.token: 'Token'
+coreshop.wishlist.items: 'Items'
+coreshop.wishlist.customer: 'Customer'
+coreshop.wishlist.store: 'Store'
diff --git a/src/CoreShop/Bundle/WishlistBundle/composer.json b/src/CoreShop/Bundle/WishlistBundle/composer.json
index 2686cbd3d7..1f9db9572a 100644
--- a/src/CoreShop/Bundle/WishlistBundle/composer.json
+++ b/src/CoreShop/Bundle/WishlistBundle/composer.json
@@ -1,55 +1,55 @@
 {
-  "name": "coreshop/wishlist-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Wishlist Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/wishlist-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Wishlist Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource-bundle": "^5.0",
+        "coreshop/storage-list-bundle": "^5.0",
+        "coreshop/wishlist": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource-bundle": "^5.0",
-    "coreshop/storage-list-bundle": "^5.0",
-    "coreshop/wishlist": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\WishlistBundle\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\WishlistBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
     }
-  }
 }
diff --git a/src/CoreShop/Bundle/WorkflowBundle/README.md b/src/CoreShop/Bundle/WorkflowBundle/README.md
index 7bc04667ab..fbb1a4870b 100644
--- a/src/CoreShop/Bundle/WorkflowBundle/README.md
+++ b/src/CoreShop/Bundle/WorkflowBundle/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Bundle/WorkflowBundle/Resources/translations/studio.de.yaml b/src/CoreShop/Bundle/WorkflowBundle/Resources/translations/studio.de.yaml
new file mode 100644
index 0000000000..01e063899c
--- /dev/null
+++ b/src/CoreShop/Bundle/WorkflowBundle/Resources/translations/studio.de.yaml
@@ -0,0 +1,3 @@
+---
+coreshop_workflow_history_logger_prefix: 'Log'
+coreshop_history_change: 'Statusänderung'
\ No newline at end of file
diff --git a/src/CoreShop/Bundle/WorkflowBundle/Resources/translations/studio.en.yaml b/src/CoreShop/Bundle/WorkflowBundle/Resources/translations/studio.en.yaml
new file mode 100644
index 0000000000..dce7a8c517
--- /dev/null
+++ b/src/CoreShop/Bundle/WorkflowBundle/Resources/translations/studio.en.yaml
@@ -0,0 +1,2 @@
+---
+coreshop_workflow_history_logger_prefix: 'Log'
diff --git a/src/CoreShop/Bundle/WorkflowBundle/composer.json b/src/CoreShop/Bundle/WorkflowBundle/composer.json
index 126073e23e..43685248cf 100644
--- a/src/CoreShop/Bundle/WorkflowBundle/composer.json
+++ b/src/CoreShop/Bundle/WorkflowBundle/composer.json
@@ -1,67 +1,67 @@
 {
-  "name": "coreshop/workflow-bundle",
-  "type": "pimcore-bundle",
-  "description": "CoreShop - Workflow Bundle",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce",
-    "workflow"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/workflow-bundle",
+    "type": "pimcore-bundle",
+    "description": "CoreShop - Workflow Bundle",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce",
+        "workflow"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        },
+        {
+            "name": "Stefan Hagspiel",
+            "email": "shagspiel@dachcom.com",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/pimcore": "^5.0",
+        "coreshop/registry": "^5.0",
+        "symfony/config": "^6.4.14 || ^7.2",
+        "symfony/workflow": "^6.4.14 || ^7.2",
+        "symfony/yaml": "^6.4.14 || ^7.2",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
     },
-    {
-      "name": "Stefan Hagspiel",
-      "email": "shagspiel@dachcom.com",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/pimcore": "^5.0",
-    "coreshop/registry": "^5.0",
-    "symfony/config": "^6.3 || ^7.0",
-    "symfony/workflow": "^6.3 || ^7.0",
-    "symfony/yaml": "^6.3 || ^7.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Bundle\\WorkflowBundle\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Bundle\\WorkflowBundle\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Address/Model/State.php b/src/CoreShop/Component/Address/Model/State.php
index d60fcf8dff..7e8df68cad 100644
--- a/src/CoreShop/Component/Address/Model/State.php
+++ b/src/CoreShop/Component/Address/Model/State.php
@@ -103,7 +103,15 @@ public function setCountry(CountryInterface $country)
 
     public function getCountryName()
     {
-        return $this->getCountry() instanceof CountryInterface ? $this->getCountry()->getName() : '';
+        if (!$this->getCountry() instanceof CountryInterface) {
+            return '';
+        }
+
+        try {
+            return $this->getCountry()->getName();
+        } catch (\RuntimeException) {
+            return $this->getCountry()->getIsoCode();
+        }
     }
 
     public function getTranslation(?string $locale = null, bool $useFallbackTranslation = true): StateTranslationInterface
diff --git a/src/CoreShop/Component/Address/README.md b/src/CoreShop/Component/Address/README.md
index 13ca11f907..10bb67e04e 100644
--- a/src/CoreShop/Component/Address/README.md
+++ b/src/CoreShop/Component/Address/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Address/composer.json b/src/CoreShop/Component/Address/composer.json
index 2bbc213af2..d301d2d906 100644
--- a/src/CoreShop/Component/Address/composer.json
+++ b/src/CoreShop/Component/Address/composer.json
@@ -1,61 +1,58 @@
 {
-  "name": "coreshop/address",
-  "type": "library",
-  "description": "CoreShop Address Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce",
-    "address"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/address",
+    "type": "library",
+    "description": "CoreShop Address Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce",
+        "address"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Address\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": false
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Address\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  }
 }
diff --git a/src/CoreShop/Component/Configuration/README.md b/src/CoreShop/Component/Configuration/README.md
index ef11b64d24..9f5193e215 100644
--- a/src/CoreShop/Component/Configuration/README.md
+++ b/src/CoreShop/Component/Configuration/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Configuration/composer.json b/src/CoreShop/Component/Configuration/composer.json
index 23ee566aee..0c155de9bd 100644
--- a/src/CoreShop/Component/Configuration/composer.json
+++ b/src/CoreShop/Component/Configuration/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/configuration",
-  "type": "library",
-  "description": "CoreShop Configuration Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/configuration",
+    "type": "library",
+    "description": "CoreShop Configuration Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Configuration\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Configuration\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Core/README.md b/src/CoreShop/Component/Core/README.md
index f0d619f445..62bd473cae 100644
--- a/src/CoreShop/Component/Core/README.md
+++ b/src/CoreShop/Component/Core/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Core/composer.json b/src/CoreShop/Component/Core/composer.json
index 2c9db4714f..e77baf356b 100644
--- a/src/CoreShop/Component/Core/composer.json
+++ b/src/CoreShop/Component/Core/composer.json
@@ -1,81 +1,78 @@
 {
-  "name": "coreshop/core",
-  "type": "library",
-  "description": "CoreShop Core Component (Glue)",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/core",
+    "type": "library",
+    "description": "CoreShop Core Component (Glue)",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/configuration": "^5.0",
+        "coreshop/store": "^5.0",
+        "coreshop/resource": "^5.0",
+        "coreshop/address": "^5.0",
+        "coreshop/order": "^5.0",
+        "coreshop/currency": "^5.0",
+        "coreshop/customer": "^5.0",
+        "coreshop/shipping": "^5.0",
+        "coreshop/inventory": "^5.0",
+        "coreshop/product": "^5.0",
+        "coreshop/product-quantity-price-rules": "^5.0",
+        "coreshop/index": "^5.0",
+        "coreshop/payment": "^5.0",
+        "coreshop/payum-payment": "^5.0",
+        "coreshop/taxation": "^5.0",
+        "coreshop/notification": "^5.0",
+        "coreshop/payum-bundle": "^5.0",
+        "coreshop/variant": "^5.0",
+        "coreshop/seo": "^5.0",
+        "coreshop/user": "^5.0",
+        "coreshop/tracking": "^5.0",
+        "coreshop/wishlist": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/configuration": "^5.0",
-    "coreshop/store": "^5.0",
-    "coreshop/resource": "^5.0",
-    "coreshop/address": "^5.0",
-    "coreshop/order": "^5.0",
-    "coreshop/currency": "^5.0",
-    "coreshop/customer": "^5.0",
-    "coreshop/shipping": "^5.0",
-    "coreshop/inventory": "^5.0",
-    "coreshop/product": "^5.0",
-    "coreshop/product-quantity-price-rules": "^5.0",
-    "coreshop/index": "^5.0",
-    "coreshop/payment": "^5.0",
-    "coreshop/payum-payment": "^5.0",
-    "coreshop/taxation": "^5.0",
-    "coreshop/theme-bundle": "^5.0",
-    "coreshop/notification": "^5.0",
-    "coreshop/variant": "^5.0",
-    "coreshop/seo": "^5.0",
-    "coreshop/user": "^5.0",
-    "coreshop/tracking": "^5.0",
-    "coreshop/wishlist": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Core\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": true
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Core\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  }
 }
diff --git a/src/CoreShop/Component/Currency/README.md b/src/CoreShop/Component/Currency/README.md
index 7601c3d397..ee6227debe 100644
--- a/src/CoreShop/Component/Currency/README.md
+++ b/src/CoreShop/Component/Currency/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Currency/composer.json b/src/CoreShop/Component/Currency/composer.json
index 5d431b334d..8560c3f099 100644
--- a/src/CoreShop/Component/Currency/composer.json
+++ b/src/CoreShop/Component/Currency/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/currency",
-  "type": "library",
-  "description": "CoreShop Currency Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/currency",
+    "type": "library",
+    "description": "CoreShop Currency Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Currency\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Currency\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Customer/README.md b/src/CoreShop/Component/Customer/README.md
index 9f0b49db93..9badf2b19d 100644
--- a/src/CoreShop/Component/Customer/README.md
+++ b/src/CoreShop/Component/Customer/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Customer/composer.json b/src/CoreShop/Component/Customer/composer.json
index 1b469affa0..998e03bdd8 100644
--- a/src/CoreShop/Component/Customer/composer.json
+++ b/src/CoreShop/Component/Customer/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/customer",
-  "type": "library",
-  "description": "CoreShop Customer Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/customer",
+    "type": "library",
+    "description": "CoreShop Customer Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Customer\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Customer\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Index/README.md b/src/CoreShop/Component/Index/README.md
index ac538fa26d..b3d3a0af1f 100644
--- a/src/CoreShop/Component/Index/README.md
+++ b/src/CoreShop/Component/Index/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Index/composer.json b/src/CoreShop/Component/Index/composer.json
index 3767beb154..cc3096b3f9 100644
--- a/src/CoreShop/Component/Index/composer.json
+++ b/src/CoreShop/Component/Index/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/index",
-  "type": "library",
-  "description": "CoreShop Index Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/index",
+    "type": "library",
+    "description": "CoreShop Index Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/registry": "^5.0",
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/registry": "^5.0",
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Index\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Index\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Inventory/README.md b/src/CoreShop/Component/Inventory/README.md
index da78ba6678..7d987f80fc 100644
--- a/src/CoreShop/Component/Inventory/README.md
+++ b/src/CoreShop/Component/Inventory/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Inventory/composer.json b/src/CoreShop/Component/Inventory/composer.json
index 128a2aea94..6691b16acb 100644
--- a/src/CoreShop/Component/Inventory/composer.json
+++ b/src/CoreShop/Component/Inventory/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/inventory",
-  "type": "library",
-  "description": "CoreShop Inventory Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/inventory",
+    "type": "library",
+    "description": "CoreShop Inventory Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Inventory\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Inventory\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Locale/README.md b/src/CoreShop/Component/Locale/README.md
index d8eeab9bdc..7c3d518805 100644
--- a/src/CoreShop/Component/Locale/README.md
+++ b/src/CoreShop/Component/Locale/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Locale/composer.json b/src/CoreShop/Component/Locale/composer.json
index 424e9fc605..1f329b0718 100644
--- a/src/CoreShop/Component/Locale/composer.json
+++ b/src/CoreShop/Component/Locale/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/locale",
-  "type": "library",
-  "description": "CoreShop Locale Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/locale",
+    "type": "library",
+    "description": "CoreShop Locale Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "pimcore/pimcore": "^12.0",
+        "coreshop/pimcore": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "pimcore/pimcore": "^12.3",
-    "coreshop/pimcore": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Locale\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Locale\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Notification/README.md b/src/CoreShop/Component/Notification/README.md
index 90da215549..b03e9e4657 100644
--- a/src/CoreShop/Component/Notification/README.md
+++ b/src/CoreShop/Component/Notification/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Notification/Rule/Action/MailActionProcessor.php b/src/CoreShop/Component/Notification/Rule/Action/MailActionProcessor.php
index 0a6c18f585..51c0dfd518 100644
--- a/src/CoreShop/Component/Notification/Rule/Action/MailActionProcessor.php
+++ b/src/CoreShop/Component/Notification/Rule/Action/MailActionProcessor.php
@@ -44,7 +44,7 @@ public function apply($subject, NotificationRuleInterface $rule, array $configur
 
         if (array_key_exists($language, $mails)) {
             $mailDocumentId = $mails[$language];
-            $mailDocument = Document::getById($mailDocumentId);
+            $mailDocument = Document::getById((int)$mailDocumentId);
             $recipient = [];
 
             if (!$configuration['doNotSendToDesignatedRecipient']) {
diff --git a/src/CoreShop/Component/Notification/composer.json b/src/CoreShop/Component/Notification/composer.json
index 239af5833c..ec7575e01c 100644
--- a/src/CoreShop/Component/Notification/composer.json
+++ b/src/CoreShop/Component/Notification/composer.json
@@ -1,60 +1,60 @@
 {
-  "name": "coreshop/notification",
-  "type": "library",
-  "description": "CoreShop Notification Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/notification",
+    "type": "library",
+    "description": "CoreShop Notification Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/rule": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/resource": "^5.0",
+        "coreshop/pimcore": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/rule": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/resource": "^5.0",
-    "coreshop/pimcore": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Notification\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Notification\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Order/README.md b/src/CoreShop/Component/Order/README.md
index 6d473664ee..42db39dc0d 100644
--- a/src/CoreShop/Component/Order/README.md
+++ b/src/CoreShop/Component/Order/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Order/composer.json b/src/CoreShop/Component/Order/composer.json
index 096a5b7664..3a2bea8b37 100644
--- a/src/CoreShop/Component/Order/composer.json
+++ b/src/CoreShop/Component/Order/composer.json
@@ -1,72 +1,69 @@
 {
-  "name": "coreshop/order",
-  "type": "library",
-  "description": "CoreShop Order Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/order",
+    "type": "library",
+    "description": "CoreShop Order Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/address": "^5.0",
+        "coreshop/rule": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/resource": "^5.0",
+        "coreshop/sequence": "^5.0",
+        "coreshop/store": "^5.0",
+        "coreshop/currency": "^5.0",
+        "coreshop/taxation": "^5.0",
+        "coreshop/payment": "^5.0",
+        "coreshop/pimcore": "^5.0",
+        "coreshop/customer": "^5.0",
+        "coreshop/storage-list": "^5.0",
+        "coreshop/workflow-bundle": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/address": "^5.0",
-    "coreshop/rule": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/resource": "^5.0",
-    "coreshop/sequence": "^5.0",
-    "coreshop/store": "^5.0",
-    "coreshop/currency": "^5.0",
-    "coreshop/taxation": "^5.0",
-    "coreshop/payment": "^5.0",
-    "coreshop/pimcore": "^5.0",
-    "coreshop/customer": "^5.0",
-    "coreshop/storage-list": "^5.0",
-    "coreshop/workflow-bundle": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Order\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
-    }
-  },
-  "config": {
-    "sort-packages": true,
-    "allow-plugins": {
-      "php-http/discovery": true
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Order\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  }
 }
diff --git a/src/CoreShop/Component/Payment/Model/PaymentProvider.php b/src/CoreShop/Component/Payment/Model/PaymentProvider.php
index 810504eec6..3714d67627 100644
--- a/src/CoreShop/Component/Payment/Model/PaymentProvider.php
+++ b/src/CoreShop/Component/Payment/Model/PaymentProvider.php
@@ -171,6 +171,8 @@ public function addPaymentProviderRule(PaymentProviderRuleGroupInterface $paymen
     {
         if (!$this->hasPaymentProviderRule($paymentProviderRuleGroup)) {
             $this->paymentProviderRules->add($paymentProviderRuleGroup);
+
+            $paymentProviderRuleGroup->setPaymentProvider($this);
         }
     }
 
diff --git a/src/CoreShop/Component/Payment/README.md b/src/CoreShop/Component/Payment/README.md
index 0a7b7833d2..b1838954f6 100644
--- a/src/CoreShop/Component/Payment/README.md
+++ b/src/CoreShop/Component/Payment/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Payment/composer.json b/src/CoreShop/Component/Payment/composer.json
index 27e066fe85..0d609447b3 100644
--- a/src/CoreShop/Component/Payment/composer.json
+++ b/src/CoreShop/Component/Payment/composer.json
@@ -1,59 +1,59 @@
 {
-  "name": "coreshop/payment",
-  "type": "library",
-  "description": "CoreShop Payment Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/payment",
+    "type": "library",
+    "description": "CoreShop Payment Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "php": "^8.0",
+        "coreshop/resource": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/rule": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "php": "^8.0",
-    "coreshop/resource": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/rule": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Payment\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Payment\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/PayumPayment/README.md b/src/CoreShop/Component/PayumPayment/README.md
index 0ec2732e49..d8370b45b0 100644
--- a/src/CoreShop/Component/PayumPayment/README.md
+++ b/src/CoreShop/Component/PayumPayment/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/PayumPayment/composer.json b/src/CoreShop/Component/PayumPayment/composer.json
index 6de0cb833c..bf5b6858d0 100644
--- a/src/CoreShop/Component/PayumPayment/composer.json
+++ b/src/CoreShop/Component/PayumPayment/composer.json
@@ -1,59 +1,59 @@
 {
-  "name": "coreshop/payum-payment",
-  "type": "library",
-  "description": "CoreShop Payment Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/payum-payment",
+    "type": "library",
+    "description": "CoreShop Payment Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "php": "^8.0",
+        "coreshop/payment": "^5.0",
+        "payum/payum": "^1.7",
+        "symfony/http-client": "^6.4.14 || ^7.2"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "php": "^8.0",
-    "coreshop/payment": "^5.0",
-    "payum/payum": "^1.7",
-    "symfony/http-client": "^6.3 || ^7.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\PayumPayment\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\PayumPayment\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Pimcore/DataObject/Grid/StudioGridFilterInterface.php b/src/CoreShop/Component/Pimcore/DataObject/Grid/StudioGridFilterInterface.php
new file mode 100644
index 0000000000..dcbce15065
--- /dev/null
+++ b/src/CoreShop/Component/Pimcore/DataObject/Grid/StudioGridFilterInterface.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * CoreShop
+ *
+ * This source file is available under the terms of the
+ * CoreShop Commercial License (CCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ * @copyright  Copyright (c) CoreShop GmbH (https://www.coreshop.com)
+ * @license    CoreShop Commercial License (CCL)
+ *
+ */
+
+namespace CoreShop\Component\Pimcore\DataObject\Grid;
+
+/**
+ * Interface for CoreShop grid filters in Pimcore Studio v2.
+ *
+ * Provides metadata methods for listing available filters in the UI.
+ * Filter classes should also implement Pimcore's FilterInterface directly
+ * for the actual filter application.
+ */
+interface StudioGridFilterInterface
+{
+    /**
+     * Get the column filter type for this filter.
+     *
+     * This is the value that must be sent as 'type' in the columnFilter
+     * from the frontend (e.g., 'coreshop_created_today').
+     */
+    public function getType(): string;
+
+    /**
+     * Get a human-readable label for the filter (translation key).
+     */
+    public function getLabel(): string;
+
+    /**
+     * Check if this filter supports the given list type.
+     *
+     * @param string $listType The list type (e.g., 'coreshop_order', 'coreshop_cart')
+     */
+    public function supports(string $listType): bool;
+}
diff --git a/src/CoreShop/Component/Pimcore/README.md b/src/CoreShop/Component/Pimcore/README.md
index 7e3858704a..42f1e5ae8c 100644
--- a/src/CoreShop/Component/Pimcore/README.md
+++ b/src/CoreShop/Component/Pimcore/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Pimcore/composer.json b/src/CoreShop/Component/Pimcore/composer.json
index 69a2ad38ad..487cddf71e 100644
--- a/src/CoreShop/Component/Pimcore/composer.json
+++ b/src/CoreShop/Component/Pimcore/composer.json
@@ -1,59 +1,56 @@
 {
-  "name": "coreshop/pimcore",
-  "type": "library",
-  "description": "CoreShop Pimcore Utilities Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/pimcore",
+    "type": "library",
+    "description": "CoreShop Pimcore Utilities Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "suggest": {
-    "pimcore/admin-ui-classic-bundle": "If you wanna use the Classic Admin UI"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Pimcore\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-  "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Pimcore\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Product/README.md b/src/CoreShop/Component/Product/README.md
index 307e9ce1d5..2b37655d54 100644
--- a/src/CoreShop/Component/Product/README.md
+++ b/src/CoreShop/Component/Product/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Product/composer.json b/src/CoreShop/Component/Product/composer.json
index 21f0f31dd0..bf4241cc56 100644
--- a/src/CoreShop/Component/Product/composer.json
+++ b/src/CoreShop/Component/Product/composer.json
@@ -1,61 +1,61 @@
 {
-  "name": "coreshop/product",
-  "type": "library",
-  "description": "CoreShop Product Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/product",
+    "type": "library",
+    "description": "CoreShop Product Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/currency": "^5.0",
+        "coreshop/rule": "^5.0",
+        "coreshop/address": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/currency": "^5.0",
-    "coreshop/rule": "^5.0",
-    "coreshop/address": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Product\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Product\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/ProductQuantityPriceRules/README.md b/src/CoreShop/Component/ProductQuantityPriceRules/README.md
index e7f1955f05..8b6f5b2ab6 100644
--- a/src/CoreShop/Component/ProductQuantityPriceRules/README.md
+++ b/src/CoreShop/Component/ProductQuantityPriceRules/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/ProductQuantityPriceRules/composer.json b/src/CoreShop/Component/ProductQuantityPriceRules/composer.json
index 2ed3867d39..01d4377829 100644
--- a/src/CoreShop/Component/ProductQuantityPriceRules/composer.json
+++ b/src/CoreShop/Component/ProductQuantityPriceRules/composer.json
@@ -1,65 +1,65 @@
 {
-  "name": "coreshop/product-quantity-price-rules",
-  "type": "library",
-  "description": "CoreShop Product Quantity Price Rules Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "Stefan Hagspiel",
-      "email": "shagspiel@dachcom.com",
-      "homepage": "https://www.dachcom.com/",
-      "role": "Developer"
+    "name": "coreshop/product-quantity-price-rules",
+    "type": "library",
+    "description": "CoreShop Product Quantity Price Rules Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "Stefan Hagspiel",
+            "email": "shagspiel@dachcom.com",
+            "homepage": "https://www.dachcom.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/rule": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/rule": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\ProductQuantityPriceRules\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\ProductQuantityPriceRules\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Registry/README.md b/src/CoreShop/Component/Registry/README.md
index 13ca11f907..10bb67e04e 100644
--- a/src/CoreShop/Component/Registry/README.md
+++ b/src/CoreShop/Component/Registry/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Registry/composer.json b/src/CoreShop/Component/Registry/composer.json
index d038e347b0..bbca1c2042 100644
--- a/src/CoreShop/Component/Registry/composer.json
+++ b/src/CoreShop/Component/Registry/composer.json
@@ -1,56 +1,56 @@
 {
-  "name": "coreshop/registry",
-  "type": "library",
-  "description": "CoreShop Registry Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/registry",
+    "type": "library",
+    "description": "CoreShop Registry Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "symfony/dependency-injection": "^6.4.14 || ^7.2"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "symfony/dependency-injection": "^6.3 || ^7.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Registry\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Registry\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Resource/README.md b/src/CoreShop/Component/Resource/README.md
index d5b4904e82..c90257d34f 100644
--- a/src/CoreShop/Component/Resource/README.md
+++ b/src/CoreShop/Component/Resource/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Resource/composer.json b/src/CoreShop/Component/Resource/composer.json
index d1885d2e4e..74e9fb3f42 100644
--- a/src/CoreShop/Component/Resource/composer.json
+++ b/src/CoreShop/Component/Resource/composer.json
@@ -1,63 +1,63 @@
 {
-  "name": "coreshop/resource",
-  "type": "library",
-  "description": "CoreShop Resource Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/resource",
+    "type": "library",
+    "description": "CoreShop Resource Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/pimcore": "^5.0",
+        "doctrine/common": "^3.1",
+        "doctrine/dbal": "^4.2",
+        "coreshop/locale": "^5.0",
+        "doctrine/orm": "^3.0",
+        "webmozart/assert": "^1.10",
+        "pimcore/pimcore": "^12.0",
+        "symfony/finder": "^6.4.14 || ^7.2"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/pimcore": "^5.0",
-    "doctrine/common": "^3.1",
-    "doctrine/dbal": "^4.2",
-    "coreshop/locale": "^5.0",
-    "doctrine/orm": "^3.0",
-    "webmozart/assert": "^1.10",
-    "pimcore/pimcore": "^12.3",
-    "symfony/finder": "^6.4 || ^7.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Resource\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Resource\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Rule/README.md b/src/CoreShop/Component/Rule/README.md
index 7ea170f793..cf8e006193 100644
--- a/src/CoreShop/Component/Rule/README.md
+++ b/src/CoreShop/Component/Rule/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Rule/composer.json b/src/CoreShop/Component/Rule/composer.json
index b6da833d25..cf91ed4295 100644
--- a/src/CoreShop/Component/Rule/composer.json
+++ b/src/CoreShop/Component/Rule/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/rule",
-  "type": "library",
-  "description": "CoreShop Rule Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/rule",
+    "type": "library",
+    "description": "CoreShop Rule Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "coreshop/registry": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "coreshop/registry": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Rule\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Rule\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/SEO/README.md b/src/CoreShop/Component/SEO/README.md
index 84b87611bc..3bec1db1b8 100644
--- a/src/CoreShop/Component/SEO/README.md
+++ b/src/CoreShop/Component/SEO/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/SEO/composer.json b/src/CoreShop/Component/SEO/composer.json
index 5f78ff5cf8..af12324341 100644
--- a/src/CoreShop/Component/SEO/composer.json
+++ b/src/CoreShop/Component/SEO/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/seo",
-  "type": "library",
-  "description": "CoreShop SEO Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/seo",
+    "type": "library",
+    "description": "CoreShop SEO Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/registry": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "webmozart/assert": "^1.10"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/registry": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "webmozart/assert": "^1.10"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\SEO\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\SEO\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Sequence/README.md b/src/CoreShop/Component/Sequence/README.md
index 7f24486104..2d86169b14 100644
--- a/src/CoreShop/Component/Sequence/README.md
+++ b/src/CoreShop/Component/Sequence/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Sequence/composer.json b/src/CoreShop/Component/Sequence/composer.json
index fc165339df..3db871237c 100644
--- a/src/CoreShop/Component/Sequence/composer.json
+++ b/src/CoreShop/Component/Sequence/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/sequence",
-  "type": "library",
-  "description": "CoreShop Sequence Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/sequence",
+    "type": "library",
+    "description": "CoreShop Sequence Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Sequence\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Sequence\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Shipping/README.md b/src/CoreShop/Component/Shipping/README.md
index 2263be0c0d..915575734e 100644
--- a/src/CoreShop/Component/Shipping/README.md
+++ b/src/CoreShop/Component/Shipping/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Shipping/composer.json b/src/CoreShop/Component/Shipping/composer.json
index 74fe822bff..22fcd515e7 100644
--- a/src/CoreShop/Component/Shipping/composer.json
+++ b/src/CoreShop/Component/Shipping/composer.json
@@ -1,61 +1,61 @@
 {
-  "name": "coreshop/shipping",
-  "type": "library",
-  "description": "CoreShop Shipping Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/shipping",
+    "type": "library",
+    "description": "CoreShop Shipping Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "coreshop/registry": "^5.0",
+        "coreshop/taxation": "^5.0",
+        "coreshop/address": "^5.0",
+        "coreshop/rule": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "coreshop/registry": "^5.0",
-    "coreshop/taxation": "^5.0",
-    "coreshop/address": "^5.0",
-    "coreshop/rule": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Shipping\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Shipping\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/StorageList/README.md b/src/CoreShop/Component/StorageList/README.md
index f369a7936b..afadd028b5 100644
--- a/src/CoreShop/Component/StorageList/README.md
+++ b/src/CoreShop/Component/StorageList/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/StorageList/composer.json b/src/CoreShop/Component/StorageList/composer.json
index 40671fe4b5..58fcf46a09 100644
--- a/src/CoreShop/Component/StorageList/composer.json
+++ b/src/CoreShop/Component/StorageList/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/storage-list",
-  "type": "library",
-  "description": "CoreShop Storage List Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/storage-list",
+    "type": "library",
+    "description": "CoreShop Storage List Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\StorageList\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\StorageList\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Store/README.md b/src/CoreShop/Component/Store/README.md
index 78455d166f..daa5531ab1 100644
--- a/src/CoreShop/Component/Store/README.md
+++ b/src/CoreShop/Component/Store/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Store/composer.json b/src/CoreShop/Component/Store/composer.json
index c1bd95034b..a7ec1f4782 100644
--- a/src/CoreShop/Component/Store/composer.json
+++ b/src/CoreShop/Component/Store/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/store",
-  "type": "library",
-  "description": "CoreShop Store Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/store",
+    "type": "library",
+    "description": "CoreShop Store Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "coreshop/currency": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "coreshop/currency": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Store\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Store\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Taxation/README.md b/src/CoreShop/Component/Taxation/README.md
index a48d017b1e..bb2e7017b5 100644
--- a/src/CoreShop/Component/Taxation/README.md
+++ b/src/CoreShop/Component/Taxation/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Taxation/composer.json b/src/CoreShop/Component/Taxation/composer.json
index 572f8ed374..c517b5688f 100644
--- a/src/CoreShop/Component/Taxation/composer.json
+++ b/src/CoreShop/Component/Taxation/composer.json
@@ -1,57 +1,57 @@
 {
-  "name": "coreshop/taxation",
-  "type": "library",
-  "description": "CoreShop Taxation Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/taxation",
+    "type": "library",
+    "description": "CoreShop Taxation Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Taxation\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Taxation\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Tracking/README.md b/src/CoreShop/Component/Tracking/README.md
index cb0ea1af41..707e35518f 100644
--- a/src/CoreShop/Component/Tracking/README.md
+++ b/src/CoreShop/Component/Tracking/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Tracking/composer.json b/src/CoreShop/Component/Tracking/composer.json
index 1fe1d065e8..5eca758378 100644
--- a/src/CoreShop/Component/Tracking/composer.json
+++ b/src/CoreShop/Component/Tracking/composer.json
@@ -1,56 +1,56 @@
 {
-  "name": "coreshop/tracking",
-  "type": "library",
-  "description": "CoreShop Tracking Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/tracking",
+    "type": "library",
+    "description": "CoreShop Tracking Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/registry": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/registry": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Tracking\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Tracking\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/User/README.md b/src/CoreShop/Component/User/README.md
index 90e4c82fe7..8aaa02a2df 100644
--- a/src/CoreShop/Component/User/README.md
+++ b/src/CoreShop/Component/User/README.md
@@ -6,12 +6,12 @@ CoreShop
 
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/User/composer.json b/src/CoreShop/Component/User/composer.json
index d5a62edf55..35838b4bf1 100644
--- a/src/CoreShop/Component/User/composer.json
+++ b/src/CoreShop/Component/User/composer.json
@@ -1,58 +1,58 @@
 {
-  "name": "coreshop/user",
-  "type": "library",
-  "description": "CoreShop User Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/user",
+    "type": "library",
+    "description": "CoreShop User Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "pimcore/pimcore": "^12.0",
+        "symfony/security-core": "^6.4.14 || ^7.2"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "pimcore/pimcore": "^12.3",
-    "symfony/security-core": "^6.3 || ^7.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\User\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\User\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Variant/README.md b/src/CoreShop/Component/Variant/README.md
index bf4bcf3bae..d0f809ed37 100644
--- a/src/CoreShop/Component/Variant/README.md
+++ b/src/CoreShop/Component/Variant/README.md
@@ -7,12 +7,12 @@ CoreShop
 ![CoreShop](https://www.coreshop.com/assets/img/logo-full.svg)
 
 CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of
-code. [Read more on coreshop.org](http://www.coreshop.org)
+code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Variant/composer.json b/src/CoreShop/Component/Variant/composer.json
index dfe940b84d..0b41629728 100644
--- a/src/CoreShop/Component/Variant/composer.json
+++ b/src/CoreShop/Component/Variant/composer.json
@@ -1,56 +1,56 @@
 {
-  "name": "coreshop/variant",
-  "type": "library",
-  "description": "CoreShop Variant Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/variant",
+    "type": "library",
+    "description": "CoreShop Variant Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Variant\\": ""
-    }
-  },
-  "repositories": [
-    {
-      "type": "path",
-      "url": "../../*/*"
-    }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Variant\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
+    },
+    "config": {
+        "sort-packages": true
     }
-  },
-  "config": {
-    "sort-packages": true
-  }
 }
diff --git a/src/CoreShop/Component/Wishlist/README.md b/src/CoreShop/Component/Wishlist/README.md
index 1a17853055..3f4152bea6 100644
--- a/src/CoreShop/Component/Wishlist/README.md
+++ b/src/CoreShop/Component/Wishlist/README.md
@@ -4,14 +4,14 @@ CoreShop Wishlist Component
 CoreShop
 ------
 
-![CoreShop](http://www.coreshop.org/assets/img/logo-full.svg)
+![CoreShop](http://www.coreshop.com/assets/img/logo-full.svg)
 
-CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.org](http://www.coreshop.org)
+CoreShop is an eCommerce Solution for Pimcore. It is build from decoupled components to get highest quality of code. [Read more on coreshop.com](http://www.coreshop.com)
 
 Documentation
 -------------
 
-Documentation is available on [**coreshop.org**](https://docs.coreshop.org).
+Documentation is available on [**coreshop.com**](https://docs.coreshop.com).
 
 Bug tracking
 ------------
diff --git a/src/CoreShop/Component/Wishlist/composer.json b/src/CoreShop/Component/Wishlist/composer.json
index 0ac0a38ec8..77250265eb 100644
--- a/src/CoreShop/Component/Wishlist/composer.json
+++ b/src/CoreShop/Component/Wishlist/composer.json
@@ -1,59 +1,59 @@
 {
-  "name": "coreshop/wishlist",
-  "type": "library",
-  "description": "CoreShop Wishlist Component.",
-  "keywords": [
-    "coreshop",
-    "pimcore",
-    "ecommerce"
-  ],
-  "homepage": "https://www.coreshop.com",
-  "license": "proprietary",
-  "authors": [
-    {
-      "name": "CoreShop Team",
-      "email": "info@coreshop.com",
-      "homepage": "https://www.coreshop.com/",
-      "role": "Developer"
+    "name": "coreshop/wishlist",
+    "type": "library",
+    "description": "CoreShop Wishlist Component.",
+    "keywords": [
+        "coreshop",
+        "pimcore",
+        "ecommerce"
+    ],
+    "homepage": "https://www.coreshop.com",
+    "license": "proprietary",
+    "authors": [
+        {
+            "name": "CoreShop Team",
+            "email": "info@coreshop.com",
+            "homepage": "https://www.coreshop.com/",
+            "role": "Developer"
+        },
+        {
+            "name": "Dominik Pfaffenbauer",
+            "email": "dominik@pfaffenbauer.at",
+            "homepage": "https://www.pfaffenbauer.at/",
+            "role": "Developer"
+        }
+    ],
+    "require": {
+        "coreshop/resource": "^5.0",
+        "coreshop/store": "^5.0",
+        "coreshop/pimcore": "^5.0",
+        "coreshop/customer": "^5.0",
+        "coreshop/product": "^5.0",
+        "coreshop/storage-list": "^5.0",
+        "pimcore/pimcore": "^12.0"
     },
-    {
-      "name": "Dominik Pfaffenbauer",
-      "email": "dominik@pfaffenbauer.at",
-      "homepage": "https://www.pfaffenbauer.at/",
-      "role": "Developer"
-    }
-  ],
-  "require": {
-    "coreshop/resource": "^5.0",
-    "coreshop/store": "^5.0",
-    "coreshop/pimcore": "^5.0",
-    "coreshop/customer": "^5.0",
-    "coreshop/product": "^5.0",
-    "coreshop/storage-list": "^5.0",
-    "pimcore/pimcore": "^12.3"
-  },
-  "require-dev": {
-    "phpstan/phpstan": "^2.1",
-    "phpstan/phpstan-doctrine": "^2.0",
-    "phpstan/phpstan-webmozart-assert": "^2.0"
-  },
-  "autoload": {
-    "psr-4": {
-      "CoreShop\\Component\\Wishlist\\": ""
-    }
-  },
-  "repositories": [
-      {
-          "type": "path",
-          "url": "../../*/*"
-      }
-  ],
-  "minimum-stability": "dev",
-  "prefer-stable": true,
-   "extra": {
-    "branch-alias": {
-      "dev-main": "5.0-dev",
-      "dev-master": "5.0-dev"
+    "require-dev": {
+        "phpstan/phpstan": "^2.0",
+        "phpstan/phpstan-doctrine": "^2.0",
+        "phpstan/phpstan-webmozart-assert": "^2.0"
+    },
+    "autoload": {
+        "psr-4": {
+            "CoreShop\\Component\\Wishlist\\": ""
+        }
+    },
+    "repositories": [
+        {
+            "type": "path",
+            "url": "../../*/*"
+        }
+    ],
+    "minimum-stability": "dev",
+    "prefer-stable": true,
+    "extra": {
+        "branch-alias": {
+            "dev-main": "5.0-dev",
+            "dev-master": "5.0-dev"
+        }
     }
-  }
 }
diff --git a/studio-build.ts b/studio-build.ts
new file mode 100755
index 0000000000..42834e3d36
--- /dev/null
+++ b/studio-build.ts
@@ -0,0 +1,518 @@
+#!/usr/bin/env node
+
+/**
+ * CoreShop Studio Build Script
+ * 
+ * Builds all CoreShop Studio plugins in parallel
+ */
+
+import { execSync } from 'child_process'
+import path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'url'
+import { v4 as uuidv4 } from 'uuid'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+interface Plugin {
+  name: string
+  path: string
+  color: string
+}
+
+interface BuildResult {
+  plugin: string
+  success: boolean
+  error?: string
+}
+
+/**
+ * Get the list of bundles changed since the base branch.
+ * Returns null if all bundles should be built (e.g. root config changed).
+ */
+function getChangedBundles(plugins: Plugin[]): Plugin[] | null {
+  // Detect base branch from environment or default
+  const baseBranch = process.env.GITHUB_BASE_REF || process.env.BASE_BRANCH || 'master'
+
+  let changedFiles: string[]
+  try {
+    const result = execSync(`git diff --name-only origin/${baseBranch}...HEAD`, {
+      encoding: 'utf8',
+      stdio: ['pipe', 'pipe', 'pipe']
+    })
+    changedFiles = result.trim().split('\n').filter(Boolean)
+  } catch {
+    // If git diff fails (e.g. shallow clone, no remote), build everything
+    console.log('Could not determine changed files, building all bundles')
+    return null
+  }
+
+  if (changedFiles.length === 0) {
+    return []
+  }
+
+  // If root build config changed, rebuild everything
+  const rootConfigFiles = [
+    'rsbuild.template.config.ts',
+    'rsbuild.studio.config.ts',
+    'rsbuild.config.ts',
+    'package.json',
+    'package-lock.json',
+    'tsconfig.json',
+    'studio-build.ts'
+  ]
+  if (changedFiles.some(f => rootConfigFiles.includes(f))) {
+    console.log('Root config changed, building all bundles')
+    return null
+  }
+
+  // Map changed files to affected bundles
+  const changedBundleNames = new Set<string>()
+  for (const file of changedFiles) {
+    const match = file.match(/^src\/CoreShop\/Bundle\/(\w+Bundle)\//)
+    if (match) {
+      changedBundleNames.add(match[1])
+    }
+  }
+
+  if (changedBundleNames.size === 0) {
+    return []
+  }
+
+  // Expand dependency graph: if a dependency changed, dependents must rebuild too
+  // Build a map of bundle -> its file: dependencies from package.json
+  const bundleDeps = new Map<string, string[]>()
+  for (const plugin of plugins) {
+    const pkgPath = path.resolve(__dirname, plugin.path, 'package.json')
+    try {
+      const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'))
+      const deps = Object.values({ ...pkg.dependencies, ...pkg.devDependencies }) as string[]
+      const fileDeps: string[] = []
+      for (const dep of deps) {
+        if (typeof dep === 'string' && dep.startsWith('file:')) {
+          // Extract bundle name from file: path like "file:../../ResourceBundle/Resources/assets/pimcore-studio"
+          const depMatch = dep.match(/(\w+Bundle)\/Resources\/assets\/pimcore-studio/)
+          if (depMatch) {
+            fileDeps.push(depMatch[1])
+          }
+        }
+      }
+      bundleDeps.set(plugin.name, fileDeps)
+    } catch {
+      // If package.json can't be read, no deps
+    }
+  }
+
+  // Iteratively expand: if any dependency is in changedBundleNames, add the dependent
+  let expanded = true
+  while (expanded) {
+    expanded = false
+    for (const [bundle, deps] of bundleDeps) {
+      if (!changedBundleNames.has(bundle)) {
+        for (const dep of deps) {
+          if (changedBundleNames.has(dep)) {
+            changedBundleNames.add(bundle)
+            expanded = true
+            break
+          }
+        }
+      }
+    }
+  }
+
+  return plugins.filter(p => changedBundleNames.has(p.name))
+}
+
+// Color codes for console output
+const colors = {
+  reset: '\x1b[0m',
+  red: '\x1b[31m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  magenta: '\x1b[35m',
+  cyan: '\x1b[36m',
+  white: '\x1b[37m'
+};
+
+// Auto-discover plugins with studio assets
+function discoverPlugins(): Plugin[] {
+  const plugins: Plugin[] = [];
+  const bundlePath = 'src/CoreShop/Bundle';
+  const availableColors = [colors.blue, colors.green, colors.magenta, colors.cyan, colors.yellow, colors.red];
+  let colorIndex = 0;
+  
+  if (!fs.existsSync(bundlePath)) {
+    return plugins;
+  }
+  
+  const bundleDirs = fs.readdirSync(bundlePath, { withFileTypes: true })
+    .filter((dirent: fs.Dirent) => dirent.isDirectory())
+    .map((dirent: fs.Dirent) => dirent.name);
+  
+  for (const bundleDir of bundleDirs) {
+    const studioPath = path.join(bundlePath, bundleDir, 'Resources/assets/pimcore-studio');
+    const packageJsonPath = path.join(studioPath, 'package.json');
+    
+    if (fs.existsSync(studioPath) && fs.existsSync(packageJsonPath)) {
+      plugins.push({
+        name: bundleDir,
+        path: studioPath,
+        color: availableColors[colorIndex % availableColors.length]
+      });
+      colorIndex++;
+    }
+  }
+  
+  return plugins.sort((a, b) => a.name.localeCompare(b.name));
+}
+
+const plugins = discoverPlugins();
+
+// Fixed port mapping for each bundle to avoid conflicts
+const bundlePortMap = {
+  'address': 3001,
+  'core': 3002,
+  'currency': 3003,
+  'customer': 3004,
+  'index': 3005,
+  'menu': 3006,
+  'messenger': 3007,
+  'money': 3008,
+  'notification': 3009,
+  'order': 3010,
+  'payment': 3011,
+  'pimcore': 3012,
+  'product': 3013,
+  'productquantitypricerules': 3014,
+  'resource': 3015,
+  'rule': 3016,
+  'shipping': 3017,
+  'store': 3018,
+  'taxation': 3019,
+  'user': 3020,
+  'variant': 3021
+};
+
+function log(message, color = colors.reset) {
+  console.log(`${color}${message}${colors.reset}`);
+}
+
+function logPlugin(plugin, message, color = plugin.color) {
+  log(`[${plugin.name}] ${message}`, color);
+}
+
+async function runCommand(command, cwd, silent = false, env = undefined) {
+  return new Promise((resolve, reject) => {
+    try {
+      const result = execSync(command, { 
+        cwd, 
+        stdio: silent ? 'pipe' : 'inherit',
+        encoding: 'utf8',
+        env: env || process.env
+      });
+      resolve(result);
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+async function checkPluginExists(plugin) {
+  const pluginPath = path.resolve(__dirname, plugin.path);
+  const packageJsonPath = path.join(pluginPath, 'package.json');
+  
+  if (!fs.existsSync(pluginPath)) {
+    logPlugin(plugin, 'Directory does not exist!', colors.red);
+    return false;
+  }
+  
+  if (!fs.existsSync(packageJsonPath)) {
+    logPlugin(plugin, 'package.json not found!', colors.red);
+    return false;
+  }
+  
+  return true;
+}
+
+async function installDependencies(plugin) {
+  const pluginPath = path.resolve(__dirname, plugin.path);
+  const nodeModulesPath = path.join(pluginPath, 'node_modules');
+  
+  // Check if dependencies are already installed
+  if (fs.existsSync(nodeModulesPath)) {
+    logPlugin(plugin, 'Dependencies already installed, skipping...');
+    return;
+  }
+  
+  logPlugin(plugin, 'Installing dependencies...');
+  try {
+    // await runCommand('npm install', pluginPath);
+    logPlugin(plugin, 'Dependencies installed successfully!', colors.green);
+  } catch (error) {
+    logPlugin(plugin, `Failed to install dependencies: ${error.message}`, colors.red);
+    throw error;
+  }
+}
+
+async function buildPlugin(plugin) {
+  const bundleName = plugin.name.replace(/Bundle$/, '').toLowerCase();
+  
+  logPlugin(plugin, 'Building plugin...');
+  try {
+    // Use the template config with environment variables
+    const buildEnv = {
+      ...process.env,
+      CORESHOP_BUNDLE_NAME: bundleName,
+      CORESHOP_BUNDLE_DIR: plugin.name.replace(/Bundle$/, ''),
+      CORESHOP_BUILD_ID: require('uuid').v4()
+    };
+    
+    await runCommand('rsbuild build --config rsbuild.studio.config.ts', __dirname, false, buildEnv);
+    logPlugin(plugin, 'Build completed successfully!', colors.green);
+  } catch (error) {
+    logPlugin(plugin, `Build failed: ${error.message}`, colors.red);
+    throw error;
+  }
+}
+
+async function lintPlugin(plugin) {
+  const pluginPath = path.resolve(__dirname, plugin.path);
+  
+  logPlugin(plugin, 'Running type check...');
+  try {
+    await runCommand('npm run check-types', pluginPath, true);
+    logPlugin(plugin, 'Type check passed!', colors.green);
+  } catch (error) {
+    logPlugin(plugin, `Type check failed: ${error.message}`, colors.yellow);
+    // Don't throw error for type check failures, just warn
+  }
+}
+
+async function processPlugin(plugin) {
+  logPlugin(plugin, 'Starting processing...');
+  
+  try {
+    // Check if plugin exists
+    if (!(await checkPluginExists(plugin))) {
+      throw new Error('Plugin validation failed');
+    }
+    
+    // Install dependencies
+    await installDependencies(plugin);
+    
+    // Run type check (optional)
+    await lintPlugin(plugin);
+    
+    // Build plugin
+    await buildPlugin(plugin);
+    
+    logPlugin(plugin, 'Processing completed successfully!', colors.green);
+    return true;
+  } catch (error) {
+    logPlugin(plugin, `Processing failed: ${error.message}`, colors.red);
+    return false;
+  }
+}
+
+async function main() {
+  const args = process.argv.slice(2);
+  const command = args[0] || 'build';
+  
+  log('🚀 CoreShop Studio Build Script', colors.cyan);
+  log(`Command: ${command}`, colors.cyan);
+  log('═'.repeat(60), colors.cyan);
+  
+  const results = [];
+  
+  if (command === 'install') {
+    log('Installing dependencies for all plugins...', colors.yellow);
+    
+    for (const plugin of plugins) {
+      try {
+        if (await checkPluginExists(plugin)) {
+          await installDependencies(plugin);
+          results.push({ plugin: plugin.name, success: true });
+        } else {
+          results.push({ plugin: plugin.name, success: false });
+        }
+      } catch (error) {
+        results.push({ plugin: plugin.name, success: false, error: error.message });
+      }
+    }
+  } else if (command === 'build') {
+    const changedOnly = args.includes('--changed-only');
+    let buildPlugins = plugins;
+
+    if (changedOnly) {
+      const changed = getChangedBundles(plugins);
+      if (changed !== null) {
+        buildPlugins = changed;
+        if (buildPlugins.length === 0) {
+          log('No bundles changed, nothing to build.', colors.green);
+          process.exit(0);
+        }
+        log(`Building ${buildPlugins.length} changed bundle(s): ${buildPlugins.map(p => p.name.replace('Bundle', '')).join(', ')}`, colors.yellow);
+      } else {
+        log('Building all plugins in parallel...', colors.yellow);
+      }
+    } else {
+      log('Building all plugins in parallel...', colors.yellow);
+    }
+
+    log(`Found ${buildPlugins.length} bundles to build concurrently`, colors.cyan);
+
+    // Build all plugins in parallel using concurrently for better output management
+    const commands = buildPlugins.map(plugin => {
+      const bundleName = plugin.name.replace(/Bundle$/, '').toLowerCase();
+      const bundleDir = plugin.name.replace(/Bundle$/, '');
+      const buildId = require('uuid').v4();
+
+      return `CORESHOP_BUNDLE_NAME=${bundleName} CORESHOP_BUNDLE_DIR=${bundleDir} CORESHOP_BUILD_ID=${buildId} rsbuild build --config rsbuild.studio.config.ts`;
+    });
+
+    const names = buildPlugins.map(plugin => plugin.name.replace('Bundle', '')).join(',');
+    const colorNames = ['blue', 'green', 'magenta', 'cyan', 'yellow', 'red']
+      .slice(0, Math.min(buildPlugins.length, 6)).join(',');
+
+    // Use concurrently directly (already in devDependencies, no npx overhead)
+    const concurrentlyBin = path.resolve(__dirname, 'node_modules/.bin/concurrently');
+    const concurrentlyCmd = `${concurrentlyBin} ${commands.map(cmd => `"${cmd}"`).join(' ')} --names "${names}" --prefix-colors "${colorNames}" --kill-others-on-fail --max-processes ${buildPlugins.length}`;
+
+    try {
+      await runCommand(concurrentlyCmd, __dirname);
+      log('\n🎉 All bundles built successfully!', colors.green);
+      process.exit(0);
+    } catch (error) {
+      log(`\nBuild failed: ${error.message}`, colors.red);
+      process.exit(1);
+    }
+  } else if (command === 'dev') {
+    const bundleName = args[1];
+    
+    if (!bundleName) {
+      log('Available bundles for dev mode:', colors.yellow);
+      plugins.forEach(plugin => {
+        log(`  - ${plugin.name}`, colors.white);
+      });
+      log('\nUsage:', colors.yellow);
+      log('  node studio-build.js dev <bundle-name>  - Start single bundle', colors.white);
+      log('  node studio-build.js dev all             - Start all bundles', colors.white);
+      log('\nExample: node studio-build.js dev ResourceBundle', colors.white);
+      process.exit(1);
+    }
+    
+    if (bundleName.toLowerCase() === 'all') {
+      // Start all dev servers in parallel using concurrently
+      log('Starting all development servers...', colors.yellow);
+      log(`Found ${plugins.length} bundles:`, colors.cyan);
+      
+      const validPlugins = [];
+      for (const plugin of plugins) {
+        if (await checkPluginExists(plugin)) {
+          await installDependencies(plugin);
+          validPlugins.push(plugin);
+          logPlugin(plugin, `Ready for dev server`);
+        }
+      }
+      
+      if (validPlugins.length === 0) {
+        log('No valid bundles found for dev mode!', colors.red);
+        process.exit(1);
+      }
+      
+      log('Press Ctrl+C to stop all servers', colors.yellow);
+      log('═'.repeat(60), colors.cyan);
+      
+      // Build concurrently command using template config with fixed ports
+      const commands = validPlugins.map(plugin => {
+        const bundleName = plugin.name.replace(/Bundle$/, '').toLowerCase();
+        const bundleDir = plugin.name.replace(/Bundle$/, '');
+        const port = bundlePortMap[bundleName] || 3000;
+
+        return `CORESHOP_BUNDLE_NAME=${bundleName} CORESHOP_BUNDLE_DIR=${bundleDir} CORESHOP_DEV_PORT=${port} NODE_ENV=dev-server rsbuild dev --config rsbuild.studio.config.ts`;
+      });
+      
+      const names = validPlugins.map(plugin => plugin.name.replace('Bundle', '')).join(',');
+      const colorNames = ['blue', 'green', 'magenta', 'cyan', 'yellow', 'red']
+        .slice(0, Math.min(validPlugins.length, 6)).join(',');
+      
+      // Use concurrently directly (already in devDependencies, no npx overhead)
+      const concurrentlyBin = path.resolve(__dirname, 'node_modules/.bin/concurrently');
+      const concurrentlyCmd = `${concurrentlyBin} ${commands.map(cmd => `"${cmd}"`).join(' ')} --names "${names}" --prefix-colors "${colorNames}" --kill-others-on-fail --restart-tries 2 --max-processes ${validPlugins.length}`;
+      
+      try {
+        await runCommand(concurrentlyCmd, __dirname);
+      } catch (error) {
+        log(`Dev servers failed: ${error.message}`, colors.red);
+        process.exit(1);
+      }
+      
+    } else {
+      // Start single bundle
+      const plugin = plugins.find(p => p.name.toLowerCase() === bundleName.toLowerCase());
+      
+      if (!plugin) {
+        log(`Bundle "${bundleName}" not found!`, colors.red);
+        log('Available bundles:', colors.yellow);
+        plugins.forEach(p => log(`  - ${p.name}`, colors.white));
+        process.exit(1);
+      }
+      
+      if (!(await checkPluginExists(plugin))) {
+        logPlugin(plugin, 'Bundle validation failed!', colors.red);
+        process.exit(1);
+      }
+      
+      logPlugin(plugin, 'Starting dev server...', colors.green);
+      log('Press Ctrl+C to stop the server', colors.yellow);
+      
+      try {
+        await installDependencies(plugin);
+        
+        // Use template config for single bundle dev
+        const bundleName = plugin.name.replace(/Bundle$/, '').toLowerCase();
+        const port = bundlePortMap[bundleName] || 3000;
+        
+        const devEnv = {
+          ...process.env,
+          CORESHOP_BUNDLE_NAME: bundleName,
+          CORESHOP_BUNDLE_DIR: plugin.name.replace(/Bundle$/, ''),
+          CORESHOP_DEV_PORT: port.toString(),
+          NODE_ENV: 'dev-server'
+        };
+        
+        await runCommand('rsbuild dev --config rsbuild.studio.config.ts', __dirname, false, devEnv);
+      } catch (error) {
+        logPlugin(plugin, `Dev server failed: ${error.message}`, colors.red);
+        process.exit(1);
+      }
+    }
+  } else {
+    log('Usage:', colors.yellow);
+    log('  node studio-build.js [command] [options]', colors.white);
+    log('\\nCommands:', colors.yellow);
+    log('  install  - Install dependencies for all plugins', colors.white);
+    log('  build    - Build all plugins (default)', colors.white);
+    log('  dev <bundle-name> - Start development server for specific bundle', colors.white);
+    log('  dev all           - Start development servers for all bundles', colors.white);
+    log('\\nAvailable bundles for dev:', colors.yellow);
+    plugins.forEach(plugin => {
+      log(`  - ${plugin.name}`, colors.white);
+    });
+    process.exit(1);
+  }
+}
+
+// Handle Ctrl+C gracefully
+process.on('SIGINT', () => {
+  log('\\n\\n🛑 Build process interrupted', colors.yellow);
+  process.exit(130);
+});
+
+// Run the script
+main().catch((error) => {
+  log(`\\n💥 Unexpected error: ${error.message}`, colors.red);
+  process.exit(1);
+});
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000000..1408915587
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "types": ["@types/webpack-env" ],
+    "baseUrl": "./js/",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "*": ["./@mf-types/*"]
+    }
+  },
+
+  "include": [
+    "./js/**/*",
+    "./@mf-types/*",
+    "assets/js/custom.d.ts"
+  ],
+}
\ No newline at end of file
diff --git a/tsconfig.studio.json b/tsconfig.studio.json
new file mode 100644
index 0000000000..732469b38c
--- /dev/null
+++ b/tsconfig.studio.json
@@ -0,0 +1,52 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "es2017",
+    "moduleResolution": "bundler",
+    "baseUrl": ".",
+    "strictNullChecks": true,
+    "jsx": "react",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@coreshop/resource/src/*": ["src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/resource": ["src/CoreShop/Bundle/ResourceBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/pimcore/src/*": ["src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/pimcore": ["src/CoreShop/Bundle/PimcoreBundle/Resources/assets/pimcore-studio/src/main.ts"],
+      "@coreshop/currency/src/*": ["src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/currency": ["src/CoreShop/Bundle/CurrencyBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/rule/src/*": ["src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/rule": ["src/CoreShop/Bundle/RuleBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/order/src/*": ["src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/order": ["src/CoreShop/Bundle/OrderBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/product/src/*": ["src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/product": ["src/CoreShop/Bundle/ProductBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/shipping/src/*": ["src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/shipping": ["src/CoreShop/Bundle/ShippingBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/payment/src/*": ["src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/payment": ["src/CoreShop/Bundle/PaymentBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/address/src/*": ["src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/address": ["src/CoreShop/Bundle/AddressBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/taxation/src/*": ["src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/taxation": ["src/CoreShop/Bundle/TaxationBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/store/src/*": ["src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/store": ["src/CoreShop/Bundle/StoreBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/customer/src/*": ["src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/customer": ["src/CoreShop/Bundle/CustomerBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/core/src/*": ["src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/core": ["src/CoreShop/Bundle/CoreBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "@coreshop/studio-form/src/*": ["src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/*"],
+      "@coreshop/studio-form": ["src/CoreShop/Bundle/StudioFormBundle/Resources/assets/pimcore-studio/src/index.ts"],
+      "*": ["src/CoreShop/Bundle/*/Resources/assets/pimcore-studio/@mf-types/*"]
+    }
+  },
+  "include": [
+    "src/CoreShop/Bundle/*/Resources/assets/pimcore-studio/src/**/*",
+    "src/CoreShop/Bundle/*/Resources/assets/pimcore-studio/@mf-types/*",
+    "assets/js/custom.d.ts"
+  ]
+}