@crystaldesign/diva-backoffice 26.14.0-beta.26 → 26.14.0-beta.28

package/build/esm/index.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React, { createElement, createContext, useState, useEffect, useRef, useMemo, forwardRef, useImperativeHandle, useCallback, createRef, useReducer, useContext, memo, useDeferredValue, useSyncExternalStore, Suspense, lazy } from 'react';
 import 'antd/dist/reset.css';
-import { Divider, Form as Form$2, Button, Input as Input$1, Popover, Typography, Progress, Select, Avatar, Spin, Radio, Space, Dropdown, InputNumber, ColorPicker, Tooltip as Tooltip$1, Slider, DatePicker, Checkbox as Checkbox$1, Modal as Modal$2, Tabs, Cascader, Descriptions, Row, Col, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, message, Switch, Popconfirm, Image as Image$1, Breadcrumb, Result as Result$1, Badge, Tag, theme, Empty, Splitter, notification, ConfigProvider, Layout, Drawer, Segmented } from 'antd';
+import { Divider, Form as Form$2, Button, Input as Input$1, Popover, Typography, Progress, Select, Avatar, Spin, Radio, Space, Dropdown, InputNumber, ColorPicker, Tooltip as Tooltip$1, Slider, DatePicker, Checkbox as Checkbox$1, Modal as Modal$2, theme, Tabs, Cascader, Descriptions, Row, Col, Collapse, List as List$1, Skeleton, Alert, Card, Upload as Upload$2, Table as Table$1, message, Switch, Popconfirm, Image as Image$1, Breadcrumb, Result as Result$1, Badge, Tag, Empty, Splitter, notification, ConfigProvider, Layout, Drawer, Segmented } from 'antd';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { observer } from 'mobx-react-lite';
 import { getLogger, DivaError, useTranslation, useDivaCore, DivaUtils, i18n } from '@crystaldesign/diva-core';
@@ -95,10 +95,16 @@ import Button$1 from 'antd/es/button';
 import Upload$1 from 'antd/es/upload';
 import DownOutlined from '@ant-design/icons/lib/icons/DownOutlined';
 import Space$1 from 'antd/es/space';
+import get from 'lodash/get';
 import { stringify } from 'csv';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import SearchOutlined from '@ant-design/icons/SearchOutlined';
 import PlusOutlined$1 from '@ant-design/icons/PlusOutlined';
+import set from 'lodash/set';
+import has from 'lodash/has';
+import isEqual from 'lodash/isEqual';
+import mapValues from 'lodash/mapValues';
+import omit from 'lodash/omit';
 import { jsonEditorTheme, Spreadsheet as Spreadsheet$1, SelectAllOption, applyFilterToAddtionalColumn, resolveEnumValue, SpreadsheetSearchInput } from '@crystaldesign/spreadsheet';
 import ReactCrop from 'react-image-crop';
 import 'react-image-crop/dist/ReactCrop.css';
@@ -164,12 +170,13 @@ import MoonOutlined from '@ant-design/icons/MoonOutlined';
 import SunOutlined from '@ant-design/icons/SunOutlined';
 import { WebPlannerReact } from '@crystaldesign/diva-web-planner-react';
 import * as analyzerComponents from '@crystaldesign/web-planner-analyzer';
-import isEqual from 'lodash/isEqual';
 import Input$2 from 'antd/es/input';
 import Popover$1 from 'antd/es/popover';
 import Select$1 from 'antd/es/select';
 import message$1 from 'antd/es/message';
 import Popconfirm$1 from 'antd/es/popconfirm';
+import PlusOutlined$2 from '@ant-design/icons/lib/icons/PlusOutlined';
+import RightOutlined$2 from '@ant-design/icons/lib/icons/RightOutlined';
 import { mergeToolsets, AiCatalogChat, bridgeAutoConnectWanted, detachBridgeClients, subscribeToBridgeStatus, getBridgeStatusSnapshot, getBridgeWorkspaceSnapshot } from '@crystaldesign/diva-agent';
 import DivaWebPlanner from '@crystaldesign/web-planner-logic';
 import _toArray from '@babel/runtime/helpers/toArray';
@@ -193,8 +200,6 @@ import EditOutlined$2 from '@ant-design/icons/lib/icons/EditOutlined';
 import EyeOutlined$1 from '@ant-design/icons/lib/icons/EyeOutlined';
 import Radio$1 from 'antd/es/radio';
 import Checkbox$3 from 'antd/es/checkbox';
-import get from 'lodash/get';
-import set from 'lodash/set';
 import pick from 'lodash/pick';
 import MinusCircleOutlined$1 from '@ant-design/icons/MinusCircleOutlined';
 import { loadModels, groupModelsByCollection, filterModels } from '@crystaldesign/bulk-product-configurator';
@@ -243,9 +248,9 @@ function plannerBasesEditedAt(path, plannerTools) {
   return _toConsumableArray(new Set([packageId].concat(_toConsumableArray(keyedBy))));
 }
 
-function _createForOfIteratorHelper$1c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$1c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1c(r, a) : void 0; } }
-function _arrayLikeToArray$1c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$1d(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1d(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1d(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1d(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1d(r, a) : void 0; } }
+function _arrayLikeToArray$1d(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var MAX_HEADLESS_INSTANCES = 3;
 /** How long the mounted view gets to rebuild its planner before a consumer builds its own. */
 var VIEW_REBUILD_WAIT_MS = 30000;
@@ -409,7 +414,7 @@ var WebplannerInstanceStore = /*#__PURE__*/function () {
     value: function flagStale(baseIds) {
       var bases = new Set(baseIds);
       // A creation in flight is a use in progress — it discards its result and builds again on the new data.
-      var _iterator = _createForOfIteratorHelper$1c(bases),
+      var _iterator = _createForOfIteratorHelper$1d(bases),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -423,7 +428,7 @@ var WebplannerInstanceStore = /*#__PURE__*/function () {
         _iterator.f();
       }
       if (this._activeKey && this._activeInstance && bases.has(baseOf(this._activeKey))) this._staleInstances.add(this._activeInstance);
-      var _iterator2 = _createForOfIteratorHelper$1c(this._headless),
+      var _iterator2 = _createForOfIteratorHelper$1d(this._headless),
         _step2;
       try {
         for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -930,12 +935,12 @@ function staleBasesOf(message) {
   return bases.length ? bases : undefined;
 }
 
-function _createForOfIteratorHelper$1b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$1b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1b(r, a) : void 0; } }
-function _arrayLikeToArray$1b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$2N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$w = getLogger('Backoffice', 'ApplyMapping');
+function _createForOfIteratorHelper$1c(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1c(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1c(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1c(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1c(r, a) : void 0; } }
+function _arrayLikeToArray$1c(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$2P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2P(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$x = getLogger('Backoffice', 'ApplyMapping');
 function applyMapping (_ref) {
   var mappable = _ref.mappable,
     mappingData = _ref.mappingData,
@@ -955,10 +960,10 @@ function applyMapping (_ref) {
         var newValue = {};
         newValue[newKey] = valueToAdd;
         if ((startValue === null || startValue === void 0 ? void 0 : startValue[newKey]) != undefined) {
-          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$2N(_objectSpread$2N({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
+          if (_typeof(startValue[newKey]) == 'object') startValue[newKey] = _objectSpread$2P(_objectSpread$2P({}, startValue[newKey]), valueToAdd);else startValue[newKey] = type == 'addToSourceValue' ? startValue[newKey] + valueToAdd : valueToAdd;
           return startValue;
         }
-        if (newIdx == 1) return _objectSpread$2N(_objectSpread$2N({}, startValue), newValue);
+        if (newIdx == 1) return _objectSpread$2P(_objectSpread$2P({}, startValue), newValue);
         return _getTarget(idx + 1, keys, startValue, newValue);
       };
       returnValue = _getTarget(0, key.split('.'), returnValue, value);
@@ -967,7 +972,7 @@ function applyMapping (_ref) {
   function meetsCondition(map) {
     if (!map.condition) return true;
     var value = mappingData[map.condition.field];
-    var _iterator = _createForOfIteratorHelper$1b(map.condition.values),
+    var _iterator = _createForOfIteratorHelper$1c(map.condition.values),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -1046,7 +1051,7 @@ function applyMapping (_ref) {
             _url.href = _url.href.replace('&' + m.targetField + '=${' + m.targetField + '}', '');
           }
         }
-        var _iterator2 = _createForOfIteratorHelper$1b(_url.searchParams.entries()),
+        var _iterator2 = _createForOfIteratorHelper$1c(_url.searchParams.entries()),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -1081,13 +1086,13 @@ function applyMapping (_ref) {
     }
     return returnValue;
   } catch (e) {
-    LOG$w.debug('Mapabledata', mappable);
+    LOG$x.debug('Mapabledata', mappable);
     throw e;
   }
 }
 
-function ownKeys$2M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function parseServersideFilters (_ref) {
   var baseUrl = _ref.baseUrl,
     columns = _ref.columns,
@@ -1243,7 +1248,7 @@ var ALL_FIELDS_OPERATORS = ['ne', 'doesnotcontain', 'isnull'];
  * has to check both fields. Expands such column filters (keyed by `column.field`) into one entry per field.
  */
 function expandFallbackFieldFilters(filters, columns) {
-  var expanded = _objectSpread$2M({}, filters);
+  var expanded = _objectSpread$2O({}, filters);
   // parseFilter treats group index 0 as "no OR group", so numbering starts at 1.
   var orGroup = 1;
   for (var _i = 0, _getLeafColumns = getLeafColumns(columns); _i < _getLeafColumns.length; _i++) {
@@ -1293,9 +1298,9 @@ function getLeafColumns(columns) {
   });
 }
 
-function ownKeys$2L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$v = getLogger('Backoffice', 'ApiHandler');
+function ownKeys$2N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2N(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$w = getLogger('Backoffice', 'ApiHandler');
 var jp = require('jsonpath');
 var _default$c = /*#__PURE__*/function () {
   function _default(configuration, _rootStore) {
@@ -1475,7 +1480,7 @@ var _default$c = /*#__PURE__*/function () {
               _context2.next = 21;
               return fetch(finalUrl, {
                 method: this._updateMethod,
-                headers: _objectSpread$2L(_objectSpread$2L({}, jwt ? {
+                headers: _objectSpread$2N(_objectSpread$2N({}, jwt ? {
                   Authorization: 'Bearer ' + jwt
                 } : {}), {}, {
                   'Content-Type': 'application/json'
@@ -1570,7 +1575,7 @@ var _default$c = /*#__PURE__*/function () {
                   rootStore: this._rootStore,
                   fallBackToParams: true
                 });
-                if (data) createData = _objectSpread$2L({}, data);
+                if (data) createData = _objectSpread$2N({}, data);
               } else if (data !== undefined) {
                 createData = applyMapping({
                   mappable: data,
@@ -1835,7 +1840,7 @@ var _default$c = /*#__PURE__*/function () {
               throw new Error('Read List endpoint is missing in configuration.');
             case 2:
               jwt = (_this$_rootStore5 = this._rootStore) === null || _this$_rootStore5 === void 0 ? void 0 : _this$_rootStore5.dataStore.jwt;
-              url = filterServerSide ? parseServersideFilters(_objectSpread$2L(_objectSpread$2L({}, filterServerSide), {}, {
+              url = filterServerSide ? parseServersideFilters(_objectSpread$2N(_objectSpread$2N({}, filterServerSide), {}, {
                 columns: this._filterFields ? filterServerSide.columns : undefined,
                 baseUrl: this._readListUrl,
                 prefilter: prefilter
@@ -1855,7 +1860,7 @@ var _default$c = /*#__PURE__*/function () {
               });
             case 6:
               response = _context8.sent;
-              return _context8.abrupt("return", _objectSpread$2L(_objectSpread$2L({}, response), {}, {
+              return _context8.abrupt("return", _objectSpread$2N(_objectSpread$2N({}, response), {}, {
                 data: response.data.map(function (d) {
                   return _this2.aplyJsonPath(d, _this2._readJsonPath);
                 })
@@ -1879,7 +1884,7 @@ var _default$c = /*#__PURE__*/function () {
         throw new Error('Read List endpoint is missing in configuration.');
       }
       (_this$_rootStore6 = this._rootStore) === null || _this$_rootStore6 === void 0 ? void 0 : _this$_rootStore6.dataStore.jwt;
-      var url = filterServerSide ? parseServersideFilters(_objectSpread$2L(_objectSpread$2L({}, filterServerSide), {}, {
+      var url = filterServerSide ? parseServersideFilters(_objectSpread$2N(_objectSpread$2N({}, filterServerSide), {}, {
         columns: this._filterFields ? filterServerSide.columns : undefined,
         baseUrl: this._readListUrl,
         prefilter: prefilter
@@ -1980,16 +1985,16 @@ var _default$c = /*#__PURE__*/function () {
         }
       });
       this._socket.on('error', function (error) {
-        LOG$v.error(new DivaError('Error on connection', error));
+        LOG$w.error(new DivaError('Error on connection', error));
       });
       this._socket.on('connect_error', function (error) {
-        LOG$v.log("connect_error due to ".concat(error.message));
+        LOG$w.log("connect_error due to ".concat(error.message));
       });
       this._socket.on('connect', function () {
-        LOG$v.debug('Successfully connected to socket');
+        LOG$w.debug('Successfully connected to socket');
       });
       this._socket.on('disconnect', function () {
-        LOG$v.debug('Disconnect from socket');
+        LOG$w.debug('Disconnect from socket');
       });
       return this._socket;
     }
@@ -2705,8 +2710,8 @@ var ASPECT_RATIOS_FULL = ['1:1', '2:3', '3:2', '3:4', '4:3', '4:5', '5:4', '9:16
 /** All four image sizes — only `gemini-3.1-flash-image-preview` supports `512`. */
 var IMAGE_SIZES_FULL = ['512', '1K', '2K', '4K'];
 
-function ownKeys$2K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /** The types of an AI service prompt: TEXT is a text template for /v2/text, every other type an image template. */
 var PROMPT_TYPES = ['ROOM_RENDERING', 'SOCIAL_ADD', 'PRODUCT', 'HERO_IMAGE', 'UPSCALE', 'TEXT'];
@@ -2772,7 +2777,7 @@ var _default$7 = /*#__PURE__*/function () {
           var _i$permission;
           return !i.permission || _this.root.actions.userHasPermission((_i$permission = i.permission) === null || _i$permission === void 0 ? void 0 : _i$permission.toLocaleLowerCase());
         });
-        config = _objectSpread$2K(_objectSpread$2K({}, config), {}, {
+        config = _objectSpread$2M(_objectSpread$2M({}, config), {}, {
           items: filteredItems
         });
       }
@@ -8648,6 +8653,13 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         create: '${adminService}/v1/services/configs'
       },
       preview: '${adminService}/v1/services/configs/preview',
+      schema: '${adminService}/v1/services/configs/schema?type={type}&identifier={identifier}&environmentId={environmentId}',
+      tools: [{
+        id: 'ConfigSettings',
+        name: t('backoffice.configSettings.toolName'),
+        type: 'ConfigSettings',
+        startWidth: 450
+      }],
       "default": {
         identifier: null,
         type: null,
@@ -8694,6 +8706,13 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         create: '${adminService}/v1/views/configs'
       },
       preview: '${adminService}/v1/views/configs/preview',
+      schema: '${adminService}/v1/views/configs/schema?type={type}',
+      tools: [{
+        id: 'ConfigSettings',
+        name: t('backoffice.configSettings.toolName'),
+        type: 'ConfigSettings',
+        startWidth: 450
+      }],
       "default": {
         identifier: null,
         type: null,
@@ -9423,9 +9442,21 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         },
         create: '${authService}/v2/organizations/${parentId}'
       },
+      inheritance: {
+        apiInterface: {
+          read: '${authService}/v2/organizations/${organizationId}/inheritance'
+        },
+        mapping: {
+          type: 'query',
+          map: [{
+            sourceField: '_id',
+            targetField: 'organizationId'
+          }]
+        }
+      },
       triggerRerender: true,
       enableSearch: true,
-      items: [{
+      items: hideForCampaigns(t, [{
         name: 'type',
         label: t('backoffice.form.organizationdetails.items.type'),
         type: 'radio',
@@ -9753,6 +9784,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         label: t('backoffice.form.organizationdetails.items.iwofurn'),
         tabgroup: t('backoffice.subtitle.generally'),
         type: 'checkbox',
+        inheritancePath: 'iwoFurnOptions',
         hidden: function hidden(data) {
           return (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
         },
@@ -11204,7 +11236,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
           name: ''
         }],
         initialValue: []
-      }]
+      }])
     },
     FromAffilateOrganizationDetails: {
       type: 'Form',
@@ -15706,6 +15738,30 @@ var showCampaignFields = function showCampaignFields(data) {
   return (data === null || data === void 0 ? void 0 : data.type) !== 'SUPPLIER' && !((data === null || data === void 0 ? void 0 : data.parentType) === 'SUPPLIER' && (data === null || data === void 0 ? void 0 : data.type) === undefined);
 };
 
+/**
+ * A campaign organization shows only what its landing page, widgets and tracking read; everything else is the same for every
+ * campaign and comes from the retailer, so it is hidden there. Only hidden: stored values stay.
+ */
+function hideForCampaigns(t, items) {
+  var campaignTabs = [t('backoffice.form.organizationdetails.campaignLandingPage'), t('backoffice.form.organizationdetails.additionalContactData')];
+  var campaignFields = ['type', t('backoffice.subtitle.generally'), '_id', 'displayName', 'description', 'email', 'phone', 'homepage', t('backoffice.subtitle.configurator'), 'privacyPolicyUrl', 'termsAndConditionsUrl', 'impressumUrl'];
+  return items.map(function (item) {
+    var _item$tabgroup;
+    if (campaignTabs.includes((_item$tabgroup = item.tabgroup) !== null && _item$tabgroup !== void 0 ? _item$tabgroup : '') || campaignFields.includes(item.name.toString())) return item;
+    var _hidden = item.hidden,
+      _required = item.required;
+    return _objectSpread$2M(_objectSpread$2M({}, item), {}, {
+      hidden: function hidden(data) {
+        return (data === null || data === void 0 ? void 0 : data.type) === 'CAMPAIGN' || (typeof _hidden === 'function' ? _hidden(data) : !!_hidden);
+      }
+    }, _required !== undefined && {
+      required: function required(data) {
+        return (data === null || data === void 0 ? void 0 : data.type) !== 'CAMPAIGN' && (typeof _required === 'function' ? _required(data) : _required);
+      }
+    });
+  });
+}
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -15739,8 +15795,8 @@ var navMinified = "nav-minified-tSt-a";
 var navOverlay = "nav-overlay-rKJNC";
 var navSettings = "nav-settings-82cjv";
 var menuLabel = "menu-label-4dXQk";
-var css_248z$1o = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline !important;\n  display: initial !important;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
-styleInject(css_248z$1o);
+var css_248z$1p = ".nav-minify-button-ZX7dm {\n  color: rgba(255, 255, 255, 0.65);\n  background: #001529;\n  cursor: pointer;\n  padding: 10px;\n  height: 40px;\n}\n\n.nav-minify-button-ZX7dm:hover {\n  color: #fff;\n  background-color: rgba(0, 0, 0, 0.06);\n}\n\n.nav-minify-button-ZX7dm .anticon {\n  float: right;\n}\n\n.nav-container-JCR24 {\n  display: flex;\n  min-width: 30px;\n  overflow: visible;\n  z-index: 10001;\n}\n\n.nav-container-JCR24 .ant-layout-sider-children {\n  display: flex;\n  flex-direction: column;\n}\n\n.nav-minified-tSt-a {\n  flex: 0 0 30px !important;\n  max-width: 30px !important;\n  min-width: 30px !important;\n  width: 30px !important;\n}\n\n.nav-minified-tSt-a {\n  /* position: absolute !important; */\n  height: 100%;\n  z-index: 1;\n}\n\n.nav-overlay-rKJNC {\n  max-width: 200px !important;\n  min-width: 200px !important;\n  width: 200px !important;\n}\n\n.nav-minified-tSt-a .ant-menu-root {\n  display: none;\n}\n\n.nav-overlay-rKJNC .ant-menu-root {\n  display: inline !important;\n  display: initial !important;\n}\n\n.nav-settings-82cjv {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: auto 18px 55px;\n}\n\n.nav-container-JCR24 .ant-menu-title-content {\n  overflow: visible;\n}\n\n.menu-label-4dXQk {\n  display: flex;\n}\n\n.ant-menu .ant-menu-item .menu-label-4dXQk .anticon {\n  margin-left: auto;\n  margin-right: -6px;\n  font-size: 10px;\n}\n\n.menu-label-4dXQk span:first-child {\n  width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
+styleInject(css_248z$1p);
 
 function MenuLabel (_ref) {
   var disabled = _ref.disabled,
@@ -15760,9 +15816,9 @@ function MenuLabel (_ref) {
   });
 }
 
-function _createForOfIteratorHelper$1a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$1a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1a(r, a) : void 0; } }
-function _arrayLikeToArray$1a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$1b(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1b(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1b(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1b(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1b(r, a) : void 0; } }
+function _arrayLikeToArray$1b(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function applyRule(_ref) {
   var rules = _ref.rules,
     data = _ref.data,
@@ -15771,7 +15827,7 @@ function applyRule(_ref) {
   //if or we start with false until the first time some result is true
   //if and we start with true until the frist time some result is false
   var result = !or;
-  var _iterator = _createForOfIteratorHelper$1a(rules),
+  var _iterator = _createForOfIteratorHelper$1b(rules),
     _step;
   try {
     var _loop = function _loop() {
@@ -15843,7 +15899,7 @@ function aplyRules(_ref2) {
   if (!data || data.length == 0) return {
     applied: false
   };
-  var _iterator2 = _createForOfIteratorHelper$1a(data),
+  var _iterator2 = _createForOfIteratorHelper$1b(data),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -15866,19 +15922,19 @@ function aplyRules(_ref2) {
   };
 }
 
-function ownKeys$2J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2L(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Wraps 16x16 path data from Bootstrap Icons (MIT) in the antd `Icon`, so it sizes like the antd icons and takes the
  * surrounding text color (`currentColor`) in the light and the dark theme.
  */
 function svgIcon(paths) {
   var Svg = function Svg(props) {
-    return /*#__PURE__*/jsx("svg", _objectSpread$2J(_objectSpread$2J({
+    return /*#__PURE__*/jsx("svg", _objectSpread$2L(_objectSpread$2L({
       viewBox: "0 0 16 16"
     }, props), {}, {
       children: paths.map(function (path) {
-        return /*#__PURE__*/jsx("path", _objectSpread$2J({}, path), path.d);
+        return /*#__PURE__*/jsx("path", _objectSpread$2L({}, path), path.d);
       })
     }));
   };
@@ -16119,8 +16175,8 @@ function getIcon(icon) {
   return undefined;
 }
 
-function ownKeys$2I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Browser-persisted per-tool user preferences (docked width/pin/open + popout geometry).
  * Keyed by the owning toolbar's preference key: the tool id, or one shared slot key for
@@ -16166,14 +16222,14 @@ function readToolPreferences(toolId) {
 /** Merges the given fields into the tool's stored preferences. Best-effort — preferences are non-essential. */
 function updateToolPreferences(toolId, patch) {
   try {
-    localStorage.setItem(STORAGE_PREFIX$1 + toolId, JSON.stringify(_objectSpread$2I(_objectSpread$2I({}, readToolPreferences(toolId)), patch)));
+    localStorage.setItem(STORAGE_PREFIX$1 + toolId, JSON.stringify(_objectSpread$2K(_objectSpread$2K({}, readToolPreferences(toolId)), patch)));
   } catch (_unused2) {
     // storage unavailable / quota exceeded
   }
 }
 
-function ownKeys$2H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_WIDTH = 500;
 
 /** The toolbar lent to a temporary owner, see ToolBarStore.borrowTools. */
@@ -16300,7 +16356,7 @@ var ToolBarStore = /*#__PURE__*/function () {
         // The page updates a tool it has lent out: this version comes back at the end of the loan, until then the
         // tool keeps showing the borrower's data
         loan.own = tool;
-        return _objectSpread$2H(_objectSpread$2H({}, tool), {}, {
+        return _objectSpread$2J(_objectSpread$2J({}, tool), {}, {
           parameters: loan.parameters
         });
       }));
@@ -16368,7 +16424,7 @@ var ToolBarStore = /*#__PURE__*/function () {
           var loan = _this4._loans.get(tool.id);
           if (!loan) return tool;
           loan.parameters = tool.parameters;
-          return _objectSpread$2H(_objectSpread$2H({}, loan.own), {}, {
+          return _objectSpread$2J(_objectSpread$2J({}, loan.own), {}, {
             parameters: tool.parameters
           });
         }));
@@ -16906,11 +16962,11 @@ var ToolBarStore = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$2G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$19(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$19(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$19(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$19(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$19(r, a) : void 0; } }
-function _arrayLikeToArray$19(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$2I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2I(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$1a(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$1a(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$1a(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$1a(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1a(r, a) : void 0; } }
+function _arrayLikeToArray$1a(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var _default$6 = /*#__PURE__*/function () {
   function _default(root) {
     _classCallCheck(this, _default);
@@ -16952,7 +17008,7 @@ var _default$6 = /*#__PURE__*/function () {
       var initKeys = this.root.navigationState.path == '' ? [] : this.keysFormPath(this._menu, this.root.navigationState.path);
       var checkedKeys = [];
       var currentMenu = this._menu;
-      var _iterator = _createForOfIteratorHelper$19(initKeys),
+      var _iterator = _createForOfIteratorHelper$1a(initKeys),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -16961,7 +17017,7 @@ var _default$6 = /*#__PURE__*/function () {
           var level = currentMenu;
           var lastResolved = void 0;
           var chainOk = true;
-          var _iterator2 = _createForOfIteratorHelper$19(key),
+          var _iterator2 = _createForOfIteratorHelper$1a(key),
             _step2;
           try {
             var _loop = function _loop() {
@@ -17056,7 +17112,7 @@ var _default$6 = /*#__PURE__*/function () {
       if (index >= 0) {
         this._additionalMenuElements[index] = {
           key: key,
-          element: _objectSpread$2G(_objectSpread$2G({}, this._additionalMenuElements[index].element), {}, {
+          element: _objectSpread$2I(_objectSpread$2I({}, this._additionalMenuElements[index].element), {}, {
             items: items,
             selected: selected
           })
@@ -17145,7 +17201,7 @@ var _default$6 = /*#__PURE__*/function () {
       // A host with its own navigation has no menu columns to keep in sync (see `RootStore.menu`).
       if (this._menuElement1) {
         var _this$_menu$find;
-        this._menuElement1 = _objectSpread$2G(_objectSpread$2G({}, this._menuElement1), {}, {
+        this._menuElement1 = _objectSpread$2I(_objectSpread$2I({}, this._menuElement1), {}, {
           selected: this._selectedMenuKeys[0]
         });
         var menu2 = (_this$_menu$find = this._menu.find(function (element) {
@@ -17435,7 +17491,7 @@ var _default$6 = /*#__PURE__*/function () {
         }
         return !item.permission || hasPermission(item.permission.toLocaleLowerCase());
       }).map(function (item) {
-        return _objectSpread$2G(_objectSpread$2G({}, item), {}, {
+        return _objectSpread$2I(_objectSpread$2I({}, item), {}, {
           items: item.items ? _this5.filterMenuByPermission(hasPermission, item.items) : undefined,
           subMenu: item.subMenu ? _this5.filterMenuByPermission(hasPermission, item.subMenu) : undefined
         });
@@ -18246,10 +18302,10 @@ var _default$3 = /*#__PURE__*/function () {
   }]);
 }();
 
-function _createForOfIteratorHelper$18(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$18(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$18(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$18(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$18(r, a) : void 0; } }
-function _arrayLikeToArray$18(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var LOG$u = getLogger('Backoffice', 'DownloadStore');
+function _createForOfIteratorHelper$19(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$19(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$19(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$19(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$19(r, a) : void 0; } }
+function _arrayLikeToArray$19(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var LOG$v = getLogger('Backoffice', 'DownloadStore');
 var DownloadStore = /*#__PURE__*/function () {
   function DownloadStore(_rootStore) {
     var _this = this;
@@ -18276,7 +18332,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context2.next = 23;
                 break;
               }
-              _iterator = _createForOfIteratorHelper$18(action.download);
+              _iterator = _createForOfIteratorHelper$19(action.download);
               _context2.prev = 8;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
                 var _download$params, _data$fileFormat, _data$fileUrl;
@@ -18305,7 +18361,7 @@ var DownloadStore = /*#__PURE__*/function () {
                         _context.next = 11;
                         break;
                       }
-                      LOG$u.error(new DivaError("Failed to download file: ".concat(download.fileName, ". Status: ").concat(file.status, " ").concat(file.statusText)));
+                      LOG$v.error(new DivaError("Failed to download file: ".concat(download.fileName, ". Status: ").concat(file.status, " ").concat(file.statusText)));
                       // Optionally, notify the user here
                       return _context.abrupt("break", 41);
                     case 11:
@@ -18319,7 +18375,7 @@ var DownloadStore = /*#__PURE__*/function () {
                     case 17:
                       _context.prev = 17;
                       _context.t1 = _context["catch"](4);
-                      LOG$u.error(new DivaError("Error during file download (".concat(download.fileName, "):") + _context.t1));
+                      LOG$v.error(new DivaError("Error during file download (".concat(download.fileName, "):") + _context.t1));
                       // Optionally, notify the user here
                     case 20:
                       return _context.abrupt("break", 41);
@@ -18500,7 +18556,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context5.next = 4;
                 break;
               }
-              LOG$u.debug("The organization ".concat(data._id, " has no parentType of ").concat(validTypes.join(' or ')));
+              LOG$v.debug("The organization ".concat(data._id, " has no parentType of ").concat(validTypes.join(' or ')));
               throw new Error("Current organization is no ".concat(type == 'RETAILER' ? 'retailer,  retailer channel or association' : 'supplier or dealer'));
             case 4:
               orgData = data;
@@ -18519,7 +18575,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context5.next = 14;
                 break;
               }
-              LOG$u.debug("The organization ".concat(data._id, " has no type of ").concat(validTypes.join(' or '), " nor a parent organization"));
+              LOG$v.debug("The organization ".concat(data._id, " has no type of ").concat(validTypes.join(' or '), " nor a parent organization"));
               throw new Error("Current organization is no ".concat(type == 'RETAILER' ? 'retailer channel or association' : 'supplier or dealer'));
             case 14:
               _context5.prev = 14;
@@ -18581,7 +18637,7 @@ var DownloadStore = /*#__PURE__*/function () {
                 _context6.next = 7;
                 break;
               }
-              LOG$u.error(new DivaError("Download request failed: ".concat(result.status, " ").concat(result.statusText)));
+              LOG$v.error(new DivaError("Download request failed: ".concat(result.status, " ").concat(result.statusText)));
               throw new Error("Download failed: ".concat(result.status, " ").concat(result.statusText));
             case 7:
               contentDisposition = result.headers.get('Content-Disposition');
@@ -18672,7 +18728,7 @@ var DownloadStore = /*#__PURE__*/function () {
               successCount = 0;
               failedCount = 0;
               promises = [];
-              _iterator2 = _createForOfIteratorHelper$18(props.data);
+              _iterator2 = _createForOfIteratorHelper$19(props.data);
               _context7.prev = 5;
               _iterator2.s();
             case 7:
@@ -18815,9 +18871,9 @@ var _default$2 = /*#__PURE__*/function (_ApiHandler) {
   return _createClass(_default);
 }(_default$c);
 
-function ownKeys$2F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$t = getLogger('Backoffice', 'ContextStore');
+function ownKeys$2H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$u = getLogger('Backoffice', 'ContextStore');
 
 /**
  * ContextStore is a store that manages the contexts of the application.
@@ -18858,9 +18914,9 @@ var ContextStore = /*#__PURE__*/function () {
     key: "updateContext",
     value: function updateContext(contextId, updates) {
       var currentState = this.contexts.get(contextId) || {};
-      var updatedState = _objectSpread$2F(_objectSpread$2F({}, currentState), updates);
+      var updatedState = _objectSpread$2H(_objectSpread$2H({}, currentState), updates);
       this.contexts.set(contextId, updatedState);
-      LOG$t.debug("Updated context ".concat(contextId), {
+      LOG$u.debug("Updated context ".concat(contextId), {
         updatedState: updatedState
       });
     }
@@ -18874,8 +18930,8 @@ var ContextStore = /*#__PURE__*/function () {
   }]);
 }();
 
-function ownKeys$2E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 /**
  * An operation a table offers beyond cell edits - adding a matrix column, a server-side bulk removal. The VIEW
@@ -18965,7 +19021,7 @@ var GridRegistry = /*#__PURE__*/function () {
     key: "register",
     value: function register(entry) {
       var id = ++this._seq;
-      this._entries = [].concat(_toConsumableArray(this._entries), [_objectSpread$2E({
+      this._entries = [].concat(_toConsumableArray(this._entries), [_objectSpread$2G({
         id: id
       }, entry)]);
       return id;
@@ -19264,8 +19320,8 @@ function useBorrowedTools(tools) {
   }, []);
 }
 
-function ownKeys$2D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function fetchFileData(_x) {
   return _fetchFileData.apply(this, arguments);
 }
@@ -19425,7 +19481,7 @@ function _uploadMediaItem() {
           _context4.next = 4;
           return fetch("".concat(root, "/v1/assets/uploads"), {
             method: 'POST',
-            headers: _objectSpread$2D({
+            headers: _objectSpread$2F({
               'Content-Type': 'application/json'
             }, auth),
             body: JSON.stringify({
@@ -19491,7 +19547,7 @@ function _uploadMediaItem() {
           _context4.next = 31;
           return fetch("".concat(root, "/v1/assets/uploads/complete"), {
             method: 'POST',
-            headers: _objectSpread$2D({
+            headers: _objectSpread$2F({
               'Content-Type': 'application/json'
             }, auth),
             body: JSON.stringify({
@@ -19536,7 +19592,7 @@ function _uploadMediaItem() {
           refUrl = (_ref$url = ref.url) !== null && _ref$url !== void 0 ? _ref$url : ref.cdnUrl;
           return _context4.abrupt("return", {
             _id: mediaItem._id,
-            ref: _objectSpread$2D(_objectSpread$2D({}, ref), {}, {
+            ref: _objectSpread$2F(_objectSpread$2F({}, ref), {}, {
               _id: ref._id,
               url: refUrl
             })
@@ -19587,7 +19643,7 @@ function isExternalVid(file) {
 }
 
 var VIDEO_THUMB_PLACEHOLDER = 'data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+';
-var LOG$s = getLogger('Backoffice', 'MediaItem');
+var LOG$t = getLogger('Backoffice', 'MediaItem');
 var MediaItem = /*#__PURE__*/function () {
   function MediaItem(_ref) {
     var media = _ref.media,
@@ -19700,7 +19756,7 @@ var MediaItem = /*#__PURE__*/function () {
               _context2.prev = 8;
               _context2.t0 = _context2["catch"](1);
               this._mediaItemRefId = undefined;
-              LOG$s.error(new DivaError$1('Failed to get media item ref, on next upload a new ref will be created', {
+              LOG$t.error(new DivaError$1('Failed to get media item ref, on next upload a new ref will be created', {
                 cause: _context2.t0
               }));
             case 12:
@@ -19797,9 +19853,9 @@ var MediaItem = /*#__PURE__*/function () {
   }]);
 }();
 
-function _createForOfIteratorHelper$17(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$17(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$17(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$17(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$17(r, a) : void 0; } }
-function _arrayLikeToArray$17(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$18(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$18(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$18(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$18(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$18(r, a) : void 0; } }
+function _arrayLikeToArray$18(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function processFormMediaBeforeSave(_x, _x2, _x3) {
   return _processFormMediaBeforeSave.apply(this, arguments);
 }
@@ -19817,7 +19873,7 @@ function _processFormMediaBeforeSave() {
           _context.next = 3;
           return processItems(data, items, root);
         case 3:
-          _iterator = _createForOfIteratorHelper$17(removedMedias);
+          _iterator = _createForOfIteratorHelper$18(removedMedias);
           _context.prev = 4;
           _iterator.s();
         case 6:
@@ -19859,7 +19915,7 @@ function _processItems() {
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
-          _iterator2 = _createForOfIteratorHelper$17(items);
+          _iterator2 = _createForOfIteratorHelper$18(items);
           _context2.prev = 1;
           _iterator2.s();
         case 3:
@@ -19981,11 +20037,11 @@ function getData$1(id, data) {
   }
 }
 
-function _createForOfIteratorHelper$16(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$16(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$16(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$16(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$16(r, a) : void 0; } }
-function _arrayLikeToArray$16(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$2C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$17(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$17(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$17(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$17(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$17(r, a) : void 0; } }
+function _arrayLikeToArray$17(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$2E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function toNamePath$2(name) {
   if (name === undefined || name === '') return [];
   return Array.isArray(name) ? name : [name];
@@ -20056,7 +20112,7 @@ function useFormData (_ref) {
   var _useMemo = useMemo(function () {
       setCanSave === null || setCanSave === void 0 || setCanSave(true);
       var baseConfiguration = configurationOverride !== null && configurationOverride !== void 0 ? configurationOverride : root.configurationStore.getConfiguration(id, 'Form');
-      var configuration = _objectSpread$2C(_objectSpread$2C({}, baseConfiguration), {}, {
+      var configuration = _objectSpread$2E(_objectSpread$2E({}, baseConfiguration), {}, {
         apiInterface: apiInterface !== null && apiInterface !== void 0 ? apiInterface : baseConfiguration.apiInterface
       });
       var c = {
@@ -20115,7 +20171,7 @@ function useFormData (_ref) {
     setSelectedItems = _useState14[1];
   var _onLoadFields = function onLoadFields(data) {
     var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedItems;
-    var _iterator = _createForOfIteratorHelper$16(items),
+    var _iterator = _createForOfIteratorHelper$17(items),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -20156,7 +20212,7 @@ function useFormData (_ref) {
         multipleEditingData = inboundData;
       }
       return {
-        loadedData: _onLoadFields(_objectSpread$2C({}, dt)),
+        loadedData: _onLoadFields(_objectSpread$2E({}, dt)),
         multipleEditingData: multipleEditingData
       };
     }, [inboundData]),
@@ -20183,7 +20239,7 @@ function useFormData (_ref) {
     setFieldErrors = _useState20[1];
   useEffect(function () {
     var _ref3, _loadedData$_id2;
-    setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
+    setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
       data: loadedData,
       origData: JSON.parse(JSON.stringify((_ref3 = storedData !== null && storedData !== void 0 ? storedData : inboundData) !== null && _ref3 !== void 0 ? _ref3 : {})),
       update: !!((_loadedData$_id2 = loadedData === null || loadedData === void 0 ? void 0 : loadedData._id) !== null && _loadedData$_id2 !== void 0 ? _loadedData$_id2 : loadedData === null || loadedData === void 0 ? void 0 : loadedData.ID),
@@ -20296,7 +20352,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             _context2.prev = 4;
             _context2.next = 7;
-            return setDynamicFields(_objectSpread$2C({}, state.data), newData);
+            return setDynamicFields(_objectSpread$2E({}, state.data), newData);
           case 7:
             newData = _context2.sent;
             _context2.next = 10;
@@ -20311,7 +20367,7 @@ function useFormData (_ref) {
             root.actions.toggleLoading('saving_form');
             throw _context2.t0;
           case 17:
-            setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
+            setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
               loading: true
             }));
             finalData = state.data;
@@ -20364,14 +20420,14 @@ function useFormData (_ref) {
               _context2.next = 47;
               break;
             }
-            setFieldErrors(_objectSpread$2C(_objectSpread$2C({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
+            setFieldErrors(_objectSpread$2E(_objectSpread$2E({}, fieldErrors), {}, _defineProperty({}, item.name.toString(), item.onError[errorCode])));
             return _context2.abrupt("return", undefined);
           case 47:
             throw _context2.t1;
           case 48:
             _context2.prev = 48;
             root.actions.toggleLoading('saving_form');
-            setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
+            setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
               data: finalData,
               loading: false
             }));
@@ -20427,18 +20483,18 @@ function useFormData (_ref) {
     var data = d !== null && d !== void 0 ? d : mergeWith(cloneDeep(state.data), formValues, mergeFormWithCustomizer);
     if (id) {
       setFieldInObject(id, data, value);
-      var newFieldErrors = _objectSpread$2C({}, fieldErrors);
+      var newFieldErrors = _objectSpread$2E({}, fieldErrors);
       delete newFieldErrors[id.toString()];
       setFieldErrors(newFieldErrors);
     }
-    setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
+    setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
       data: data
     }));
     return data;
   };
   var getItem = function getItem(id) {
     var items = selectedItems;
-    var _iterator2 = _createForOfIteratorHelper$16(items),
+    var _iterator2 = _createForOfIteratorHelper$17(items),
       _step2;
     try {
       for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -20487,10 +20543,10 @@ function useFormData (_ref) {
         } else {
           data[name] = val;
         }
-        if (configuration.itemSelectorReset) setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
+        if (configuration.itemSelectorReset) setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
           data: data
-        }));else setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
-          data: _objectSpread$2C(_objectSpread$2C({}, state.data), data)
+        }));else setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
+          data: _objectSpread$2E(_objectSpread$2E({}, state.data), data)
         }));
         if (Array.isArray(configuration.items[selectorIdx[0]]) && Array.isArray(configuration.items[selectorIdx[0]][selectorIdx[1]])) {
           setSelectedItemsIndex([selectorIdx[0], selectorIdx[1]]);
@@ -20523,12 +20579,12 @@ function useFormData (_ref) {
         var val = _ref8.value;
         if (value === val) {
           if (configuration.itemSelectorReset) {
-            setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
+            setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
               data: _defineProperty({}, name, val)
             }));
           } else {
-            setState(_objectSpread$2C(_objectSpread$2C({}, state), {}, {
-              data: _objectSpread$2C(_objectSpread$2C({}, state.data), {}, _defineProperty({}, name, val))
+            setState(_objectSpread$2E(_objectSpread$2E({}, state), {}, {
+              data: _objectSpread$2E(_objectSpread$2E({}, state.data), {}, _defineProperty({}, name, val))
             }));
           }
           setSelectedItemsIndex([selectedItemsIndex[0], idx]);
@@ -20614,7 +20670,7 @@ function useFormData (_ref) {
               return _getDynamicValue.apply(this, arguments);
             };
             items = selectedItems !== null && selectedItems !== void 0 ? selectedItems : configuration.items;
-            _iterator4 = _createForOfIteratorHelper$16(items);
+            _iterator4 = _createForOfIteratorHelper$17(items);
             _context6.prev = 4;
             _iterator4.s();
           case 6:
@@ -20700,7 +20756,7 @@ function useFormData (_ref) {
     var _configuration$tools;
     return (_configuration$tools = configuration.tools) === null || _configuration$tools === void 0 ? void 0 : _configuration$tools.map(function (tool) {
       var _tool$defaultOpen;
-      return _objectSpread$2C(_objectSpread$2C({}, tool), {}, {
+      return _objectSpread$2E(_objectSpread$2E({}, tool), {}, {
         parameters: {
           data: state.data,
           formInstance: form,
@@ -20722,7 +20778,7 @@ function useFormData (_ref) {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _iterator3 = _createForOfIteratorHelper$16(items);
+            _iterator3 = _createForOfIteratorHelper$17(items);
             _context3.prev = 1;
             _iterator3.s();
           case 3:
@@ -20848,7 +20904,7 @@ function useFormData (_ref) {
       }
     });
   }
-  return _objectSpread$2C(_objectSpread$2C({}, state), {}, {
+  return _objectSpread$2E(_objectSpread$2E({}, state), {}, {
     getIsHidden: getIsHidden,
     setUsedPreset: setUsedPreset,
     configuration: configuration,
@@ -20966,8 +21022,8 @@ var JsonEditor$2 = function JsonEditor(_ref) {
 };
 
 var _excluded$h = ["key", "name"];
-function ownKeys$2B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormList$2 = function FormList(_ref) {
   var value = _ref.value,
     item = _ref.item,
@@ -21032,7 +21088,7 @@ var FormList$2 = function FormList(_ref) {
                   var n = [name].concat(_toConsumableArray(Array.isArray(i.name) ? i.name : [i.name]), _toConsumableArray(i.doTranslate && postFixName ? Array.isArray(postFixName) ? postFixName : [postFixName] : []));
                   var aName = [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), _toConsumableArray(n));
                   var hidden = state.getIsHidden(i, state.data, [].concat(_toConsumableArray(Array.isArray(absoluteName) ? absoluteName : [absoluteName]), [name]));
-                  return /*#__PURE__*/createElement(Form$2.Item, _objectSpread$2B(_objectSpread$2B({}, restField), {}, {
+                  return /*#__PURE__*/createElement(Form$2.Item, _objectSpread$2D(_objectSpread$2D({}, restField), {}, {
                     id: n.join(),
                     key: n.join(),
                     name: n,
@@ -21044,7 +21100,7 @@ var FormList$2 = function FormList(_ref) {
                     validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
                     help: (_state$fieldErrors$n$ = state.fieldErrors[n.toString()]) !== null && _state$fieldErrors$n$ !== void 0 ? _state$fieldErrors$n$ : i.helpText,
                     hidden: hidden
-                  }), getElement(_objectSpread$2B(_objectSpread$2B({}, i), {}, {
+                  }), getElement(_objectSpread$2D(_objectSpread$2D({}, i), {}, {
                     name: n
                   }), setCanSave, state, aName, state.onInputChanged, onError, root, form, hidden));
                 })
@@ -21210,8 +21266,8 @@ var Result = function Result(_ref) {
 
 var success = "success-tRJ7j";
 var error = "error-MtAFB";
-var css_248z$1n = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
-styleInject(css_248z$1n);
+var css_248z$1o = ".success-tRJ7j {\n  color: #fff !important;\n  background-color: #449d44 !important;\n  border-color: #398439 !important;\n}\n\n.error-MtAFB {\n  color: #fff !important;\n  background-color: #c9302c !important;\n  border-color: #ac2925 !important;\n}\n";
+styleInject(css_248z$1o);
 
 var azureIcon = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20height%3D%2248px%22%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6a%22%20x1%3D%22-1254.397%22%20x2%3D%22-1261.911%22%20y1%3D%22877.268%22%20y2%3D%22899.466%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23114a8b%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230669bc%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6a%29%22%20d%3D%22M17.634%2C6h11.305L17.203%2C40.773c-0.247%2C0.733-0.934%2C1.226-1.708%2C1.226H6.697%20c-0.994%2C0-1.8-0.806-1.8-1.8c0-0.196%2C0.032-0.39%2C0.094-0.576L15.926%2C7.227C16.173%2C6.494%2C16.86%2C6%2C17.634%2C6L17.634%2C6z%22%2F%3E%20%3Cpath%20fill%3D%22%230078d4%22%20d%3D%22M34.062%2C29.324H16.135c-0.458-0.001-0.83%2C0.371-0.831%2C0.829c0%2C0.231%2C0.095%2C0.451%2C0.264%2C0.608%20l11.52%2C10.752C27.423%2C41.826%2C27.865%2C42%2C28.324%2C42h10.151L34.062%2C29.324z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6b%22%20x1%3D%22-1252.05%22%20x2%3D%22-1253.788%22%20y1%3D%22887.612%22%20y2%3D%22888.2%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-opacity%3D%22.3%22%2F%3E%20%20%3Cstop%20offset%3D%22.071%22%20stop-opacity%3D%22.2%22%2F%3E%20%20%3Cstop%20offset%3D%22.321%22%20stop-opacity%3D%22.1%22%2F%3E%20%20%3Cstop%20offset%3D%22.623%22%20stop-opacity%3D%22.05%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6b%29%22%20d%3D%22M17.634%2C6c-0.783-0.003-1.476%2C0.504-1.712%2C1.25L5.005%2C39.595%20c-0.335%2C0.934%2C0.151%2C1.964%2C1.085%2C2.299C6.286%2C41.964%2C6.493%2C42%2C6.702%2C42h9.026c0.684-0.122%2C1.25-0.603%2C1.481-1.259l2.177-6.416%20l7.776%2C7.253c0.326%2C0.27%2C0.735%2C0.419%2C1.158%2C0.422h10.114l-4.436-12.676l-12.931%2C0.003L28.98%2C6H17.634z%22%2F%3E%20%3ClinearGradient%20id%3D%22k8yl7~hDat~FaoWq8WjN6c%22%20x1%3D%22-1252.952%22%20x2%3D%22-1244.704%22%20y1%3D%22876.6%22%20y2%3D%22898.575%22%20gradientTransform%3D%22translate%281981.75%20-1362.063%29%20scale%281.5625%29%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%233ccbf4%22%2F%3E%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232892df%22%2F%3E%20%3C%2FlinearGradient%3E%20%3Cpath%20fill%3D%22url%28%23k8yl7~hDat~FaoWq8WjN6c%29%22%20d%3D%22M32.074%2C7.225C31.827%2C6.493%2C31.141%2C6%2C30.368%2C6h-12.6c0.772%2C0%2C1.459%2C0.493%2C1.705%2C1.224%20l10.935%2C32.399c0.318%2C0.942-0.188%2C1.963-1.13%2C2.281C29.093%2C41.968%2C28.899%2C42%2C28.703%2C42h12.6c0.994%2C0%2C1.8-0.806%2C1.8-1.801%20c0-0.196-0.032-0.39-0.095-0.575L32.074%2C7.225z%22%2F%3E%3C%2Fsvg%3E";
 
@@ -21275,11 +21331,11 @@ var CustomButton$1 = observer(CustomButton);
 
 var wrapper$a = "wrapper-GVe2h";
 var buttonGroup = "button-group-GYt-T";
-var css_248z$1m = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
-styleInject(css_248z$1m);
+var css_248z$1n = ".wrapper-GVe2h {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}\n\n.button-group-GYt-T {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  margin: 0 12px;\n}\n";
+styleInject(css_248z$1n);
 
-function ownKeys$2A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SubTitle = function SubTitle(_ref) {
   var _item$label, _item$orientation, _item$buttonIds;
   var item = _ref.item,
@@ -21289,7 +21345,7 @@ var SubTitle = function SubTitle(_ref) {
   var title = (_item$label = item.label) !== null && _item$label !== void 0 ? _item$label : Array.isArray(item.name) ? item.name[0].toString() : item.name;
   return /*#__PURE__*/jsx(Divider, {
     orientation: (_item$orientation = item.orientation) !== null && _item$orientation !== void 0 ? _item$orientation : 'horizontal',
-    style: _objectSpread$2A({}, item.style),
+    style: _objectSpread$2C({}, item.style),
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$a,
       children: [t(title, title), ((_item$buttonIds = item.buttonIds) === null || _item$buttonIds === void 0 ? void 0 : _item$buttonIds.length) && item.buttonIds.map(function (b) {
@@ -21380,15 +21436,15 @@ var InputComponent = function InputComponent(_ref, ref) {
 };
 var InputComponent$1 = observer(/*#__PURE__*/React.forwardRef(InputComponent));
 
-function _createForOfIteratorHelper$15(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$15(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$15(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$15(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$15(r, a) : void 0; } }
-function _arrayLikeToArray$15(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$16(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$16(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$16(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$16(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$16(r, a) : void 0; } }
+function _arrayLikeToArray$16(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function getCombinedValues(data, pattern) {
   if (!pattern || !data) {
     return data;
   }
   var value = pattern;
-  var _iterator = _createForOfIteratorHelper$15(pattern.matchAll(/\$\{(.*?)\}/g)),
+  var _iterator = _createForOfIteratorHelper$16(pattern.matchAll(/\$\{(.*?)\}/g)),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -21404,7 +21460,7 @@ function getCombinedValues(data, pattern) {
   return value;
 }
 
-var LOG$r = getLogger('Backoffice', 'SelectSimple');
+var LOG$s = getLogger('Backoffice', 'SelectSimple');
 function useSelectSimpleData (_ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -21479,7 +21535,7 @@ function useSelectSimpleData (_ref) {
     var _options$;
     setOptions(options);
     if (value && options) {
-      LOG$r.debug('value changed', toJS(value), toJS(options));
+      LOG$s.debug('value changed', toJS(value), toJS(options));
       var _selected = findByValue(value, options, selectMapping);
       var selectedValues = Array.isArray(_selected) ? _selected.map(function (item) {
         return item.value;
@@ -21491,7 +21547,7 @@ function useSelectSimpleData (_ref) {
   };
   useEffect(function () {
     if (configuredOptions) {
-      if (apiHandler.canReadList) LOG$r.warn('If options are provided, apiInterface will not be used');
+      if (apiHandler.canReadList) LOG$s.warn('If options are provided, apiInterface will not be used');
       setLoadedOptions(configuredOptions);
       setLoading(false);
       return;
@@ -21544,7 +21600,7 @@ function findByValue(value, options, selectMapping) {
     return (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? option.value == value : getCombinedValues(option.data, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value) == getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.value);
   });
   if (!option) {
-    LOG$r.debug('findByValue: option not found, add dummy option for current value', value, options);
+    LOG$s.debug('findByValue: option not found, add dummy option for current value', value, options);
     //TODO: if we and server side filtering, the dummy option must be handled differently
     option = {
       label: (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.externalValue) == 'value' ? value : typeof (selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label) === 'function' ? selectMapping.label(value) : getCombinedValues(value, selectMapping === null || selectMapping === void 0 ? void 0 : selectMapping.label),
@@ -21579,12 +21635,12 @@ function parseReturnData(options, selectMapping) {
 }
 
 var wrapper$9 = "wrapper-4xyke";
-var css_248z$1l = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
-styleInject(css_248z$1l);
+var css_248z$1m = ".wrapper-4xyke {\n  display: flex;\n  flex-direction: column;\n  min-height: 50px;\n  justify-content: flex-end;\n  font-size: 12px;\n}\n";
+styleInject(css_248z$1m);
 
 var _excluded$g = ["apiInterface", "selectMapping", "apiMapping", "onChange", "value", "search", "options", "autoSelectFirst", "title", "sharedState"];
-function ownKeys$2z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   var apiInterface = _ref.apiInterface,
     selectMapping = _ref.selectMapping,
@@ -21611,7 +21667,7 @@ var SelectWrapper$1 = function SelectWrapper(_ref, ref) {
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     className: classNames(title ? wrapper$9 : undefined),
-    children: [title, /*#__PURE__*/jsx(Select, _objectSpread$2z(_objectSpread$2z({}, selectProps), {}, {
+    children: [title, /*#__PURE__*/jsx(Select, _objectSpread$2B(_objectSpread$2B({}, selectProps), {}, {
       showSearch: search,
       loading: state.loading,
       options: state.options,
@@ -22228,8 +22284,8 @@ var _default = /*#__PURE__*/function (_ApiHandler) {
   }]);
 }(_default$c);
 
-function ownKeys$2y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 getLogger('Backoffice', 'SelectClientRelationCatalog');
 function useSelectClientRelationCatalog (_ref) {
   var onSelectedCatalog = _ref.onSelectedCatalog,
@@ -22398,7 +22454,7 @@ function useSelectClientRelationCatalog (_ref) {
           case 22:
             supplierData = _context2.sent;
           case 23:
-            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$2y(_objectSpread$2y({}, _selectedSupplier), {}, {
+            onSelectedSupplier === null || onSelectedSupplier === void 0 || onSelectedSupplier(_objectSpread$2A(_objectSpread$2A({}, _selectedSupplier), {}, {
               supplierGuid: catalogList === null || catalogList === void 0 || (_catalogList$ = catalogList[0]) === null || _catalogList$ === void 0 ? void 0 : _catalogList$.Subfolder
             }), supplierData);
             if (catalogId && catalogList.find(function (c) {
@@ -22466,8 +22522,8 @@ var customSelectContentWrapper = "custom-select-content-wrapper-v98Ms";
 var customSelectOptionContent = "custom-select-option-content-LIbzl";
 var customSelectAvatar = "custom-select-avatar-DPCn1";
 var customSelectOptionText = "custom-select-option-text-crPF-";
-var css_248z$1k = ".custom-select-container-rPcLx {\n  display: flex;\n  gap: 8px;\n  height: 32px;\n}\n\n.custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-content-wrapper-v98Ms {\n  display: flex;\n  align-items: center;\n  height: 22px;\n}\n\n.custom-select-option-content-LIbzl {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 100%;\n  height: 100%;\n}\n\n.custom-select-option-content-LIbzl .custom-select-avatar-DPCn1 {\n  flex-shrink: 0;\n}\n\n.custom-select-option-content-LIbzl .custom-select-option-text-crPF- {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
-styleInject(css_248z$1k);
+var css_248z$1l = ".custom-select-container-rPcLx {\n  display: flex;\n  gap: 8px;\n  height: 32px;\n}\n\n.custom-select-ESUJX {\n  width: 300px;\n}\n\n.custom-select-content-wrapper-v98Ms {\n  display: flex;\n  align-items: center;\n  height: 22px;\n}\n\n.custom-select-option-content-LIbzl {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  max-width: 100%;\n  height: 100%;\n}\n\n.custom-select-option-content-LIbzl .custom-select-avatar-DPCn1 {\n  flex-shrink: 0;\n}\n\n.custom-select-option-content-LIbzl .custom-select-option-text-crPF- {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+styleInject(css_248z$1l);
 
 var Selector = function Selector(_ref) {
   var items = _ref.items,
@@ -22628,11 +22684,11 @@ function SelectClientRelationCatalog (_ref) {
   });
 }
 
-function _createForOfIteratorHelper$14(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$14(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$14(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$14(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$14(r, a) : void 0; } }
-function _arrayLikeToArray$14(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$2x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$15(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$15(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$15(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$15(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$15(r, a) : void 0; } }
+function _arrayLikeToArray$15(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$2z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2z(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useSelectData (_ref) {
   var data = _ref.data,
     onChange = _ref.onChange,
@@ -22886,7 +22942,7 @@ function useSelectData (_ref) {
             }
             emails = initData;
             optionByValue = new Map();
-            _iterator2 = _createForOfIteratorHelper$14(emails);
+            _iterator2 = _createForOfIteratorHelper$15(emails);
             _context4.prev = 12;
             _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
               var email, list, opt;
@@ -22953,7 +23009,7 @@ function useSelectData (_ref) {
             }
             keys = initData;
             _optionByValue = new Map();
-            _iterator3 = _createForOfIteratorHelper$14(keys);
+            _iterator3 = _createForOfIteratorHelper$15(keys);
             _context4.prev = 35;
             _loop2 = /*#__PURE__*/_regeneratorRuntime.mark(function _loop2() {
               var key, list, opt;
@@ -23104,7 +23160,7 @@ function useSelectData (_ref) {
             setFetching(true);
             serverSideParams = {
               filters: selectMapping !== null && selectMapping !== void 0 && selectMapping.searchField ? (_selectMapping$search = selectMapping.searchField) === null || _selectMapping$search === void 0 ? void 0 : _selectMapping$search.reduce(function (filter, field) {
-                return _objectSpread$2x(_objectSpread$2x({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
+                return _objectSpread$2z(_objectSpread$2z({}, filter), value !== undefined ? _defineProperty({}, field.field, [value, field.filter, true]) : {});
               }, {}) : {
                 _id: [value, 'contains']
               },
@@ -23181,7 +23237,7 @@ function useSelectData (_ref) {
   var verifySelection = function verifySelection(opt) {
     if (disabledConfig == undefined) return [];
     var _missingFields = [];
-    var _iterator = _createForOfIteratorHelper$14(disabledConfig),
+    var _iterator = _createForOfIteratorHelper$15(disabledConfig),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -23410,8 +23466,8 @@ function useSelectData (_ref) {
 
 var selectWithCopy = "select-with-copy-r6iEI";
 var selectGrow = "select-grow-Zr2r9";
-var css_248z$1j = ".select-with-copy-r6iEI {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.select-with-copy-r6iEI > .select-grow-Zr2r9 {\n  flex: 1;\n  min-width: 0;\n}\n\n.darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
-styleInject(css_248z$1j);
+var css_248z$1k = ".select-with-copy-r6iEI {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.select-with-copy-r6iEI > .select-grow-Zr2r9 {\n  flex: 1;\n  min-width: 0;\n}\n\n.darkmode .ant-select-selection-search-input {\n  color: #fff;\n}\n";
+styleInject(css_248z$1k);
 
 function selectedToClipboardText(selected) {
   if (!(selected !== null && selected !== void 0 && selected.length)) return '';
@@ -23578,12 +23634,12 @@ var LookupSelect = observer(SelectWrapper);
 var wrapper$8 = "wrapper-WStAk";
 var headerWrapper = "header-wrapper-gWQuH";
 var buttonsWrapper$1 = "buttons-wrapper-7ebR9";
-var css_248z$1i = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
-styleInject(css_248z$1i);
+var css_248z$1j = ".wrapper-WStAk {\n  display: flex;\n  flex-direction: column;\n}\n.header-wrapper-gWQuH {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: 64px;\n}\n\n.buttons-wrapper-7ebR9 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-grow: 1;\n}\n";
+styleInject(css_248z$1j);
 
-function ownKeys$2w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$q = getLogger('Backoffice', 'Translation Form');
+function ownKeys$2y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$r = getLogger('Backoffice', 'Translation Form');
 
 /** The languages a translation field edits - also the ones the content item preview offers. */
 var TRANSLATION_LANGUAGES = ['de', 'it', 'fr', 'en'];
@@ -23670,7 +23726,7 @@ function useTranslationHook (item, state) {
           case 23:
             _context.prev = 23;
             _context.t2 = _context["catch"](9);
-            LOG$q.error({
+            LOG$r.error({
               message: 'Error on translating ' + value,
               name: ''
             });
@@ -23724,7 +23780,7 @@ function useTranslationHook (item, state) {
           case 0:
             _context2.next = 2;
             return apiHandler.create({
-              locales: _objectSpread$2w({
+              locales: _objectSpread$2y({
                 de: {},
                 it: {},
                 fr: {},
@@ -23773,8 +23829,8 @@ function useTranslationHook (item, state) {
   };
 }
 
-function ownKeys$2v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HiddenFormField = function HiddenFormField() {
   return null;
 };
@@ -23840,7 +23896,7 @@ var Translation = function Translation(_ref) {
           }, key);
         }
         return /*#__PURE__*/jsx(React.Fragment, {
-          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$2v(_objectSpread$2v({}, i), {}, {
+          children: ['subTitle', 'array'].includes(i.type) ? getElement(_objectSpread$2x(_objectSpread$2x({}, i), {}, {
             name: n
           }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden, currentLang, newFormName) : /*#__PURE__*/jsx(Form$2.Item, {
             id: idx.toString(),
@@ -23853,7 +23909,7 @@ var Translation = function Translation(_ref) {
             validateStatus: !!state.fieldErrors[n.toString()] ? 'error' : undefined,
             help: (_state$fieldErrors$n$ = state.fieldErrors[n.toString()]) !== null && _state$fieldErrors$n$ !== void 0 ? _state$fieldErrors$n$ : i.helpText,
             hidden: hidden,
-            children: getElement(_objectSpread$2v(_objectSpread$2v({}, i), {}, {
+            children: getElement(_objectSpread$2x(_objectSpread$2x({}, i), {}, {
               name: n
             }), setCanSave, state, newAbsoluteName, state.onInputChanged, onError, root, form, hidden)
           })
@@ -23949,7 +24005,7 @@ function FileInput(_ref3) {
   });
 }
 
-var LOG$p = getLogger('Backoffice', 'AssetManager');
+var LOG$q = getLogger('Backoffice', 'AssetManager');
 function Upload (_ref) {
   var allowedTypes = _ref.allowedTypes,
     media = _ref.media,
@@ -23981,10 +24037,10 @@ function Upload (_ref) {
     if (!e) {
       setError === null || setError === void 0 || setError(undefined);
     } else if (e instanceof DivaError) {
-      LOG$p.error(e);
+      LOG$q.error(e);
       setError(t('backoffice.mediaupload.error.' + e.name));
     } else {
-      LOG$p.error(new DivaError('An unexpected error occurred', {
+      LOG$q.error(new DivaError('An unexpected error occurred', {
         cause: e
       }));
       setError(t('backoffice.mediaupload.error.unknown'));
@@ -24209,8 +24265,8 @@ var Text$9 = observer(Text$8);
 
 var root$e = "root-Eiuo1";
 var popoverContent = "popoverContent-uExP4";
-var css_248z$1h = ".root-Eiuo1 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.popoverContent-uExP4 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 140px;\n}\n";
-styleInject(css_248z$1h);
+var css_248z$1i = ".root-Eiuo1 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.popoverContent-uExP4 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 140px;\n}\n";
+styleInject(css_248z$1i);
 
 var CustomColorPicker = function CustomColorPicker(_ref) {
   var item = _ref.item,
@@ -24340,8 +24396,8 @@ function deltaFromColors(mainHex, valueHex) {
   return avg;
 }
 
-function ownKeys$2u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function FormSlider(_ref) {
   var item = _ref.item,
     disabled = _ref.disabled,
@@ -24375,7 +24431,7 @@ function FormSlider(_ref) {
       children: t('backoffice.form.slider.apiDefaultHint', {
         defaultValue: 'Not set (Gemini API default, typically 1). Move the slider to set.'
       })
-    }) : null, /*#__PURE__*/jsx(Slider, _objectSpread$2u(_objectSpread$2u({
+    }) : null, /*#__PURE__*/jsx(Slider, _objectSpread$2w(_objectSpread$2w({
       min: item.min,
       max: item.max,
       step: item.step
@@ -24403,11 +24459,11 @@ function FormSlider(_ref) {
   });
 }
 
-function _createForOfIteratorHelper$13(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$13(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$13(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$13(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$13(r, a) : void 0; } }
-function _arrayLikeToArray$13(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function ownKeys$2t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$14(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$14(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$14(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$14(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$14(r, a) : void 0; } }
+function _arrayLikeToArray$14(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$2v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function getElement(item, setCanSave, state, absoluteName, _onChange, _onError, root, form, hidden, postFixName, formName) {
   var _isReadonly, _state$hiddenRequired, _state$data$_id, _state$data;
   if (hidden) return /*#__PURE__*/jsx(Fragment, {});
@@ -24444,7 +24500,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         }
       });
     case 'selectSimple':
-      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$2t(_objectSpread$2t({}, item), {}, {
+      return /*#__PURE__*/jsx(SimpleSelect, _objectSpread$2v(_objectSpread$2v({}, item), {}, {
         disabled: disabled,
         onChange: function onChange(value) {
           _onChange(absoluteName, value);
@@ -24520,7 +24576,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
             mappingData: state.data,
             callback: function callback(data) {
               if (!item.callbackMapping) return;
-              var _iterator = _createForOfIteratorHelper$13(item.callbackMapping),
+              var _iterator = _createForOfIteratorHelper$14(item.callbackMapping),
                 _step;
               try {
                 for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -24719,7 +24775,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
         },
         icon: item.icon,
         callback: function callback(data) {
-          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$2t(_objectSpread$2t({}, state.data), data));
+          return form === null || form === void 0 ? void 0 : form.setFieldsValue(_objectSpread$2v(_objectSpread$2v({}, state.data), data));
         }
       });
     case 'media':
@@ -24757,7 +24813,7 @@ function getElement(item, setCanSave, state, absoluteName, _onChange, _onError,
 var DisplayInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsx(Input$1, _objectSpread$2t(_objectSpread$2t({}, props), {}, {
+  return /*#__PURE__*/jsx(Input$1, _objectSpread$2v(_objectSpread$2v({}, props), {}, {
     ref: ref,
     disabled: true,
     value: t(props.translationPrefix + '.' + props.value)
@@ -24776,11 +24832,11 @@ function isReadonly(item, data) {
   return false;
 }
 
-function ownKeys$2s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$12(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$12(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
-function _unsupportedIterableToArray$12(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$12(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$12(r, a) : void 0; } }
-function _arrayLikeToArray$12(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys$2u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$13(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$13(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$13(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$13(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$13(r, a) : void 0; } }
+function _arrayLikeToArray$13(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var Presets = function Presets(_ref) {
   var state = _ref.state,
     apiHandler = _ref.apiHandler,
@@ -24815,7 +24871,7 @@ var Presets = function Presets(_ref) {
     if (state.selectedItems == undefined) return;
     setIsModalVisible(false);
     var names = [];
-    var _iterator = _createForOfIteratorHelper$12(state.selectedItems),
+    var _iterator = _createForOfIteratorHelper$13(state.selectedItems),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -24827,13 +24883,13 @@ var Presets = function Presets(_ref) {
     } finally {
       _iterator.f();
     }
-    var data = _objectSpread$2s(_objectSpread$2s({}, form.getFieldsValue(names)), {}, {
+    var data = _objectSpread$2u(_objectSpread$2u({}, form.getFieldsValue(names)), {}, {
       newPresetName: newPresetName
     });
     data.dpi = parseInt(data.dpi);
     data.organization = root.getGlobalValue('organizationId');
     apiHandler.create({}, state.configuration.createPresetMapping, data);
-    var dt = _objectSpread$2s(_objectSpread$2s({}, form.getFieldsValue(names)), {}, {
+    var dt = _objectSpread$2u(_objectSpread$2u({}, form.getFieldsValue(names)), {}, {
       name: newPresetName
     });
     setPresets({
@@ -24967,8 +25023,8 @@ function ModalProgressBar(_ref) {
   });
 }
 
-function ownKeys$2r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function ItemSelector(_ref) {
   var state = _ref.state,
     setCanSave = _ref.setCanSave,
@@ -24985,7 +25041,7 @@ function ItemSelector(_ref) {
         rules: state.getRules(itemSelector, state.data),
         label: itemSelector.label ? t(itemSelector.label, itemSelector.label) : itemSelector.name,
         valuePropName: itemSelector.type == 'checkbox' ? 'checked' : 'value',
-        children: getElement(_objectSpread$2r(_objectSpread$2r({}, itemSelector), {}, {
+        children: getElement(_objectSpread$2t(_objectSpread$2t({}, itemSelector), {}, {
           value: itemSelector.type == 'select' ? itemSelector.values[state.selectedItemsIndex[idx]] : undefined
         }), setCanSave, state, itemSelector.name, state.onItemSelectorChanged, onErrorInternal)
       }, itemSelector.name.toString());
@@ -25005,6 +25061,193 @@ function formErrorText(error, onError) {
   return error instanceof DivaError ? onError === null || onError === void 0 ? void 0 : onError[error.name] : undefined;
 }
 
+var LOG$p = getLogger('Backoffice', 'Form');
+
+/**
+ * Reads which values of the opened record are inherited from a parent and which override a parent's value, keyed by path.
+ * Kept apart from the form data, so saving never patches it. Empty without `inheritance` configured, while creating, or while loading.
+ *
+ * @param inheritance the form's inheritance configuration
+ * @param id the `_id` of the opened record
+ */
+function useInheritance(inheritance, id) {
+  var root = useStore();
+  var _useState = useState(new Map()),
+    _useState2 = _slicedToArray(_useState, 2),
+    entries = _useState2[0],
+    setEntries = _useState2[1];
+  useEffect(function () {
+    setEntries(new Map());
+    if (!inheritance || !id) return;
+    var active = true;
+    new _default$c({
+      type: 'Form',
+      apiInterface: inheritance.apiInterface
+    }, root).read(inheritance.mapping, {
+      _id: id
+    }).then(function (response) {
+      var loaded = response === null || response === void 0 ? void 0 : response.entries;
+      // the read resolves with the error body on a failed request
+      if (!Array.isArray(loaded)) {
+        LOG$p.warn('Loading the inherited values failed — the form shows no inheritance', response);
+        return;
+      }
+      if (active) setEntries(new Map(loaded.map(function (entry) {
+        return [entry.path, entry];
+      })));
+    })["catch"](function (error) {
+      return LOG$p.warn('Loading the inherited values failed — the form shows no inheritance', error);
+    });
+    return function () {
+      active = false;
+    };
+  }, [inheritance, id]);
+  return entries;
+}
+
+function ownKeys$2s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$12(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$12(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray$12(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$12(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$12(r, a) : void 0; } }
+function _arrayLikeToArray$12(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+
+/** A value of the form data that is inherited from a parent organization, or a local value that overrides a parent's value. */
+
+/**
+ * Finds the inheritance entry of a form field: the entry of its exact path, else the first entry below it, since an object value
+ * (e.g. a populated reference) is reported per leaf. Below the field only a `name` leaf stands for the field's value.
+ */
+function findInheritanceEntry(entries, name) {
+  var path = Array.isArray(name) ? name.join('.') : name;
+  var exact = entries.get(path);
+  if (exact) return exact;
+  var _iterator = _createForOfIteratorHelper$12(entries),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _entries$get;
+      var _step$value = _slicedToArray(_step.value, 2),
+        entryPath = _step$value[0],
+        entry = _step$value[1];
+      if (entryPath.startsWith("".concat(path, "."))) return _objectSpread$2s(_objectSpread$2s({}, entry), {}, {
+        value: (_entries$get = entries.get("".concat(path, ".name"))) === null || _entries$get === void 0 ? void 0 : _entries$get.value
+      });
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return undefined;
+}
+
+/**
+ * Formats an inherited value for display: the label of the matching radio option, list items comma separated,
+ * the entries of a list field one per line, or the plain value.
+ */
+function formatInheritedValue(value, item) {
+  // a radio's "inherited" option has the value undefined, so a missing value must not match it
+  if (value === undefined) return undefined;
+  if (storesId(item)) return undefined;
+  if (item.type === 'radio') {
+    var option = item.options.find(function (o) {
+      return o.value === value;
+    });
+    if (option) return option.label;
+  }
+  if (Array.isArray(value)) {
+    if (value.every(isPrimitive)) return value.join(', ');
+    if (item.type !== 'array') return undefined;
+    // an entry shows the texts and numbers of its fields, in the order of the form
+    var lines = value.map(function (entry) {
+      return item.items.filter(function (field) {
+        return !storesId(field);
+      }).map(function (field) {
+        return get(entry, field.name);
+      }).filter(function (v) {
+        return typeof v === 'string' && v !== '' || typeof v === 'number';
+      }).join(' · ');
+    }).filter(Boolean);
+    return lines.length ? lines.join('\n') : undefined;
+  }
+  return isPrimitive(value) ? String(value) : undefined;
+}
+
+/** Whether a field currently holds no own value (an unchecked checkbox counts as empty). */
+function isEmptyFieldValue(value, item) {
+  if (value === undefined || value === null || value === '') return true;
+  if (Array.isArray(value)) return value.length === 0;
+  return item.type === 'checkbox' && value === false;
+}
+
+/**
+ * Whether the current value of a field overrides the parent's value. As loaded, the stored state tells, since only the backend knows the
+ * field's inheritance rule: a rule may inherit into an unset value only, so a stored '' or false overrides, or take a whole block from the
+ * parent, so an own value is ignored. An edited field is judged by its value: an own value overrides, an emptied field inherits.
+ *
+ * @param value the current value of the field
+ * @param item the form field
+ * @param entry the field's inheritance entry, as stored
+ * @param edited whether the field was edited since the form was loaded
+ */
+function overridesParent(value, item, entry, edited) {
+  if (!edited) return entry.state === 'overridden';
+  return !isEmptyFieldValue(value, item);
+}
+
+/** Whether the field stores an id, which means nothing to the reader. */
+function storesId(item) {
+  return item.type === 'media' || item.type === 'selectClientRelationCatalog';
+}
+function isPrimitive(value) {
+  return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
+}
+
+/**
+ * Shows the value of a parent organization below a form field — the value the field inherits, or the one its own value overrides —
+ * followed by the organization and whether it is inherited or overridden; a value without a display text shows that text only.
+ */
+var InheritedValue = function InheritedValue(_ref) {
+  var entry = _ref.entry,
+    item = _ref.item,
+    overridden = _ref.overridden;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  var value = formatInheritedValue(entry.value, item);
+  var origin = overridden ? t('backoffice.form.inheritance.overrides', {
+    organization: entry.displayName,
+    defaultValue: 'Überschreibt den Wert von {{organization}}'
+  }) : t('backoffice.form.inheritance.inheritedFrom', {
+    organization: entry.displayName,
+    defaultValue: 'Geerbt von {{organization}}'
+  });
+  return /*#__PURE__*/jsxs(Typography.Text, {
+    type: "secondary",
+    style: {
+      whiteSpace: 'pre-wrap'
+    },
+    children: [item.type === 'colorPicker' && value !== undefined &&
+    /*#__PURE__*/
+    // the outline keeps white and very light colors visible
+    jsx("span", {
+      style: {
+        display: 'inline-block',
+        width: 10,
+        height: 10,
+        borderRadius: '50%',
+        background: value,
+        boxShadow: "0 0 0 1px ".concat(token.colorBorder),
+        marginInlineEnd: 6,
+        verticalAlign: 'middle'
+      }
+    }), value !== undefined && /*#__PURE__*/jsxs(Fragment, {
+      children: [value, " \xB7 "]
+    }), origin]
+  });
+};
+
 var LOG$o = getLogger('Backoffice', 'Form');
 function toNamePath$1(name) {
   if (name === undefined || name === '') return [];
@@ -25016,6 +25259,7 @@ function isFormItemHidden(item, hiddenRequiredDisabled) {
   return ((_hiddenRequiredDisabl = hiddenRequiredDisabled[key]) === null || _hiddenRequiredDisabl === void 0 ? void 0 : _hiddenRequiredDisabl.hidden) === true;
 }
 var FormWrapper$1 = function FormWrapper(_ref, ref) {
+  var _state$data;
   var id = _ref.id,
     data = _ref.data,
     origData = _ref.origData,
@@ -25061,6 +25305,30 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
     configuration: configuration,
     namePrefix: namePrefix
   });
+  var inheritance = useInheritance(state.configuration.inheritance, (_state$data = state.data) === null || _state$data === void 0 ? void 0 : _state$data._id);
+  // names below a prefix are relative to it, the inheritance paths are absolute
+  var inheritedItems = useMemo(function () {
+    var _state$selectedItems;
+    return namePrefixPath.length || !inheritance.size ? [] : ((_state$selectedItems = state.selectedItems) !== null && _state$selectedItems !== void 0 ? _state$selectedItems : []).flatMap(function (item) {
+      var _item$inheritancePath;
+      var entry = findInheritanceEntry(inheritance, (_item$inheritancePath = item.inheritancePath) !== null && _item$inheritancePath !== void 0 ? _item$inheritancePath : item.name);
+      return entry ? [{
+        item: item,
+        entry: entry
+      }] : [];
+    });
+  }, [inheritance, state.selectedItems, namePrefixPath]);
+  // of those, the fields whose current value overrides the parent's value; re-renders only when this list changes
+  var overridingFields = Form$2.useWatch(function (values) {
+    return inheritedItems.filter(function (_ref2) {
+      var item = _ref2.item,
+        entry = _ref2.entry;
+      return overridesParent(get(values, item.name), item, entry, form.isFieldTouched(item.name));
+    }).map(function (_ref3) {
+      var item = _ref3.item;
+      return item.name.toString();
+    });
+  }, form);
   useImperativeHandle(ref, function () {
     return {
       submit: function submit() {
@@ -25082,7 +25350,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
     }
   }, [form, namePrefixPath, state.data]);
   var onFinish = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
       var newData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -25092,10 +25360,10 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
             if (_typeof(values) == 'object' && values !== null) {
               state.trimStringsOfObject(values, state.data);
             }
-            Object.entries(values).forEach(function (_ref3, idx) {
-              var _ref4 = _slicedToArray(_ref3, 2),
-                key = _ref4[0],
-                value = _ref4[1];
+            Object.entries(values).forEach(function (_ref5, idx) {
+              var _ref6 = _slicedToArray(_ref5, 2),
+                key = _ref6[0],
+                value = _ref6[1];
               if (typeof (value === null || value === void 0 ? void 0 : value.unix) !== 'undefined') {
                 values[key] = value === null || value === void 0 ? void 0 : value.unix();
               }
@@ -25126,7 +25394,7 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       }, _callee, null, [[0, 12]]);
     }));
     return function onFinish(_x) {
-      return _ref2.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var onErrorInternal = function onErrorInternal(err, errorText) {
@@ -25147,8 +25415,8 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
   var onFinishFailed = function onFinishFailed(data) {
     if (data.errorFields.length) {
       onError === null || onError === void 0 || onError("Folgende Felder wurden nicht korrekt bef\xFCllt: ".concat(data.errorFields.map(function (f) {
-        var _state$selectedItems;
-        var item = (_state$selectedItems = state.selectedItems) === null || _state$selectedItems === void 0 ? void 0 : _state$selectedItems.find(function (item) {
+        var _state$selectedItems2;
+        var item = (_state$selectedItems2 = state.selectedItems) === null || _state$selectedItems2 === void 0 ? void 0 : _state$selectedItems2.find(function (item) {
           return (typeof item.name == 'string' ? item.name : item.name.join('.')) == (typeof f.name == 'string' ? f.name : f.name.join('.'));
         });
         if (!item) return f.name;
@@ -25171,10 +25439,10 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
       }
       groups[tabGroup].push(item);
     });
-    return Object.entries(groups).map(function (_ref5) {
-      var _ref6 = _slicedToArray(_ref5, 2),
-        tabGroup = _ref6[0],
-        items = _ref6[1];
+    return Object.entries(groups).map(function (_ref7) {
+      var _ref8 = _slicedToArray(_ref7, 2),
+        tabGroup = _ref8[0],
+        items = _ref8[1];
       return {
         tabGroup: tabGroup,
         items: items
@@ -25182,19 +25450,28 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
     });
   };
   var getGeneralItems = function getGeneralItems() {
-    var _state$selectedItems2;
-    return (_state$selectedItems2 = state.selectedItems) === null || _state$selectedItems2 === void 0 ? void 0 : _state$selectedItems2.filter(function (item) {
+    var _state$selectedItems3;
+    return (_state$selectedItems3 = state.selectedItems) === null || _state$selectedItems3 === void 0 ? void 0 : _state$selectedItems3.filter(function (item) {
       return item.showInAllTabs;
     });
   };
   var renderFormItems = function renderFormItems(items) {
     return /*#__PURE__*/jsx(Fragment, {
       children: items.map(function (item) {
-        var _state$hiddenRequired, _state$fieldErrors$it;
+        var _state$hiddenRequired, _inheritedItems$find, _state$fieldErrors$it;
         var hidden = (_state$hiddenRequired = state.hiddenRequiredDisabled[typeof item.name == 'string' ? item.name : item.name.join('.')]) === null || _state$hiddenRequired === void 0 ? void 0 : _state$hiddenRequired.hidden;
         var fieldName = getFieldName(item.name);
+        var inheritanceEntry = (_inheritedItems$find = inheritedItems.find(function (inherited) {
+          return inherited.item.name.toString() === item.name.toString();
+        })) === null || _inheritedItems$find === void 0 ? void 0 : _inheritedItems$find.entry;
+        var inheritedValue = inheritanceEntry && /*#__PURE__*/jsx(InheritedValue, {
+          entry: inheritanceEntry,
+          item: item,
+          overridden: !!(overridingFields !== null && overridingFields !== void 0 && overridingFields.includes(item.name.toString()))
+        });
+        var withoutFormItem = ['subTitle', 'array', 'text', 'translation'].includes(item.type);
         return /*#__PURE__*/jsxs("div", {
-          children: [item.marker && /*#__PURE__*/jsx(InfoCircleOutlined, {}), ['subTitle', 'array', 'text', 'translation'].includes(item.type) ? getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, root, form, hidden, undefined, namePrefixPath.length ? fieldName : undefined) : /*#__PURE__*/jsx(Form$2.Item, {
+          children: [item.marker && /*#__PURE__*/jsx(InfoCircleOutlined, {}), withoutFormItem && !hidden && inheritedValue, withoutFormItem ? getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, root, form, hidden, undefined, namePrefixPath.length ? fieldName : undefined) : /*#__PURE__*/jsx(Form$2.Item, {
             name: fieldName,
             rules: state.getRules(item, state.data),
             label: getLabel(item, t),
@@ -25202,7 +25479,10 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
             initialValue: item === null || item === void 0 ? void 0 : item.defaultValue,
             hasFeedback: !!state.fieldErrors[item.name.toString()],
             validateStatus: !!state.fieldErrors[item.name.toString()] ? 'error' : undefined,
-            help: (_state$fieldErrors$it = state.fieldErrors[item.name.toString()]) !== null && _state$fieldErrors$it !== void 0 ? _state$fieldErrors$it : item.helpText,
+            help: (_state$fieldErrors$it = state.fieldErrors[item.name.toString()]) !== null && _state$fieldErrors$it !== void 0 ? _state$fieldErrors$it : item.helpText
+            // below the field: horizontal labels do not wrap and would cut the value off
+            ,
+            extra: inheritedValue,
             hidden: hidden,
             children: getElement(item, setCanSave, state, item.name, state.onInputChanged, onErrorInternal, root, form, hidden)
           }, Array.isArray(fieldName) ? fieldName.join('.') : fieldName)]
@@ -25223,6 +25503,13 @@ var FormWrapper$1 = function FormWrapper(_ref, ref) {
   var generalItems = useMemo(function () {
     return getGeneralItems();
   }, [state.selectedItems]);
+  // the tab keys are positions, so another set of tabs (e.g. after choosing another organization type) starts on the first tab
+  var visibleTabNames = visibleTabGroups.map(function (group) {
+    return group.tabGroup;
+  }).join();
+  useEffect(function () {
+    return setActiveTabKey('0');
+  }, [visibleTabNames]);
   var handleSearchChange = function handleSearchChange(e) {
     var searchValue = e.target.value.toLowerCase();
     if (searchValue.length <= 2) {
@@ -25388,8 +25675,8 @@ function getLabel(item, t) {
 }
 var Form$1 = observer(/*#__PURE__*/React.forwardRef(FormWrapper$1));
 
-function ownKeys$2q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2r(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$11(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$11(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$11(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$11(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$11(r, a) : void 0; } }
 function _arrayLikeToArray$11(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -25591,7 +25878,7 @@ function useRoleSelectorData (_ref) {
             roles.forEach(function (r) {
               //check if after the changes the role is selected
               if (value.includes(r._id)) {
-                var newValue = _objectSpread$2q(_objectSpread$2q({}, r), {}, {
+                var newValue = _objectSpread$2r(_objectSpread$2r({}, r), {}, {
                   selected: true
                 });
                 //add it to the new list as selected role
@@ -25627,7 +25914,7 @@ function useRoleSelectorData (_ref) {
                   }
                 }
               } else {
-                var _newValue = _objectSpread$2q(_objectSpread$2q({}, r), {}, {
+                var _newValue = _objectSpread$2r(_objectSpread$2r({}, r), {}, {
                   selected: false
                 });
                 //add it to the new list as unselected role
@@ -25831,7 +26118,7 @@ function _updateRoles() {
                   userRole = userRoles.find(function (r) {
                     return r._id == role._id;
                   });
-                  newRole = _objectSpread$2q({}, role);
+                  newRole = _objectSpread$2r({}, role);
                   if (userRole) {
                     newRole.selected = true;
                     newRole.inherited = userRole.inherited;
@@ -26051,7 +26338,7 @@ function _fetchOptions() {
         case 4:
           result = _context11.sent;
           options = result.data.map(function (d) {
-            return _objectSpread$2q(_objectSpread$2q({}, d), {}, {
+            return _objectSpread$2r(_objectSpread$2r({}, d), {}, {
               label: d.displayName,
               value: d._id,
               isLeaf: !d.hasChildren
@@ -26150,13 +26437,13 @@ var skeleton = "skeleton--xCI0";
 var filterField$1 = "filterField-1kU1O";
 var parentScroll = "parent-scroll-GmaL9";
 var parent = "parent-NZJ3S";
-var container$9 = "container--O28P";
+var container$a = "container--O28P";
 var infiniteScrollContainer = "infiniteScrollContainer-8G1wc";
-var css_248z$1g = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: hidden;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.container--O28P {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.infiniteScrollContainer-8G1wc {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.infiniteScrollContainer-8G1wc .infinite-scroll-component__outerdiv {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.infiniteScrollContainer-8G1wc .infinite-scroll-component {\n  flex: 1 !important;\n  min-height: 0 !important;\n  height: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n";
-styleInject(css_248z$1g);
+var css_248z$1h = ".permission-Button-XctsZ {\n  position: relative;\n  top: 25px;\n  left: -30px;\n  float: right;\n  height: 20px;\n  z-index: 1000;\n}\n.select-lzft- {\n  width: 100%;\n}\n.loadingOption-qCkRw {\n  margin-top: 11px;\n  padding-left: 500px;\n}\n.scroller-lrdk9 {\n  overflow: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n.skeleton--xCI0 {\n  padding-left: 25px;\n  padding-bottom: 10px;\n}\n.filterField-1kU1O {\n  display: flex;\n  gap: 10px;\n}\n.filterField-1kU1O button {\n  height: 32px;\n}\n.filterField-1kU1O div {\n  height: 32px;\n}\n\n.parent-scroll-GmaL9 {\n  overflow: hidden;\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n.parent-NZJ3S {\n  overflow: auto;\n  padding: 24px;\n  height: 100%;\n}\n\n.container--O28P {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.infiniteScrollContainer-8G1wc {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.infiniteScrollContainer-8G1wc .infinite-scroll-component__outerdiv {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.infiniteScrollContainer-8G1wc .infinite-scroll-component {\n  flex: 1 !important;\n  min-height: 0 !important;\n  height: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n";
+styleInject(css_248z$1h);
 
-function ownKeys$2p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$10(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$10(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$10(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$10(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$10(r, a) : void 0; } }
 function _arrayLikeToArray$10(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -26216,8 +26503,8 @@ function _generateCSV() {
             break;
           }
           _context2.next = 21;
-          return generateCSV(_objectSpread$2p(_objectSpread$2p({}, exportParams.children), {}, {
-            mappingData: _objectSpread$2p(_objectSpread$2p({}, parent), {}, {
+          return generateCSV(_objectSpread$2q(_objectSpread$2q({}, exportParams.children), {}, {
+            mappingData: _objectSpread$2q(_objectSpread$2q({}, parent), {}, {
               parentId: exportParams.mappingData._id
             })
           }), csvData);
@@ -26340,8 +26627,8 @@ function _downloadFile() {
   return _downloadFile.apply(this, arguments);
 }
 
-function ownKeys$2o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$$(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$$(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$$(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$$(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$$(r, a) : void 0; } }
 function _arrayLikeToArray$$(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -26760,7 +27047,7 @@ function useRelationSelectorData (_ref) {
               var activeItem = _step.value;
               if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem._id) === (addedData === null || addedData === void 0 ? void 0 : addedData._id)) {
                 addedObjects.push(addedData);
-                getSplittedItems(_objectSpread$2o(_objectSpread$2o({}, activeItem), {}, {
+                getSplittedItems(_objectSpread$2p(_objectSpread$2p({}, activeItem), {}, {
                   userId: data === null || data === void 0 ? void 0 : data._id
                 }));
                 ret = true;
@@ -26965,8 +27252,8 @@ function useRelationSelectorData (_ref) {
   };
 }
 
-function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper$_(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$_(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$_(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$_(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$_(r, a) : void 0; } }
 function _arrayLikeToArray$_(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -27114,7 +27401,7 @@ function ActionButton (_ref) {
               _iterator2.f();
             }
             _context.next = 19;
-            return apiInterface.update(_objectSpread$2n(_objectSpread$2n({}, data), {}, {
+            return apiInterface.update(_objectSpread$2o(_objectSpread$2o({}, data), {}, {
               state: toSwitch
             }), data);
           case 19:
@@ -27250,14 +27537,14 @@ function _simpleChangeValue() {
             break;
           }
           for (i = 0; i < action.newValues.length; i++) {
-            fieldsToUpdate = _objectSpread$2n(_objectSpread$2n({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
+            fieldsToUpdate = _objectSpread$2o(_objectSpread$2o({}, fieldsToUpdate), {}, _defineProperty({}, action.newValues[i].field, action.newValues[i].value));
           }
           if (!apiInterface.canUpdate) {
             _context2.next = 9;
             break;
           }
           _context2.next = 7;
-          return apiInterface.update(_objectSpread$2n({}, fieldsToUpdate), data);
+          return apiInterface.update(_objectSpread$2o({}, fieldsToUpdate), data);
         case 7:
           response = _context2.sent;
           return _context2.abrupt("return", response);
@@ -27272,7 +27559,7 @@ function _simpleChangeValue() {
   return _simpleChangeValue.apply(this, arguments);
 }
 function A(props) {
-  return /*#__PURE__*/jsx("a", _objectSpread$2n({}, props));
+  return /*#__PURE__*/jsx("a", _objectSpread$2o({}, props));
 }
 
 function _createForOfIteratorHelper$Z(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$Z(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -27400,18 +27687,18 @@ var getListItems = function getListItems(items, value) {
 };
 
 var titleCl = "title-cl-ZAj2y";
-var description$1 = "description-m3mNY";
+var description$2 = "description-m3mNY";
 var itemGroup = "item-group-xWnj-";
 var deleteItem = "delete-item-otdSr";
 var newscroller = "newscroller-INKeD";
 var antCollapseHeader = "ant-collapse-header--6FgU";
 var itemTitle$1 = "item-title--BTvC";
 var itemDesc = "item-desc-DBiiF";
-var css_248z$1f = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
-styleInject(css_248z$1f);
+var css_248z$1g = ".diva-component-DIVA_BACKOFFICE_NEW .title-cl-ZAj2y {\n  color: black;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .description-m3mNY {\n  color: grey;\n  flex: 1 1 100%;\n  margin-left: 25px;\n  margin-top: -25px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-group-xWnj- {\n  /* border-bottom: 1px solid black; */\n  margin-bottom: 40px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .delete-item-otdSr {\n  cursor: pointer;\n  position: relative;\n  float: right;\n  top: 13px;\n  margin-right: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .newscroller-INKeD {\n  overflow: auto;\n  height: 400px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-collapse-header--6FgU div {\n  flex-wrap: wrap !important;\n}\n.diva-component-DIVA_BACKOFFICE_NEW a .item-title--BTvC {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.85);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .item-desc-DBiiF {\n  padding: 0 0 0 30px;\n  color: rgba(0, 0, 0, 0.45);\n}\n";
+styleInject(css_248z$1g);
 
-function ownKeys$2m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DropDown = function DropDown(_ref) {
   var _curItem$data$length;
   var split = _ref.split,
@@ -27443,7 +27730,7 @@ var DropDown = function DropDown(_ref) {
   });
   return /*#__PURE__*/jsx(Collapse, {
     onChange: function onChange() {
-      return getSplittedItems(_objectSpread$2m(_objectSpread$2m({}, item.item), {}, {
+      return getSplittedItems(_objectSpread$2n(_objectSpread$2n({}, item.item), {}, {
         parentId: item.parentId
       }), 0);
     },
@@ -27455,7 +27742,7 @@ var DropDown = function DropDown(_ref) {
             children: title
           })
         }), /*#__PURE__*/jsx("br", {}), /*#__PURE__*/jsx("div", {
-          className: description$1,
+          className: description$2,
           children: /*#__PURE__*/jsx(Typography.Text, {
             children: desc
           })
@@ -27547,7 +27834,7 @@ var RelationSelector = function RelationSelector(_ref, ref) {
     relationState.searchItems('');
   }, []);
   return /*#__PURE__*/jsxs("div", {
-    className: container$9,
+    className: container$a,
     children: [relationState.configuration.search != undefined && (((_relationState$config = relationState.configuration.filter) === null || _relationState$config === void 0 ? void 0 : _relationState$config.type) === 'default' ? /*#__PURE__*/jsxs(Select, {
       className: select$3,
       showSearch: true,
@@ -27703,8 +27990,8 @@ var RelationSelector = function RelationSelector(_ref, ref) {
 };
 var RelationSelector$1 = observer(/*#__PURE__*/React.forwardRef(RelationSelector));
 
-function ownKeys$2l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useFormListData (_ref) {
   var _configuration$defaul;
   var id = _ref.id,
@@ -27784,7 +28071,7 @@ function useFormListData (_ref) {
             if (updated.length == state.length) {
               newState = state.map(function (s, i) {
                 var _updated$find;
-                return _objectSpread$2l(_objectSpread$2l({}, s), {}, {
+                return _objectSpread$2m(_objectSpread$2m({}, s), {}, {
                   data: (_updated$find = updated.find(function (u) {
                     return u.index == i;
                   })) === null || _updated$find === void 0 ? void 0 : _updated$find.data
@@ -27921,8 +28208,8 @@ var FormList = function FormList(_ref, ref) {
 };
 var FormList$1 = observer(/*#__PURE__*/React.forwardRef(FormList));
 
-function ownKeys$2k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$n = getLogger('Backoffice', 'SelectOrCreate');
 function useSelectOrCreateData (_ref) {
   var id = _ref.id,
@@ -28019,7 +28306,7 @@ function useSelectOrCreateData (_ref) {
               _context.next = 7;
               return apiHandler.readList(configuration.readMapping, mappingData, {
                 filters: (_configuration$select3 = configuration.selectMapping) !== null && _configuration$select3 !== void 0 && _configuration$select3.searchField ? (_configuration$select4 = configuration.selectMapping) === null || _configuration$select4 === void 0 ? void 0 : _configuration$select4.searchField.reduce(function (filter, field) {
-                  return _objectSpread$2k(_objectSpread$2k({}, filter), {}, _defineProperty({}, field.field, [value, field.filter]));
+                  return _objectSpread$2l(_objectSpread$2l({}, filter), {}, _defineProperty({}, field.field, [value, field.filter]));
                 }, {}) : {
                   _id: [value, 'contains']
                 },
@@ -28330,8 +28617,8 @@ var Multiple = function Multiple(_ref3) {
   });
 };
 
-function ownKeys$2j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useListData (_ref) {
   var id = _ref.id,
     data = _ref.data;
@@ -28374,7 +28661,7 @@ function useListData (_ref) {
           case 3:
             result = _context.sent;
             setListData(result.data.map(parseField));
-            initData = _objectSpread$2j({}, data);
+            initData = _objectSpread$2k({}, data);
             setUpdatedObject(initData);
             setLoading(false);
           case 8:
@@ -28415,7 +28702,7 @@ function useListData (_ref) {
     });
     (_configuration$itemMa7 = configuration.itemMapping.itemUpdate) === null || _configuration$itemMa7 === void 0 || _configuration$itemMa7.forEach(function (field) {
       var parsedField = field.field.split('.');
-      item.itemUpdate = _objectSpread$2j(_objectSpread$2j({}, field), {}, {
+      item.itemUpdate = _objectSpread$2k(_objectSpread$2k({}, field), {}, {
         value: dataEntry[parsedField[parsedField.length - 1]]
       });
     });
@@ -28446,16 +28733,16 @@ function useListData (_ref) {
       console.error('field with more than 2 parts not allowed');
       return;
     }
-    var updObj = _objectSpread$2j({}, updatedObject);
+    var updObj = _objectSpread$2k({}, updatedObject);
     if (fields.length === 1) {
-      updObj = _objectSpread$2j(_objectSpread$2j({}, updObj), {}, _defineProperty({}, fields[0], value));
+      updObj = _objectSpread$2k(_objectSpread$2k({}, updObj), {}, _defineProperty({}, fields[0], value));
     } else if (fields.length === 2) {
       var updatedField = updObj[fields[0]].find(function (v) {
         return v.id === item.id.trim();
       });
       if (updatedField) {
-        var updatedFieldCopy = _objectSpread$2j(_objectSpread$2j({}, updatedField), {}, _defineProperty({}, fields[1], value));
-        updObj = _objectSpread$2j(_objectSpread$2j({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
+        var updatedFieldCopy = _objectSpread$2k(_objectSpread$2k({}, updatedField), {}, _defineProperty({}, fields[1], value));
+        updObj = _objectSpread$2k(_objectSpread$2k({}, updObj), {}, _defineProperty({}, fields[0], updObj[fields[0]].map(function (v) {
           return v.id === item.id.trim() ? updatedFieldCopy : v;
         })));
       }
@@ -28464,11 +28751,11 @@ function useListData (_ref) {
     var acItems = listData;
     for (var i = 0; i < acItems.length; i++) {
       if (i == index) {
-        acItems[i].itemUpdate = _objectSpread$2j(_objectSpread$2j({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$2k(_objectSpread$2k({}, acItems[i].itemUpdate), {}, {
           value: value
         });
       } else if (!acItems[i].itemUpdate.multiselect) {
-        acItems[i].itemUpdate = _objectSpread$2j(_objectSpread$2j({}, acItems[i].itemUpdate), {}, {
+        acItems[i].itemUpdate = _objectSpread$2k(_objectSpread$2k({}, acItems[i].itemUpdate), {}, {
           value: !value
         });
       }
@@ -28648,6 +28935,252 @@ var ListWrapper = function ListWrapper(props, ref) {
 };
 var List = observer(/*#__PURE__*/React.forwardRef(ListWrapper));
 
+/** A JSON schema node as the configuration schemas of the admin service use it */
+
+/** The schema of a configuration type, as the admin service returns it */
+
+/** How a setting of the edited configuration is set */
+
+/** What kind of value a setting takes, as the settings tool names it */
+
+/**
+ * The schema the editor checks the whole edited document with: the configuration parameters are checked as a single layer,
+ * which leaves required settings to other layers, and an unknown setting is marked. The editor's validator (ajv 6) does not know
+ * `nullable`, so it becomes a type list.
+ */
+function toEditorSchema(schema) {
+  return {
+    type: 'object',
+    properties: {
+      configParams: prepareForEditor(schema, true)
+    }
+  };
+}
+
+/**
+ * @param closed whether settings the node does not describe are marked - not for a branch of a oneOf/anyOf, whose node or
+ * sibling branches describe further settings
+ */
+function prepareForEditor(node, closed) {
+  var result = omit(node, ['required', 'nullable']);
+  if (node.nullable && node.type) {
+    result.type = [].concat(_toConsumableArray(asArray(node.type)), ['null']);
+  }
+  if (node.properties) {
+    result.properties = mapValues(node.properties, function (child) {
+      return prepareForEditor(child, true);
+    });
+    if (closed && node.additionalProperties === undefined && !node.anyOf && !node.oneOf) {
+      result.additionalProperties = false;
+    }
+  }
+  if (_typeof(node.additionalProperties) == 'object') {
+    result.additionalProperties = prepareForEditor(node.additionalProperties, true);
+  }
+  if (node.items) {
+    result.items = prepareForEditor(node.items, true);
+  }
+  if (node.anyOf) {
+    result.anyOf = node.anyOf.map(function (option) {
+      return prepareForEditor(option, false);
+    });
+  }
+  if (node.oneOf) {
+    // Without `required`, several branches match a layer that leaves out the setting telling them apart: one is enough
+    var branches = node.oneOf.map(function (option) {
+      return prepareForEditor(option, false);
+    });
+    delete result.oneOf;
+    if (result.anyOf) {
+      var _result$allOf;
+      result.allOf = [].concat(_toConsumableArray((_result$allOf = result.allOf) !== null && _result$allOf !== void 0 ? _result$allOf : []), [{
+        anyOf: branches
+      }]);
+    } else {
+      result.anyOf = branches;
+    }
+  }
+  return result;
+}
+
+/**
+ * Every setting the schema describes, in the order of the schema, nested settings after their parent. A setting described by
+ * several branches of a oneOf/anyOf is listed once, and a branch does not make a setting required.
+ */
+function listSettings(schema) {
+  var settings = new Map();
+  var addProperties = function addProperties(node, parentPath, depth, inBranch) {
+    var _node$properties;
+    Object.entries((_node$properties = node.properties) !== null && _node$properties !== void 0 ? _node$properties : {}).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        child = _ref2[1];
+      var path = parentPath ? "".concat(parentPath, ".").concat(key) : key;
+      if (!settings.has(path)) {
+        var _node$required;
+        settings.set(path, {
+          path: path,
+          depth: depth,
+          kind: settingKind(child),
+          "enum": child["enum"],
+          description: child.description,
+          "default": child["default"],
+          required: !inBranch && !!((_node$required = node.required) !== null && _node$required !== void 0 && _node$required.includes(key)),
+          plain: !path.includes('[]') && !path.includes('*')
+        });
+      }
+      _addNested(child, path, depth + 1, false);
+    });
+  };
+  var _addNested = function addNested(node, path, depth, inBranch) {
+    var _node$anyOf, _node$oneOf;
+    addProperties(node, path, depth, inBranch);
+    if (_typeof(node.additionalProperties) == 'object') {
+      _addNested(node.additionalProperties, "".concat(path, ".*"), depth, false);
+    }
+    if (node.items) {
+      _addNested(node.items, "".concat(path, "[]"), depth, false);
+    }
+    [].concat(_toConsumableArray((_node$anyOf = node.anyOf) !== null && _node$anyOf !== void 0 ? _node$anyOf : []), _toConsumableArray((_node$oneOf = node.oneOf) !== null && _node$oneOf !== void 0 ? _node$oneOf : [])).forEach(function (option) {
+      return _addNested(option, path, depth, true);
+    });
+  };
+  _addNested(schema, '', 0, false);
+  return _toConsumableArray(settings.values());
+}
+
+/**
+ * How a setting is set: by an environment variable the deployment sets, in the edited layer, by another layer or by the schema's
+ * default - or missing, when it is required, its parent exists (in the configuration or by a variable the deployment sets in it)
+ * and neither the configuration nor an environment variable that is or may be set sets it.
+ *
+ * @param layer the configuration parameters of the edited layer
+ * @param merged the configuration parameters merged with the other layers and completed with the defaults
+ * @param environment the paths an environment variable can set, with whether the deployment sets it (undefined: unknown)
+ */
+function settingStatus(setting, layer, merged, environment) {
+  if (!setting.plain) {
+    return 'unset';
+  }
+  // The service takes a variable's value instead of the configuration's
+  if (environment.get(setting.path)) {
+    return 'environment';
+  }
+  if (has(layer, setting.path)) {
+    return 'set';
+  }
+  if (merged && has(merged, setting.path)) {
+    return setting["default"] !== undefined && isEqual(get(merged, setting.path), setting["default"]) ? 'default' : 'inherited';
+  }
+  // An object counts when a variable can set a setting in it
+  var byEnvironment = _toConsumableArray(environment).some(function (_ref3) {
+    var _ref4 = _slicedToArray(_ref3, 2),
+      path = _ref4[0],
+      set = _ref4[1];
+    return set !== false && (path == setting.path || path.startsWith("".concat(setting.path, ".")));
+  });
+  var parentPath = setting.path.split('.').slice(0, -1).join('.');
+  // The service creates the parent of a variable it sets
+  var parentExists = !parentPath || merged && has(merged, parentPath) || _toConsumableArray(environment).some(function (_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2),
+      path = _ref6[0],
+      set = _ref6[1];
+    return set && path.startsWith("".concat(parentPath, "."));
+  });
+  if (setting.required && !byEnvironment && merged && parentExists) {
+    return 'missing';
+  }
+  return 'unset';
+}
+
+/**
+ * Every setting of the schema with how it is set in the edited configuration
+ *
+ * @param layer the configuration parameters of the edited layer
+ * @param merged the configuration parameters merged with the other layers and completed with the defaults
+ */
+function settingStates(_ref7, layer, merged) {
+  var schema = _ref7.schema,
+    environmentVariables = _ref7.environmentVariables;
+  var variables = new Map(environmentVariables === null || environmentVariables === void 0 ? void 0 : environmentVariables.map(function (_ref8) {
+    var path = _ref8.path,
+      variable = _ref8.variable;
+    return [path, variable];
+  }));
+  var environment = new Map(environmentVariables === null || environmentVariables === void 0 ? void 0 : environmentVariables.map(function (_ref9) {
+    var path = _ref9.path,
+      set = _ref9.set;
+    return [path, set];
+  }));
+  return listSettings(schema).map(function (setting) {
+    var status = settingStatus(setting, layer, merged, environment);
+    // The merged value is the one that applies, also for a setting of the edited layer
+    var source = merged && has(merged, setting.path) ? merged : layer;
+    var value = get(source, setting.path);
+    // A variable replaces a value of the configuration, not the schema's default that fills the merged settings
+    var onlyDefault = !has(layer, setting.path) && setting["default"] !== undefined && isEqual(value, setting["default"]);
+    return {
+      setting: setting,
+      status: status,
+      value: ['set', 'inherited', 'default'].includes(status) || status == 'environment' && !onlyDefault ? value : undefined,
+      variable: variables.get(setting.path)
+    };
+  });
+}
+
+/**
+ * The value a setting gets when it is inserted into the edited layer: the value that applies now, so inserting changes nothing
+ * until it is edited; else the schema's default; else an empty value of its kind - for an enum null where it allows it, else its
+ * first value. An object is always inserted empty: the layers are merged deeply, so it changes nothing either, and later changes
+ * of its settings in other layers still apply.
+ */
+function valueToInsert(_ref10) {
+  var _setting$enum, _emptyValues$setting$;
+  var setting = _ref10.setting,
+    value = _ref10.value,
+    status = _ref10.status;
+  if (setting.kind == 'object') {
+    return {};
+  }
+  if (status == 'inherited' || status == 'default') {
+    return value;
+  }
+  if (setting["default"] !== undefined) {
+    return setting["default"];
+  }
+  if ((_setting$enum = setting["enum"]) !== null && _setting$enum !== void 0 && _setting$enum.length) {
+    return setting["enum"].includes(null) ? null : setting["enum"][0];
+  }
+  var emptyValues = {
+    object: {},
+    array: [],
+    "boolean": false,
+    number: 0,
+    integer: 0,
+    string: ''
+  };
+  return (_emptyValues$setting$ = emptyValues[setting.kind]) !== null && _emptyValues$setting$ !== void 0 ? _emptyValues$setting$ : null;
+}
+function settingKind(node) {
+  var _node$anyOf2, _node$oneOf2, _kinds$find;
+  if (node["enum"]) {
+    return 'enum';
+  }
+  var options = [].concat(_toConsumableArray((_node$anyOf2 = node.anyOf) !== null && _node$anyOf2 !== void 0 ? _node$anyOf2 : []), _toConsumableArray((_node$oneOf2 = node.oneOf) !== null && _node$oneOf2 !== void 0 ? _node$oneOf2 : []));
+  var type = node.type ? asArray(node.type).find(function (candidate) {
+    return candidate != 'null';
+  }) : options[0] && settingKind(options[0]);
+  var kinds = ['string', 'number', 'integer', 'boolean', 'object', 'array', 'enum'];
+  return (_kinds$find = kinds.find(function (kind) {
+    return kind == type;
+  })) !== null && _kinds$find !== void 0 ? _kinds$find : 'any';
+}
+function asArray(type) {
+  return Array.isArray(type) ? type : [type];
+}
+
+function ownKeys$2j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$m = getLogger('Backoffice', 'JsonEditor');
 function useJsonEditorData (id, setCanSave, onChange, onError) {
   var _useState = useState(0),
@@ -28666,6 +29199,14 @@ function useJsonEditorData (id, setCanSave, onChange, onError) {
     _useState8 = _slicedToArray(_useState7, 2),
     inPreview = _useState8[0],
     setInPreview = _useState8[1];
+  var _useState9 = useState(),
+    _useState10 = _slicedToArray(_useState9, 2),
+    schema = _useState10[0],
+    setSchema = _useState10[1];
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray(_useState11, 2),
+    merged = _useState12[0],
+    setMerged = _useState12[1];
   var jsonEditor = useRef(null);
   var root = useStore();
   var _useMemo = useMemo(function () {
@@ -28679,6 +29220,7 @@ function useJsonEditorData (id, setCanSave, onChange, onError) {
   function init(div) {
     var options = {
       mode: 'code',
+      allowSchemaSuggestions: true,
       onChange: function onChange() {
         try {
           var e = jsonEditor.current.get();
@@ -28710,109 +29252,239 @@ function useJsonEditorData (id, setCanSave, onChange, onError) {
     return _save.apply(this, arguments);
   }
   function _save() {
-    _save = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(original) {
+    _save = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(original) {
       var data;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context.prev = 0;
+            _context3.prev = 0;
             if (!(curData !== null && curData !== void 0 && curData._id && apiHandler.canUpdate)) {
-              _context.next = 7;
+              _context3.next = 7;
               break;
             }
-            _context.next = 4;
+            _context3.next = 4;
             return apiHandler.update(curData, original);
           case 4:
-            data = _context.sent;
-            _context.next = 11;
+            data = _context3.sent;
+            _context3.next = 11;
             break;
           case 7:
             if (!apiHandler.canCreate) {
-              _context.next = 11;
+              _context3.next = 11;
               break;
             }
-            _context.next = 10;
+            _context3.next = 10;
             return apiHandler.create(curData);
           case 10:
-            data = _context.sent;
+            data = _context3.sent;
           case 11:
             onChange === null || onChange === void 0 || onChange(data);
-            _context.next = 18;
+            _context3.next = 18;
             break;
           case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](0);
+            _context3.prev = 14;
+            _context3.t0 = _context3["catch"](0);
             LOG$m.error(new DivaError('Error saving data', {
-              cause: _context.t0,
+              cause: _context3.t0,
               code: 'BACKO_0002'
             }));
-            onError === null || onError === void 0 || onError(_context.t0.message);
+            onError === null || onError === void 0 || onError(_context3.t0.message);
           case 18:
           case "end":
-            return _context.stop();
+            return _context3.stop();
         }
-      }, _callee, null, [[0, 14]]);
+      }, _callee3, null, [[0, 14]]);
     }));
     return _save.apply(this, arguments);
   }
+  function fetchPreview(data) {
+    return fetch(configuration.preview, {
+      headers: {
+        Authorization: 'Bearer ' + root.dataStore.jwt,
+        'content-type': 'application/json'
+      },
+      method: 'POST',
+      body: JSON.stringify(data)
+    }).then(function (r) {
+      return r.text();
+    }).then(function (r) {
+      try {
+        return JSON.parse(r);
+      } catch (_unused2) {
+        return undefined;
+      }
+    });
+  }
   function previewMode() {
     return _previewMode.apply(this, arguments);
   }
   function _previewMode() {
-    _previewMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    _previewMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var response;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _context2.next = 2;
-            return fetch(configuration.preview, {
-              headers: {
-                Authorization: 'Bearer ' + root.dataStore.jwt,
-                'content-type': 'application/json'
-              },
-              method: 'POST',
-              body: JSON.stringify(curData)
-            }).then(function (r) {
-              return r.text();
-            }).then(function (r) {
-              try {
-                return JSON.parse(r);
-              } catch (_unused2) {
-                return undefined;
-              }
-            });
+            _context4.next = 2;
+            return fetchPreview(curData);
           case 2:
-            response = _context2.sent;
+            response = _context4.sent;
             jsonEditor.current.aceEditor.setReadOnly(true);
             jsonEditor.current.set(response);
             setInPreview(true);
           case 6:
           case "end":
-            return _context2.stop();
+            return _context4.stop();
         }
-      }, _callee2);
+      }, _callee4);
     }));
     return _previewMode.apply(this, arguments);
   }
   function editMode() {
     return _editMode.apply(this, arguments);
   }
+  /** Inserts a setting into the edited configuration parameters, as if it had been typed - it can be undone in the editor */
   function _editMode() {
-    _editMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+    _editMode = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
             jsonEditor.current.aceEditor.setReadOnly(false);
             jsonEditor.current.set(curData);
             setInPreview(false);
           case 3:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
-      }, _callee3);
+      }, _callee5);
     }));
     return _editMode.apply(this, arguments);
   }
+  function insert(path, value) {
+    var _curData$configParams;
+    var d = _objectSpread$2j(_objectSpread$2j({}, curData), {}, {
+      configParams: set(cloneDeep((_curData$configParams = curData === null || curData === void 0 ? void 0 : curData.configParams) !== null && _curData$configParams !== void 0 ? _curData$configParams : {}), path, value)
+    });
+    jsonEditor.current.update(d);
+    setCurData(d);
+    setCanSave === null || setCanSave === void 0 || setCanSave(true);
+    setHasError(false);
+  }
+
+  // The schema of the edited configuration's type: the editor checks against it, the settings tool lists it
+  useEffect(function () {
+    var applySchema = function applySchema(result) {
+      var _jsonEditor$current2;
+      setSchema(result);
+      (_jsonEditor$current2 = jsonEditor.current) === null || _jsonEditor$current2 === void 0 || _jsonEditor$current2.setSchema(result ? toEditorSchema(result.schema) : undefined);
+    };
+    if (!configuration.schema || !(curData !== null && curData !== void 0 && curData.type)) {
+      applySchema(undefined);
+      return;
+    }
+    var url = new URL(configuration.schema, window.location.href);
+    var values = {
+      '{type}': curData.type,
+      '{identifier}': curData.identifier,
+      '{environmentId}': curData.environmentId
+    };
+    _toConsumableArray(url.searchParams.entries()).forEach(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 2),
+        key = _ref3[0],
+        placeholder = _ref3[1];
+      var value = values[placeholder];
+      // The admin service refuses an empty query parameter, e.g. the identifier of a base configuration
+      if (value) url.searchParams.set(key, value);else if (placeholder in values) url.searchParams["delete"](key);
+    });
+    var current = true;
+    var timeout = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var response, result;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return fetch(url.toString(), {
+              headers: {
+                Authorization: 'Bearer ' + root.dataStore.jwt
+              }
+            });
+          case 3:
+            response = _context.sent;
+            if (!response.ok) {
+              _context.next = 10;
+              break;
+            }
+            _context.next = 7;
+            return response.json();
+          case 7:
+            _context.t0 = _context.sent;
+            _context.next = 11;
+            break;
+          case 10:
+            _context.t0 = undefined;
+          case 11:
+            result = _context.t0;
+            if (current) applySchema(result);
+            _context.next = 19;
+            break;
+          case 15:
+            _context.prev = 15;
+            _context.t1 = _context["catch"](0);
+            LOG$m.warn('Could not load the configuration schema', _context.t1);
+            if (current) applySchema(undefined);
+          case 19:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 15]]);
+    })), 500);
+    return function () {
+      current = false;
+      clearTimeout(timeout);
+    };
+  }, [curData === null || curData === void 0 ? void 0 : curData.type, curData === null || curData === void 0 ? void 0 : curData.identifier, curData === null || curData === void 0 ? void 0 : curData.environmentId]);
+
+  // Another configuration does not show the merged settings of the one before while its own load, e.g. as the value to insert
+  useEffect(function () {
+    setMerged(undefined);
+  }, [curData === null || curData === void 0 ? void 0 : curData._id, curData === null || curData === void 0 ? void 0 : curData.type, curData === null || curData === void 0 ? void 0 : curData.identifier, curData === null || curData === void 0 ? void 0 : curData.environmentId, curData === null || curData === void 0 ? void 0 : curData.domain, curData === null || curData === void 0 ? void 0 : curData.organizationId]);
+
+  // The settings of all layers together: a setting another layer or a default sets is not missing
+  useEffect(function () {
+    if (!schema || !configuration.preview || !(curData !== null && curData !== void 0 && curData.type)) {
+      setMerged(undefined);
+      return;
+    }
+    var current = true;
+    var timeout = setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var response;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.prev = 0;
+            _context2.next = 3;
+            return fetchPreview(curData);
+          case 3:
+            response = _context2.sent;
+            if (current) setMerged(response === null || response === void 0 ? void 0 : response.configParams);
+            _context2.next = 11;
+            break;
+          case 7:
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](0);
+            LOG$m.warn('Could not load the merged configuration', _context2.t0);
+            if (current) setMerged(undefined);
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[0, 7]]);
+    })), 600);
+    return function () {
+      current = false;
+      clearTimeout(timeout);
+    };
+  }, [curData, schema]);
   return {
     save: save,
     init: init,
@@ -28825,7 +29497,10 @@ function useJsonEditorData (id, setCanSave, onChange, onError) {
     setCounter: setCounter,
     setData: setData,
     curData: curData,
-    configuration: configuration
+    configuration: configuration,
+    schema: schema,
+    merged: merged,
+    insert: insert
   };
 }
 
@@ -28833,12 +29508,14 @@ var jsoneditor = "jsoneditor-WMs15";
 var preview$2 = "preview-9wK81";
 var previewButton = "preview-button-vupuG";
 var editButton = "edit-button-m6r3M";
-var css_248z$1e = ".jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n/* The orange menu while the JSON preview shows (see useJsonEditorData.previewMode) wins over both themes */\n.jsoneditor-WMs15 .jsoneditor-menu.preview-9wK81,\n.darkmode .jsoneditor-WMs15 .jsoneditor-menu.preview-9wK81 {\n  background-color: #f19e34;\n}\n";
-styleInject(css_248z$1e);
+var missingRequired = "missing-required-hPUHo";
+var css_248z$1f = ".jsoneditor-WMs15 .preview-9wK81 {\n  background-color: #f19e34;\n}\n\n.jsoneditor-WMs15 .preview-button-vupuG {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 19.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 502 502%22 style%3D%22enable-background%3Anew 0 0 502 502%3B%22 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cg%3E%09%09%09%3Cpath d%3D%22M478.482%2C448.601l-101.6-101.599c8.089-15.262%2C12.339-32.29%2C12.339-49.717c0-35.689-18.182-69.164-47.804-88.743V92.53%09%09%09%09c0-2.652-1.054-5.196-2.929-7.071l-82.529-82.53C254.083%2C1.054%2C251.54%2C0%2C248.888%2C0H24.371c-5.522%2C0-10%2C4.477-10%2C10v427.735%09%09%09%09c0%2C5.523%2C4.478%2C10%2C10%2C10h307.046c5.522%2C0%2C10-4.477%2C10-10v-37.722l92.825%2C92.825c5.908%2C5.908%2C13.764%2C9.162%2C22.119%2C9.162%09%09%09%09c8.356%2C0%2C16.212-3.254%2C22.12-9.162C490.678%2C480.642%2C490.678%2C460.797%2C478.482%2C448.601z M307.276%2C82.53h-48.387V34.143%09%09%09%09l24.193%2C24.193L307.276%2C82.53z M321.417%2C396.377v31.358H34.371V20h204.517v72.53c0%2C5.523%2C4.478%2C10%2C10%2C10h72.529v95.662%09%09%09%09l0.009%2C0.014c-12.214-4.741-25.275-7.215-38.499-7.215c-58.61%2C0-106.294%2C47.683-106.294%2C106.293s47.684%2C106.293%2C106.294%2C106.293%09%09%09%09c13.224%2C0%2C26.285-2.474%2C38.499-7.215L321.417%2C396.377z M328.948%2C370.291c-0.848%2C0.536-1.706%2C1.057-2.574%2C1.563%09%09%09%09c-13.131%2C7.67-28.154%2C11.724-43.446%2C11.724c-47.583%2C0-86.294-38.711-86.294-86.293c0-47.582%2C38.711-86.293%2C86.294-86.293%09%09%09%09c15.291%2C0%2C30.315%2C4.054%2C43.447%2C11.724c26.428%2C15.435%2C42.846%2C44.008%2C42.846%2C74.569c0%2C16.35-4.595%2C32.264-13.289%2C46.022%09%09%09%09C349.097%2C354.125%2C339.766%2C363.455%2C328.948%2C370.291z M464.339%2C478.696c-2.131%2C2.131-4.964%2C3.304-7.978%2C3.304%09%09%09%09c-3.014%2C0-5.847-1.173-7.977-3.304l-98.706-98.706l-0.008-0.001c5.856-4.74%2C11.221-10.104%2C15.961-15.96l0.001%2C0.008%09%09%09%09l98.707%2C98.707C468.737%2C467.142%2C468.737%2C474.298%2C464.339%2C478.696z%22%2F%3E%09%09%09%3Cpath d%3D%22M246.838%2C238.403c-20.641%2C12.674-32.964%2C34.686-32.964%2C58.882c0%2C5.523%2C4.478%2C10%2C10%2C10c5.522%2C0%2C10-4.477%2C10-10%09%09%09%09c0-17.19%2C8.759-32.83%2C23.429-41.838c4.707-2.89%2C6.179-9.048%2C3.289-13.754C257.702%2C236.986%2C251.544%2C235.513%2C246.838%2C238.403z%22%2F%3E%09%09%09%3Cpath d%3D%22M317.708%2C237.624c-10.52-6.145-22.547-9.392-34.781-9.392c-5.522%2C0-10%2C4.477-10%2C10s4.478%2C10%2C10%2C10%09%09%09%09c8.693%2C0%2C17.232%2C2.304%2C24.693%2C6.662c1.586%2C0.926%2C3.321%2C1.367%2C5.034%2C1.367c3.438%2C0%2C6.785-1.775%2C8.645-4.958%09%09%09%09C324.085%2C246.533%2C322.477%2C240.409%2C317.708%2C237.624z%22%2F%3E%09%09%3C%2Fg%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  background-size: 20px;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:hover {\n  border: 0;\n}\n.jsoneditor-WMs15 .preview-button-vupuG:disabled {\n  opacity: 0.3;\n}\n\n.jsoneditor-WMs15 .edit-button-m6r3M {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22iso-8859-1%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 16.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3C!DOCTYPE svg PUBLIC %22-%2F%2FW3C%2F%2FDTD SVG 1.1%2F%2FEN%22 %22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg version%3D%221.1%22 id%3D%22Capa_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22494.936px%22 height%3D%22494.936px%22 viewBox%3D%220 0 494.936 494.936%22 style%3D%22enable-background%3Anew 0 0 494.936 494.936%3B%22%09 xml%3Aspace%3D%22preserve%22 fill%3D%22%23fff%22%3E%3Cg%3E%09%3Cg%3E%09%09%3Cpath d%3D%22M389.844%2C182.85c-6.743%2C0-12.21%2C5.467-12.21%2C12.21v222.968c0%2C23.562-19.174%2C42.735-42.736%2C42.735H67.157%09%09%09c-23.562%2C0-42.736-19.174-42.736-42.735V150.285c0-23.562%2C19.174-42.735%2C42.736-42.735h267.741c6.743%2C0%2C12.21-5.467%2C12.21-12.21%09%09%09s-5.467-12.21-12.21-12.21H67.157C30.126%2C83.13%2C0%2C113.255%2C0%2C150.285v267.743c0%2C37.029%2C30.126%2C67.155%2C67.157%2C67.155h267.741%09%09%09c37.03%2C0%2C67.156-30.126%2C67.156-67.155V195.061C402.054%2C188.318%2C396.587%2C182.85%2C389.844%2C182.85z%22%2F%3E%09%09%3Cpath d%3D%22M483.876%2C20.791c-14.72-14.72-38.669-14.714-53.377%2C0L221.352%2C229.944c-0.28%2C0.28-3.434%2C3.559-4.251%2C5.396l-28.963%2C65.069%09%09%09c-2.057%2C4.619-1.056%2C10.027%2C2.521%2C13.6c2.337%2C2.336%2C5.461%2C3.576%2C8.639%2C3.576c1.675%2C0%2C3.362-0.346%2C4.96-1.057l65.07-28.963%09%09%09c1.83-0.815%2C5.114-3.97%2C5.396-4.25L483.876%2C74.169c7.131-7.131%2C11.06-16.61%2C11.06-26.692%09%09%09C494.936%2C37.396%2C491.007%2C27.915%2C483.876%2C20.791z M466.61%2C56.897L257.457%2C266.05c-0.035%2C0.036-0.055%2C0.078-0.089%2C0.107%09%09%09l-33.989%2C15.131L238.51%2C247.3c0.03-0.036%2C0.071-0.055%2C0.107-0.09L447.765%2C38.058c5.038-5.039%2C13.819-5.033%2C18.846%2C0.005%09%09%09c2.518%2C2.51%2C3.905%2C5.855%2C3.905%2C9.414C470.516%2C51.036%2C469.127%2C54.38%2C466.61%2C56.897z%22%2F%3E%09%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n/* The orange menu while the JSON preview shows (see useJsonEditorData.previewMode) wins over both themes */\n.jsoneditor-WMs15 .jsoneditor-menu.preview-9wK81,\n.darkmode .jsoneditor-WMs15 .jsoneditor-menu.preview-9wK81 {\n  background-color: #f19e34;\n}\n\n/* Required settings that nothing sets yet: a warning, saving stays possible. Specific enough to override the icon styling the\n   editor and its theme give every menu button (sprite background, darkening filter) */\n.jsoneditor-WMs15 .jsoneditor-menu > button.missing-required-hPUHo,\n.jsoneditor-WMs15 .jsoneditor-menu > button.missing-required-hPUHo:hover,\n.jsoneditor-WMs15 .jsoneditor-menu > button.missing-required-hPUHo:focus {\n  width: auto;\n  padding: 0 8px;\n  background-image: none;\n  background-color: #faad14;\n  color: #000;\n  font-size: 12px;\n  border-radius: 2px;\n  filter: none;\n  opacity: 1;\n}\n";
+styleInject(css_248z$1f);
 
 function ownKeys$2i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var JsonEditor = function JsonEditor(_ref, ref) {
+  var _state$configuration$;
   var id = _ref.id,
     value = _ref.value,
     onChange = _ref.onChange,
@@ -28848,7 +29525,24 @@ var JsonEditor = function JsonEditor(_ref, ref) {
     height = _ref.height;
   var container = useRef(null);
   var reviewButton = useRef(null);
+  var missingButton = useRef(null);
   var state = useJsonEditorData(id, setCanSave, onChange, onError);
+  var root = useStore();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+
+  // Required settings no layer, default or environment variable sets: shown, but saving stays possible
+  var missingCount = useMemo(function () {
+    var _state$curData$config, _state$curData;
+    if (!state.schema || !state.merged) return 0;
+    return settingStates(state.schema, (_state$curData$config = (_state$curData = state.curData) === null || _state$curData === void 0 ? void 0 : _state$curData.configParams) !== null && _state$curData$config !== void 0 ? _state$curData$config : {}, state.merged).filter(function (_ref2) {
+      var status = _ref2.status;
+      return status == 'missing';
+    }).length;
+  }, [state.schema, state.merged, state.curData]);
+  var settingsToolId = (_state$configuration$ = state.configuration.tools) === null || _state$configuration$ === void 0 || (_state$configuration$ = _state$configuration$.find(function (tool) {
+    return tool.type == 'ConfigSettings';
+  })) === null || _state$configuration$ === void 0 ? void 0 : _state$configuration$.id;
   useImperativeHandle(ref, function () {
     return {
       submit: function submit() {
@@ -28863,20 +29557,24 @@ var JsonEditor = function JsonEditor(_ref, ref) {
 
   // Like a form's: configured tools show the edited data meanwhile, and can save it
   var tools = useMemo(function () {
-    var _state$configuration$;
-    return (_state$configuration$ = state.configuration.tools) === null || _state$configuration$ === void 0 ? void 0 : _state$configuration$.map(function (tool) {
+    var _state$configuration$2;
+    return (_state$configuration$2 = state.configuration.tools) === null || _state$configuration$2 === void 0 ? void 0 : _state$configuration$2.map(function (tool) {
       var _tool$defaultOpen;
       return _objectSpread$2i(_objectSpread$2i({}, tool), {}, {
         parameters: {
           data: state.curData,
           submit: function submit() {
             return state.save(data);
-          }
+          },
+          schema: state.schema,
+          merged: state.merged,
+          // Inserting works on the last valid text, and the preview is read-only
+          insert: state.hasErrors || state.inPreview ? undefined : state.insert
         },
         defaultOpen: (_tool$defaultOpen = tool.defaultOpen) !== null && _tool$defaultOpen !== void 0 ? _tool$defaultOpen : true
       });
     });
-  }, [state.curData]);
+  }, [state.curData, state.schema, state.merged, state.hasErrors, state.inPreview]);
   useBorrowedTools(tools);
   useEffect(function () {
     state.init(container.current);
@@ -28910,8 +29608,24 @@ var JsonEditor = function JsonEditor(_ref, ref) {
       reviewButton.current.onclick = function () {
         return state.inPreview ? state.editMode() : state.previewMode();
       };
+      if (!missingButton.current) {
+        missingButton.current = document.createElement('button');
+        missingButton.current.className = missingRequired;
+      }
+      if (!jsoneditorMenu.contains(missingButton.current)) {
+        jsoneditorMenu.appendChild(missingButton.current);
+      }
+      missingButton.current.style.display = missingCount ? '' : 'none';
+      missingButton.current.textContent = t('backoffice.configSettings.missingCount', {
+        count: missingCount
+      });
+      missingButton.current.onclick = function () {
+        if (!settingsToolId) return;
+        root.contentStore.rightToolBar.selectTool(settingsToolId);
+        root.contentStore.rightToolBar.hidden = false;
+      };
     }
-  }, [state.previewMode, container.current, state.inPreview]);
+  }, [state.previewMode, container.current, state.inPreview, missingCount]);
   useEffect(function () {
     // antd sets value after initiating once as undefined, the jsoneditor should only be set once with the initial value that gets set by antd
     if (state.counter === 2) {
@@ -29644,13 +30358,13 @@ function reducer(state, action) {
 
 var grid$1 = "grid-sGemi";
 var textWrapper = "text-wrapper-xsPXE";
-var css_248z$1d = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
-styleInject(css_248z$1d);
+var css_248z$1e = ".grid-sGemi {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n}\n\n.text-wrapper-xsPXE {\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n";
+styleInject(css_248z$1e);
 
 var wrapper$7 = "wrapper-p-gR3";
-var container$8 = "container-DoZqe";
-var css_248z$1c = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
-styleInject(css_248z$1c);
+var container$9 = "container-DoZqe";
+var css_248z$1d = ".wrapper-p-gR3 {\n  background: #ececec;\n}\n\n.container-DoZqe {\n  display: flex;\n  justify-content: space-between;\n}\n";
+styleInject(css_248z$1d);
 
 var ToolTipInfo = function ToolTipInfo(props) {
   var _useTranslation = useTranslation(),
@@ -29669,7 +30383,7 @@ var ToolTipInfo = function ToolTipInfo(props) {
         width: 230
       },
       children: /*#__PURE__*/jsx("div", {
-        className: container$8
+        className: container$9
       })
     })
   });
@@ -29945,8 +30659,8 @@ var useMediaUpload = function useMediaUpload(_ref) {
 var small = "small-NY1-k";
 var medium = "medium---QcO";
 var big = "big--E39S";
-var css_248z$1b = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n/* since antd 6.3.1 the picture-card list only has a min-height; the 100% heights of the select and item below need a fixed one */\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-picture-card {\n  height: var(--ant-upload-picture-card-size);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
-styleInject(css_248z$1b);
+var css_248z$1c = ".diva-component-DIVA_BACKOFFICE_NEW .ant-upload-wrapper {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-nested-loading {\n  width: 100%;\n  height: 100%;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-table-wrapper, .diva-component-DIVA_BACKOFFICE_NEW .ant-table {\n  height: inherit;\n  overflow: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-drawer-body .ant-spin-nested-loading {\n  width: 100%;\n  height: 80%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-spin-container {\n  width: 100%;\n  height: 100%;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-spin-container {\n  display: flex;\n  flex-direction: column;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-space-item .andt-table .ant-spin-container {\n  height: calc(60vh - 90px);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .andt-table .ant-table-container {\n  height: calc(100% - 80px);\n}\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list {\n  width: 100%;\n  height: 100%;\n}\n\n/* since antd 6.3.1 the picture-card list only has a min-height; the 100% heights of the select and item below need a fixed one */\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-picture-card {\n  height: var(--ant-upload-picture-card-size);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-list-item-container {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .ant-upload-select {\n  width: 100% !important;\n  height: 100% !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .small-NY1-k {\n  width: 104px;\n  height: 104px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .medium---QcO {\n  width: 200px;\n  height: 200px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .big--E39S {\n  width: 400px;\n  height: 400px;\n}\n";
+styleInject(css_248z$1c);
 
 var MediaUpload = observer(function (_ref) {
   var id = _ref.id;
@@ -30087,8 +30801,8 @@ var checkbox = "checkbox-H7R-w";
 var editableCellValueWrap = "editable-cell-value-wrap-ugTs4";
 var contentWidth = "content-width-hGyVI";
 var tableLoadingSpin = "table-loading-spin-QjnC-";
-var css_248z$1a = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n\n.ant-select {\n  display: inline-flex !important;\n}\n\n/* Fix for antd Table extra column on Windows */\n/* workarround for https://github.com/ant-design/ant-design/issues/55633, if resolved try to remove this */\n.ant-table-cell-scrollbar:not(.ant-table-cell-fix-right) {\n  display: none !important;\n}\n\n.table-loading-spin-QjnC- {\n  overflow: auto;\n  height: 100%;\n}\n";
-styleInject(css_248z$1a);
+var css_248z$1b = ".checkbox-readonly-0-bzT {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox-input {\n  cursor: default;\n}\n\n.checkbox-readonly-0-bzT .ant-checkbox {\n  cursor: default;\n}\n\n.editable-row-9BEHi:hover .checkbox-H7R-w .ant-checkbox {\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);\n}\n\n.editable-cell-value-wrap-ugTs4 {\n  padding: 5px 12px;\n  cursor: pointer;\n}\n\n.editable-row-9BEHi:hover .editable-cell-value-wrap-ugTs4 {\n  padding: 4px 11px;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n}\n\n.content-width-hGyVI .ant-modal-confirm-content {\n  width: 100%;\n}\n\n.ant-select {\n  display: inline-flex !important;\n}\n\n/* Fix for antd Table extra column on Windows */\n/* workarround for https://github.com/ant-design/ant-design/issues/55633, if resolved try to remove this */\n.ant-table-cell-scrollbar:not(.ant-table-cell-fix-right) {\n  display: none !important;\n}\n\n.table-loading-spin-QjnC- {\n  overflow: auto;\n  height: 100%;\n}\n";
+styleInject(css_248z$1b);
 
 function BooleanCell (_ref) {
   var children = _ref.children,
@@ -31227,11 +31941,11 @@ function useAGHistogram (_ref) {
   };
 }
 
-var container$7 = "container-2r-OJ";
+var container$8 = "container-2r-OJ";
 var column1 = "column1-9viTK";
 var spinner = "spinner-00VcK";
-var css_248z$19 = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
-styleInject(css_248z$19);
+var css_248z$1a = ".container-2r-OJ {\n  display: flex;\n  gap: 40px; /* Distribute the columns evenly */\n}\n\n.column-yZ2Qc {\n  padding: 10px;\n}\n\n.column1-9viTK .column-yZ2Qc {\n  flex: 8;\n}\n\n.column2-pCnEz .column-yZ2Qc {\n  flex: 1;\n}\n\n.column3-QZDVv .column-yZ2Qc {\n  flex: 3;\n}\n\n.spinner-00VcK {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n";
+styleInject(css_248z$1a);
 
 var Panel$1 = Collapse.Panel;
 function AGHistogram (_ref) {
@@ -31344,7 +32058,7 @@ function AGHistogram (_ref) {
       children: /*#__PURE__*/jsx(Panel$1, {
         header: headerText,
         children: /*#__PURE__*/jsxs("div", {
-          className: container$7,
+          className: container$8,
           children: [!loadingHistogram && /*#__PURE__*/jsx("div", {
             className: classNames(column1, 'ag-theme-alpine'),
             style: {
@@ -34770,9 +35484,9 @@ var overlay = "overlay-lm0tm";
 var loader = "loader-LaXZy";
 var flex = "flex-yQdda";
 var bar = "bar-Y663f";
-var value = "value-FCA-6";
-var css_248z$18 = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
-styleInject(css_248z$18);
+var value$1 = "value-FCA-6";
+var css_248z$19 = ".overlay-lm0tm {\n  position: absolute;\n  z-index: 1;\n  background-color: rgba(247,247,247,0.45882);\n  height: 60vh;\n  width: 100%;\n}\n.loader-LaXZy {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 50px;\n  height: 50px;\n  border: 3px solid rgba(0, 0, 0, 0.3);\n  border-radius: 50%;\n  border-top-color: #fff;\n  animation: spin-qUdpu 1s ease-in-out infinite;\n  -webkit-animation: spin-qUdpu 1s ease-in-out infinite;\n}\n.flex-yQdda {\n  display: flex;\n}\n\n.bar-Y663f {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin-top: 7%;\n}\n\n.value-FCA-6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n@keyframes spin-qUdpu {\n  to {\n    -webkit-transform: rotate(360deg);\n  }\n}\n";
+styleInject(css_248z$19);
 
 function ownKeys$21(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -34907,7 +35621,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
                 size: "small"
               })
             }), /*#__PURE__*/jsx("div", {
-              className: value,
+              className: value$1,
               children: roundedNum.toFixed(2)
             })]
           });
@@ -35711,15 +36425,15 @@ function UIBuilder(_ref) {
 var label$4 = "label-rYNbb";
 var notClickable = "not-clickable-wHc5V";
 var selected$2 = "selected-34dYg";
-var description = "description-iFui2";
+var description$1 = "description-iFui2";
 var retailer = "retailer-YNzAh";
 var retailerChild = "retailer-child-5ll0K";
 var supplier = "supplier-8sm0I";
 var dealer = "dealer-xgnku";
 var association = "association-b8uVW";
 var campaign = "campaign-zlrTx";
-var css_248z$17 = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n\n.campaign-zlrTx {\n  border-bottom: #64b5f6 solid 5px;\n}\n";
-styleInject(css_248z$17);
+var css_248z$18 = ".label-rYNbb {\n  width: 225px;\n  background-color: #fff;\n  cursor: pointer;\n  padding: 10px 15px;\n  border-radius: 5px;\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  font-weight: 500;\n}\n\n.not-clickable-wHc5V {\n  cursor: inherit;\n  color: grey;\n}\n\n.selected-34dYg {\n  font-weight: 630;\n}\n\n.description-iFui2 {\n  font-weight: 300;\n  font-size: small;\n  margin-top: -8px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .org-tree-node-label .org-tree-node-label-inner {\n  padding: 0;\n  padding: initial;\n}\n\n.darkmode .org-tree-container {\n  background-color: rgb(20, 20, 20);\n}\n\n.org-tree-container .org-tree-node-label .ant-btn-default:disabled, .org-tree-container .org-tree-node-label .ant-btn-primary:disabled {\n  border-color: #d9d9d9;\n  color: rgba(0, 0, 0, 0.25);\n  background-color: rgba(0, 0, 0, 0.04);\n}\n\n.retailer-YNzAh {\n  border-bottom: #81c784 solid 5px;\n}\n\n.retailer-child-5ll0K {\n  border-bottom: #c8e6c9 solid 5px;\n}\n\n.supplier-8sm0I {\n  border-bottom: #ba68c8 solid 5px;\n}\n\n.dealer-xgnku {\n  border-bottom: #e1bee7 solid 5px;\n}\n\n.association-b8uVW {\n  border-bottom: #fff176 solid 5px;\n}\n\n.campaign-zlrTx {\n  border-bottom: #64b5f6 solid 5px;\n}\n";
+styleInject(css_248z$18);
 
 /**
  * The form data a new child organization of `parent` starts with. It decides which organization types the form offers.
@@ -36078,7 +36792,7 @@ var OrgItem = function OrgItem(_ref) {
     children: [/*#__PURE__*/jsx("div", {
       children: data.displayName
     }), /*#__PURE__*/jsx("div", {
-      className: description,
+      className: description$1,
       children: (_data$description = data.description) !== null && _data$description !== void 0 ? _data$description : ''
     }), ((_itemChain = itemChain[itemChain.length - 1]) === null || _itemChain === void 0 ? void 0 : _itemChain.id) == data.id && /*#__PURE__*/jsx(ActionButton, {
       action: configuration.createAction,
@@ -36269,8 +36983,8 @@ var arrow = "arrow-Rd0hp";
 var openClass = "open-class--gGXs";
 var breadcrumb = "breadcrumb-Z0VvH";
 var selected$1 = "selected-w-sfW";
-var css_248z$16 = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
-styleInject(css_248z$16);
+var css_248z$17 = ".trigger-wrapper-OkPRc {\n  width: 100%;\n  padding: 12px 0px;\n  display: flex;\n  gap: 32px;\n}\n\n.arrow-Rd0hp {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2213%22 viewBox%3D%220 0 8 13%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0.947266 1.14893L6.94727 6.29178L0.947266 11.9489%22 stroke%3D%22%236F6F6F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E %3C%2Fsvg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n  transform: rotateZ(0deg);\n  transition: all 0.35s ease;\n  width: 20.8px;\n  height: 22.4px;\n  cursor: pointer;\n}\n\n.open-class--gGXs {\n  transform: rotateZ(90deg);\n}\n\n.breadcrumb-Z0VvH {\n  transition: color 0.3s;\n}\n.breadcrumb-Z0VvH:hover:not(.selected-w-sfW) {\n  cursor: pointer;\n  color: #000;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.selected-w-sfW {\n  color: #000;\n  font-weight: 400;\n}\n\n.disabled-0nado {\n  pointer-events: none;\n  color: lightgray;\n}\n\n.darkmode .selected-w-sfW {\n  color: #fff;\n  font-weight: 400;\n}\n";
+styleInject(css_248z$17);
 
 var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
   var open = _ref.open,
@@ -36303,8 +37017,8 @@ var BreadCrumbsTrigger = function BreadCrumbsTrigger(_ref) {
 
 var collapsibleInner = "collapsible-inner-rI8kI";
 var toolbarLeft = "toolbar-left-X9WRo";
-var css_248z$15 = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
-styleInject(css_248z$15);
+var css_248z$16 = ".collapsible-inner-rI8kI {\n  overflow: auto;\n  padding: 32px 0;\n  position: relative;\n}\n\n.toolbar-left-X9WRo {\n  position: absolute;\n  right: 22px;\n  top: 10px;\n  display: flex;\n  gap: 10px;\n}\n";
+styleInject(css_248z$16);
 
 var Legend = function Legend(props) {
   return /*#__PURE__*/jsx(List$1, {
@@ -36358,8 +37072,8 @@ var Legend = function Legend(props) {
 var buttonsWrapper = "buttons-wrapper-Bubkr";
 var mask = "mask-ssagp";
 var transformWrapper = "transform-wrapper--8t0v";
-var css_248z$14 = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
-styleInject(css_248z$14);
+var css_248z$15 = ".buttons-wrapper-Bubkr {\n  display: flex;\n  gap: 6px;\n}\n\n.buttons-wrapper-Bubkr button {\n  min-width: 24px;\n}\n\n.mask-ssagp {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.45);\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  -webkit-backdrop-filter: blur(3px);\n          backdrop-filter: blur(3px);\n}\n.mask-ssagp p {\n  font-size: 18px;\n  font-weight: bold;\n  background: rgba(255, 255, 255, 0.4);\n  padding: 10px;\n  border-radius: 5px;\n}\n\n.transform-wrapper--8t0v .ant-modal-mask,\n.transform-wrapper--8t0v .ant-modal-wrap {\n  position: absolute;\n}\n";
+styleInject(css_248z$15);
 
 var ZoomWrapper = function ZoomWrapper(_ref) {
   var _children = _ref.children,
@@ -37534,7 +38248,7 @@ var SendToPIM = function SendToPIM(_ref) {
 };
 var SendToPIM$1 = observer(SendToPIM);
 
-var container$6 = "container-fszxW";
+var container$7 = "container-fszxW";
 var approvalBar = "approval-bar-nVCIH";
 var label$3 = "label-BDsm4";
 var applyButton = "apply-button-OCoIX";
@@ -37542,8 +38256,8 @@ var discardButton = "discard-button-oUFPg";
 var inUseList = "in-use-list-wml4r";
 var inUseKind = "in-use-kind-8MLky";
 var inUseCatalogList = "in-use-catalog-list-oJHR9";
-var css_248z$13 = ".container-fszxW {\n  display: contents;\n}\n\n.approval-bar-nVCIH {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 14px;\n  background: #fffbea;\n  color: #744210;\n  border: 1px solid #d69e2e;\n  border-radius: 6px;\n  margin: 0 0 6px 0;\n  font-size: 13px;\n}\n\n.darkmode .approval-bar-nVCIH {\n  background: #3b3416;\n  color: #fbd38d;\n  border-color: #b7791f;\n}\n\n.label-BDsm4 {\n  font-weight: 600;\n}\n\n.apply-button-OCoIX {\n  background: #2f855a;\n  color: #fff;\n  border: none;\n  border-radius: 5px;\n  padding: 5px 16px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.discard-button-oUFPg {\n  background: transparent;\n  border: 1px solid #a0aec0;\n  border-radius: 5px;\n  padding: 5px 16px;\n  font-weight: 600;\n  cursor: pointer;\n  color: inherit;\n}\n\n.in-use-list-wml4r {\n  max-height: 240px;\n  margin: 4px 0 8px;\n  padding-left: 18px;\n  overflow-y: auto;\n}\n\n.in-use-kind-8MLky {\n  font-weight: 600;\n}\n\n/* The tables of one catalog inside the in-use list, which already scrolls */\n.in-use-catalog-list-oJHR9 {\n  margin: 2px 0 6px;\n  padding-left: 18px;\n}\n";
-styleInject(css_248z$13);
+var css_248z$14 = ".container-fszxW {\n  display: contents;\n}\n\n.approval-bar-nVCIH {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 14px;\n  background: #fffbea;\n  color: #744210;\n  border: 1px solid #d69e2e;\n  border-radius: 6px;\n  margin: 0 0 6px 0;\n  font-size: 13px;\n}\n\n.darkmode .approval-bar-nVCIH {\n  background: #3b3416;\n  color: #fbd38d;\n  border-color: #b7791f;\n}\n\n.label-BDsm4 {\n  font-weight: 600;\n}\n\n.apply-button-OCoIX {\n  background: #2f855a;\n  color: #fff;\n  border: none;\n  border-radius: 5px;\n  padding: 5px 16px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.discard-button-oUFPg {\n  background: transparent;\n  border: 1px solid #a0aec0;\n  border-radius: 5px;\n  padding: 5px 16px;\n  font-weight: 600;\n  cursor: pointer;\n  color: inherit;\n}\n\n.in-use-list-wml4r {\n  max-height: 240px;\n  margin: 4px 0 8px;\n  padding-left: 18px;\n  overflow-y: auto;\n}\n\n.in-use-kind-8MLky {\n  font-weight: 600;\n}\n\n/* The tables of one catalog inside the in-use list, which already scrolls */\n.in-use-catalog-list-oJHR9 {\n  margin: 2px 0 6px;\n  padding-left: 18px;\n}\n";
+styleInject(css_248z$14);
 
 function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -39018,7 +39732,7 @@ var SpreadsheetWrapper = /*#__PURE__*/forwardRef(function SpreadsheetWrapper(_re
   });
   return /*#__PURE__*/jsxs("div", {
     ref: containerRef,
-    className: container$6,
+    className: container$7,
     children: [modalContextHolder, agentApproval &&
     /*#__PURE__*/
     // The grid saves its pending changes on every pointer event outside it — deciding must not commit them first.
@@ -40695,8 +41409,8 @@ function Maintenance() {
 var shell = "shell-2U8ER";
 var shellDark = "shellDark-Xzi3I";
 var editorHost = "editorHost-9538u";
-var css_248z$12 = "/* Scoped jsoneditor theming; light uses stock colors via fallbacks, dark uses CSS vars from inline style + .shellDark. */\n\n.shell-2U8ER {\n  width: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.shell-2U8ER .jsoneditor {\n  border-color: #3883fa;\n  border-color: var(--je-border, #3883fa);\n  color: #1a1a1a;\n  color: var(--je-text, #1a1a1a);\n}\n\n.shell-2U8ER div.jsoneditor-tree {\n  background: #fff;\n  background: var(--je-tree-bg, #fff);\n}\n\n.shell-2U8ER .jsoneditor td,\n.shell-2U8ER .jsoneditor th,\n.shell-2U8ER .jsoneditor tr,\n.shell-2U8ER div.jsoneditor-field,\n.shell-2U8ER div.jsoneditor-value,\n.shell-2U8ER pre.jsoneditor-preview {\n  color: #1a1a1a;\n  color: var(--je-text, #1a1a1a);\n}\n\n.shell-2U8ER div.jsoneditor td.jsoneditor-separator {\n  color: grey;\n  color: var(--je-separator, grey);\n}\n\n.shell-2U8ER div.jsoneditor-default {\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n.shell-2U8ER div.jsoneditor-readonly {\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-string,\n.shell-2U8ER a.jsoneditor-value.jsoneditor-url {\n  color: #006000;\n  color: var(--je-string, #006000);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-number {\n  color: #ee422e;\n  color: var(--je-number, #ee422e);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-boolean {\n  color: #ff8c00;\n  color: var(--je-boolean, #ff8c00);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-null {\n  color: #004ed0;\n  color: var(--je-null, #004ed0);\n}\n\n.shell-2U8ER tr.jsoneditor-highlight,\n.shell-2U8ER tr.jsoneditor-selected {\n  background-color: #d3d3d3;\n  background-color: var(--je-row-bg, #d3d3d3);\n}\n\n.shell-2U8ER div.jsoneditor-tree button.jsoneditor-button:focus {\n  background-color: #f5f5f5;\n  background-color: var(--je-btn-focus, #f5f5f5);\n  outline: 1px solid #e5e5e5;\n  outline: 1px solid var(--je-btn-outline, #e5e5e5);\n}\n\n.shell-2U8ER div.jsoneditor-tree div.jsoneditor-show-more {\n  background-color: #e5e5e5;\n  background-color: var(--je-show-more-bg, #e5e5e5);\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n.shell-2U8ER div.jsoneditor-tree div.jsoneditor-show-more a {\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n/* Dark: syntax + tree chrome (vars set inline from Ant token where possible) */\n.shellDark-Xzi3I {\n  --je-string: #89d185;\n  --je-number: #b5cea8;\n  --je-boolean: #dcdcaa;\n  --je-null: #569cd6;\n  --je-url: #4ec9b0;\n  --je-row-bg: rgba(255, 255, 255, 0.08);\n  --je-btn-focus: rgba(255, 255, 255, 0.12);\n  --je-btn-outline: rgba(255, 255, 255, 0.2);\n  --je-show-more-bg: rgba(255, 255, 255, 0.12);\n}\n\n.shellDark-Xzi3I div.jsoneditor-tree button.jsoneditor-button {\n  filter: invert(1);\n}\n\n.shellDark-Xzi3I div.jsoneditor-tree button.jsoneditor-button:focus {\n  filter: invert(1);\n}\n\n.editorHost-9538u {\n  height: 100%;\n  width: 100%;\n  min-height: 200px;\n}\n";
-styleInject(css_248z$12);
+var css_248z$13 = "/* Scoped jsoneditor theming; light uses stock colors via fallbacks, dark uses CSS vars from inline style + .shellDark. */\n\n.shell-2U8ER {\n  width: 100%;\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.shell-2U8ER .jsoneditor {\n  border-color: #3883fa;\n  border-color: var(--je-border, #3883fa);\n  color: #1a1a1a;\n  color: var(--je-text, #1a1a1a);\n}\n\n.shell-2U8ER div.jsoneditor-tree {\n  background: #fff;\n  background: var(--je-tree-bg, #fff);\n}\n\n.shell-2U8ER .jsoneditor td,\n.shell-2U8ER .jsoneditor th,\n.shell-2U8ER .jsoneditor tr,\n.shell-2U8ER div.jsoneditor-field,\n.shell-2U8ER div.jsoneditor-value,\n.shell-2U8ER pre.jsoneditor-preview {\n  color: #1a1a1a;\n  color: var(--je-text, #1a1a1a);\n}\n\n.shell-2U8ER div.jsoneditor td.jsoneditor-separator {\n  color: grey;\n  color: var(--je-separator, grey);\n}\n\n.shell-2U8ER div.jsoneditor-default {\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n.shell-2U8ER div.jsoneditor-readonly {\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-string,\n.shell-2U8ER a.jsoneditor-value.jsoneditor-url {\n  color: #006000;\n  color: var(--je-string, #006000);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-number {\n  color: #ee422e;\n  color: var(--je-number, #ee422e);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-boolean {\n  color: #ff8c00;\n  color: var(--je-boolean, #ff8c00);\n}\n\n.shell-2U8ER div.jsoneditor-value.jsoneditor-null {\n  color: #004ed0;\n  color: var(--je-null, #004ed0);\n}\n\n.shell-2U8ER tr.jsoneditor-highlight,\n.shell-2U8ER tr.jsoneditor-selected {\n  background-color: #d3d3d3;\n  background-color: var(--je-row-bg, #d3d3d3);\n}\n\n.shell-2U8ER div.jsoneditor-tree button.jsoneditor-button:focus {\n  background-color: #f5f5f5;\n  background-color: var(--je-btn-focus, #f5f5f5);\n  outline: 1px solid #e5e5e5;\n  outline: 1px solid var(--je-btn-outline, #e5e5e5);\n}\n\n.shell-2U8ER div.jsoneditor-tree div.jsoneditor-show-more {\n  background-color: #e5e5e5;\n  background-color: var(--je-show-more-bg, #e5e5e5);\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n.shell-2U8ER div.jsoneditor-tree div.jsoneditor-show-more a {\n  color: grey;\n  color: var(--je-dim, grey);\n}\n\n/* Dark: syntax + tree chrome (vars set inline from Ant token where possible) */\n.shellDark-Xzi3I {\n  --je-string: #89d185;\n  --je-number: #b5cea8;\n  --je-boolean: #dcdcaa;\n  --je-null: #569cd6;\n  --je-url: #4ec9b0;\n  --je-row-bg: rgba(255, 255, 255, 0.08);\n  --je-btn-focus: rgba(255, 255, 255, 0.12);\n  --je-btn-outline: rgba(255, 255, 255, 0.2);\n  --je-show-more-bg: rgba(255, 255, 255, 0.12);\n}\n\n.shellDark-Xzi3I div.jsoneditor-tree button.jsoneditor-button {\n  filter: invert(1);\n}\n\n.shellDark-Xzi3I div.jsoneditor-tree button.jsoneditor-button:focus {\n  filter: invert(1);\n}\n\n.editorHost-9538u {\n  height: 100%;\n  width: 100%;\n  min-height: 200px;\n}\n";
+styleInject(css_248z$13);
 
 function ownKeys$1M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -41035,8 +41749,8 @@ var statRejected = "statRejected-xIvPi";
 var statRemaining = "statRemaining-lhHD1";
 var statChanged = "statChanged-Yi-hD";
 var skipCheckbox = "skipCheckbox-6f6xL";
-var css_248z$11 = ".root-7Tfio {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 10px 16px 12px;\n  background: #fff;\n  border-bottom: 1px solid #f0f0f0;\n  flex-shrink: 0;\n}\n\n.topRow-PBU6G {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  min-width: 0;\n}\n\n.backButton-FAXI7 {\n  flex-shrink: 0;\n}\n\n.jobInfo-M65Y0 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 20px;\n  flex: 1;\n  min-width: 0;\n}\n\n.jobInfoItem-OYxkA {\n  display: inline-flex;\n  gap: 4px;\n  align-items: baseline;\n  min-width: 0;\n}\n\n.jobInfoLabel-MH1sL {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.jobInfoValue-En0nn {\n  font-size: 13px;\n  max-width: 220px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.progressSection-jDlWb {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 260px;\n  max-width: 400px;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.progressHeader-dJp1s {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.progressPosition-3DTnf {\n  font-size: 15px;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.progressPercent-0D8b- {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.progressTrack-45tuc {\n  display: flex;\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  overflow: hidden;\n  background: #f0f0f0;\n}\n\n.progressSegment-eXone {\n  height: 100%;\n  min-width: 0;\n  transition: width 0.2s ease;\n}\n\n.progressApproved-JbJR1 {\n  background: #52c41a;\n}\n\n.progressRejected-qGOTN {\n  background: #ff4d4f;\n}\n\n.progressOpen-oWm4h {\n  background: #bfbfbf;\n}\n\n.bottomRow-j2rQ- {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px 16px;\n}\n\n.summaryStats-jvqoJ {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.statBadge-xOJvU {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 20px;\n  border: 1px solid transparent;\n}\n\n.statApproved-XaXrf {\n  color: #389e0d;\n  background: #f6ffed;\n  border-color: #b7eb8f;\n}\n\n.statRejected-xIvPi {\n  color: #cf1322;\n  background: #fff1f0;\n  border-color: #ffa39e;\n}\n\n.statRemaining-lhHD1 {\n  color: #595959;\n  background: #fff;\n  border-color: #d9d9d9;\n}\n\n.statChanged-Yi-hD {\n  color: #d48806;\n  background: #fff1b8;\n  border-color: #ffc53d;\n}\n\n.skipCheckbox-6f6xL {\n  margin: 0;\n  margin-left: auto;\n  white-space: normal;\n}\n\n/* Dark mode */\n.darkmode .root-7Tfio {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .progressTrack-45tuc {\n  background: #262626;\n}\n\n.darkmode .progressOpen-oWm4h {\n  background: #595959;\n}\n\n.darkmode .statApproved-XaXrf {\n  color: #95de64;\n  background: rgba(56, 158, 13, 0.18);\n  border-color: rgba(82, 196, 26, 0.45);\n}\n\n.darkmode .statRejected-xIvPi {\n  color: #ff7875;\n  background: rgba(207, 19, 34, 0.2);\n  border-color: rgba(255, 77, 79, 0.45);\n}\n\n.darkmode .statRemaining-lhHD1 {\n  color: rgba(255, 255, 255, 0.75);\n  background: #262626;\n  border-color: #595959;\n}\n\n.darkmode .statChanged-Yi-hD {\n  color: #ffd666;\n  background: rgba(212, 136, 6, 0.28);\n  border-color: rgba(255, 197, 61, 0.55);\n}\n";
-styleInject(css_248z$11);
+var css_248z$12 = ".root-7Tfio {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 10px 16px 12px;\n  background: #fff;\n  border-bottom: 1px solid #f0f0f0;\n  flex-shrink: 0;\n}\n\n.topRow-PBU6G {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  min-width: 0;\n}\n\n.backButton-FAXI7 {\n  flex-shrink: 0;\n}\n\n.jobInfo-M65Y0 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 20px;\n  flex: 1;\n  min-width: 0;\n}\n\n.jobInfoItem-OYxkA {\n  display: inline-flex;\n  gap: 4px;\n  align-items: baseline;\n  min-width: 0;\n}\n\n.jobInfoLabel-MH1sL {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.jobInfoValue-En0nn {\n  font-size: 13px;\n  max-width: 220px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.progressSection-jDlWb {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 260px;\n  max-width: 400px;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.progressHeader-dJp1s {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.progressPosition-3DTnf {\n  font-size: 15px;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.progressPercent-0D8b- {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.progressTrack-45tuc {\n  display: flex;\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  overflow: hidden;\n  background: #f0f0f0;\n}\n\n.progressSegment-eXone {\n  height: 100%;\n  min-width: 0;\n  transition: width 0.2s ease;\n}\n\n.progressApproved-JbJR1 {\n  background: #52c41a;\n}\n\n.progressRejected-qGOTN {\n  background: #ff4d4f;\n}\n\n.progressOpen-oWm4h {\n  background: #bfbfbf;\n}\n\n.bottomRow-j2rQ- {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px 16px;\n}\n\n.summaryStats-jvqoJ {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.statBadge-xOJvU {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 4px;\n  font-size: 12px;\n  line-height: 20px;\n  border: 1px solid transparent;\n}\n\n.statApproved-XaXrf {\n  color: #389e0d;\n  background: #f6ffed;\n  border-color: #b7eb8f;\n}\n\n.statRejected-xIvPi {\n  color: #cf1322;\n  background: #fff1f0;\n  border-color: #ffa39e;\n}\n\n.statRemaining-lhHD1 {\n  color: #595959;\n  background: #fff;\n  border-color: #d9d9d9;\n}\n\n.statChanged-Yi-hD {\n  color: #d48806;\n  background: #fff1b8;\n  border-color: #ffc53d;\n}\n\n.skipCheckbox-6f6xL {\n  margin: 0;\n  margin-left: auto;\n  white-space: normal;\n}\n\n/* Dark mode */\n.darkmode .root-7Tfio {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .progressTrack-45tuc {\n  background: #262626;\n}\n\n.darkmode .progressOpen-oWm4h {\n  background: #595959;\n}\n\n.darkmode .statApproved-XaXrf {\n  color: #95de64;\n  background: rgba(56, 158, 13, 0.18);\n  border-color: rgba(82, 196, 26, 0.45);\n}\n\n.darkmode .statRejected-xIvPi {\n  color: #ff7875;\n  background: rgba(207, 19, 34, 0.2);\n  border-color: rgba(255, 77, 79, 0.45);\n}\n\n.darkmode .statRemaining-lhHD1 {\n  color: rgba(255, 255, 255, 0.75);\n  background: #262626;\n  border-color: #595959;\n}\n\n.darkmode .statChanged-Yi-hD {\n  color: #ffd666;\n  background: rgba(212, 136, 6, 0.28);\n  border-color: rgba(255, 197, 61, 0.55);\n}\n";
+styleInject(css_248z$12);
 
 function buildInfoItems(job) {
   var _job$productName, _job$organizationName;
@@ -41378,15 +42092,15 @@ function latestErrorEntry(history) {
 }
 
 var root$c = "root-bbDdW";
-var header$3 = "header--owh8";
+var header$4 = "header--owh8";
 var content$1 = "content-q2m1c";
 var contentImage = "contentImage-vn5YC";
 var contentAr = "contentAr-iUuog";
 var image$1 = "image-UQwwt";
 var imageLoaded = "imageLoaded--oFrG";
 var imageClickable = "imageClickable-9AVC0";
-var css_248z$10 = ".root-bbDdW {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  background: #fafafa;\n  border: 1px solid #f0f0f0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.header--owh8 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 12px;\n  border-bottom: 1px solid #f0f0f0;\n  background: #fff;\n}\n\n.content-q2m1c {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 320px;\n  position: relative;\n}\n\n.contentImage-vn5YC {\n  padding: 12px;\n}\n\n.contentAr-iUuog {\n  padding: 0;\n  background: #fff;\n}\n\n.image-UQwwt {\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  display: none;\n  cursor: default;\n}\n\n.imageLoaded--oFrG {\n  display: block;\n}\n\n.imageClickable-9AVC0 {\n  cursor: zoom-in;\n}\n\n/* Dark mode */\n.darkmode .root-bbDdW {\n  background: #1f1f1f;\n  border-color: #303030;\n}\n\n.darkmode .header--owh8 {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .contentAr-iUuog {\n  background: #141414;\n}\n";
-styleInject(css_248z$10);
+var css_248z$11 = ".root-bbDdW {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  background: #fafafa;\n  border: 1px solid #f0f0f0;\n  border-radius: 4px;\n  overflow: hidden;\n}\n\n.header--owh8 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 6px 12px;\n  border-bottom: 1px solid #f0f0f0;\n  background: #fff;\n}\n\n.content-q2m1c {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 320px;\n  position: relative;\n}\n\n.contentImage-vn5YC {\n  padding: 12px;\n}\n\n.contentAr-iUuog {\n  padding: 0;\n  background: #fff;\n}\n\n.image-UQwwt {\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  display: none;\n  cursor: default;\n}\n\n.imageLoaded--oFrG {\n  display: block;\n}\n\n.imageClickable-9AVC0 {\n  cursor: zoom-in;\n}\n\n/* Dark mode */\n.darkmode .root-bbDdW {\n  background: #1f1f1f;\n  border-color: #303030;\n}\n\n.darkmode .header--owh8 {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .contentAr-iUuog {\n  background: #141414;\n}\n";
+styleInject(css_248z$11);
 
 function isAr$1(media) {
   return (media === null || media === void 0 ? void 0 : media.mediaType) === 'AR';
@@ -41439,7 +42153,7 @@ function ImagePanel(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: root$c,
     children: [/*#__PURE__*/jsx("div", {
-      className: header$3,
+      className: header$4,
       children: /*#__PURE__*/jsxs(Typography.Text, {
         strong: true,
         children: [title, badge, showAr && /*#__PURE__*/jsxs(Typography.Text, {
@@ -41508,8 +42222,8 @@ function ReferenceImageTag() {
 
 var root$b = "root-iS23R";
 var swiper$1 = "swiper-3uKmT";
-var css_248z$$ = ".root-iS23R {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.swiper-3uKmT {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.swiper-3uKmT .swiper-wrapper {\n  height: 100%;\n}\n\n.swiper-3uKmT .swiper-slide {\n  display: flex;\n  height: auto;\n  min-height: 0;\n}\n\n.swiper-3uKmT .swiper-button-prev,\n.swiper-3uKmT .swiper-button-next {\n  width: 32px;\n  height: 32px;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  color: rgba(0, 0, 0, 0.55);\n  background: transparent;\n  z-index: 3;\n  transition: color 0.15s ease-in-out;\n}\n\n.swiper-3uKmT .swiper-button-prev:hover,\n.swiper-3uKmT .swiper-button-next:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.swiper-3uKmT .swiper-button-prev::after,\n.swiper-3uKmT .swiper-button-next::after {\n  font-size: 18px;\n  font-weight: 500;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);\n}\n\n.swiper-3uKmT .swiper-button-prev {\n  left: 8px;\n}\n\n.swiper-3uKmT .swiper-button-next {\n  right: 8px;\n}\n\n.swiper-3uKmT .swiper-button-disabled {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.swiper-3uKmT .swiper-pagination {\n  bottom: 8px;\n}\n\n.swiper-3uKmT .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.7);\n  opacity: 0.7;\n}\n\n.swiper-3uKmT .swiper-pagination-bullet-active {\n  background: #fff;\n  opacity: 1;\n}\n\n/* Dark mode */\n.darkmode .swiper-3uKmT .swiper-button-prev,\n.darkmode .swiper-3uKmT .swiper-button-next {\n  color: rgba(255, 255, 255, 0.58);\n}\n\n.darkmode .swiper-3uKmT .swiper-button-prev:hover,\n.darkmode .swiper-3uKmT .swiper-button-next:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.darkmode .swiper-3uKmT .swiper-button-prev::after,\n.darkmode .swiper-3uKmT .swiper-button-next::after {\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);\n}\n\n.darkmode .swiper-3uKmT .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.42);\n}\n\n.darkmode .swiper-3uKmT .swiper-pagination-bullet-active {\n  background: rgba(255, 255, 255, 0.85);\n}\n";
-styleInject(css_248z$$);
+var css_248z$10 = ".root-iS23R {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.swiper-3uKmT {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.swiper-3uKmT .swiper-wrapper {\n  height: 100%;\n}\n\n.swiper-3uKmT .swiper-slide {\n  display: flex;\n  height: auto;\n  min-height: 0;\n}\n\n.swiper-3uKmT .swiper-button-prev,\n.swiper-3uKmT .swiper-button-next {\n  width: 32px;\n  height: 32px;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  color: rgba(0, 0, 0, 0.55);\n  background: transparent;\n  z-index: 3;\n  transition: color 0.15s ease-in-out;\n}\n\n.swiper-3uKmT .swiper-button-prev:hover,\n.swiper-3uKmT .swiper-button-next:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.swiper-3uKmT .swiper-button-prev::after,\n.swiper-3uKmT .swiper-button-next::after {\n  font-size: 18px;\n  font-weight: 500;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);\n}\n\n.swiper-3uKmT .swiper-button-prev {\n  left: 8px;\n}\n\n.swiper-3uKmT .swiper-button-next {\n  right: 8px;\n}\n\n.swiper-3uKmT .swiper-button-disabled {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.swiper-3uKmT .swiper-pagination {\n  bottom: 8px;\n}\n\n.swiper-3uKmT .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.7);\n  opacity: 0.7;\n}\n\n.swiper-3uKmT .swiper-pagination-bullet-active {\n  background: #fff;\n  opacity: 1;\n}\n\n/* Dark mode */\n.darkmode .swiper-3uKmT .swiper-button-prev,\n.darkmode .swiper-3uKmT .swiper-button-next {\n  color: rgba(255, 255, 255, 0.58);\n}\n\n.darkmode .swiper-3uKmT .swiper-button-prev:hover,\n.darkmode .swiper-3uKmT .swiper-button-next:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.darkmode .swiper-3uKmT .swiper-button-prev::after,\n.darkmode .swiper-3uKmT .swiper-button-next::after {\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);\n}\n\n.darkmode .swiper-3uKmT .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.42);\n}\n\n.darkmode .swiper-3uKmT .swiper-pagination-bullet-active {\n  background: rgba(255, 255, 255, 0.85);\n}\n";
+styleInject(css_248z$10);
 
 /**
  * Horizontal Swiper for the left RenderApprove panel. Slides are the realtime
@@ -41572,8 +42286,8 @@ function LeftSlider(_ref) {
 
 var root$a = "root-Apxh1";
 var footer$2 = "footer-veR-2";
-var css_248z$_ = ".root-Apxh1 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.footer-veR-2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 32px;\n  padding-top: 8px;\n}\n";
-styleInject(css_248z$_);
+var css_248z$$ = ".root-Apxh1 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.footer-veR-2 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 32px;\n  padding-top: 8px;\n}\n";
+styleInject(css_248z$$);
 
 /**
  * One image variant with its take-over action. Shared by the variant slider and
@@ -41630,8 +42344,8 @@ function VariantPanel(_ref) {
 
 var root$9 = "root-tVqtH";
 var grid = "grid-yZwW9";
-var css_248z$Z = ".root-tVqtH {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.grid-yZwW9 {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n  grid-gap: 16px;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n";
-styleInject(css_248z$Z);
+var css_248z$_ = ".root-tVqtH {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.grid-yZwW9 {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));\n  grid-gap: 16px;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n";
+styleInject(css_248z$_);
 
 /**
  * Side-by-side comparison of all generated variants, each with its take-over
@@ -41664,8 +42378,8 @@ function VariantCompareView(_ref) {
 
 var root$8 = "root-vll5G";
 var swiper = "swiper-arh-j";
-var css_248z$Y = ".root-vll5G {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.swiper-arh-j {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.swiper-arh-j .swiper-wrapper {\n  height: 100%;\n}\n\n.swiper-arh-j .swiper-slide {\n  display: flex;\n  height: auto;\n  min-height: 0;\n}\n\n.swiper-arh-j .swiper-button-prev,\n.swiper-arh-j .swiper-button-next {\n  width: 32px;\n  height: 32px;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  color: rgba(0, 0, 0, 0.55);\n  background: transparent;\n  z-index: 3;\n  transition: color 0.15s ease-in-out;\n}\n\n.swiper-arh-j .swiper-button-prev:hover,\n.swiper-arh-j .swiper-button-next:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.swiper-arh-j .swiper-button-prev::after,\n.swiper-arh-j .swiper-button-next::after {\n  font-size: 18px;\n  font-weight: 500;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);\n}\n\n.swiper-arh-j .swiper-button-prev {\n  left: 8px;\n}\n\n.swiper-arh-j .swiper-button-next {\n  right: 8px;\n}\n\n.swiper-arh-j .swiper-button-disabled {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n/* Sits above the take-over footer instead of on top of the image. */\n.swiper-arh-j .swiper-pagination {\n  bottom: 40px;\n}\n\n.swiper-arh-j .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.7);\n  opacity: 0.7;\n}\n\n.swiper-arh-j .swiper-pagination-bullet-active {\n  background: #fff;\n  opacity: 1;\n}\n\n/* Dark mode */\n.darkmode .swiper-arh-j .swiper-button-prev,\n.darkmode .swiper-arh-j .swiper-button-next {\n  color: rgba(255, 255, 255, 0.58);\n}\n\n.darkmode .swiper-arh-j .swiper-button-prev:hover,\n.darkmode .swiper-arh-j .swiper-button-next:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.darkmode .swiper-arh-j .swiper-button-prev::after,\n.darkmode .swiper-arh-j .swiper-button-next::after {\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);\n}\n\n.darkmode .swiper-arh-j .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.42);\n}\n\n.darkmode .swiper-arh-j .swiper-pagination-bullet-active {\n  background: rgba(255, 255, 255, 0.85);\n}\n";
-styleInject(css_248z$Y);
+var css_248z$Z = ".root-vll5G {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.swiper-arh-j {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.swiper-arh-j .swiper-wrapper {\n  height: 100%;\n}\n\n.swiper-arh-j .swiper-slide {\n  display: flex;\n  height: auto;\n  min-height: 0;\n}\n\n.swiper-arh-j .swiper-button-prev,\n.swiper-arh-j .swiper-button-next {\n  width: 32px;\n  height: 32px;\n  margin-top: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  color: rgba(0, 0, 0, 0.55);\n  background: transparent;\n  z-index: 3;\n  transition: color 0.15s ease-in-out;\n}\n\n.swiper-arh-j .swiper-button-prev:hover,\n.swiper-arh-j .swiper-button-next:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.swiper-arh-j .swiper-button-prev::after,\n.swiper-arh-j .swiper-button-next::after {\n  font-size: 18px;\n  font-weight: 500;\n  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.7);\n}\n\n.swiper-arh-j .swiper-button-prev {\n  left: 8px;\n}\n\n.swiper-arh-j .swiper-button-next {\n  right: 8px;\n}\n\n.swiper-arh-j .swiper-button-disabled {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n/* Sits above the take-over footer instead of on top of the image. */\n.swiper-arh-j .swiper-pagination {\n  bottom: 40px;\n}\n\n.swiper-arh-j .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.7);\n  opacity: 0.7;\n}\n\n.swiper-arh-j .swiper-pagination-bullet-active {\n  background: #fff;\n  opacity: 1;\n}\n\n/* Dark mode */\n.darkmode .swiper-arh-j .swiper-button-prev,\n.darkmode .swiper-arh-j .swiper-button-next {\n  color: rgba(255, 255, 255, 0.58);\n}\n\n.darkmode .swiper-arh-j .swiper-button-prev:hover,\n.darkmode .swiper-arh-j .swiper-button-next:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.darkmode .swiper-arh-j .swiper-button-prev::after,\n.darkmode .swiper-arh-j .swiper-button-next::after {\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);\n}\n\n.darkmode .swiper-arh-j .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.42);\n}\n\n.darkmode .swiper-arh-j .swiper-pagination-bullet-active {\n  background: rgba(255, 255, 255, 0.85);\n}\n";
+styleInject(css_248z$Z);
 
 /**
  * Horizontal swiper over the generated image variants on the result side of the
@@ -41734,8 +42448,8 @@ var overlayLabel = "overlayLabel-MfzIQ";
 var overlayLabelApproved = "overlayLabelApproved-Dn09n";
 var overlayLabelRejected = "overlayLabelRejected-IdRHs";
 var overlayLabelChangedReadyForRenderer = "overlayLabelChangedReadyForRenderer-e7Fdw";
-var css_248z$X = ".root-16ADu {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  flex: 1;\n  min-height: 0;\n  position: relative;\n}\n\n/* Own row so the result actions stay visible for every result-side variant\n   (single image panel, variant slider, comparison grid). */\n.resultActions-izqBu {\n  display: flex;\n  justify-content: flex-end;\n  flex: none;\n}\n\n.viewerPanels-Lntpx {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.decisionOverlay-8mr9P {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  bottom: 16px;\n  left: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  z-index: 2;\n  border-radius: 4px;\n}\n\n.overlayApproved-hAkZi {\n  background: rgba(82, 196, 26, 0.22);\n  border: 2px solid rgba(82, 196, 26, 0.55);\n}\n\n.overlayRejected-UqBPC {\n  background: rgba(255, 77, 79, 0.22);\n  border: 2px solid rgba(255, 77, 79, 0.55);\n}\n\n.overlayChangedReadyForRenderer-ignKB {\n  background: rgba(250, 173, 20, 0.22);\n  border: 2px solid rgba(250, 173, 20, 0.55);\n}\n\n.overlayLabel-MfzIQ {\n  padding: 10px 20px;\n  border-radius: 6px;\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n}\n\n.overlayLabelApproved-Dn09n {\n  color: #237804;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n.overlayLabelRejected-IdRHs {\n  color: #a8071a;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n.overlayLabelChangedReadyForRenderer-e7Fdw {\n  color: #ad6800;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n/* Dark mode */\n.darkmode .overlayLabelApproved-Dn09n {\n  color: #95de64;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.darkmode .overlayLabelRejected-IdRHs {\n  color: #ff7875;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.darkmode .overlayLabelChangedReadyForRenderer-e7Fdw {\n  color: #ffd666;\n  background: rgba(0, 0, 0, 0.55);\n}\n";
-styleInject(css_248z$X);
+var css_248z$Y = ".root-16ADu {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  flex: 1;\n  min-height: 0;\n  position: relative;\n}\n\n/* Own row so the result actions stay visible for every result-side variant\n   (single image panel, variant slider, comparison grid). */\n.resultActions-izqBu {\n  display: flex;\n  justify-content: flex-end;\n  flex: none;\n}\n\n.viewerPanels-Lntpx {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.decisionOverlay-8mr9P {\n  position: absolute;\n  top: 16px;\n  right: 16px;\n  bottom: 16px;\n  left: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  z-index: 2;\n  border-radius: 4px;\n}\n\n.overlayApproved-hAkZi {\n  background: rgba(82, 196, 26, 0.22);\n  border: 2px solid rgba(82, 196, 26, 0.55);\n}\n\n.overlayRejected-UqBPC {\n  background: rgba(255, 77, 79, 0.22);\n  border: 2px solid rgba(255, 77, 79, 0.55);\n}\n\n.overlayChangedReadyForRenderer-ignKB {\n  background: rgba(250, 173, 20, 0.22);\n  border: 2px solid rgba(250, 173, 20, 0.55);\n}\n\n.overlayLabel-MfzIQ {\n  padding: 10px 20px;\n  border-radius: 6px;\n  font-size: 18px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n}\n\n.overlayLabelApproved-Dn09n {\n  color: #237804;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n.overlayLabelRejected-IdRHs {\n  color: #a8071a;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n.overlayLabelChangedReadyForRenderer-e7Fdw {\n  color: #ad6800;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n/* Dark mode */\n.darkmode .overlayLabelApproved-Dn09n {\n  color: #95de64;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.darkmode .overlayLabelRejected-IdRHs {\n  color: #ff7875;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.darkmode .overlayLabelChangedReadyForRenderer-e7Fdw {\n  color: #ffd666;\n  background: rgba(0, 0, 0, 0.55);\n}\n";
+styleInject(css_248z$Y);
 
 function SideBySideViewer(_ref) {
   var _images$leftSlides, _images$rightSlides, _slides$;
@@ -41896,8 +42610,8 @@ var item$1 = "item-jn9Ok";
 var keys = "keys-ev62a";
 var keyChip = "keyChip-gS8Cz";
 var label$2 = "label-bmm2i";
-var css_248z$W = ".root-9FUw- {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  -moz-column-gap: 14px;\n       column-gap: 14px;\n  row-gap: 4px;\n  opacity: 0.75;\n}\n\n.item-jn9Ok {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n\n.keys-ev62a {\n  display: inline-flex;\n  gap: 2px;\n}\n\n.keyChip-gS8Cz {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 22px;\n  height: 22px;\n  padding: 0 6px;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n  background: #fafafa;\n  color: rgba(0, 0, 0, 0.65);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 11px;\n  line-height: 20px;\n}\n\n.label-bmm2i {\n  font-size: 12px;\n  white-space: nowrap;\n  word-break: keep-all;\n}\n\n@media (max-width: 1280px) {\n  .root-9FUw- {\n    justify-content: flex-start;\n  }\n}\n\n/* Dark mode */\n.darkmode .keyChip-gS8Cz {\n  border-color: #595959;\n  background: #262626;\n  color: rgba(255, 255, 255, 0.75);\n}\n";
-styleInject(css_248z$W);
+var css_248z$X = ".root-9FUw- {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-end;\n  -moz-column-gap: 14px;\n       column-gap: 14px;\n  row-gap: 4px;\n  opacity: 0.75;\n}\n\n.item-jn9Ok {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-width: -moz-max-content;\n  min-width: max-content;\n}\n\n.keys-ev62a {\n  display: inline-flex;\n  gap: 2px;\n}\n\n.keyChip-gS8Cz {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 22px;\n  height: 22px;\n  padding: 0 6px;\n  border-radius: 4px;\n  border: 1px solid #d9d9d9;\n  background: #fafafa;\n  color: rgba(0, 0, 0, 0.65);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 11px;\n  line-height: 20px;\n}\n\n.label-bmm2i {\n  font-size: 12px;\n  white-space: nowrap;\n  word-break: keep-all;\n}\n\n@media (max-width: 1280px) {\n  .root-9FUw- {\n    justify-content: flex-start;\n  }\n}\n\n/* Dark mode */\n.darkmode .keyChip-gS8Cz {\n  border-color: #595959;\n  background: #262626;\n  color: rgba(255, 255, 255, 0.75);\n}\n";
+styleInject(css_248z$X);
 
 /** Catalog of all available shortcuts, keyed for explicit composition per mode. */
 var SHORTCUTS = {
@@ -42000,8 +42714,8 @@ function ShortcutLegend(_ref) {
 var root$5 = "root-AeU29";
 var actions$2 = "actions-Wopjy";
 var legendContainer = "legendContainer--qZEQ";
-var css_248z$V = ".root-AeU29 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 16px;\n  background: #fff;\n  border-top: 1px solid #f0f0f0;\n  gap: 16px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.actions-Wopjy {\n  display: inline-flex;\n  min-width: 0;\n}\n\n.legendContainer--qZEQ {\n  flex: 1 1 420px;\n  display: flex;\n  justify-content: flex-end;\n  min-width: 0;\n}\n\n@media (max-width: 1280px) {\n  .legendContainer--qZEQ {\n    flex-basis: 100%;\n    justify-content: flex-start;\n  }\n}\n\n/* Dark mode */\n.darkmode .root-AeU29 {\n  background: #141414;\n  border-top-color: #303030;\n}\n";
-styleInject(css_248z$V);
+var css_248z$W = ".root-AeU29 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 16px;\n  background: #fff;\n  border-top: 1px solid #f0f0f0;\n  gap: 16px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.actions-Wopjy {\n  display: inline-flex;\n  min-width: 0;\n}\n\n.legendContainer--qZEQ {\n  flex: 1 1 420px;\n  display: flex;\n  justify-content: flex-end;\n  min-width: 0;\n}\n\n@media (max-width: 1280px) {\n  .legendContainer--qZEQ {\n    flex-basis: 100%;\n    justify-content: flex-start;\n  }\n}\n\n/* Dark mode */\n.darkmode .root-AeU29 {\n  background: #141414;\n  border-top-color: #303030;\n}\n";
+styleInject(css_248z$W);
 
 function ActionBar(_ref) {
   var disabled = _ref.disabled,
@@ -42128,8 +42842,8 @@ var thumbPlaceholder$1 = "thumbPlaceholder-zX1-S";
 var info$1 = "info-8ZlUD";
 var label$1 = "label-y-wTq";
 var meta = "meta-Ihuqr";
-var css_248z$U = ".root-7OUrP {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  border: 1px solid #d9d9d9;\n  border: 1px solid var(--ant-color-border, #d9d9d9);\n  border-radius: 8px;\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.root-7OUrP:active {\n  cursor: grabbing;\n}\n\n.rootSelected-Z8LGb {\n  border-color: #1677ff;\n  border-color: var(--ant-color-primary, #1677ff);\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n}\n\n.dragHandle-xo0vD {\n  display: inline-flex;\n  align-items: center;\n  cursor: grab;\n  color: #999;\n  color: var(--ant-color-text-tertiary, #999);\n  touch-action: none;\n}\n\n.dragHandle-xo0vD:active {\n  cursor: grabbing;\n}\n\n.badge-7hZ6T {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #fff;\n  background: #1677ff;\n  background: var(--ant-color-primary, #1677ff);\n}\n\n.thumb-ePFWB {\n  width: 88px;\n  height: 88px;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 6px;\n  flex: 0 0 auto;\n  background: #f0f0f0;\n  background: var(--ant-color-fill-secondary, #f0f0f0);\n  cursor: pointer;\n}\n\n.thumbPlaceholder-zX1-S {\n  width: 88px;\n  height: 88px;\n  border-radius: 6px;\n  background: #f0f0f0;\n  background: var(--ant-color-fill-secondary, #f0f0f0);\n  flex: 0 0 auto;\n}\n\n.info-8ZlUD {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.label-y-wTq {\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.meta-Ihuqr {\n  font-size: 12px;\n  color: #888;\n  color: var(--ant-color-text-secondary, #888);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.referenceTag-gyKQR {\n  align-self: flex-start;\n  margin-top: 4px;\n  padding: 1px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1677ff;\n  color: var(--ant-color-primary, #1677ff);\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n  border: 1px solid #91caff;\n  border: 1px solid var(--ant-color-primary-border, #91caff);\n  white-space: nowrap;\n}\n";
-styleInject(css_248z$U);
+var css_248z$V = ".root-7OUrP {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 12px;\n  border: 1px solid #d9d9d9;\n  border: 1px solid var(--ant-color-border, #d9d9d9);\n  border-radius: 8px;\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.root-7OUrP:active {\n  cursor: grabbing;\n}\n\n.rootSelected-Z8LGb {\n  border-color: #1677ff;\n  border-color: var(--ant-color-primary, #1677ff);\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n}\n\n.dragHandle-xo0vD {\n  display: inline-flex;\n  align-items: center;\n  cursor: grab;\n  color: #999;\n  color: var(--ant-color-text-tertiary, #999);\n  touch-action: none;\n}\n\n.dragHandle-xo0vD:active {\n  cursor: grabbing;\n}\n\n.badge-7hZ6T {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border-radius: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #fff;\n  background: #1677ff;\n  background: var(--ant-color-primary, #1677ff);\n}\n\n.thumb-ePFWB {\n  width: 88px;\n  height: 88px;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 6px;\n  flex: 0 0 auto;\n  background: #f0f0f0;\n  background: var(--ant-color-fill-secondary, #f0f0f0);\n  cursor: pointer;\n}\n\n.thumbPlaceholder-zX1-S {\n  width: 88px;\n  height: 88px;\n  border-radius: 6px;\n  background: #f0f0f0;\n  background: var(--ant-color-fill-secondary, #f0f0f0);\n  flex: 0 0 auto;\n}\n\n.info-8ZlUD {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n\n.label-y-wTq {\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.meta-Ihuqr {\n  font-size: 12px;\n  color: #888;\n  color: var(--ant-color-text-secondary, #888);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n.referenceTag-gyKQR {\n  align-self: flex-start;\n  margin-top: 4px;\n  padding: 1px 8px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1677ff;\n  color: var(--ant-color-primary, #1677ff);\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n  border: 1px solid #91caff;\n  border: 1px solid var(--ant-color-primary-border, #91caff);\n  white-space: nowrap;\n}\n";
+styleInject(css_248z$V);
 
 function ownKeys$1K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -42237,9 +42951,9 @@ function SortableImageRow(_ref) {
 var root$3 = "root-II5c9";
 var title$3 = "title-2FZl4";
 var hint = "hint-AnZcz";
-var list$3 = "list-qqATK";
-var css_248z$T = ".root-II5c9 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  border: 1px solid #d9d9d9;\n  border: 1px solid var(--ant-color-border, #d9d9d9);\n  border-radius: 8px;\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.title-2FZl4 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.hint-AnZcz {\n  font-size: 12px;\n  color: #888;\n  color: var(--ant-color-text-secondary, #888);\n}\n\n.list-qqATK {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n";
-styleInject(css_248z$T);
+var list$4 = "list-qqATK";
+var css_248z$U = ".root-II5c9 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  border: 1px solid #d9d9d9;\n  border: 1px solid var(--ant-color-border, #d9d9d9);\n  border-radius: 8px;\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.title-2FZl4 {\n  font-size: 14px;\n  font-weight: 600;\n}\n\n.hint-AnZcz {\n  font-size: 12px;\n  color: #888;\n  color: var(--ant-color-text-secondary, #888);\n}\n\n.list-qqATK {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding-right: 4px;\n}\n";
+styleInject(css_248z$U);
 
 function ownKeys$1J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -42421,7 +43135,7 @@ function AIImageSelector(_ref2) {
         }),
         strategy: verticalListSortingStrategy,
         children: /*#__PURE__*/jsx("div", {
-          className: list$3,
+          className: list$4,
           children: items.map(function (it) {
             return /*#__PURE__*/jsx(SortableImageRow, {
               id: it.key,
@@ -42519,8 +43233,8 @@ function normalizeInputImages(images, slides) {
 
 var body$2 = "body-DmzP3";
 var selectorWrap = "selector-wrap--NoNf";
-var css_248z$S = "/* Bounded height so the image list scrolls inside the popup instead of growing it. */\n.body-DmzP3 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  height: 60vh;\n  min-height: 0;\n}\n\n.selector-wrap--NoNf {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n";
-styleInject(css_248z$S);
+var css_248z$T = "/* Bounded height so the image list scrolls inside the popup instead of growing it. */\n.body-DmzP3 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  height: 60vh;\n  min-height: 0;\n}\n\n.selector-wrap--NoNf {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n";
+styleInject(css_248z$T);
 
 /**
  * Popup counterpart of the image-selection phase for jobs that are already in checking: the
@@ -42738,8 +43452,8 @@ var conflict = "conflict-U1lxo";
 var slot = "slot-pMffO";
 var options = "options-s6vHt";
 var thumb$1 = "thumb-6gdgJ";
-var css_248z$R = ".conflict-U1lxo {\n  margin-top: 16px;\n}\n\n.slot-pMffO {\n  margin-left: 4px;\n}\n\n.options-s6vHt {\n  display: block;\n  margin-top: 8px;\n}\n\n.thumb-6gdgJ {\n  width: 40px;\n  height: 40px;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 4px;\n}\n";
-styleInject(css_248z$R);
+var css_248z$S = ".conflict-U1lxo {\n  margin-top: 16px;\n}\n\n.slot-pMffO {\n  margin-left: 4px;\n}\n\n.options-s6vHt {\n  display: block;\n  margin-top: 8px;\n}\n\n.thumb-6gdgJ {\n  width: 40px;\n  height: 40px;\n  -o-object-fit: cover;\n     object-fit: cover;\n  border-radius: 4px;\n}\n";
+styleInject(css_248z$S);
 
 function ownKeys$1H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -42987,8 +43701,8 @@ function _runPerProduct() {
   return _runPerProduct.apply(this, arguments);
 }
 
-var container$5 = "container-PmByk";
-var header$2 = "header-ESR-S";
+var container$6 = "container-PmByk";
+var header$3 = "header-ESR-S";
 var title$2 = "title-g5pl0";
 var subtitle = "subtitle-wYnId";
 var tiles = "tiles-4NW82";
@@ -43004,7 +43718,7 @@ var dotPayment = "dotPayment-Fzk7U";
 var dotReadyForProduction = "dotReadyForProduction-yIYkt";
 var tileNum = "tileNum-9DGoc";
 var tileLabel = "tileLabel-nG0xD";
-var toolbar$2 = "toolbar-jJDio";
+var toolbar$3 = "toolbar-jJDio";
 var selInfo = "selInfo-r4QBF";
 var spacer = "spacer-g69QI";
 var thumb = "thumb-Wd6Zw";
@@ -43025,8 +43739,8 @@ var statusTriggerLocked = "statusTriggerLocked-5u8lc";
 var statusIcon = "statusIcon-rpMzy";
 var menuDot = "menuDot-ybea1";
 var footer$1 = "footer-HdZwL";
-var css_248z$Q = ".container-PmByk {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  overflow: auto;\n  padding: 16px 20px;\n}\n\n.header-ESR-S {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.title-g5pl0 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.subtitle-wYnId {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.tiles-4NW82 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.tile-vHlQ9 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  background: #fff;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.tile-vHlQ9:hover {\n  border-color: #1677ff;\n}\n\n.tile-vHlQ9.focus-visible-am0Va {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tile-vHlQ9:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tileActive-Kl6AW {\n  border-color: #1677ff;\n  background: #e6f4ff;\n}\n\n.clearFilter-KsvRj {\n  align-self: center;\n  border: none;\n  background: none;\n  color: #1677ff;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n  padding: 0 4px;\n}\n\n.clearFilter-KsvRj:hover {\n  text-decoration: underline;\n}\n\n.dot-x41U9 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex: none;\n}\n\n.dotApproved-jidKD {\n  background: #52c41a;\n}\n\n.dotRejected-9TFUi {\n  background: #ff4d4f;\n}\n\n.dotOpen-eHbi0 {\n  background: #faad14;\n}\n\n.dotFinished-Id6hR {\n  background: #722ed1;\n}\n\n.dotPayment-Fzk7U {\n  background: #13c2c2;\n}\n\n.dotReadyForProduction-yIYkt {\n  background: #1677ff;\n}\n\n.tileNum-9DGoc {\n  font-size: 16px;\n  font-weight: 600;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n.tileLabel-nG0xD {\n  color: #8c8c8c;\n  font-size: 12px;\n}\n\n.toolbar-jJDio {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.selInfo-r4QBF {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.spacer-g69QI {\n  flex: 1;\n}\n\n.thumb-Wd6Zw {\n  width: 74px;\n  height: 54px;\n  border-radius: 6px;\n  overflow: hidden;\n  border: 1px solid #f0f0f0;\n  background: #fafafa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n\n.thumbStatic-kc-Qn {\n  cursor: default;\n}\n\n.thumbImg-ViR1y {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.thumbPlaceholder-gp0b2 {\n  color: #bfbfbf;\n  font-size: 18px;\n}\n\n.badge-bYA4m {\n  position: absolute;\n  left: 4px;\n  bottom: 4px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.videoBadge--DvZy {\n  position: absolute;\n  color: #fff;\n  font-size: 22px;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));\n}\n\n.prodName-t5Dom {\n  font-weight: 600;\n}\n\n.info--EMmi {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.infoLines-HenMK {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 2px;\n}\n\n.infoLine-EyUqw {\n  font-size: 12px;\n  color: #8c8c8c;\n}\n\n.infoLabel-JfxNQ {\n  color: #bfbfbf;\n}\n\n.reason-wzttm {\n  margin-top: 4px;\n  max-width: 220px;\n  font-size: 12px;\n  color: #8c8c8c;\n  white-space: normal;\n  /* A failure reason can be a whole render log - without the clamp one row would blow up the table.\n     The full text stays reachable through the element's tooltip. */\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.prodSub-cZZSl {\n  color: #8c8c8c;\n  font-size: 12px;\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 2px;\n}\n\n.sku-7EODQ {\n  font-family: monospace;\n}\n\n.statusTrigger-oGuEq {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.statusTriggerLocked-5u8lc {\n  cursor: default;\n}\n\n.statusIcon-rpMzy {\n  font-size: 10px;\n  color: #8c8c8c;\n}\n\n.menuDot-ybea1 {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.footer-HdZwL {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding-top: 4px;\n}\n\n/* Dark mode */\n.darkmode .tile-vHlQ9 {\n  background: #1f1f1f;\n  border-color: #434343;\n}\n\n.darkmode .tileActive-Kl6AW {\n  border-color: #3c89e8;\n  background: rgba(60, 137, 232, 0.16);\n}\n\n.darkmode .thumb-Wd6Zw {\n  background: #262626;\n  border-color: #434343;\n}\n\n.darkmode .subtitle-wYnId,\n.darkmode .tileLabel-nG0xD,\n.darkmode .selInfo-r4QBF,\n.darkmode .prodSub-cZZSl,\n.darkmode .infoLine-EyUqw,\n.darkmode .reason-wzttm {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.darkmode .infoLabel-JfxNQ {\n  color: rgba(255, 255, 255, 0.35);\n}\n";
-styleInject(css_248z$Q);
+var css_248z$R = ".container-PmByk {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  overflow: auto;\n  padding: 16px 20px;\n}\n\n.header-ESR-S {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.title-g5pl0 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.subtitle-wYnId {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.tiles-4NW82 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.tile-vHlQ9 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  background: #fff;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.tile-vHlQ9:hover {\n  border-color: #1677ff;\n}\n\n.tile-vHlQ9.focus-visible-am0Va {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tile-vHlQ9:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tileActive-Kl6AW {\n  border-color: #1677ff;\n  background: #e6f4ff;\n}\n\n.clearFilter-KsvRj {\n  align-self: center;\n  border: none;\n  background: none;\n  color: #1677ff;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n  padding: 0 4px;\n}\n\n.clearFilter-KsvRj:hover {\n  text-decoration: underline;\n}\n\n.dot-x41U9 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex: none;\n}\n\n.dotApproved-jidKD {\n  background: #52c41a;\n}\n\n.dotRejected-9TFUi {\n  background: #ff4d4f;\n}\n\n.dotOpen-eHbi0 {\n  background: #faad14;\n}\n\n.dotFinished-Id6hR {\n  background: #722ed1;\n}\n\n.dotPayment-Fzk7U {\n  background: #13c2c2;\n}\n\n.dotReadyForProduction-yIYkt {\n  background: #1677ff;\n}\n\n.tileNum-9DGoc {\n  font-size: 16px;\n  font-weight: 600;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n.tileLabel-nG0xD {\n  color: #8c8c8c;\n  font-size: 12px;\n}\n\n.toolbar-jJDio {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.selInfo-r4QBF {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.spacer-g69QI {\n  flex: 1;\n}\n\n.thumb-Wd6Zw {\n  width: 74px;\n  height: 54px;\n  border-radius: 6px;\n  overflow: hidden;\n  border: 1px solid #f0f0f0;\n  background: #fafafa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n\n.thumbStatic-kc-Qn {\n  cursor: default;\n}\n\n.thumbImg-ViR1y {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.thumbPlaceholder-gp0b2 {\n  color: #bfbfbf;\n  font-size: 18px;\n}\n\n.badge-bYA4m {\n  position: absolute;\n  left: 4px;\n  bottom: 4px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.videoBadge--DvZy {\n  position: absolute;\n  color: #fff;\n  font-size: 22px;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));\n}\n\n.prodName-t5Dom {\n  font-weight: 600;\n}\n\n.info--EMmi {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.infoLines-HenMK {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 2px;\n}\n\n.infoLine-EyUqw {\n  font-size: 12px;\n  color: #8c8c8c;\n}\n\n.infoLabel-JfxNQ {\n  color: #bfbfbf;\n}\n\n.reason-wzttm {\n  margin-top: 4px;\n  max-width: 220px;\n  font-size: 12px;\n  color: #8c8c8c;\n  white-space: normal;\n  /* A failure reason can be a whole render log - without the clamp one row would blow up the table.\n     The full text stays reachable through the element's tooltip. */\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.prodSub-cZZSl {\n  color: #8c8c8c;\n  font-size: 12px;\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 2px;\n}\n\n.sku-7EODQ {\n  font-family: monospace;\n}\n\n.statusTrigger-oGuEq {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.statusTriggerLocked-5u8lc {\n  cursor: default;\n}\n\n.statusIcon-rpMzy {\n  font-size: 10px;\n  color: #8c8c8c;\n}\n\n.menuDot-ybea1 {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.footer-HdZwL {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding-top: 4px;\n}\n\n/* Dark mode */\n.darkmode .tile-vHlQ9 {\n  background: #1f1f1f;\n  border-color: #434343;\n}\n\n.darkmode .tileActive-Kl6AW {\n  border-color: #3c89e8;\n  background: rgba(60, 137, 232, 0.16);\n}\n\n.darkmode .thumb-Wd6Zw {\n  background: #262626;\n  border-color: #434343;\n}\n\n.darkmode .subtitle-wYnId,\n.darkmode .tileLabel-nG0xD,\n.darkmode .selInfo-r4QBF,\n.darkmode .prodSub-cZZSl,\n.darkmode .infoLine-EyUqw,\n.darkmode .reason-wzttm {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.darkmode .infoLabel-JfxNQ {\n  color: rgba(255, 255, 255, 0.35);\n}\n";
+styleInject(css_248z$R);
 
 var isSlotConflict = function isSlotConflict(error) {
   return error instanceof RenderJobSlotConflictError;
@@ -43840,9 +44554,9 @@ function SessionOverview(_ref3) {
     }
   });
   return /*#__PURE__*/jsxs("div", {
-    className: container$5,
+    className: container$6,
     children: [/*#__PURE__*/jsxs("div", {
-      className: header$2,
+      className: header$3,
       children: [/*#__PURE__*/jsx("span", {
         className: title$2,
         children: t('backoffice.renderapprove.overview.title', {
@@ -43907,7 +44621,7 @@ function SessionOverview(_ref3) {
       message: t('backoffice.renderapprove.errors.loadJobTitle'),
       description: error
     }), /*#__PURE__*/jsxs("div", {
-      className: toolbar$2,
+      className: toolbar$3,
       children: [/*#__PURE__*/jsx("span", {
         className: selInfo,
         children: selectedKeys.length > 0 ? t('backoffice.renderapprove.overview.selectedInfo', {
@@ -43986,8 +44700,8 @@ function SessionOverview(_ref3) {
 var content = "content-Zf-od";
 var reasonGroup = "reasonGroup-XDHiq";
 var commentInput = "commentInput-9VKDH";
-var css_248z$P = ".content-Zf-od {\n  width: 100%;\n}\n\n.reasonGroup-XDHiq {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-top: 8px;\n}\n\n.commentInput-9VKDH {\n  margin-top: 8px;\n}\n";
-styleInject(css_248z$P);
+var css_248z$Q = ".content-Zf-od {\n  width: 100%;\n}\n\n.reasonGroup-XDHiq {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-top: 8px;\n}\n\n.commentInput-9VKDH {\n  margin-top: 8px;\n}\n";
+styleInject(css_248z$Q);
 
 var _REJECTION_REASONS$;
 var DEFAULT_REASON = (_REJECTION_REASONS$ = REJECTION_REASONS[0]) === null || _REJECTION_REASONS$ === void 0 ? void 0 : _REJECTION_REASONS$.value;
@@ -44133,7 +44847,7 @@ function RejectModal(_ref) {
 }
 
 var panelRoot = "panelRoot-gfLcR";
-var toolbar$1 = "toolbar-Y7oCe";
+var toolbar$2 = "toolbar-Y7oCe";
 var toolbarActions = "toolbarActions-L-u0R";
 var workspace = "workspace-4rfzU";
 var workspaceSplitter = "workspaceSplitter-CVUsN";
@@ -44168,8 +44882,8 @@ var promptEditLayout = "promptEditLayout-SCkMM";
 var promptWarning = "promptWarning-OGH7p";
 var promptEditActions = "promptEditActions-bYvcD";
 var promptStickyActions = "promptStickyActions-arA6B";
-var css_248z$O = ".panelRoot-gfLcR {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.toolbar-Y7oCe {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  padding: 6px 16px;\n  background: #fff;\n  border-bottom: 1px solid #f0f0f0;\n  min-height: 36px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.toolbarActions-L-u0R {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.workspace-4rfzU {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.workspaceSplitter-CVUsN {\n  width: 100%;\n  height: 100%;\n}\n\n.workspaceSplitterMain-TGqq- {\n  height: 100%;\n}\n\n.workspaceSplitterSide-y-OCr {\n  width: 100%;\n  height: 100%;\n}\n\n.main-OZ7rC {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.primaryFields-6QkPL {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n}\n\n.primaryFieldItem-6-wLB {\n  display: inline-flex;\n  gap: 4px;\n  align-items: baseline;\n  min-width: 0;\n}\n\n.primaryFieldLabel-xmQ2Q {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.primaryFieldValue-CY9eJ {\n  font-size: 12px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 260px;\n}\n\n.sidebar-3A7Z2 {\n  width: 100%;\n  height: 100%;\n  background: #fff;\n  border-left: 1px solid #f0f0f0;\n  overflow: hidden;\n}\n\n.sidebarInner-MpQjT {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  padding: 16px;\n  box-sizing: border-box;\n}\n\n.panelColumns-aYOq4 {\n  display: block;\n  height: 100%;\n}\n\n.sidebarSplitter-LlocD {\n  width: 100%;\n  height: 100%;\n}\n\n.sidebarSplitterPanel-y71Yq {\n  height: 100%;\n  overflow-y: auto;\n  padding-right: 8px;\n}\n\n.sidebarTitle-dIltG {\n  margin: 0 0 16px;\n}\n\n.promptHeader-QHTrj {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n\n.promptHeaderSticky-HadEs {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: inherit;\n  padding-bottom: 8px;\n}\n\n.promptTitle-qlInu {\n  margin: 0;\n}\n\n.section-895Lv {\n  margin-bottom: 16px;\n}\n\n/* A bordered Descriptions sizes its columns from the content - antd overrides its\n   own base `table-layout: fixed` with `auto`. An unbreakable value (a scene path)\n   then inflates the cell, and the edit controls in it, `width: 100%` of that cell,\n   render past the panel. Out-specifying antd's rule needs its three classes. */\n.section-895Lv.ant-descriptions.ant-descriptions-bordered > .ant-descriptions-view > table {\n  table-layout: fixed;\n}\n\n/* A fixed layout takes the column widths from the first row, so they have to be\n   stated: enough for the longest label (\"Renderszene / Stilwelt\"). */\n.section-895Lv .ant-descriptions-item-label {\n  width: 40%;\n}\n\n.detailsEditControl-q2lEh {\n  width: 100%;\n}\n\n.panelSection-cniRE {\n  margin-bottom: 20px;\n}\n\n.promptPanel-NHVXj {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n}\n\n.panelSection-cniRE:last-child {\n  margin-bottom: 0;\n}\n\n.promptText-2-Sjb {\n  white-space: pre-wrap;\n  word-break: break-word;\n  margin-bottom: 0;\n}\n\n.promptReadOnlyLayout-CtTQN {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.promptReadOnlyScroll-N1kdM {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.promptVariantField-wfK6m {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n  flex-shrink: 0;\n}\n\n.promptVariantSelect-0bD6o {\n  width: 80px;\n}\n\n.promptEditor-0tZzL {\n  margin-bottom: 0;\n}\n\n.promptEditorWrap-CJT9J {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  margin-bottom: 12px;\n}\n\n.promptEditorWrap-CJT9J textarea.ant-input {\n  height: 100%;\n  min-height: 160px;\n}\n\n.promptEditLayout-SCkMM {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding-bottom: 56px;\n}\n\n.promptWarning-OGH7p {\n  margin-bottom: 12px;\n}\n\n.promptEditActions-bYvcD {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n}\n\n.promptStickyActions-arA6B {\n  position: sticky;\n  bottom: 0;\n  padding-top: 12px;\n  margin-top: auto;\n  background: inherit;\n  z-index: 1;\n}\n\n/* Dark mode */\n.darkmode .toolbar-Y7oCe {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .sidebar-3A7Z2 {\n  background: #141414;\n  border-left-color: #303030;\n}\n";
-styleInject(css_248z$O);
+var css_248z$P = ".panelRoot-gfLcR {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.toolbar-Y7oCe {\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  padding: 6px 16px;\n  background: #fff;\n  border-bottom: 1px solid #f0f0f0;\n  min-height: 36px;\n  flex-wrap: wrap;\n  flex-shrink: 0;\n}\n\n.toolbarActions-L-u0R {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.workspace-4rfzU {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.workspaceSplitter-CVUsN {\n  width: 100%;\n  height: 100%;\n}\n\n.workspaceSplitterMain-TGqq- {\n  height: 100%;\n}\n\n.workspaceSplitterSide-y-OCr {\n  width: 100%;\n  height: 100%;\n}\n\n.main-OZ7rC {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.primaryFields-6QkPL {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n}\n\n.primaryFieldItem-6-wLB {\n  display: inline-flex;\n  gap: 4px;\n  align-items: baseline;\n  min-width: 0;\n}\n\n.primaryFieldLabel-xmQ2Q {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.primaryFieldValue-CY9eJ {\n  font-size: 12px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 260px;\n}\n\n.sidebar-3A7Z2 {\n  width: 100%;\n  height: 100%;\n  background: #fff;\n  border-left: 1px solid #f0f0f0;\n  overflow: hidden;\n}\n\n.sidebarInner-MpQjT {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  padding: 16px;\n  box-sizing: border-box;\n}\n\n.panelColumns-aYOq4 {\n  display: block;\n  height: 100%;\n}\n\n.sidebarSplitter-LlocD {\n  width: 100%;\n  height: 100%;\n}\n\n.sidebarSplitterPanel-y71Yq {\n  height: 100%;\n  overflow-y: auto;\n  padding-right: 8px;\n}\n\n.sidebarTitle-dIltG {\n  margin: 0 0 16px;\n}\n\n.promptHeader-QHTrj {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: 16px;\n}\n\n.promptHeaderSticky-HadEs {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: inherit;\n  padding-bottom: 8px;\n}\n\n.promptTitle-qlInu {\n  margin: 0;\n}\n\n.section-895Lv {\n  margin-bottom: 16px;\n}\n\n/* A bordered Descriptions sizes its columns from the content - antd overrides its\n   own base `table-layout: fixed` with `auto`. An unbreakable value (a scene path)\n   then inflates the cell, and the edit controls in it, `width: 100%` of that cell,\n   render past the panel. Out-specifying antd's rule needs its three classes. */\n.section-895Lv.ant-descriptions.ant-descriptions-bordered > .ant-descriptions-view > table {\n  table-layout: fixed;\n}\n\n/* A fixed layout takes the column widths from the first row, so they have to be\n   stated: enough for the longest label (\"Renderszene / Stilwelt\"). */\n.section-895Lv .ant-descriptions-item-label {\n  width: 40%;\n}\n\n.detailsEditControl-q2lEh {\n  width: 100%;\n}\n\n.panelSection-cniRE {\n  margin-bottom: 20px;\n}\n\n.promptPanel-NHVXj {\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  height: 100%;\n  overflow: hidden;\n}\n\n.panelSection-cniRE:last-child {\n  margin-bottom: 0;\n}\n\n.promptText-2-Sjb {\n  white-space: pre-wrap;\n  word-break: break-word;\n  margin-bottom: 0;\n}\n\n.promptReadOnlyLayout-CtTQN {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.promptReadOnlyScroll-N1kdM {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.promptVariantField-wfK6m {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n  flex-shrink: 0;\n}\n\n.promptVariantSelect-0bD6o {\n  width: 80px;\n}\n\n.promptEditor-0tZzL {\n  margin-bottom: 0;\n}\n\n.promptEditorWrap-CJT9J {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  margin-bottom: 12px;\n}\n\n.promptEditorWrap-CJT9J textarea.ant-input {\n  height: 100%;\n  min-height: 160px;\n}\n\n.promptEditLayout-SCkMM {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding-bottom: 56px;\n}\n\n.promptWarning-OGH7p {\n  margin-bottom: 12px;\n}\n\n.promptEditActions-bYvcD {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n}\n\n.promptStickyActions-arA6B {\n  position: sticky;\n  bottom: 0;\n  padding-top: 12px;\n  margin-top: auto;\n  background: inherit;\n  z-index: 1;\n}\n\n/* Dark mode */\n.darkmode .toolbar-Y7oCe {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .sidebar-3A7Z2 {\n  background: #141414;\n  border-left-color: #303030;\n}\n";
+styleInject(css_248z$P);
 
 function ownKeys$1G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -44870,7 +45584,7 @@ function MetadataPanel(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: panelRoot,
     children: [/*#__PURE__*/jsxs("div", {
-      className: toolbar$1,
+      className: toolbar$2,
       children: [/*#__PURE__*/jsx("div", {
         className: primaryFields,
         children: primary.map(function (_ref6) {
@@ -44980,8 +45694,8 @@ function MetadataPanel(_ref) {
 
 var fullscreenModal = "fullscreenModal-QnN1o";
 var image = "image-kk9AH";
-var css_248z$N = ".fullscreenModal-QnN1o .ant-modal {\n  top: 0;\n  padding-bottom: 0;\n  max-width: 100vw;\n}\n\n.fullscreenModal-QnN1o .ant-modal-content {\n  border-radius: 0;\n}\n\n.fullscreenModal-QnN1o .ant-modal-body {\n  padding: 0;\n  height: calc(100vh - 56px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.image-kk9AH {\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  display: block;\n}\n";
-styleInject(css_248z$N);
+var css_248z$O = ".fullscreenModal-QnN1o .ant-modal {\n  top: 0;\n  padding-bottom: 0;\n  max-width: 100vw;\n}\n\n.fullscreenModal-QnN1o .ant-modal-content {\n  border-radius: 0;\n}\n\n.fullscreenModal-QnN1o .ant-modal-body {\n  padding: 0;\n  height: calc(100vh - 56px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.image-kk9AH {\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  display: block;\n}\n";
+styleInject(css_248z$O);
 
 function isAr(media) {
   return (media === null || media === void 0 ? void 0 : media.mediaType) === 'AR';
@@ -45057,8 +45771,8 @@ function FullscreenViewer(_ref) {
 
 var notice$2 = "notice-IHLLb";
 var undoButton = "undoButton-HMSsR";
-var css_248z$M = ".notice-IHLLb {\n  border: 1px solid #d6d8ff;\n  border-radius: 10px;\n}\n\n.undoButton-HMSsR {\n  background: #1677ff;\n  border: none;\n  box-shadow: none;\n}\n\n.undoButton-HMSsR:hover,\n.undoButton-HMSsR:focus {\n  background: #1677ff;\n  border: none;\n}\n";
-styleInject(css_248z$M);
+var css_248z$N = ".notice-IHLLb {\n  border: 1px solid #d6d8ff;\n  border-radius: 10px;\n}\n\n.undoButton-HMSsR {\n  background: #1677ff;\n  border: none;\n  box-shadow: none;\n}\n\n.undoButton-HMSsR:hover,\n.undoButton-HMSsR:focus {\n  background: #1677ff;\n  border: none;\n}\n";
+styleInject(css_248z$N);
 
 var NOTIFICATION_KEY = 'renderapprove-undo';
 var COLOR_BG = 'linear-gradient(135deg,#6253e1,#04befe)';
@@ -47789,8 +48503,8 @@ var finishedContainer = "finishedContainer-ius-c";
 var finishedActions = "finishedActions-dT6SX";
 var errorAlert = "errorAlert-d4AdZ";
 var notFoundContainer = "notFoundContainer-xbFHj";
-var css_248z$L = ".root-XQQT2 {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  background: #f5f5f5;\n}\n\n.emptyStateContainer-155hD {\n  padding: 24px;\n}\n\n.finishedContainer-ius-c {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n\n.finishedActions-dT6SX {\n  display: inline-flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.errorAlert-d4AdZ {\n  margin: 16px;\n}\n\n.notFoundContainer-xbFHj {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Dark mode */\n.darkmode .root-XQQT2 {\n  background: #141414;\n}\n";
-styleInject(css_248z$L);
+var css_248z$M = ".root-XQQT2 {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  background: #f5f5f5;\n}\n\n.emptyStateContainer-155hD {\n  padding: 24px;\n}\n\n.finishedContainer-ius-c {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n\n.finishedActions-dT6SX {\n  display: inline-flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.errorAlert-d4AdZ {\n  margin: 16px;\n}\n\n.notFoundContainer-xbFHj {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Dark mode */\n.darkmode .root-XQQT2 {\n  background: #141414;\n}\n";
+styleInject(css_248z$M);
 
 var RENDERJOBS_PATH = '/admin/renderjobs';
 function setSideMenusOpen(store, open) {
@@ -49674,8 +50388,8 @@ var Content$c = observer(ContentWrapper);
 var layout$1 = "layout-gqKsp";
 var contentWrapper$1 = "content-wrapper-mQSc0";
 var detail = "detail-WeK8Q";
-var css_248z$K = ".layout-gqKsp {\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.content-wrapper-mQSc0 {\n  overflow: auto;\n  height: 100%;\n}\n\n.detail-WeK8Q .ant-drawer-content-wrapper {\n  max-width: 100%;\n}\n\n.darkmode .ant-layout {\n  background-color: rgb(20, 20, 20);\n}\n\n.lightmode .ant-layout {\n  background-color: rgb(255, 255, 255);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .arrows, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode .arrows, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode .arrows {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(270deg, rgba(0, 21, 41, 1) 0%, rgba(0, 21, 41, 1) 72%, rgba(0, 21, 41, 0) 100%) !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile > div, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode #Profile > div, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode #Profile > div {\n  border-left: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #welcomeText, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode #welcomeText, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode #welcomeText {\n  border-right: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode #Profile, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode #Profile {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.lightmode, .diva-component-DIVA_DATA_ENGINE #diva-header.lightmode {\n  background-color: #fff !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode *, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode *, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode * {\n  color: rgb(255, 255, 255);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode *, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.lightmode *, .diva-component-DIVA_DATA_ENGINE #diva-header.lightmode * {\n  color: rgb(0, 0, 0);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW ::-webkit-scrollbar, .diva-component-DIVA_PRODUCT_ONBOARDING ::-webkit-scrollbar, .diva-component-DIVA_DATA_ENGINE ::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-track, .diva-component-DIVA_PRODUCT_ONBOARDING .darkmode ::-webkit-scrollbar-track, .diva-component-DIVA_DATA_ENGINE .darkmode ::-webkit-scrollbar-track {\n  /* the planner's layouts give every scrollbar a background, which would fill the transparent border */\n  background: none;\n  box-shadow: inset 0 0 10px 10px #021129;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_PRODUCT_ONBOARDING .darkmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_DATA_ENGINE .darkmode ::-webkit-scrollbar-thumb {\n  background: none;\n  box-shadow: inset 0 0 10px 10px rgb(130, 130, 130);\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-track, .diva-component-DIVA_PRODUCT_ONBOARDING .lightmode ::-webkit-scrollbar-track, .diva-component-DIVA_DATA_ENGINE .lightmode ::-webkit-scrollbar-track {\n  background: none;\n  box-shadow: inset 0 0 10px 10px #ffffff;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_PRODUCT_ONBOARDING .lightmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_DATA_ENGINE .lightmode ::-webkit-scrollbar-thumb {\n  background: none;\n  box-shadow: inset 0 0 10px 10px #bdbdbd;\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n";
-styleInject(css_248z$K);
+var css_248z$L = ".layout-gqKsp {\n  height: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.content-wrapper-mQSc0 {\n  overflow: auto;\n  height: 100%;\n}\n\n.detail-WeK8Q .ant-drawer-content-wrapper {\n  max-width: 100%;\n}\n\n.darkmode .ant-layout {\n  background-color: rgb(20, 20, 20);\n}\n\n.lightmode .ant-layout {\n  background-color: rgb(255, 255, 255);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode .arrows, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode .arrows, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode .arrows {\n  background-image: url(\"data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M10.5 7L15.5 12L10.5 17%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"), linear-gradient(270deg, rgba(0, 21, 41, 1) 0%, rgba(0, 21, 41, 1) 72%, rgba(0, 21, 41, 0) 100%) !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile > div, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode #Profile > div, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode #Profile > div {\n  border-left: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #welcomeText, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode #welcomeText, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode #welcomeText {\n  border-right: 1px solid black;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode #Profile, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode #Profile, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode #Profile {\n  background-color: #001529 !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.lightmode, .diva-component-DIVA_DATA_ENGINE #diva-header.lightmode {\n  background-color: #fff !important;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.darkmode *, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.darkmode *, .diva-component-DIVA_DATA_ENGINE #diva-header.darkmode * {\n  color: rgb(255, 255, 255);\n}\n.diva-component-DIVA_BACKOFFICE_NEW #diva-header.lightmode *, .diva-component-DIVA_PRODUCT_ONBOARDING #diva-header.lightmode *, .diva-component-DIVA_DATA_ENGINE #diva-header.lightmode * {\n  color: rgb(0, 0, 0);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW ::-webkit-scrollbar, .diva-component-DIVA_PRODUCT_ONBOARDING ::-webkit-scrollbar, .diva-component-DIVA_DATA_ENGINE ::-webkit-scrollbar {\n  width: 10px;\n  height: 10px;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-track, .diva-component-DIVA_PRODUCT_ONBOARDING .darkmode ::-webkit-scrollbar-track, .diva-component-DIVA_DATA_ENGINE .darkmode ::-webkit-scrollbar-track {\n  /* the planner's layouts give every scrollbar a background, which would fill the transparent border */\n  background: none;\n  box-shadow: inset 0 0 10px 10px #021129;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_PRODUCT_ONBOARDING .darkmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_DATA_ENGINE .darkmode ::-webkit-scrollbar-thumb {\n  background: none;\n  box-shadow: inset 0 0 10px 10px rgb(130, 130, 130);\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-track, .diva-component-DIVA_PRODUCT_ONBOARDING .lightmode ::-webkit-scrollbar-track, .diva-component-DIVA_DATA_ENGINE .lightmode ::-webkit-scrollbar-track {\n  background: none;\n  box-shadow: inset 0 0 10px 10px #ffffff;\n  border: solid 3px transparent;\n}\n.diva-component-DIVA_BACKOFFICE_NEW .lightmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_PRODUCT_ONBOARDING .lightmode ::-webkit-scrollbar-thumb, .diva-component-DIVA_DATA_ENGINE .lightmode ::-webkit-scrollbar-thumb {\n  background: none;\n  box-shadow: inset 0 0 10px 10px #bdbdbd;\n  border: solid 3px transparent;\n  border-radius: 10px;\n}\n";
+styleInject(css_248z$L);
 
 function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -50824,8 +51538,8 @@ var Modal$1 = observer(Modal);
 
 var snow = "snow-14T01";
 var sun = "sun-ijIPS";
-var css_248z$J = ".snow-14T01 {\n  display: none;\n  position: fixed;\n  font-size: 1.5rem;\n  top: -1vh;\n  transform: translateY(0);\n  animation: fall-XG-Wo 3s linear forwards;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 512 512%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%2399DDFF%3B%22 d%3D%22M512%2C256c0-9.217-7.479-16.696-16.696-16.696h-26.478l32.718-32.718%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295%09l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728V47.435c0-9.217-7.479-16.696-16.696-16.696%09c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0%09s-16.696%2C7.479-16.696%2C16.696v26.478l-32.718-32.717c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l56.327%2C56.326%09v83.813c-10.642%2C2.168-20.536%2C6.39-29.295%2C12.197l-59.303-59.303V47.435c0-9.217-7.479-16.696-16.696-16.696%09s-16.696%2C7.479-16.696%2C16.696v46.271L98.587%2C74.978c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l18.728%2C18.728%09H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h79.663l59.303%2C59.303%09c-5.807%2C8.759-10.027%2C18.652-12.197%2C29.295H90.391l-56.326-56.326c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609%09l32.717%2C32.717H16.696C7.479%2C239.304%2C0%2C246.783%2C0%2C256s7.479%2C16.696%2C16.696%2C16.696h26.478l-32.717%2C32.718%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609c3.26%2C3.26%2C7.532%2C4.891%2C11.804%2C4.891s8.544-1.631%2C11.804-4.892l56.327-56.326h83.813%09c2.168%2C10.642%2C6.39%2C20.536%2C12.197%2C29.295l-59.303%2C59.303H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h46.271l-18.728%2C18.728c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892l18.728-18.728v46.271c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-79.663l59.303-59.303c8.759%2C5.807%2C18.652%2C10.027%2C29.295%2C12.197v83.813l-56.326%2C56.326%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609s17.087%2C6.521%2C23.609%2C0l32.718-32.718v26.478c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-26.478l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696h-79.663L325.6%2C301.991%09c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478C504.521%2C272.696%2C512%2C265.217%2C512%2C256z M256%2C306.087%09c-27.619%2C0-50.087-22.468-50.087-50.087s22.468-50.087%2C50.087-50.087s50.087%2C22.468%2C50.087%2C50.087S283.619%2C306.087%2C256%2C306.087z%22%2F%3E%3Cpath style%3D%22fill%3A%2373C0E6%3B%22 d%3D%22M306.087%2C256c0%2C27.619-22.468%2C50.087-50.087%2C50.087V512c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-26.478%09l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327%09v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696%09h-79.663L325.6%2C301.991c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892%09s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-26.478l32.718-32.718c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327%09h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728%09V47.435c0-9.217-7.479-16.696-16.696-16.696c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4%09c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0%09l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0v205.913C283.619%2C205.913%2C306.087%2C228.381%2C306.087%2C256z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 20px;\n  height: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .snow-14T01 {\n  display: block;\n}\n\n@keyframes fall-XG-Wo {\n  from {\n    transform: translateY(0vh) translateX(-10vw);\n  }\n  to {\n    transform: translateY(105vh) translateX(10vw);\n  }\n}\n\n.sun-ijIPS {\n  color: rgba(255, 255, 255, 0.65);\n  line-height: 40px;\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
-styleInject(css_248z$J);
+var css_248z$K = ".snow-14T01 {\n  display: none;\n  position: fixed;\n  font-size: 1.5rem;\n  top: -1vh;\n  transform: translateY(0);\n  animation: fall-XG-Wo 3s linear forwards;\n  background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 512 512%22 style%3D%22enable-background%3Anew 0 0 512 512%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cpath style%3D%22fill%3A%2399DDFF%3B%22 d%3D%22M512%2C256c0-9.217-7.479-16.696-16.696-16.696h-26.478l32.718-32.718%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295%09l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728V47.435c0-9.217-7.479-16.696-16.696-16.696%09c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326%09c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0%09s-16.696%2C7.479-16.696%2C16.696v26.478l-32.718-32.717c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l56.327%2C56.326%09v83.813c-10.642%2C2.168-20.536%2C6.39-29.295%2C12.197l-59.303-59.303V47.435c0-9.217-7.479-16.696-16.696-16.696%09s-16.696%2C7.479-16.696%2C16.696v46.271L98.587%2C74.978c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609l18.728%2C18.728%09H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h79.663l59.303%2C59.303%09c-5.807%2C8.759-10.027%2C18.652-12.197%2C29.295H90.391l-56.326-56.326c-6.521-6.521-17.087-6.521-23.609%2C0s-6.521%2C17.087%2C0%2C23.609%09l32.717%2C32.717H16.696C7.479%2C239.304%2C0%2C246.783%2C0%2C256s7.479%2C16.696%2C16.696%2C16.696h26.478l-32.717%2C32.718%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609c3.26%2C3.26%2C7.532%2C4.891%2C11.804%2C4.891s8.544-1.631%2C11.804-4.892l56.327-56.326h83.813%09c2.168%2C10.642%2C6.39%2C20.536%2C12.197%2C29.295l-59.303%2C59.303H47.435c-9.217%2C0-16.696%2C7.479-16.696%2C16.696%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696h46.271l-18.728%2C18.728c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892l18.728-18.728v46.271c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-79.663l59.303-59.303c8.759%2C5.807%2C18.652%2C10.027%2C29.295%2C12.197v83.813l-56.326%2C56.326%09c-6.521%2C6.521-6.521%2C17.087%2C0%2C23.609s17.087%2C6.521%2C23.609%2C0l32.718-32.718v26.478c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09s16.696-7.479%2C16.696-16.696v-26.478l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663%09c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728%09c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696h-79.663L325.6%2C301.991%09c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478C504.521%2C272.696%2C512%2C265.217%2C512%2C256z M256%2C306.087%09c-27.619%2C0-50.087-22.468-50.087-50.087s22.468-50.087%2C50.087-50.087s50.087%2C22.468%2C50.087%2C50.087S283.619%2C306.087%2C256%2C306.087z%22%2F%3E%3Cpath style%3D%22fill%3A%2373C0E6%3B%22 d%3D%22M306.087%2C256c0%2C27.619-22.468%2C50.087-50.087%2C50.087V512c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-26.478%09l32.718%2C32.718c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-56.326-56.327%09v-83.813c10.642-2.168%2C20.536-6.39%2C29.295-12.197l59.303%2C59.303v79.663c0%2C9.217%2C7.479%2C16.696%2C16.696%2C16.696%09c9.217%2C0%2C16.696-7.479%2C16.696-16.696v-46.271l18.728%2C18.728c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892s8.544-1.631%2C11.804-4.892%09c6.521-6.521%2C6.521-17.087%2C0-23.609l-18.727-18.727h46.271c9.217%2C0%2C16.696-7.479%2C16.696-16.696c0-9.217-7.479-16.696-16.696-16.696%09h-79.663L325.6%2C301.991c5.807-8.759%2C10.027-18.652%2C12.197-29.295h83.813l56.326%2C56.326c3.261%2C3.261%2C7.533%2C4.892%2C11.804%2C4.892%09s8.544-1.631%2C11.804-4.892c6.521-6.521%2C6.521-17.087%2C0-23.609l-32.717-32.717h26.478c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-26.478l32.718-32.718c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-56.327%2C56.327%09h-83.813c-2.168-10.642-6.39-20.536-12.197-29.295l59.303-59.303h79.663c9.217%2C0%2C16.696-7.479%2C16.696-16.696%09s-7.479-16.696-16.696-16.696h-46.271l18.728-18.728c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0l-18.727%2C18.728%09V47.435c0-9.217-7.479-16.696-16.696-16.696c-9.217%2C0-16.696%2C7.479-16.696%2C16.696v79.663L301.991%2C186.4%09c-8.759-5.807-18.652-10.027-29.295-12.197V90.391l56.326-56.326c6.521-6.521%2C6.521-17.087%2C0-23.609s-17.087-6.521-23.609%2C0%09l-32.717%2C32.717V16.696C272.696%2C7.479%2C265.217%2C0%2C256%2C0v205.913C283.619%2C205.913%2C306.087%2C228.381%2C306.087%2C256z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n  width: 20px;\n  height: 20px;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .snow-14T01 {\n  display: block;\n}\n\n@keyframes fall-XG-Wo {\n  from {\n    transform: translateY(0vh) translateX(-10vw);\n  }\n  to {\n    transform: translateY(105vh) translateX(10vw);\n  }\n}\n\n.sun-ijIPS {\n  color: rgba(255, 255, 255, 0.65);\n  line-height: 40px;\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
+styleInject(css_248z$K);
 
 var SnowAnimation = function SnowAnimation(props) {
   var _useState = useState(),
@@ -50983,7 +51697,7 @@ var MenuWrapper = function MenuWrapper() {
 };
 var Navigation$4 = observer(MenuWrapper);
 
-var container$4 = "container-BucHG";
+var container$5 = "container-BucHG";
 var right = "right--XETU";
 var unpinnedRight = "unpinned-right-tbnNb";
 var draghandle = "draghandle-f5b0N";
@@ -51004,8 +51718,8 @@ var statusDotError = "status-dot-error-ts1xq";
 var statusDotWarn = "status-dot-warn-MoINF";
 var statusDotConnecting = "status-dot-connecting-EttkN";
 var statusWorkspace = "status-workspace-gR0bt";
-var css_248z$I = ".container-BucHG {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1001;\n  overflow: auto;\n}\n\n.right--XETU .container-BucHG {\n  z-index: 1003;\n}\n\n.unpinned-right-tbnNb.container-BucHG {\n  right: 37px;\n  position: absolute;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  top: 0px;\n  background-color: rgba(128, 128, 128, 0.3);\n  z-index: 1002;\n}\n\n.right--XETU .draghandle-f5b0N {\n  height: 100%;\n  width: 2px;\n  left: -1px;\n  cursor: ew-resize;\n  z-index: 1004;\n}\n\n.bottom-cqyfS .draghandle-f5b0N {\n  height: 2px;\n  width: 100%;\n  cursor: ns-resize;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  background-color: rgba(128, 128, 128, 0.3);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.right--XETU .mid-handle--qh50 {\n  width: 5px;\n  height: 32px;\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.bottom-cqyfS .mid-handle--qh50 {\n  height: 5px;\n  width: 32px;\n  border-top: 2px solid gray;\n  border-bottom: 2px solid gray;\n}\n\n.tools-selector-BHV3Z {\n  z-index: 1000;\n  display: flex;\n  position: relative;\n  align-items: center;\n  background-color: #f5f5f5;\n}\n\n.darkmode .tools-selector-BHV3Z {\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.right--XETU .tools-selector-BHV3Z {\n  width: 36px;\n  height: 100%;\n  padding-top: 16px;\n  flex-direction: column;\n}\n\n.bottom-cqyfS .tools-selector-BHV3Z {\n  width: 100%;\n  height: 36px;\n  padding-top: 0;\n  flex-direction: row;\n}\n\n.tool-item-KyKgQ {\n  padding: 10px;\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tool-item-KyKgQ.disabled-6aIG9 {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.right--XETU .tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  text-orientation: mixed;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  background-color: #0088ff;\n  transition: all ease-in-out 0.2s;\n}\n\n.right--XETU .tool-item-KyKgQ::after {\n  width: 3px;\n  height: 0px;\n  left: 1px;\n  bottom: 50%;\n}\n\n.right--XETU .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.right--XETU .sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ::after {\n  width: 0px;\n  height: 3px;\n  bottom: 1px;\n  left: 50%;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.bottom-cqyfS .sel-iUm8X::after {\n  width: 100%;\n  left: 0;\n}\n\n.button-K-0KR {\n  width: 40px;\n  justify-content: center;\n}\n\n.toolbar-layout-DUuBn {\n  height: 100%;\n  width: 100%;\n}\n\n.toolbar-content-GxyU6 {\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n}\n\n.spinner-root-4UgwL {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.spinner-container-4jAGD {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n/*\n * Connection indicator on a tool's rail item — currently the DIVA agent's MCP bridge.\n * Colours mirror the dot inside the agent's own bridge panel (diva-agent/ui/bridge.module.css)\n * so the rail and the panel never disagree; 'connecting' reuses the neutral colour and pulses\n * instead of introducing a fourth one.\n */\n.status-dot-e5gDK {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: #a0aec0;\n  flex-shrink: 0;\n}\n\n.status-dot-connected-jGXu4 {\n  background-color: #38a169;\n}\n\n.status-dot-error-ts1xq {\n  background-color: #e53e3e;\n}\n\n.status-dot-warn-MoINF {\n  background-color: #dd6b20;\n}\n\n.status-dot-connecting-EttkN {\n  animation: status-dot-pulse-rhnZb 1.2s ease-in-out infinite;\n}\n\n/* Workspace label of this tab, shown only while the user has several tabs docked (see BridgeStatus). */\n.status-workspace-gR0bt {\n  /* The right rail is vertical-lr, which would rotate the letter and swap the padding axes. */\n  writing-mode: horizontal-tb;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 2px 4px;\n  min-width: 1.25em;\n  text-align: center;\n  border-radius: 3px;\n  background-color: #edf2f7;\n  color: #2d3748;\n  flex-shrink: 0;\n}\n\n@keyframes status-dot-pulse-rhnZb {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.3;\n  }\n}\n\n.darkmode .status-dot-e5gDK {\n  background-color: #4a5568;\n}\n\n.darkmode .status-dot-connected-jGXu4 {\n  background-color: #48bb78;\n}\n\n.darkmode .status-dot-error-ts1xq {\n  background-color: #fc8181;\n}\n\n.darkmode .status-workspace-gR0bt {\n  background-color: #4a5568;\n  color: #e2e8f0;\n}\n";
-styleInject(css_248z$I);
+var css_248z$J = ".container-BucHG {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  z-index: 1001;\n  overflow: auto;\n}\n\n.right--XETU .container-BucHG {\n  z-index: 1003;\n}\n\n.unpinned-right-tbnNb.container-BucHG {\n  right: 37px;\n  position: absolute;\n}\n\n.draghandle-f5b0N {\n  position: absolute;\n  top: 0px;\n  background-color: rgba(128, 128, 128, 0.3);\n  z-index: 1002;\n}\n\n.right--XETU .draghandle-f5b0N {\n  height: 100%;\n  width: 2px;\n  left: -1px;\n  cursor: ew-resize;\n  z-index: 1004;\n}\n\n.bottom-cqyfS .draghandle-f5b0N {\n  height: 2px;\n  width: 100%;\n  cursor: ns-resize;\n}\n\n.mid-handle--qh50 {\n  position: absolute;\n  background-color: rgba(128, 128, 128, 0.3);\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.right--XETU .mid-handle--qh50 {\n  width: 5px;\n  height: 32px;\n  border-left: 2px solid grey;\n  border-right: 2px solid grey;\n}\n\n.bottom-cqyfS .mid-handle--qh50 {\n  height: 5px;\n  width: 32px;\n  border-top: 2px solid gray;\n  border-bottom: 2px solid gray;\n}\n\n.tools-selector-BHV3Z {\n  z-index: 1000;\n  display: flex;\n  position: relative;\n  align-items: center;\n  background-color: #f5f5f5;\n}\n\n.darkmode .tools-selector-BHV3Z {\n  background-color: #001529;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.right--XETU .tools-selector-BHV3Z {\n  width: 36px;\n  height: 100%;\n  padding-top: 16px;\n  flex-direction: column;\n}\n\n.bottom-cqyfS .tools-selector-BHV3Z {\n  width: 100%;\n  height: 36px;\n  padding-top: 0;\n  flex-direction: row;\n}\n\n.tool-item-KyKgQ {\n  padding: 10px;\n  cursor: pointer;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.tool-item-KyKgQ.disabled-6aIG9 {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.right--XETU .tool-item-KyKgQ {\n  writing-mode: vertical-lr;\n  text-orientation: mixed;\n}\n\n.tool-item-KyKgQ::after {\n  content: '';\n  position: absolute;\n  background-color: #0088ff;\n  transition: all ease-in-out 0.2s;\n}\n\n.right--XETU .tool-item-KyKgQ::after {\n  width: 3px;\n  height: 0px;\n  left: 1px;\n  bottom: 50%;\n}\n\n.right--XETU .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.right--XETU .sel-iUm8X::after {\n  height: 100%;\n  bottom: 0;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ::after {\n  width: 0px;\n  height: 3px;\n  bottom: 1px;\n  left: 50%;\n}\n\n.bottom-cqyfS .tool-item-KyKgQ:not(.disabled-6aIG9):hover::after,\n.bottom-cqyfS .sel-iUm8X::after {\n  width: 100%;\n  left: 0;\n}\n\n.button-K-0KR {\n  width: 40px;\n  justify-content: center;\n}\n\n.toolbar-layout-DUuBn {\n  height: 100%;\n  width: 100%;\n}\n\n.toolbar-content-GxyU6 {\n  height: 100%;\n  width: 100%;\n  padding: 32px;\n  display: flex;\n  flex-direction: column;\n}\n\n.spinner-root-4UgwL {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.spinner-container-4jAGD {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n/*\n * Connection indicator on a tool's rail item — currently the DIVA agent's MCP bridge.\n * Colours mirror the dot inside the agent's own bridge panel (diva-agent/ui/bridge.module.css)\n * so the rail and the panel never disagree; 'connecting' reuses the neutral colour and pulses\n * instead of introducing a fourth one.\n */\n.status-dot-e5gDK {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: #a0aec0;\n  flex-shrink: 0;\n}\n\n.status-dot-connected-jGXu4 {\n  background-color: #38a169;\n}\n\n.status-dot-error-ts1xq {\n  background-color: #e53e3e;\n}\n\n.status-dot-warn-MoINF {\n  background-color: #dd6b20;\n}\n\n.status-dot-connecting-EttkN {\n  animation: status-dot-pulse-rhnZb 1.2s ease-in-out infinite;\n}\n\n/* Workspace label of this tab, shown only while the user has several tabs docked (see BridgeStatus). */\n.status-workspace-gR0bt {\n  /* The right rail is vertical-lr, which would rotate the letter and swap the padding axes. */\n  writing-mode: horizontal-tb;\n  font-size: 10px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 2px 4px;\n  min-width: 1.25em;\n  text-align: center;\n  border-radius: 3px;\n  background-color: #edf2f7;\n  color: #2d3748;\n  flex-shrink: 0;\n}\n\n@keyframes status-dot-pulse-rhnZb {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.3;\n  }\n}\n\n.darkmode .status-dot-e5gDK {\n  background-color: #4a5568;\n}\n\n.darkmode .status-dot-connected-jGXu4 {\n  background-color: #48bb78;\n}\n\n.darkmode .status-dot-error-ts1xq {\n  background-color: #fc8181;\n}\n\n.darkmode .status-workspace-gR0bt {\n  background-color: #4a5568;\n  color: #e2e8f0;\n}\n";
+styleInject(css_248z$J);
 
 function _createForOfIteratorHelper$F(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$F(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray$F(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$F(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$F(r, a) : void 0; } }
@@ -51336,9 +52050,9 @@ var FallbackComponent = function FallbackComponent(_ref2) {
   });
 };
 
-var container$3 = "container-babS2";
-var css_248z$H = ".container-babS2 {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.darkmode .container-babS2 {\n  border-color: #424242;\n}\n";
-styleInject(css_248z$H);
+var container$4 = "container-babS2";
+var css_248z$I = ".container-babS2 {\n  background: white;\n  color: black;\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.darkmode .container-babS2 {\n  border-color: #424242;\n}\n";
+styleInject(css_248z$I);
 
 var InformationWindow = function InformationWindow(_ref) {
   var _tool$parameters;
@@ -51353,7 +52067,7 @@ var InformationWindow = function InformationWindow(_ref) {
     errorCode: "BACKO_0004",
     addToErrorLog: codex,
     children: /*#__PURE__*/jsx("div", {
-      className: container$3,
+      className: container$4,
       children: /*#__PURE__*/jsx(ContentItemComponent, {
         contentItemCodex: codex
       })
@@ -51417,14 +52131,14 @@ var getTranslation = function getTranslation(text, lang) {
 };
 
 var wrapper$6 = "wrapper-FKQw4";
-var container$2 = "container-Xbv0B";
+var container$3 = "container-Xbv0B";
 var lightPreview = "light-preview-XqPR6";
 var darkPreview = "dark-preview-sW25g";
 var bottomBar = "bottom-bar-cm7Bp";
 var controls = "controls-xA5C-";
 var footer = "footer-tcxes";
-var css_248z$G = ".wrapper-FKQw4 {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.container-Xbv0B {\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n\n.light-preview-XqPR6 {\n  background: white;\n  color: black;\n}\n\n.dark-preview-sW25g {\n  background: #141414;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.darkmode .container-Xbv0B {\n  border-color: #424242;\n}\n\n/* The preview controls on the left, a host's footer on the right - one bar, the height of a button */\n.bottom-bar-cm7Bp {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  min-height: 32px;\n  padding-top: 12px;\n}\n\n.controls-xA5C-,\n.footer-tcxes {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n";
-styleInject(css_248z$G);
+var css_248z$H = ".wrapper-FKQw4 {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.container-Xbv0B {\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n\n.light-preview-XqPR6 {\n  background: white;\n  color: black;\n}\n\n.dark-preview-sW25g {\n  background: #141414;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.darkmode .container-Xbv0B {\n  border-color: #424242;\n}\n\n/* The preview controls on the left, a host's footer on the right - one bar, the height of a button */\n.bottom-bar-cm7Bp {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  min-height: 32px;\n  padding-top: 12px;\n}\n\n.controls-xA5C-,\n.footer-tcxes {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n";
+styleInject(css_248z$H);
 
 var WsyiwygContentItem = observer(function (_ref) {
   var _toolbar$previewTheme;
@@ -51449,7 +52163,7 @@ var WsyiwygContentItem = observer(function (_ref) {
     children: /*#__PURE__*/jsxs("div", {
       className: wrapper$6,
       children: [/*#__PURE__*/jsx("div", {
-        className: classNames(container$2, dark ? darkPreview : lightPreview),
+        className: classNames(container$3, dark ? darkPreview : lightPreview),
         children: /*#__PURE__*/jsx(ConfigProvider, {
           theme: {
             algorithm: dark ? theme.darkAlgorithm : theme.defaultAlgorithm
@@ -51494,13 +52208,13 @@ var WsyiwygContentItem = observer(function (_ref) {
 
 var wrapper$5 = "wrapper-Q13-g";
 var confContainer = "conf-container-Sm5LL";
-var css_248z$F = ".wrapper-Q13-g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.conf-container-Sm5LL {\n  padding-top: 10px;\n  background: white;\n  color: black;\n  height: calc(100% - 40px);\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n}\n\n.darkmode .conf-container-Sm5LL {\n  border-color: #424242;\n  background: transparent;\n}\n";
-styleInject(css_248z$F);
+var css_248z$G = ".wrapper-Q13-g {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.conf-container-Sm5LL {\n  padding-top: 10px;\n  background: white;\n  color: black;\n  height: calc(100% - 40px);\n  border-radius: 5px;\n  border: 1px solid #d9d9d9;\n  position: relative;\n  overflow: hidden;\n}\n\n.darkmode .conf-container-Sm5LL {\n  border-color: #424242;\n  background: transparent;\n}\n";
+styleInject(css_248z$G);
 
 var wrapper$4 = "wrapper-IcNC5";
 var select$2 = "select-jVMz-";
-var css_248z$E = ".wrapper-IcNC5 {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-jVMz- {\n  z-index: 1000;\n  flex: 1;\n  max-width: calc(100% - 48px);\n}\n";
-styleInject(css_248z$E);
+var css_248z$F = ".wrapper-IcNC5 {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-jVMz- {\n  z-index: 1000;\n  flex: 1;\n  max-width: calc(100% - 48px);\n}\n";
+styleInject(css_248z$F);
 
 function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -52576,8 +53290,8 @@ function useWysiwyg(_ref) {
 
 var wrapper$3 = "wrapper-NYRLn";
 var select$1 = "select-K2SWc";
-var css_248z$D = ".wrapper-NYRLn {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-K2SWc {\n  z-index: 1000;\n  flex: 1;\n}\n";
-styleInject(css_248z$D);
+var css_248z$E = ".wrapper-NYRLn {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-K2SWc {\n  z-index: 1000;\n  flex: 1;\n}\n";
+styleInject(css_248z$E);
 
 var resolveSeriesName = function resolveSeriesName(names, language) {
   var _ref, _ref2, _names$language$toUpp;
@@ -52653,8 +53367,8 @@ var CatalogSelection$1 = observer(CatalogSelection);
 
 var wrapper$2 = "wrapper-QpeRc";
 var select = "select-irxxn";
-var css_248z$C = ".wrapper-QpeRc {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-irxxn {\n  z-index: 1000;\n  flex: 1;\n  max-width: calc(100% - 48px);\n}\n";
-styleInject(css_248z$C);
+var css_248z$D = ".wrapper-QpeRc {\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.select-irxxn {\n  z-index: 1000;\n  flex: 1;\n  max-width: calc(100% - 48px);\n}\n";
+styleInject(css_248z$D);
 
 var LanguageSelection = function LanguageSelection(_ref) {
   var _ref$state = _ref.state,
@@ -52696,8 +53410,8 @@ var LanguageSelection = function LanguageSelection(_ref) {
 var LanguageSelection$1 = observer(LanguageSelection);
 
 var notice$1 = "notice-9Niqp";
-var css_248z$B = ".notice-9Niqp {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  z-index: 10;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 12px;\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.65);\n  cursor: pointer;\n}\n\n.darkmode .notice-9Niqp {\n  background: rgba(255, 255, 255, 0.12);\n  color: rgba(255, 255, 255, 0.75);\n}\n";
-styleInject(css_248z$B);
+var css_248z$C = ".notice-9Niqp {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  z-index: 10;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 12px;\n  background: rgba(0, 0, 0, 0.06);\n  color: rgba(0, 0, 0, 0.65);\n  cursor: pointer;\n}\n\n.darkmode .notice-9Niqp {\n  background: rgba(255, 255, 255, 0.12);\n  color: rgba(255, 255, 255, 0.75);\n}\n";
+styleInject(css_248z$C);
 
 /**
  * The configurator's side of refresh-on-use: coming into view with an instance a committed write left stale reloads it;
@@ -54377,8 +55091,8 @@ var refThumbSelected = "refThumbSelected-UnCbx";
 var refThumbRemove = "refThumbRemove-HlsBp";
 var refOrderBadge = "refOrderBadge-r-h2t";
 var fullscreenGallerySwiper = "fullscreenGallerySwiper-y-BWH";
-var css_248z$A = ".root-faX1F {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 0;\n  flex: 1 1 0;\n  height: 100%;\n  min-height: 200px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n/* ---- Three-pane chat layout ---- */\n.layout-M1UuF {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  min-height: 0;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.center-viyyO {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.centerDropActive-Oe7lQ {\n  outline: 2px dashed #1677ff;\n  outline: 2px dashed var(--ant-color-primary, #1677ff);\n  outline-offset: -4px;\n}\n\n.centerDropHint-ynn96 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  bottom: 12px;\n  left: 12px;\n  border: 2px dashed #1677ff;\n  border: 2px dashed var(--ant-color-primary, #1677ff);\n  background: color-mix(in srgb, #e6f4ff 72%, transparent);\n  background: color-mix(in srgb, var(--ant-color-primary-bg, #e6f4ff) 72%, transparent);\n  color: #1677ff;\n  color: var(--ant-color-primary, #1677ff);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 600;\n  pointer-events: none;\n  z-index: 2;\n}\n\n/* ---- Sidebar ---- */\n.sidebar-J4Fpm {\n  display: flex;\n  flex-direction: column;\n  flex: 0 0 220px;\n  width: 220px;\n  min-width: 200px;\n  height: 100%;\n  min-height: 0;\n  border-right: 1px solid #e8e8e8;\n  border-right: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  background: #fafafa;\n  background: var(--ant-color-fill-quaternary, #fafafa);\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: flex-basis 0.18s ease, width 0.18s ease, min-width 0.18s ease;\n}\n\n.sidebarCollapsed-7UyPq {\n  flex: 0 0 36px;\n  width: 36px;\n  min-width: 36px;\n}\n\n.sidebarHeader-1mf-N {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  border-bottom: 1px solid #e8e8e8;\n  border-bottom: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  font-weight: 600;\n  font-size: 12px;\n  flex-shrink: 0;\n}\n\n.sidebarCollapsed-7UyPq .sidebarHeader-1mf-N {\n  padding: 6px 4px;\n  justify-content: center;\n}\n\n.sidebarTitle-9f1-a {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sidebarActions-2aSHR {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.sidebarCollapsedActions-XIntB {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 0;\n}\n\n.sidebarList-hAXzv {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  flex: 1;\n  min-height: 0;\n}\n\n.sidebarItem-A29X0 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n  padding: 6px 10px;\n  cursor: pointer;\n  font-size: 12px;\n  border-left: 2px solid transparent;\n}\n\n.sidebarItem-A29X0:hover {\n  background: #f0f0f0;\n  background: var(--ant-color-fill-tertiary, #f0f0f0);\n}\n\n.sidebarItemActive-Xro0V {\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n  border-left-color: #1677ff;\n  border-left-color: var(--ant-color-primary, #1677ff);\n}\n\n.sidebarItemTitle-8wWaj {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sidebarItemActions-Nk8K4 {\n  display: none;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.sidebarItemRename-ogfZC {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n\n.sidebarItemRename-ogfZC .ant-input {\n  flex: 1;\n  min-width: 0;\n}\n\n.sidebarItem-A29X0:hover .sidebarItemActions-Nk8K4,\n.sidebarItemActive-Xro0V .sidebarItemActions-Nk8K4 {\n  display: inline-flex;\n}\n\n.sidebarEmpty-FYvqJ {\n  padding: 16px 12px;\n  font-size: 12px;\n  opacity: 0.65;\n  text-align: center;\n}\n\n.sidebarFooter-iQ7Nf {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px;\n  border-top: 1px solid #e8e8e8;\n  border-top: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  font-size: 11px;\n  flex-shrink: 0;\n}\n\n.sidebarFooterLabel-vy635 {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  opacity: 0.7;\n}\n\n.sidebarFooterTotal-wl9LE {\n  font-weight: 600;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n.sidebarFooterCollapsed-m16Gv {\n  justify-content: center;\n  padding: 6px 2px;\n  font-weight: 600;\n  font-size: 10px;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n/* ---- Chat thread ---- */\n.thread-8qRwV {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  /* Prevent wheel-scroll chaining into the outer toolbar `.container` (overflow: auto), */\n  /* which would otherwise drag the sidebar along when the chat is scrolled. */\n  overscroll-behavior: contain;\n  box-sizing: border-box;\n}\n\n.bubbleRow-UALRR {\n  display: flex;\n  width: 100%;\n}\n\n.bubbleRowUser-Aa3PM {\n  justify-content: flex-end;\n}\n\n.bubbleRowAssistant-WCc4Y {\n  justify-content: flex-start;\n}\n\n.bubble-bavdV {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  max-width: 88%;\n  border-radius: 10px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.bubbleUser-nxEcz {\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n  border: 1px solid #91caff;\n  border: 1px solid var(--ant-color-primary-border, #91caff);\n  padding: 8px 10px;\n}\n\n.bubbleAssistant-ob-wr {\n  background: #fafafa;\n  background: var(--ant-color-fill-quaternary, #fafafa);\n  border: 1px solid #e8e8e8;\n  border: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  padding: 8px 10px;\n}\n\n.bubbleError-5wL8m {\n  border-color: #ffccc7;\n  border-color: var(--ant-color-error-border, #ffccc7);\n  background: #fff2f0;\n  background: var(--ant-color-error-bg, #fff2f0);\n}\n\n.bubblePrompt-qn6rA {\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.bubbleCaption-W79k0 {\n  font-size: 11px;\n  opacity: 0.78;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0 2px;\n}\n\n.bubbleImageGrid-UVzXc {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  grid-gap: 6px;\n  gap: 6px;\n}\n\n.bubbleImageItem-CGiZz {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.bubbleImageCost-B2PYt {\n  font-size: 10.5px;\n  line-height: 1.2;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n  opacity: 0.7;\n  text-align: right;\n  padding: 0 2px;\n}\n\n/* Pending/error rows use plain flex so spinner + label + cancel stay on one line. */\n.bubblePending-4Q3z9 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 4px 4px;\n  min-width: 0;\n}\n\n.bubblePendingLabel-fll-a {\n  flex: 1 1 auto;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 1.3;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.bubbleErrorBody-LZG-A {\n  padding: 8px 4px;\n  font-size: 13px;\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n.threadActions-fpeBf {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0 8px;\n  margin-top: 2px;\n}\n\n.emptyState-YK-o7 {\n  margin: auto;\n  padding: 24px;\n  text-align: center;\n  font-size: 13px;\n  opacity: 0.6;\n}\n\n/* ---- Message images ---- */\n.messageImg-i3Rcg {\n  display: block;\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.messageImg-i3Rcg img {\n  display: block;\n  width: 100%;\n  height: auto;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n/* ---- Composer ---- */\n.composer-dJW7x {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px 12px 12px;\n  border-top: 1px solid #e8e8e8;\n  border-top: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  position: relative;\n}\n\n.composerRefRow-XCqFN {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n/* Hint shown in the composer once the chat has produced its first image: every\n * follow-up automatically refines that image, so reference uploads are hidden. */\n.composerFollowUpHint-6VH61 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  font-size: 11.5px;\n  line-height: 1.4;\n  color: rgba(0, 0, 0, 0.65);\n  color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.65));\n  background: #fafafa;\n  background: var(--ant-color-fill-quaternary, #fafafa);\n  border: 1px dashed #e8e8e8;\n  border: 1px dashed var(--ant-color-border-secondary, #e8e8e8);\n  border-radius: 6px;\n}\n\n.composerTextareaRow-1pKrk {\n  display: block;\n  width: 100%;\n}\n\n.composerTextareaRow-1pKrk .ant-input,\n.composerTextareaRow-1pKrk textarea {\n  width: 100%;\n  resize: vertical;\n}\n\n.composerToolbarRow-c05wd {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n}\n\n.composerSpacer-kQKVK {\n  flex: 1;\n}\n\n.hiddenFileInput-XdLJ3 {\n  display: none;\n}\n\n.composerSettings-As0sF {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 280px;\n}\n\n.composerSettingsRow-8v1xx {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  justify-content: space-between;\n}\n\n/* ---- Reference image thumbnails (composer) ---- */\n.refThumbRow-KlFhj {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n}\n\n.refThumb-d--qS {\n  position: relative;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: pointer;\n  background: #f5f5f5;\n  background: var(--ant-color-fill-secondary, #f5f5f5);\n  flex-shrink: 0;\n}\n\n.refThumb-d--qS img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.refThumb-d--qS:hover {\n  border-color: #91caff;\n  border-color: var(--ant-color-primary-border-hover, #91caff);\n}\n\n.refThumbSelected-UnCbx {\n  border-color: #1677ff;\n  border-color: var(--ant-color-primary, #1677ff);\n  box-shadow: 0 0 0 1px #1677ff;\n  box-shadow: 0 0 0 1px var(--ant-color-primary, #1677ff);\n}\n\n.refThumbRemove-HlsBp {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border-radius: 50%;\n  border: 1px solid #d9d9d9;\n  border: 1px solid var(--ant-color-border, #d9d9d9);\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  color: rgba(0, 0, 0, 0.65);\n  color: var(--ant-color-text, rgba(0, 0, 0, 0.65));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n\n.refThumbRemove-HlsBp:hover {\n  border-color: #ff4d4f;\n  border-color: var(--ant-color-error, #ff4d4f);\n  color: #ff4d4f;\n  color: var(--ant-color-error, #ff4d4f);\n}\n\n.refOrderBadge-r-h2t {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #1677ff;\n  background: var(--ant-color-primary, #1677ff);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  pointer-events: none;\n  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);\n}\n\n/* ---- Fullscreen gallery (image lightbox) ---- */\n.fullscreenGallerySwiper-y-BWH {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 220px;\n  box-sizing: border-box;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-slide {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-prev,\n.fullscreenGallerySwiper-y-BWH .swiper-button-next {\n  width: 40px;\n  height: 40px;\n  margin-top: 0;\n  top: 42%;\n  color: rgba(255, 255, 255, 0.95);\n  background: transparent;\n  border-radius: 0;\n  box-shadow: none;\n  text-shadow: 0 0 8px rgba(0, 0, 0, 0.85), 0 1px 3px rgba(0, 0, 0, 0.9);\n  z-index: 2;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-prev::after,\n.fullscreenGallerySwiper-y-BWH .swiper-button-next::after {\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-prev {\n  left: 10px;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-next {\n  right: 10px;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-disabled {\n  opacity: 0.28;\n  pointer-events: none;\n}\n";
-styleInject(css_248z$A);
+var css_248z$B = ".root-faX1F {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  padding: 0;\n  flex: 1 1 0;\n  height: 100%;\n  min-height: 200px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n/* ---- Three-pane chat layout ---- */\n.layout-M1UuF {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  min-height: 0;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.center-viyyO {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.centerDropActive-Oe7lQ {\n  outline: 2px dashed #1677ff;\n  outline: 2px dashed var(--ant-color-primary, #1677ff);\n  outline-offset: -4px;\n}\n\n.centerDropHint-ynn96 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n  bottom: 12px;\n  left: 12px;\n  border: 2px dashed #1677ff;\n  border: 2px dashed var(--ant-color-primary, #1677ff);\n  background: color-mix(in srgb, #e6f4ff 72%, transparent);\n  background: color-mix(in srgb, var(--ant-color-primary-bg, #e6f4ff) 72%, transparent);\n  color: #1677ff;\n  color: var(--ant-color-primary, #1677ff);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  font-size: 14px;\n  font-weight: 600;\n  pointer-events: none;\n  z-index: 2;\n}\n\n/* ---- Sidebar ---- */\n.sidebar-J4Fpm {\n  display: flex;\n  flex-direction: column;\n  flex: 0 0 220px;\n  width: 220px;\n  min-width: 200px;\n  height: 100%;\n  min-height: 0;\n  border-right: 1px solid #e8e8e8;\n  border-right: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  background: #fafafa;\n  background: var(--ant-color-fill-quaternary, #fafafa);\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: flex-basis 0.18s ease, width 0.18s ease, min-width 0.18s ease;\n}\n\n.sidebarCollapsed-7UyPq {\n  flex: 0 0 36px;\n  width: 36px;\n  min-width: 36px;\n}\n\n.sidebarHeader-1mf-N {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  border-bottom: 1px solid #e8e8e8;\n  border-bottom: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  font-weight: 600;\n  font-size: 12px;\n  flex-shrink: 0;\n}\n\n.sidebarCollapsed-7UyPq .sidebarHeader-1mf-N {\n  padding: 6px 4px;\n  justify-content: center;\n}\n\n.sidebarTitle-9f1-a {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sidebarActions-2aSHR {\n  display: flex;\n  gap: 4px;\n  flex-shrink: 0;\n}\n\n.sidebarCollapsedActions-XIntB {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 0;\n}\n\n.sidebarList-hAXzv {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  flex: 1;\n  min-height: 0;\n}\n\n.sidebarItem-A29X0 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 6px;\n  padding: 6px 10px;\n  cursor: pointer;\n  font-size: 12px;\n  border-left: 2px solid transparent;\n}\n\n.sidebarItem-A29X0:hover {\n  background: #f0f0f0;\n  background: var(--ant-color-fill-tertiary, #f0f0f0);\n}\n\n.sidebarItemActive-Xro0V {\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n  border-left-color: #1677ff;\n  border-left-color: var(--ant-color-primary, #1677ff);\n}\n\n.sidebarItemTitle-8wWaj {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.sidebarItemActions-Nk8K4 {\n  display: none;\n  align-items: center;\n  gap: 2px;\n  flex-shrink: 0;\n}\n\n.sidebarItemRename-ogfZC {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n\n.sidebarItemRename-ogfZC .ant-input {\n  flex: 1;\n  min-width: 0;\n}\n\n.sidebarItem-A29X0:hover .sidebarItemActions-Nk8K4,\n.sidebarItemActive-Xro0V .sidebarItemActions-Nk8K4 {\n  display: inline-flex;\n}\n\n.sidebarEmpty-FYvqJ {\n  padding: 16px 12px;\n  font-size: 12px;\n  opacity: 0.65;\n  text-align: center;\n}\n\n.sidebarFooter-iQ7Nf {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 10px;\n  border-top: 1px solid #e8e8e8;\n  border-top: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  font-size: 11px;\n  flex-shrink: 0;\n}\n\n.sidebarFooterLabel-vy635 {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  opacity: 0.7;\n}\n\n.sidebarFooterTotal-wl9LE {\n  font-weight: 600;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n.sidebarFooterCollapsed-m16Gv {\n  justify-content: center;\n  padding: 6px 2px;\n  font-weight: 600;\n  font-size: 10px;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n/* ---- Chat thread ---- */\n.thread-8qRwV {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 12px;\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  /* Prevent wheel-scroll chaining into the outer toolbar `.container` (overflow: auto), */\n  /* which would otherwise drag the sidebar along when the chat is scrolled. */\n  overscroll-behavior: contain;\n  box-sizing: border-box;\n}\n\n.bubbleRow-UALRR {\n  display: flex;\n  width: 100%;\n}\n\n.bubbleRowUser-Aa3PM {\n  justify-content: flex-end;\n}\n\n.bubbleRowAssistant-WCc4Y {\n  justify-content: flex-start;\n}\n\n.bubble-bavdV {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  max-width: 88%;\n  border-radius: 10px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.bubbleUser-nxEcz {\n  background: #e6f4ff;\n  background: var(--ant-color-primary-bg, #e6f4ff);\n  border: 1px solid #91caff;\n  border: 1px solid var(--ant-color-primary-border, #91caff);\n  padding: 8px 10px;\n}\n\n.bubbleAssistant-ob-wr {\n  background: #fafafa;\n  background: var(--ant-color-fill-quaternary, #fafafa);\n  border: 1px solid #e8e8e8;\n  border: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  padding: 8px 10px;\n}\n\n.bubbleError-5wL8m {\n  border-color: #ffccc7;\n  border-color: var(--ant-color-error-border, #ffccc7);\n  background: #fff2f0;\n  background: var(--ant-color-error-bg, #fff2f0);\n}\n\n.bubblePrompt-qn6rA {\n  white-space: pre-wrap;\n  word-break: break-word;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.bubbleCaption-W79k0 {\n  font-size: 11px;\n  opacity: 0.78;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0 2px;\n}\n\n.bubbleImageGrid-UVzXc {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  grid-gap: 6px;\n  gap: 6px;\n}\n\n.bubbleImageItem-CGiZz {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.bubbleImageCost-B2PYt {\n  font-size: 10.5px;\n  line-height: 1.2;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n  opacity: 0.7;\n  text-align: right;\n  padding: 0 2px;\n}\n\n/* Pending/error rows use plain flex so spinner + label + cancel stay on one line. */\n.bubblePending-4Q3z9 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 4px 4px;\n  min-width: 0;\n}\n\n.bubblePendingLabel-fll-a {\n  flex: 1 1 auto;\n  min-width: 0;\n  font-size: 13px;\n  line-height: 1.3;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.bubbleErrorBody-LZG-A {\n  padding: 8px 4px;\n  font-size: 13px;\n  line-height: 1.4;\n  word-break: break-word;\n}\n\n.threadActions-fpeBf {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0 8px;\n  margin-top: 2px;\n}\n\n.emptyState-YK-o7 {\n  margin: auto;\n  padding: 24px;\n  text-align: center;\n  font-size: 13px;\n  opacity: 0.6;\n}\n\n/* ---- Message images ---- */\n.messageImg-i3Rcg {\n  display: block;\n  width: 100%;\n  padding: 0;\n  margin: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.messageImg-i3Rcg img {\n  display: block;\n  width: 100%;\n  height: auto;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n/* ---- Composer ---- */\n.composer-dJW7x {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px 12px 12px;\n  border-top: 1px solid #e8e8e8;\n  border-top: 1px solid var(--ant-color-border-secondary, #e8e8e8);\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  position: relative;\n}\n\n.composerRefRow-XCqFN {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n/* Hint shown in the composer once the chat has produced its first image: every\n * follow-up automatically refines that image, so reference uploads are hidden. */\n.composerFollowUpHint-6VH61 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  font-size: 11.5px;\n  line-height: 1.4;\n  color: rgba(0, 0, 0, 0.65);\n  color: var(--ant-color-text-secondary, rgba(0, 0, 0, 0.65));\n  background: #fafafa;\n  background: var(--ant-color-fill-quaternary, #fafafa);\n  border: 1px dashed #e8e8e8;\n  border: 1px dashed var(--ant-color-border-secondary, #e8e8e8);\n  border-radius: 6px;\n}\n\n.composerTextareaRow-1pKrk {\n  display: block;\n  width: 100%;\n}\n\n.composerTextareaRow-1pKrk .ant-input,\n.composerTextareaRow-1pKrk textarea {\n  width: 100%;\n  resize: vertical;\n}\n\n.composerToolbarRow-c05wd {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n}\n\n.composerSpacer-kQKVK {\n  flex: 1;\n}\n\n.hiddenFileInput-XdLJ3 {\n  display: none;\n}\n\n.composerSettings-As0sF {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 280px;\n}\n\n.composerSettingsRow-8v1xx {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  justify-content: space-between;\n}\n\n/* ---- Reference image thumbnails (composer) ---- */\n.refThumbRow-KlFhj {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n}\n\n.refThumb-d--qS {\n  position: relative;\n  width: 44px;\n  height: 44px;\n  padding: 0;\n  border: 2px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  cursor: pointer;\n  background: #f5f5f5;\n  background: var(--ant-color-fill-secondary, #f5f5f5);\n  flex-shrink: 0;\n}\n\n.refThumb-d--qS img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.refThumb-d--qS:hover {\n  border-color: #91caff;\n  border-color: var(--ant-color-primary-border-hover, #91caff);\n}\n\n.refThumbSelected-UnCbx {\n  border-color: #1677ff;\n  border-color: var(--ant-color-primary, #1677ff);\n  box-shadow: 0 0 0 1px #1677ff;\n  box-shadow: 0 0 0 1px var(--ant-color-primary, #1677ff);\n}\n\n.refThumbRemove-HlsBp {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  width: 16px;\n  height: 16px;\n  padding: 0;\n  border-radius: 50%;\n  border: 1px solid #d9d9d9;\n  border: 1px solid var(--ant-color-border, #d9d9d9);\n  background: #fff;\n  background: var(--ant-color-bg-container, #fff);\n  color: rgba(0, 0, 0, 0.65);\n  color: var(--ant-color-text, rgba(0, 0, 0, 0.65));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n}\n\n.refThumbRemove-HlsBp:hover {\n  border-color: #ff4d4f;\n  border-color: var(--ant-color-error, #ff4d4f);\n  color: #ff4d4f;\n  color: var(--ant-color-error, #ff4d4f);\n}\n\n.refOrderBadge-r-h2t {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  min-width: 16px;\n  height: 16px;\n  padding: 0 4px;\n  border-radius: 8px;\n  background: #1677ff;\n  background: var(--ant-color-primary, #1677ff);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 16px;\n  text-align: center;\n  pointer-events: none;\n  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);\n}\n\n/* ---- Fullscreen gallery (image lightbox) ---- */\n.fullscreenGallerySwiper-y-BWH {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 220px;\n  box-sizing: border-box;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-slide {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-prev,\n.fullscreenGallerySwiper-y-BWH .swiper-button-next {\n  width: 40px;\n  height: 40px;\n  margin-top: 0;\n  top: 42%;\n  color: rgba(255, 255, 255, 0.95);\n  background: transparent;\n  border-radius: 0;\n  box-shadow: none;\n  text-shadow: 0 0 8px rgba(0, 0, 0, 0.85), 0 1px 3px rgba(0, 0, 0, 0.9);\n  z-index: 2;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-prev::after,\n.fullscreenGallerySwiper-y-BWH .swiper-button-next::after {\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-prev {\n  left: 10px;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-next {\n  right: 10px;\n}\n\n.fullscreenGallerySwiper-y-BWH .swiper-button-disabled {\n  opacity: 0.28;\n  pointer-events: none;\n}\n";
+styleInject(css_248z$B);
 
 function ChatComposer(_ref) {
   var settings = _ref.settings,
@@ -57197,6 +57911,293 @@ var AiPromptImageTester = observer(function (_ref) {
   });
 });
 
+var container$2 = "container---jaU";
+var toolbar$1 = "toolbar--V49P";
+var list$3 = "list-aEthS";
+var row = "row-7lWfC";
+var rowSet = "row-set-PSXTv";
+var rowMissing = "row-missing-n2q6H";
+var header$2 = "header-V879b";
+var expander = "expander-bnBV0";
+var name = "name-w0XXx";
+var required = "required-kIdDU";
+var kind = "kind-x6v0Y";
+var insertButton = "insert-button-XjeDu";
+var description = "description-sJ7Ff";
+var value = "value-Fjv04";
+var details = "details-E0CmI";
+var chip = "chip-sg51F";
+var chipDashed = "chip-dashed-vMu92";
+var overridden = "overridden-y5EdA";
+var setHere = "set-here-2qOC2";
+var detailLabel = "detail-label-fJ3-Y";
+var css_248z$A = ".container---jaU {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n.toolbar--V49P {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 8px;\n}\n\n.list-aEthS {\n  flex: 1;\n  overflow: auto;\n}\n\n.row-7lWfC {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 8px 8px 6px;\n  border-bottom: 1px solid #f0f0f0;\n  border-left: 3px solid transparent;\n}\n\n.darkmode .row-7lWfC {\n  border-bottom-color: #303030;\n}\n\n/* Only what differs from the default is coloured: blue for this layer, orange for a problem */\n.row-7lWfC.row-set-PSXTv {\n  border-left-color: #1677ff;\n}\n\n.row-7lWfC.row-missing-n2q6H {\n  border-left-color: #faad14;\n}\n\n.header-V879b {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.expander-bnBV0 {\n  font-size: 10px;\n  width: 12px;\n}\n\n.name-w0XXx {\n  font-family: monospace;\n  font-weight: 600;\n}\n\n.required-kIdDU {\n  color: #faad14;\n  cursor: help;\n}\n\n.kind-x6v0Y {\n  margin-left: auto;\n  font-size: 12px;\n}\n\n.insert-button-XjeDu {\n  flex-shrink: 0;\n}\n\n.description-sJ7Ff,\n.value-Fjv04,\n.details-E0CmI {\n  margin-left: 18px;\n}\n\n.description-sJ7Ff {\n  font-size: 12px;\n}\n\n.value-Fjv04 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 2px 8px;\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n[dir=\"ltr\"] .chip-sg51F {\n  margin-right: 0;\n}\n\n[dir=\"rtl\"] .chip-sg51F {\n  margin-left: 0;\n}\n\n.chip-sg51F {\n  font-family: monospace;\n}\n\n.chip-sg51F.chip-dashed-vMu92 {\n  border-style: dashed;\n}\n\n/* The configuration's value that an environment variable replaces */\n.chip-sg51F.overridden-y5EdA {\n  text-decoration: line-through;\n  opacity: 0.6;\n}\n\n.row-7lWfC .set-here-2qOC2 {\n  color: #1677ff;\n}\n\n.details-E0CmI {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  grid-gap: 4px 10px;\n  gap: 4px 10px;\n  margin-top: 6px;\n  padding: 8px;\n  font-size: 12px;\n  border-radius: 4px;\n  background: rgba(0, 0, 0, 0.03);\n}\n\n.darkmode .details-E0CmI {\n  background: rgba(255, 255, 255, 0.04);\n}\n\n.detail-label-fJ3-Y {\n  opacity: 0.65;\n}\n";
+styleInject(css_248z$A);
+
+/** Long values are cut in the chip; the details show them whole */
+var maxValueLength = 28;
+
+/**
+ * Lists every setting the schema of the edited configuration's type describes: its description, the value that applies and where
+ * it comes from, with details on demand, and inserts a setting into the edited layer.
+ */
+var ConfigSettings = function ConfigSettings(_ref) {
+  var _tool$parameters;
+  var tool = _ref.tool;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    search = _useState2[0],
+    setSearch = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    onlyMissing = _useState4[0],
+    setOnlyMissing = _useState4[1];
+  var _useState5 = useState(new Set()),
+    _useState6 = _slicedToArray(_useState5, 2),
+    expanded = _useState6[0],
+    setExpanded = _useState6[1];
+  var _ref2 = (_tool$parameters = tool.parameters) !== null && _tool$parameters !== void 0 ? _tool$parameters : {},
+    data = _ref2.data,
+    schema = _ref2.schema,
+    merged = _ref2.merged,
+    insert = _ref2.insert;
+  var states = useMemo(function () {
+    var _data$configParams;
+    return schema ? settingStates(schema, (_data$configParams = data === null || data === void 0 ? void 0 : data.configParams) !== null && _data$configParams !== void 0 ? _data$configParams : {}, merged) : [];
+  }, [schema, data, merged]);
+  if (!schema) {
+    return /*#__PURE__*/jsx("div", {
+      className: container$2,
+      children: /*#__PURE__*/jsx(Empty, {
+        description: t('backoffice.configSettings.noSchema')
+      })
+    });
+  }
+  var missingCount = states.filter(function (_ref3) {
+    var status = _ref3.status;
+    return status == 'missing';
+  }).length;
+  var term = search.toLowerCase();
+  var filtered = onlyMissing && missingCount > 0 || !!term;
+  var shown = states.filter(function (_ref4) {
+    var setting = _ref4.setting,
+      status = _ref4.status,
+      variable = _ref4.variable;
+    return (!onlyMissing || !missingCount || status == 'missing') && (!term || [setting.path, setting.description, variable].some(function (text) {
+      return text === null || text === void 0 ? void 0 : text.toLowerCase().includes(term);
+    }));
+  });
+  var toggle = function toggle(path) {
+    return setExpanded(function (current) {
+      var next = new Set(current);
+      if (!next["delete"](path)) next.add(path);
+      return next;
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: container$2,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: toolbar$1,
+      children: [missingCount > 0 && /*#__PURE__*/jsx(Alert, {
+        type: "warning",
+        showIcon: true,
+        message: t('backoffice.configSettings.missingCount', {
+          count: missingCount
+        }),
+        action: /*#__PURE__*/jsx(Button, {
+          size: "small",
+          onClick: function onClick() {
+            return setOnlyMissing(!onlyMissing);
+          },
+          children: t(onlyMissing ? 'backoffice.configSettings.showAll' : 'backoffice.configSettings.showOnlyMissing')
+        })
+      }), /*#__PURE__*/jsx(Input$1.Search, {
+        allowClear: true,
+        placeholder: t('backoffice.configSettings.search'),
+        onChange: function onChange(e) {
+          return setSearch(e.target.value);
+        }
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: list$3,
+      children: [shown.length == 0 && /*#__PURE__*/jsx(Empty, {
+        description: t('backoffice.configSettings.noMatch')
+      }), shown.map(function (state) {
+        return /*#__PURE__*/jsx(SettingRow, {
+          state: state,
+          fullPath: filtered,
+          open: expanded.has(state.setting.path),
+          onToggle: function onToggle() {
+            return toggle(state.setting.path);
+          },
+          insert: insert
+        }, state.setting.path);
+      })]
+    })]
+  });
+};
+
+/**
+ * @param fullPath whether to show the whole path - while filtering, the rows of the parents are not shown
+ */
+function SettingRow(_ref5) {
+  var state = _ref5.state,
+    fullPath = _ref5.fullPath,
+    open = _ref5.open,
+    onToggle = _ref5.onToggle,
+    insert = _ref5.insert;
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t;
+  var setting = state.setting,
+    status = state.status,
+    value$1 = state.value,
+    variable = state.variable;
+  var toInsert = valueToInsert(state);
+  var insertHint = setting.kind == 'object' ? t('backoffice.configSettings.insert') : status == 'inherited' || status == 'default' ? t('backoffice.configSettings.insertCurrent', {
+    value: shortValue(toInsert)
+  }) : setting["default"] !== undefined ? t('backoffice.configSettings.insertDefault', {
+    value: shortValue(toInsert)
+  }) : t('backoffice.configSettings.insert');
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(row, _defineProperty(_defineProperty({}, rowSet, status == 'set'), rowMissing, status == 'missing')),
+    style: {
+      marginLeft: fullPath ? 0 : setting.depth * 16
+    },
+    children: [/*#__PURE__*/jsxs("div", {
+      className: header$2,
+      onClick: onToggle,
+      children: [/*#__PURE__*/jsx("span", {
+        className: expander,
+        children: open ? /*#__PURE__*/jsx(DownOutlined, {}) : /*#__PURE__*/jsx(RightOutlined$2, {})
+      }), /*#__PURE__*/jsx(Typography.Text, {
+        className: name,
+        children: fullPath ? setting.path : setting.path.split('.').pop()
+      }), setting.required && /*#__PURE__*/jsx(Tooltip$1, {
+        title: t('backoffice.configSettings.requiredHint'),
+        children: /*#__PURE__*/jsx("span", {
+          className: required,
+          children: "*"
+        })
+      }), /*#__PURE__*/jsx(Typography.Text, {
+        type: "secondary",
+        className: kind,
+        children: t("backoffice.configSettings.types.".concat(setting.kind))
+      }), setting.plain && status != 'set' && status != 'environment' && insert && /*#__PURE__*/jsx(Tooltip$1, {
+        title: insertHint,
+        children: /*#__PURE__*/jsx(Button, {
+          className: insertButton,
+          size: "small",
+          type: "text",
+          icon: /*#__PURE__*/jsx(PlusOutlined$2, {}),
+          "aria-label": insertHint,
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            insert(setting.path, toInsert);
+          }
+        })
+      })]
+    }), setting.description && /*#__PURE__*/jsx(Typography.Text, {
+      className: description,
+      children: setting.description
+    }), setting.plain && (setting.kind != 'object' || status == 'missing') && /*#__PURE__*/jsxs("div", {
+      className: value,
+      children: [(status == 'set' || status == 'inherited' || status == 'default') && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Tag, {
+          color: status == 'set' ? 'blue' : undefined,
+          className: classNames(chip, _defineProperty({}, chipDashed, status != 'set')),
+          children: shortValue(value$1)
+        }), /*#__PURE__*/jsx(Tooltip$1, {
+          title: t("backoffice.configSettings.placeHint.".concat(status)),
+          children: /*#__PURE__*/jsx(Typography.Text, {
+            type: "secondary",
+            className: classNames(_defineProperty({}, setHere, status == 'set')),
+            children: t("backoffice.configSettings.place.".concat(status))
+          })
+        })]
+      }), status == 'environment' && /*#__PURE__*/jsxs(Fragment, {
+        children: [value$1 !== undefined && /*#__PURE__*/jsx(Tag, {
+          className: classNames(chip, chipDashed, overridden),
+          children: shortValue(value$1)
+        }), /*#__PURE__*/jsx(Tooltip$1, {
+          title: t('backoffice.configSettings.placeHint.environment'),
+          children: /*#__PURE__*/jsx(Typography.Text, {
+            type: "secondary",
+            children: t('backoffice.configSettings.place.environment')
+          })
+        })]
+      }), status == 'missing' && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Tag, {
+          color: "warning",
+          className: classNames(chip, chipDashed),
+          children: t('backoffice.configSettings.missingChip')
+        }), /*#__PURE__*/jsx(Typography.Text, {
+          type: "warning",
+          children: t('backoffice.configSettings.missingText')
+        })]
+      }), status == 'unset' && /*#__PURE__*/jsx(Typography.Text, {
+        type: "secondary",
+        children: t('backoffice.configSettings.notSet')
+      })]
+    }), open && /*#__PURE__*/jsxs("div", {
+      className: details,
+      children: [/*#__PURE__*/jsx("span", {
+        className: detailLabel,
+        children: t('backoffice.configSettings.details.path')
+      }), /*#__PURE__*/jsx(Typography.Text, {
+        code: true,
+        copyable: true,
+        children: setting.path
+      }), setting["default"] !== undefined && status != 'default' && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: detailLabel,
+          children: t('backoffice.configSettings.details.defaultValue')
+        }), /*#__PURE__*/jsx(Typography.Text, {
+          code: true,
+          children: valueText(setting["default"])
+        })]
+      }), setting.kind != 'object' && (status == 'set' || status == 'inherited' || status == 'default' || status == 'environment') && valueText(value$1).length > maxValueLength && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: detailLabel,
+          children: t('backoffice.configSettings.details.value')
+        }), /*#__PURE__*/jsx(Typography.Text, {
+          code: true,
+          children: valueText(value$1)
+        })]
+      }), setting["enum"] && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: detailLabel,
+          children: t('backoffice.configSettings.details.allowed')
+        }), /*#__PURE__*/jsx(Typography.Text, {
+          children: setting["enum"].map(function (option) {
+            return JSON.stringify(option);
+          }).join(' · ')
+        })]
+      }), variable && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: detailLabel,
+          children: t('backoffice.configSettings.details.environmentVariable')
+        }), /*#__PURE__*/jsx(Typography.Text, {
+          code: true,
+          copyable: true,
+          children: variable
+        })]
+      })]
+    })]
+  });
+}
+
+/** A string as it is, any other value as JSON */
+function valueText(value) {
+  var _JSON$stringify;
+  return typeof value == 'string' ? value : (_JSON$stringify = JSON.stringify(value)) !== null && _JSON$stringify !== void 0 ? _JSON$stringify : '';
+}
+function shortValue(value) {
+  var text = valueText(value);
+  return text.length > maxValueLength ? "".concat(text.slice(0, maxValueLength), "\u2026") : text;
+}
+
 var wrapper$1 = "wrapper-mF80Z";
 var empty$3 = "empty-ehsiR";
 var css_248z$z = ".wrapper-mF80Z {\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.empty-ehsiR {\n  padding: 16px;\n}\n";
@@ -95274,7 +96275,7 @@ var Toolbar = function Toolbar(_ref) {
       var isActive = !toolBar.hidden && t.id === ((_toolBar$currentOpenT2 = toolBar.currentOpenTool) === null || _toolBar$currentOpenT2 === void 0 ? void 0 : _toolBar$currentOpenT2.id);
       if (!isActive && t.unmountWhenClosed) return null;
       return /*#__PURE__*/jsx("div", {
-        className: classNames(container$4, _defineProperty({}, unpinnedRight, !toolBar.pinned && position === 'right')),
+        className: classNames(container$5, _defineProperty({}, unpinnedRight, !toolBar.pinned && position === 'right')),
         style: {
           display: isActive ? undefined : 'none',
           width: position === 'right' ? 'var(--toolbar-width)' : undefined,
@@ -95423,6 +96424,12 @@ function ToolElement(_ref3) {
         toolbar: toolbar
       });
       break;
+    case 'ConfigSettings':
+      Tool = /*#__PURE__*/jsx(ConfigSettings, {
+        tool: tool,
+        toolbar: toolbar
+      });
+      break;
   }
   var C = useMemo(function () {
     return tool.elementComponent;