@crystaldesign/diva-backoffice 26.7.0-beta.1 → 26.7.0-beta.10

package/build/esm/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React, { createElement, createContext, useState, useEffect, useRef, useMemo, forwardRef, useImperativeHandle, useCallback, createRef, useReducer, useContext, memo, useDeferredValue } from 'react';
 import 'antd/dist/reset.css';
-import { Modal as Modal$2, 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, 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, Breadcrumb, Result as Result$1, Tag, Badge, theme, Empty, notification, ConfigProvider, Layout, Drawer } 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, 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, Tag, Badge, theme, Empty, notification, ConfigProvider, Layout, Drawer } 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';
@@ -127,6 +127,7 @@ import WarningOutlined from '@ant-design/icons/lib/icons/WarningOutlined';
 import Modal$3 from 'antd/es/modal';
 import Spin$1 from 'antd/es/spin';
 import Flex from 'antd/es/flex';
+import Radio$1 from 'antd/es/radio';
 import EyeOutlined$1 from '@ant-design/icons/lib/icons/EyeOutlined';
 import { useTranslation as useTranslation$1 } from 'react-i18next';
 import InboxOutlined$1 from '@ant-design/icons/lib/icons/InboxOutlined';
@@ -134,7 +135,6 @@ import JSZip from 'jszip';
 import UploadOutlined$1 from '@ant-design/icons/lib/icons/UploadOutlined';
 import { GridError } from '@crystaldesign/spreadsheet/errors';
 import { MediaDetailCard } from '@crystaldesign/assetmanager';
-import { DropzoneAreaBase } from 'react-mui-dropzone';
 import ArrowLeftOutlined from '@ant-design/icons/ArrowLeftOutlined';
 import { Navigation as Navigation$1, Pagination, Mousewheel } from 'swiper/modules';
 import { Swiper, SwiperSlide } from 'swiper/react';
@@ -6028,458 +6028,8 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
       }]
     },
     TableRenderjobs: {
-      title: t('backoffice.table.renderjobs.title'),
-      type: 'Table',
-      canRefresh: true,
-      columns: [{
-        title: t('backoffice.table.renderjobs.columns.title'),
-        field: 'notes',
-        type: 'icon',
-        iconMapping: [{
-          icon: 'StopFilled',
-          value: 0,
-          message: t('backoffice.table.renderjobs.columns.iconmapping.renderjobold')
-        }, {
-          icon: 'ExclamationCircleFilled',
-          message: t('backoffice.table.renderjobs.columns.iconmapping.renderjobchangedoptions'),
-          value: 1
-        }],
-        sorter: 2,
-        width: 100,
-        align: 'center',
-        closeIcon: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.state'),
-        field: 'state',
-        sorter: 1,
-        color: [{
-          color: 'yellow',
-          onValues: ['Warning', 7],
-          operations: ['ct', 'eq'],
-          fields: ['stateHistory', 'state']
-        }, {
-          color: 'red',
-          onValues: ['Threat', 7],
-          operations: ['ct', 'eq'],
-          fields: ['stateHistory', 'state']
-        }],
-        filter: {
-          type: 'multiselect',
-          values: [{
-            value: 0,
-            label: 'renderjob.state.0'
-          }, {
-            value: 1,
-            label: 'renderjob.state.1'
-          }, {
-            value: 2,
-            label: 'renderjob.state.2'
-          }, {
-            value: 3,
-            label: 'renderjob.state.3'
-          }, {
-            value: 4,
-            label: 'renderjob.state.4'
-          }, {
-            value: 5,
-            label: 'renderjob.state.5'
-          }, {
-            value: 6,
-            label: 'renderjob.state.6'
-          }, {
-            value: 7,
-            label: 'renderjob.state.7'
-          }, {
-            value: 8,
-            label: 'renderjob.state.8'
-          }, {
-            value: 9,
-            label: 'renderjob.state.9'
-          }, {
-            value: 10,
-            label: 'renderjob.state.10'
-          }, {
-            value: 11,
-            label: 'renderjob.state.11'
-          }, {
-            value: 12,
-            label: 'renderjob.state.12'
-          }]
-        },
-        width: 200,
-        translationPrefix: 'renderjob.state',
-        type: 'string'
-      }, {
-        title: t('backoffice.table.renderjobs.columns.priority'),
-        sorter: 2,
-        filter: 'advanced',
-        field: 'priority',
-        width: 110
-      }, {
-        title: t('backoffice.table.renderjobs.columns.divaNr'),
-        field: 'divaNr',
-        filter: 'advanced',
-        sorter: 2,
-        width: 150
-      }, {
-        title: t('backoffice.table.renderjobs.columns.VariantId'),
-        field: 'divaNrVariantId',
-        filter: 'advanced',
-        sorter: 2,
-        width: 150
-      }, {
-        title: t('backoffice.table.renderjobs.columns.fileUrl'),
-        field: 'mediaItemRef',
-        width: 99,
-        type: 'mediaItem',
-        mediaItemViewerIdMode: 'ref',
-        align: 'center'
-      }, {
-        title: t('backoffice.table.renderjobs.columns.realTimeRenderUrl'),
-        field: 'realTimeRenderUrl',
-        width: 99,
-        type: 'media',
-        align: 'center'
-      }, {
-        title: t('backoffice.table.renderjobs.columns.job'),
-        field: 'job',
-        sorter: 3,
-        filter: 'advanced',
-        width: 200
-      }, {
-        title: t('backoffice.table.renderjobs.columns.fileName'),
-        field: 'fileName',
-        sorter: 3,
-        filter: 'advanced',
-        width: 200
-      }, {
-        title: t('backoffice.table.renderjobs.columns.group'),
-        field: 'group',
-        sorter: 11,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.viewPoint'),
-        field: 'viewPoint',
-        sorter: 4,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.renderScene'),
-        field: 'renderScene',
-        sorter: 10,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.engine'),
-        field: 'engine',
-        sorter: 10,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.supplierName'),
-        field: 'supplierName',
-        width: 300,
-        sorter: 11,
-        filter: 'advanced'
-      }, {
-        title: t('backoffice.table.renderjobs.columns.catalogName'),
-        field: 'catalogName',
-        sorter: 14,
-        filter: 'advanced',
-        width: 300
-      }, {
-        title: t('backoffice.table.renderjobs.columns.organizationName'),
-        field: 'organizationName',
-        sorter: 13,
-        filter: 'advanced',
-        width: 400
-      }, {
-        title: t('backoffice.table.renderjobs.columns.createdByName'),
-        field: 'createdByName',
-        sorter: 14,
-        filter: 'advanced',
-        width: 200
-      }, {
-        title: t('backoffice.table.renderjobs.columns.lastUpdated'),
-        field: 'lastUpdated',
-        sorter: 15,
-        type: 'unixTimeStamp',
-        defaultSortOrder: 'descend',
-        filter: 'interval',
-        width: 200
-      }, {
-        title: t('backoffice.table.renderjobs.columns.dracoCompression'),
-        field: 'dracoCompression',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.additionalPrompt'),
-        field: 'additionalPrompt',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.prompt'),
-        field: 'prompt',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.originPosition'),
-        field: 'originPosition',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.originRotation'),
-        field: 'originRotation',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.spawnLocation'),
-        field: 'spawnLocation',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.product'),
-        field: 'product',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.createdBy'),
-        field: 'createdBy',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.createdByEmail'),
-        field: 'createdByEmail',
-        hidden: true
-      }, {
-        title: t('backoffice.table.renderjobs.columns.organization'),
-        field: 'organization',
-        hidden: true
-      }, {
-        title: '_id',
-        field: '_id',
-        hidden: true
-      }, {
-        title: 'fileName',
-        field: 'fileName',
-        hidden: true
-      }, {
-        title: 'fileFormat',
-        field: 'fileFormat',
-        hidden: true
-      }, {
-        title: 'arViewerSetting',
-        field: 'arViewerSetting',
-        hidden: true
-      }, {
-        title: 'mediaItems',
-        field: 'mediaItems',
-        hidden: true
-      }, {
-        title: 'alternativeRendering',
-        field: 'alternativeRendering',
-        hidden: true
-      }, {
-        title: 'borderCM',
-        field: 'borderCM',
-        hidden: true
-      }, {
-        title: 'doHideShadow',
-        field: 'doHideShadow',
-        hidden: true
-      }, {
-        title: 'doRenderDoubleResolution',
-        field: 'doRenderDoubleResolution',
-        hidden: true
-      }, {
-        title: 'useTransparency',
-        field: 'useTransparency',
-        hidden: true
-      }, {
-        title: 'fileUrl',
-        field: 'fileUrl',
-        hidden: true
-      }, {
-        title: 'stateHistory',
-        field: 'stateHistory',
-        hidden: true
-      }, {
-        title: 'debugUser',
-        field: 'debugUser',
-        hidden: true
-      }],
-      apiInterface: {
-        read: {
-          list: '${mediaService}/renderjobs',
-          filterServerSide: true
-        },
-        update: {
-          url: '${mediaService}/renderjobs/{_id}',
-          method: 'PATCH',
-          jsonPatch: true
-        },
-        "delete": '${mediaService}/renderjobs/${id}'
-      },
-      bulkActions: [{
-        actionType: 'Modal',
-        type: 'Form',
-        id: 'FormRenderJobState',
-        title: t('backoffice.table.renderjobs.bulkActions.FormRenderJobState.title'),
-        label: t('backoffice.table.renderjobs.bulkActions.FormRenderJobState.label'),
-        rule: [{
-          match: {
-            sourceField: 'state'
-          }
-        }],
-        errorText: t('backoffice.table.renderjobs.bulkActions.FormRenderJobState.errorText'),
-        apiInterface: {
-          update: {
-            url: '${mediaService}/renderjobs/{_id}/state',
-            method: 'PATCH'
-          }
-        },
-        showProgressBar: true
-      }, {
-        actionType: 'Modal',
-        type: 'Form',
-        id: 'FormNameAddition',
-        title: t('backoffice.table.renderjobs.bulkActions.FormNameAddition.title'),
-        label: t('backoffice.table.renderjobs.bulkActions.FormNameAddition.label'),
-        errorText: t('backoffice.table.renderjobs.bulkActions.FormNameAddition.errorText'),
-        apiInterface: {
-          update: {
-            url: '${mediaService}/renderjobs/{_id}',
-            method: 'PATCH',
-            jsonPatch: true
-          }
-        },
-        rule: [{
-          lt: {
-            sourceField: 'state',
-            value: 3
-          }
-        }],
-        mapping: {
-          type: 'body',
-          map: [{
-            targetField: 'addition',
-            sourceField: 'addition'
-          }, {
-            sourceField: 'fileName',
-            targetField: 'fileName'
-          }]
-        },
-        apiCallbackMapping: {
-          type: 'body',
-          map: [{
-            sourceField: 'addition',
-            targetField: 'fileName',
-            setType: 'addToSourceValue'
-          }]
-        },
-        showProgressBar: true
-      }, {
-        actionType: 'Callback',
-        id: 'OpenRenderApprove',
-        label: t('backoffice.renderapprove.table.bulkAction.label'),
-        rule: [{
-          match: {
-            sourceField: 'state',
-            value: 7
-          }
-        }],
-        errorText: 'backoffice.renderapprove.table.bulkAction.errorText',
-        disableOnRuleMismatch: true,
-        callback: function callback(selectedRenderJobs) {
-          var renderJobIds = (selectedRenderJobs !== null && selectedRenderJobs !== void 0 ? selectedRenderJobs : []).map(function (job) {
-            return job === null || job === void 0 ? void 0 : job._id;
-          }).filter(Boolean);
-          if (renderJobIds.length === 0) return;
-          Modal$2.confirm({
-            title: t('backoffice.renderapprove.table.bulkAction.title'),
-            content: t('backoffice.renderapprove.table.bulkAction.content', {
-              count: renderJobIds.length
-            }),
-            okText: t('backoffice.renderapprove.table.bulkAction.okText'),
-            cancelText: t('backoffice.renderapprove.table.bulkAction.cancelText'),
-            onOk: function onOk() {
-              var search = "?renderJobIds=".concat(encodeURIComponent(renderJobIds.join(',')));
-              root.navigate("/admin/renderjobs/renderapprove".concat(search));
-            }
-          });
-        }
-      }],
-      deselectOnUpdate: false,
-      copyAction: {
-        apiInterface: {
-          create: '${mediaService}/renderjobs/${_id}/copy'
-        },
-        mapping: {
-          type: 'query',
-          map: [{
-            sourceField: '_id',
-            targetField: '_id'
-          }]
-        }
-      },
-      downloadAction: [{
-        actionType: 'Download',
-        id: 'DownloadRenderjobAction',
-        rule: [{
-          match: {
-            sourceField: 'state',
-            value: [12, 9, 8, 7]
-          }
-        }],
-        download: [{
-          type: 'request',
-          request: '${mediaService}/v1/assets/${mediaItems}/download',
-          mediaType: 'file',
-          mapping: {
-            type: 'query',
-            map: [{
-              sourceField: 'mediaItemRef',
-              targetField: 'mediaItems'
-            }]
-          }
-        }]
-      }],
-      rowAction: [{
-        actionType: 'Detail',
-        type: 'Form',
-        id: 'FormRenderjob',
-        title: t('backoffice.table.renderjobs.rowAction.FormRenderjob.title'),
-        description: [{
-          text: t('backoffice.table.renderjobs.rowAction.FormRenderjob.description.text')
-        }]
-      }, {
-        actionType: 'Detail',
-        type: 'List',
-        id: 'ListJobHistory',
-        title: t('backoffice.table.renderjobs.rowAction.ListJobHistory.title'),
-        label: t('backoffice.table.renderjobs.rowAction.ListJobHistory.label')
-      }, {
-        actionType: 'Detail',
-        type: 'ImageCropper',
-        id: 'CropperRenderJob',
-        title: t('backoffice.table.renderjobs.rowAction.CropperRenderJob.title'),
-        label: t('backoffice.table.renderjobs.rowAction.CropperRenderJob.label')
-      }, {
-        actionType: 'Download',
-        id: 'DownloadRequest',
-        icon: 'DownloadOutlined',
-        rule: [{
-          match: {
-            sourceField: 'state',
-            value: [5, 6, 7, 8, 9, 10, 11, 12]
-          }
-        }],
-        download: [{
-          type: 'request',
-          request: '${mediaService}/renderjobs/${_id}/hqRenderScript',
-          mapping: {
-            type: 'query',
-            map: [{
-              sourceField: '_id',
-              targetField: '_id'
-            }]
-          },
-          mediaType: 'json'
-        }]
-      }]
+      type: 'TableRenderJobs',
+      title: t('backoffice.table.renderjobs.title')
     },
     RenderApprove: {
       type: 'RenderApprove',
@@ -10251,7 +9801,7 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         tabgroup: t('backoffice.form.organizationdetails.campaignLandingPage'),
         type: 'colorPicker',
         hidden: function hidden(data) {
-          return (data === null || data === void 0 ? void 0 : data.type) !== 'CAMPAIGN' && (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILERCHILD' && (data === null || data === void 0 ? void 0 : data.type) !== 'RETAILER' && (data === null || data === void 0 ? void 0 : data.parentType) !== 'RETAILER';
+          return !showCampaignFields(data);
         }
       }, {
         name: ['settings', 'campaignSettings', 'theme', 'primaryColorLight'],
@@ -15114,7 +14664,7 @@ function getRenderjobMamStoragePredictionItems(t) {
   }];
 }
 var showCampaignFields = function showCampaignFields(data) {
-  return (data === null || data === void 0 ? void 0 : data.type) === 'CAMPAIGN' || (data === null || data === void 0 ? void 0 : data.type) === 'RETAILERCHILD' || (data === null || data === void 0 ? void 0 : data.type) === 'RETAILER' || (data === null || data === void 0 ? void 0 : data.parentType) === 'RETAILER';
+  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);
 };
 
 function styleInject(css, ref) {
@@ -31749,15 +31299,25 @@ function useTableData (_ref) {
     parentData = _ref.parentData,
     parentMapping = _ref.parentMapping,
     readListUrlOverride = _ref.readListUrlOverride,
-    genericType = _ref.genericType;
+    genericType = _ref.genericType,
+    configProp = _ref.config;
   var root = useStore();
   var baseConfiguration = useMemo(function () {
-    return root.configurationStore.getConfiguration(id, 'Table');
-  }, [id, i18n.language]);
+    return configProp !== null && configProp !== void 0 ? configProp : root.configurationStore.getConfiguration(id, 'Table');
+  }, [id, configProp, i18n.language]);
   var configuration = useMemo(function () {
     return mergeTableConfiguration(baseConfiguration, readListUrlOverride, genericType);
   }, [baseConfiguration, readListUrlOverride, genericType]);
   var apiHandler = useMemo(function () {
+    if (configProp) {
+      // Store entry is minimal (type+title only); pass the full apiInterface directly
+      var apiInterface = readListUrlOverride && _typeof(configProp.apiInterface) === 'object' && configProp.apiInterface.read ? _objectSpread$V(_objectSpread$V({}, configProp.apiInterface), {}, {
+        read: _objectSpread$V(_objectSpread$V({}, configProp.apiInterface.read), {}, {
+          list: readListUrlOverride
+        })
+      }) : configProp.apiInterface;
+      return root.getApiHandler(id, apiInterface);
+    }
     if (!readListUrlOverride) {
       return root.getApiHandler(id);
     }
@@ -31770,7 +31330,7 @@ function useTableData (_ref) {
       }));
     }
     return root.getApiHandler(id);
-  }, [id, readListUrlOverride, baseConfiguration, i18n.language, root]);
+  }, [id, configProp, readListUrlOverride, baseConfiguration, i18n.language, root]);
   var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
     selectedData = _useState2[0],
@@ -32806,7 +32366,7 @@ var AGGrid = /*#__PURE__*/memo(function (_ref) {
             _useState2 = _slicedToArray(_useState, 2),
             img = _useState2[0],
             setImg = _useState2[1];
-          return /*#__PURE__*/jsx(Image, {
+          return /*#__PURE__*/jsx(Image$1, {
             style: {
               height: '40px'
             },
@@ -36437,6 +35997,72 @@ var useLoadingModal = function useLoadingModal() {
   };
 };
 
+/**
+ * Hook that provides a dialog to let the user choose the catalog download version (4.0 or 4.1).
+ */
+var useCatalogVersionDialog = function useCatalogVersionDialog() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState('4.1'),
+    _useState4 = _slicedToArray(_useState3, 2),
+    version = _useState4[0],
+    setVersion = _useState4[1];
+  var resolveRef = useRef(null);
+  var selectVersion = useCallback(function () {
+    setVersion('4.1');
+    setOpen(true);
+    return new Promise(function (resolve) {
+      resolveRef.current = resolve;
+    });
+  }, []);
+  var handleOk = useCallback(function () {
+    var _resolveRef$current;
+    setOpen(false);
+    (_resolveRef$current = resolveRef.current) === null || _resolveRef$current === void 0 || _resolveRef$current.call(resolveRef, version);
+    resolveRef.current = null;
+  }, [version]);
+  var handleCancel = useCallback(function () {
+    var _resolveRef$current2;
+    setOpen(false);
+    (_resolveRef$current2 = resolveRef.current) === null || _resolveRef$current2 === void 0 || _resolveRef$current2.call(resolveRef, undefined);
+    resolveRef.current = null;
+  }, []);
+  var contextHolder = /*#__PURE__*/jsx(Modal$3, {
+    open: open,
+    title: t('backoffice.idmCatalog.download.versionDialog.title'),
+    onOk: handleOk,
+    onCancel: handleCancel,
+    okText: t('backoffice.idmCatalog.download.versionDialog.ok'),
+    cancelText: t('backoffice.idmCatalog.download.versionDialog.cancel'),
+    centered: true,
+    destroyOnClose: true,
+    children: /*#__PURE__*/jsx(Radio$1.Group, {
+      value: version,
+      onChange: function onChange(e) {
+        return setVersion(e.target.value);
+      },
+      children: /*#__PURE__*/jsxs(Space$1, {
+        direction: "vertical",
+        children: [/*#__PURE__*/jsx(Radio$1, {
+          value: "4.1",
+          children: t('backoffice.idmCatalog.download.versionDialog.v41')
+        }), /*#__PURE__*/jsx(Radio$1, {
+          value: "4.0",
+          children: t('backoffice.idmCatalog.download.versionDialog.v40')
+        })]
+      })
+    })
+  });
+  return {
+    selectVersion: selectVersion,
+    contextHolder: contextHolder
+  };
+};
+
 var TablePackages = observer(function () {
   var _root$dataStore$curre;
   var root = useStore();
@@ -36448,6 +36074,9 @@ var TablePackages = observer(function () {
     showErrorModal = modalState.showErrorModal,
     closeModal = modalState.closeModal,
     contextHolder = modalState.contextHolder;
+  var _useCatalogVersionDia = useCatalogVersionDialog(),
+    selectVersion = _useCatalogVersionDia.selectVersion,
+    versionDialogContextHolder = _useCatalogVersionDia.contextHolder;
   var _useEnricherContext = useEnricherContext([]),
     setSelectedPackage = _useEnricherContext.setSelectedPackage;
   var organizationId = root.dataStore.organizationId;
@@ -36516,36 +36145,59 @@ var TablePackages = observer(function () {
       action: function () {
         var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref4) {
           var _selectedNodes$0$data9, _selectedNodes$0$data10, _selectedNodes$0$data11, _selectedNodes$0$data12, _selectedNodes$0$data13;
-          var selectedNodes, url, alertTimeout, _selectedNodes$0$data14;
+          var selectedNodes, major, minor, isV41, version, selected, url, alertTimeout, _selectedNodes$0$data14;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 selectedNodes = _ref4.selectedNodes;
-                url = apiConfig.enricherService + '/packages/' + ((_selectedNodes$0$data9 = selectedNodes[0].data) === null || _selectedNodes$0$data9 === void 0 ? void 0 : _selectedNodes$0$data9._id) + '/catalog/v' + ((_selectedNodes$0$data10 = (_selectedNodes$0$data11 = selectedNodes[0].data) === null || _selectedNodes$0$data11 === void 0 ? void 0 : _selectedNodes$0$data11.major) !== null && _selectedNodes$0$data10 !== void 0 ? _selectedNodes$0$data10 : '3') + '.' + ((_selectedNodes$0$data12 = (_selectedNodes$0$data13 = selectedNodes[0].data) === null || _selectedNodes$0$data13 === void 0 ? void 0 : _selectedNodes$0$data13.minor) !== null && _selectedNodes$0$data12 !== void 0 ? _selectedNodes$0$data12 : '0'); // Show modal if download takes more than 3 seconds
+                major = (_selectedNodes$0$data9 = (_selectedNodes$0$data10 = selectedNodes[0].data) === null || _selectedNodes$0$data10 === void 0 ? void 0 : _selectedNodes$0$data10.major) !== null && _selectedNodes$0$data9 !== void 0 ? _selectedNodes$0$data9 : 3;
+                minor = (_selectedNodes$0$data11 = (_selectedNodes$0$data12 = selectedNodes[0].data) === null || _selectedNodes$0$data12 === void 0 ? void 0 : _selectedNodes$0$data12.minor) !== null && _selectedNodes$0$data11 !== void 0 ? _selectedNodes$0$data11 : 0;
+                isV41 = Number(major) === 4 && Number(minor) === 1;
+                if (!isV41) {
+                  _context.next = 13;
+                  break;
+                }
+                _context.next = 7;
+                return selectVersion();
+              case 7:
+                selected = _context.sent;
+                if (selected) {
+                  _context.next = 10;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 10:
+                version = selected;
+                _context.next = 14;
+                break;
+              case 13:
+                version = major + '.' + minor;
+              case 14:
+                url = apiConfig.enricherService + '/packages/' + ((_selectedNodes$0$data13 = selectedNodes[0].data) === null || _selectedNodes$0$data13 === void 0 ? void 0 : _selectedNodes$0$data13._id) + '/catalog/v' + version; // Show modal if download takes more than 3 seconds
                 alertTimeout = setTimeout(function () {
                   showLoadingModal(t('backoffice.idmEnricher.export.modaltext'));
                 }, 3000);
-                _context.prev = 3;
-                _context.next = 6;
+                _context.prev = 16;
+                _context.next = 19;
                 return downloadFile(url, root.dataStore.jwt, 'application/zip', ((_selectedNodes$0$data14 = selectedNodes[0].data) === null || _selectedNodes$0$data14 === void 0 ? void 0 : _selectedNodes$0$data14.name) + '.zip');
-              case 6:
+              case 19:
                 closeModal();
-                _context.next = 12;
+                _context.next = 25;
                 break;
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](3);
+              case 22:
+                _context.prev = 22;
+                _context.t0 = _context["catch"](16);
                 showErrorModal('File download failed:' + _context.t0);
-              case 12:
-                _context.prev = 12;
+              case 25:
+                _context.prev = 25;
                 // Clear the alert timeout once the download is complete or fails
                 clearTimeout(alertTimeout);
-                return _context.finish(12);
-              case 15:
+                return _context.finish(25);
+              case 28:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[3, 9, 12, 15]]);
+          }, _callee, null, [[16, 22, 25, 28]]);
         }));
         function action(_x) {
           return _action.apply(this, arguments);
@@ -36553,7 +36205,7 @@ var TablePackages = observer(function () {
         return action;
       }()
     }];
-  }, [apiConfig.enricherService, root.dataStore.jwt, canOpen, canDownload, getOpenIcon, getOpenTooltip, getDownloadTooltip, setSelectedPackage, showLoadingModal, showErrorModal, closeModal, t]);
+  }, [apiConfig.enricherService, root.dataStore.jwt, canOpen, canDownload, getOpenIcon, getOpenTooltip, getDownloadTooltip, setSelectedPackage, showLoadingModal, showErrorModal, closeModal, selectVersion, t]);
   var apiInterface = useMemo(function () {
     return {
       read: apiConfig.enricherService + '/packages?organizationId=' + organizationId,
@@ -36881,7 +36533,7 @@ var TablePackages = observer(function () {
       rowActions: rowActions,
       configuration: configuration,
       isRowEditable: isRowEditable
-    }), contextHolder]
+    }), contextHolder, versionDialogContextHolder]
   });
 });
 
@@ -41697,6 +41349,9 @@ var Catalogs = /*#__PURE__*/forwardRef(function Catalogs(_ref, ref) {
     showErrorModal = _useLoadingModal.showErrorModal,
     closeModal = _useLoadingModal.closeModal,
     contextHolder = _useLoadingModal.contextHolder;
+  var _useCatalogVersionDia = useCatalogVersionDialog(),
+    selectVersion = _useCatalogVersionDia.selectVersion,
+    versionDialogContextHolder = _useCatalogVersionDia.contextHolder;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId,
@@ -41715,35 +41370,57 @@ var Catalogs = /*#__PURE__*/forwardRef(function Catalogs(_ref, ref) {
       icon: /*#__PURE__*/jsx(DownloadOutlined$1, {}),
       action: function () {
         var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-          var selectedNodes, url, alertTimeout;
+          var selectedNodes, _selectedNodes$0$data, major, minor, isV41, version, selected, url, alertTimeout;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 selectedNodes = _ref3.selectedNodes;
-                url = apiConfig.idmService + '/catalogs/' + selectedNodes[0].data._id + '/complete/v' + selectedNodes[0].data.major + '.' + selectedNodes[0].data.minor;
+                _selectedNodes$0$data = selectedNodes[0].data, major = _selectedNodes$0$data.major, minor = _selectedNodes$0$data.minor;
+                isV41 = major === 4 && minor === 1;
+                if (!isV41) {
+                  _context.next = 12;
+                  break;
+                }
+                _context.next = 6;
+                return selectVersion();
+              case 6:
+                selected = _context.sent;
+                if (selected) {
+                  _context.next = 9;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 9:
+                version = selected;
+                _context.next = 13;
+                break;
+              case 12:
+                version = major + '.' + minor;
+              case 13:
+                url = apiConfig.idmService + '/catalogs/' + selectedNodes[0].data._id + '/complete/v' + version;
                 alertTimeout = setTimeout(function () {
                   showLoadingModal(t('backoffice.idmEnricher.export.modaltext'));
                 }, 3000);
-                _context.prev = 3;
-                _context.next = 6;
+                _context.prev = 15;
+                _context.next = 18;
                 return downloadFile(url, root.dataStore.jwt, 'application/zip', selectedNodes[0].data.name + '.zip');
-              case 6:
+              case 18:
                 closeModal();
-                _context.next = 12;
+                _context.next = 24;
                 break;
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](3);
+              case 21:
+                _context.prev = 21;
+                _context.t0 = _context["catch"](15);
                 showErrorModal('File download failed:' + _context.t0);
-              case 12:
-                _context.prev = 12;
+              case 24:
+                _context.prev = 24;
                 clearTimeout(alertTimeout);
-                return _context.finish(12);
-              case 15:
+                return _context.finish(24);
+              case 27:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[3, 9, 12, 15]]);
+          }, _callee, null, [[15, 21, 24, 27]]);
         }));
         function action(_x) {
           return _action.apply(this, arguments);
@@ -41790,7 +41467,7 @@ var Catalogs = /*#__PURE__*/forwardRef(function Catalogs(_ref, ref) {
         return action;
       }()
     }];
-  }, [setSelectedCatalog, apiConfig, showLoadingModal, showErrorModal, closeModal, t, root.dataStore.jwt]);
+  }, [setSelectedCatalog, apiConfig, showLoadingModal, showErrorModal, closeModal, selectVersion, t, root.dataStore.jwt]);
   var configuration = useMemo(function () {
     var versionsBase = apiConfig.idmService + '/catalogs/${_id}/versions';
     var apiInterface = {
@@ -42521,7 +42198,7 @@ var Catalogs = /*#__PURE__*/forwardRef(function Catalogs(_ref, ref) {
       rowActions: rowActions,
       configuration: configuration,
       hooks: hooks
-    }), contextHolder]
+    }), contextHolder, versionDialogContextHolder]
   });
 });
 
@@ -42543,6 +42220,9 @@ var IdmCatalogs = /*#__PURE__*/forwardRef(function IdmCatalogs(_ref, ref) {
     showErrorModal = _useLoadingModal.showErrorModal,
     closeModal = _useLoadingModal.closeModal,
     contextHolder = _useLoadingModal.contextHolder;
+  var _useCatalogVersionDia = useCatalogVersionDialog(),
+    selectVersion = _useCatalogVersionDia.selectVersion,
+    versionDialogContextHolder = _useCatalogVersionDia.contextHolder;
   var applicationData = useMemo(function () {
     return {
       organizationId: organizationId
@@ -42580,35 +42260,57 @@ var IdmCatalogs = /*#__PURE__*/forwardRef(function IdmCatalogs(_ref, ref) {
       icon: /*#__PURE__*/jsx(DownloadOutlined$1, {}),
       action: function () {
         var _action = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
-          var selectedNodes, url, alertTimeout;
+          var selectedNodes, _selectedNodes$0$data, major, minor, isV41, version, selected, url, alertTimeout;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 selectedNodes = _ref3.selectedNodes;
-                url = apiConfig.idmService + '/catalogs/' + selectedNodes[0].data._id + '/complete/v' + selectedNodes[0].data.major + '.' + selectedNodes[0].data.minor;
+                _selectedNodes$0$data = selectedNodes[0].data, major = _selectedNodes$0$data.major, minor = _selectedNodes$0$data.minor;
+                isV41 = major === 4 && minor === 1;
+                if (!isV41) {
+                  _context.next = 12;
+                  break;
+                }
+                _context.next = 6;
+                return selectVersion();
+              case 6:
+                selected = _context.sent;
+                if (selected) {
+                  _context.next = 9;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 9:
+                version = selected;
+                _context.next = 13;
+                break;
+              case 12:
+                version = major + '.' + minor;
+              case 13:
+                url = apiConfig.idmService + '/catalogs/' + selectedNodes[0].data._id + '/complete/v' + version;
                 alertTimeout = setTimeout(function () {
                   showLoadingModal(t('backoffice.idmEnricher.export.modaltext'));
                 }, 3000);
-                _context.prev = 3;
-                _context.next = 6;
+                _context.prev = 15;
+                _context.next = 18;
                 return downloadFile(url, root.dataStore.jwt, 'application/zip', selectedNodes[0].data.name + '.zip');
-              case 6:
+              case 18:
                 closeModal();
-                _context.next = 12;
+                _context.next = 24;
                 break;
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](3);
+              case 21:
+                _context.prev = 21;
+                _context.t0 = _context["catch"](15);
                 showErrorModal('File download failed:' + _context.t0);
-              case 12:
-                _context.prev = 12;
+              case 24:
+                _context.prev = 24;
                 clearTimeout(alertTimeout);
-                return _context.finish(12);
-              case 15:
+                return _context.finish(24);
+              case 27:
               case "end":
                 return _context.stop();
             }
-          }, _callee, null, [[3, 9, 12, 15]]);
+          }, _callee, null, [[15, 21, 24, 27]]);
         }));
         function action(_x) {
           return _action.apply(this, arguments);
@@ -42655,7 +42357,7 @@ var IdmCatalogs = /*#__PURE__*/forwardRef(function IdmCatalogs(_ref, ref) {
         return action;
       }()
     }];
-  }, [setSelectedCatalog, apiConfig, showLoadingModal, showErrorModal, closeModal, t, root.dataStore.jwt]);
+  }, [setSelectedCatalog, apiConfig, showLoadingModal, showErrorModal, closeModal, selectVersion, t, root.dataStore.jwt]);
   var contextMenuItems = useMemo(function () {
     var cloneCatalogItem = function cloneCatalogItem(_ref5) {
       var selectedNodes = _ref5.selectedNodes;
@@ -42988,7 +42690,7 @@ var IdmCatalogs = /*#__PURE__*/forwardRef(function IdmCatalogs(_ref, ref) {
       configuration: configuration,
       contextMenuItems: contextMenuItems,
       hooks: hooks
-    }), contextHolder]
+    }), contextHolder, versionDialogContextHolder]
   });
 });
 
@@ -48343,7 +48045,8 @@ function PartlistPos(_ref) {
       create: apiConfig.idmService + '/catalogs/${catalogId}/partlists/${partlistId}/partlistpos',
       restore: apiConfig.idmService + '/catalogs/${catalogId}/partlists/${partlistId}/partlistpos',
       "delete": apiConfig.idmService + '/catalogs/${catalogId}/partlists/${partlistId}/partlistpos/${_id}',
-      update: apiConfig.idmService + '/catalogs/${catalogId}/partlists/${partlistId}/partlistpos/${_id}'
+      update: apiConfig.idmService + '/catalogs/${catalogId}/partlists/${partlistId}/partlistpos/${_id}',
+      bulk: apiConfig.idmService + '/catalogs/${catalogId}/partlists/${partlistId}/partlistpos/bulk'
     };
   }, []);
   var configuration = useMemo(function () {
@@ -50726,42 +50429,41 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
   var config = root.configurationStore.getConfiguration(id);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    files = _useState2[0],
-    setFiles = _useState2[1];
-  var _useState3 = useState(false),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  var _useState3 = useState(),
     _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
+    selectedFile = _useState4[0],
+    setSelectedFile = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    loading = _useState6[0],
+    setLoading = _useState6[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    success = _useState6[0],
-    setSuccess = _useState6[1];
   var _useState7 = useState(),
     _useState8 = _slicedToArray(_useState7, 2),
-    error = _useState8[0],
-    setError = _useState8[1];
+    success = _useState8[0],
+    setSuccess = _useState8[1];
   var _useState9 = useState(),
     _useState10 = _slicedToArray(_useState9, 2),
-    columnName = _useState10[0],
-    setColumnName = _useState10[1];
-  var _useState11 = useState(undefined),
+    error = _useState10[0],
+    setError = _useState10[1];
+  var _useState11 = useState(),
     _useState12 = _slicedToArray(_useState11, 2),
-    response = _useState12[0],
-    setResponse = _useState12[1];
-  var handleDelete = function handleDelete(deletedFile) {
-    setFiles(files.filter(function (file) {
-      return file.file.name !== deletedFile.file.name;
-    }));
-  };
+    columnName = _useState12[0],
+    setColumnName = _useState12[1];
+  var _useState13 = useState(undefined),
+    _useState14 = _slicedToArray(_useState13, 2),
+    response = _useState14[0],
+    setResponse = _useState14[1];
   var handleSubmit = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var formData, url, _response, jsonResponse;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (files.length) {
+            if (selectedFile) {
               _context.next = 3;
               break;
             }
@@ -50780,7 +50482,7 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
             setSuccess(undefined);
             formData = new FormData();
             formData.append('columnName', columnName);
-            formData.append('file', files[0].file);
+            formData.append('file', selectedFile);
             url = config.apiInterface;
             _context.prev = 13;
             _context.next = 16;
@@ -50811,24 +50513,25 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
           case 27:
             jsonResponse = _context.sent;
             setSuccess(t('backoffice.fileupload.success'));
-            setFiles([]);
+            setFileList([]);
+            setSelectedFile(undefined);
             setColumnName('');
             setResponse(jsonResponse);
-            _context.next = 37;
+            _context.next = 38;
             break;
-          case 34:
-            _context.prev = 34;
+          case 35:
+            _context.prev = 35;
             _context.t4 = _context["catch"](13);
             setError(_context.t4.message || t('backoffice.fileupload.error'));
-          case 37:
-            _context.prev = 37;
+          case 38:
+            _context.prev = 38;
             setLoading(false);
-            return _context.finish(37);
-          case 40:
+            return _context.finish(38);
+          case 41:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[13, 34, 37, 40]]);
+      }, _callee, null, [[13, 35, 38, 41]]);
     }));
     return function handleSubmit() {
       return _ref2.apply(this, arguments);
@@ -50855,22 +50558,31 @@ var FileUploadWrapper = function FileUploadWrapper(_ref) {
       }
     }), /*#__PURE__*/jsxs(Spin, {
       spinning: loading,
-      children: [/*#__PURE__*/jsx(DropzoneAreaBase, {
-        fileObjects: files,
-        onAdd: function onAdd(newFiles) {
-          setFiles([].concat(_toConsumableArray(files), _toConsumableArray(newFiles))); // Update state with new files
-        },
-        onDelete: handleDelete,
-        acceptedFiles: ['application/vnd.ms-excel',
-        // .xls
-        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-        // .xlsx
-        'text/csv',
-        // .csv
-        '.xls', '.xlsx', '.csv'],
-        maxFileSize: 5000000,
-        showPreviewsInDropzone: true,
-        dropzoneText: t('fileuploadorderes.dropzoneText')
+      children: [/*#__PURE__*/jsx(Upload$2.Dragger, {
+        accept: ".xls,.xlsx,.csv",
+        maxCount: 1,
+        fileList: fileList,
+        beforeUpload: function beforeUpload(file) {
+          if (file.size > 5000000) {
+            message.error(t('backoffice.fileupload.error'));
+            return Upload$2.LIST_IGNORE;
+          }
+          setSelectedFile(file);
+          setFileList([{
+            uid: file.uid,
+            name: file.name,
+            status: 'done'
+          }]);
+          return false;
+        },
+        onRemove: function onRemove() {
+          setSelectedFile(undefined);
+          setFileList([]);
+        },
+        children: /*#__PURE__*/jsx("p", {
+          className: "ant-upload-text",
+          children: t('fileuploadorderes.dropzoneText')
+        })
       }), /*#__PURE__*/jsx("div", {
         style: {
           marginTop: 18
@@ -52937,31 +52649,31 @@ function MetaCampaignJotformSync() {
 }
 var MetaCampaignJotformSync$1 = observer(MetaCampaignJotformSync);
 
-var root$7 = "root-qZi3I";
-var topRow = "topRow-OB0pQ";
-var backButton = "backButton-ZM3wo";
-var jobInfo = "jobInfo-8wPNt";
-var jobInfoItem = "jobInfoItem-hk3Rb";
-var jobInfoLabel = "jobInfoLabel-Btclx";
-var jobInfoValue = "jobInfoValue-xANoB";
-var progressSection = "progressSection-fMRn8";
-var progressHeader = "progressHeader-qrEDM";
-var progressPosition = "progressPosition-5eopM";
-var progressPercent = "progressPercent-PdsVG";
-var progressTrack = "progressTrack-S1gS1";
-var progressSegment = "progressSegment-eDBeh";
-var progressApproved = "progressApproved-iNJZn";
-var progressRejected = "progressRejected-7UJN7";
-var progressOpen = "progressOpen-q-vtv";
-var bottomRow = "bottomRow-kzM6o";
-var summaryStats = "summaryStats-44tNe";
-var statBadge = "statBadge-2F612";
-var statApproved = "statApproved-TeFyK";
-var statRejected = "statRejected-yfXJq";
-var statRemaining = "statRemaining-1yUpc";
-var statChanged = "statChanged-WAi9N";
-var skipCheckbox = "skipCheckbox-LKckf";
-var css_248z$k = ".root-qZi3I {\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-OB0pQ {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  min-width: 0;\n}\n\n.backButton-ZM3wo {\n  flex-shrink: 0;\n}\n\n.jobInfo-8wPNt {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 20px;\n  flex: 1;\n  min-width: 0;\n}\n\n.jobInfoItem-hk3Rb {\n  display: inline-flex;\n  gap: 4px;\n  align-items: baseline;\n  min-width: 0;\n}\n\n.jobInfoLabel-Btclx {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.jobInfoValue-xANoB {\n  font-size: 13px;\n  max-width: 220px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.progressSection-fMRn8 {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 260px;\n  max-width: 400px;\n  flex-shrink: 0;\n}\n\n.progressHeader-qrEDM {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.progressPosition-5eopM {\n  font-size: 15px;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.progressPercent-PdsVG {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.progressTrack-S1gS1 {\n  display: flex;\n  width: 100%;\n  height: 8px;\n  border-radius: 4px;\n  overflow: hidden;\n  background: #f0f0f0;\n}\n\n.progressSegment-eDBeh {\n  height: 100%;\n  min-width: 0;\n  transition: width 0.2s ease;\n}\n\n.progressApproved-iNJZn {\n  background: #52c41a;\n}\n\n.progressRejected-7UJN7 {\n  background: #ff4d4f;\n}\n\n.progressOpen-q-vtv {\n  background: #bfbfbf;\n}\n\n.bottomRow-kzM6o {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px 16px;\n}\n\n.summaryStats-44tNe {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.statBadge-2F612 {\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-TeFyK {\n  color: #389e0d;\n  background: #f6ffed;\n  border-color: #b7eb8f;\n}\n\n.statRejected-yfXJq {\n  color: #cf1322;\n  background: #fff1f0;\n  border-color: #ffa39e;\n}\n\n.statRemaining-1yUpc {\n  color: #595959;\n  background: #fff;\n  border-color: #d9d9d9;\n}\n\n.statChanged-WAi9N {\n  color: #d48806;\n  background: #fff1b8;\n  border-color: #ffc53d;\n}\n\n.skipCheckbox-LKckf {\n  margin: 0;\n  white-space: normal;\n}\n\n/* Dark mode */\n.darkmode .root-qZi3I {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .progressTrack-S1gS1 {\n  background: #262626;\n}\n\n.darkmode .progressOpen-q-vtv {\n  background: #595959;\n}\n\n.darkmode .statApproved-TeFyK {\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-yfXJq {\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-1yUpc {\n  color: rgba(255, 255, 255, 0.75);\n  background: #262626;\n  border-color: #595959;\n}\n\n.darkmode .statChanged-WAi9N {\n  color: #ffd666;\n  background: rgba(212, 136, 6, 0.28);\n  border-color: rgba(255, 197, 61, 0.55);\n}\n";
+var root$7 = "root-7Tfio";
+var topRow = "topRow-PBU6G";
+var backButton = "backButton-FAXI7";
+var jobInfo = "jobInfo-M65Y0";
+var jobInfoItem = "jobInfoItem-OYxkA";
+var jobInfoLabel = "jobInfoLabel-MH1sL";
+var jobInfoValue = "jobInfoValue-En0nn";
+var progressSection = "progressSection-jDlWb";
+var progressHeader = "progressHeader-dJp1s";
+var progressPosition = "progressPosition-3DTnf";
+var progressPercent = "progressPercent-0D8b-";
+var progressTrack = "progressTrack-45tuc";
+var progressSegment = "progressSegment-eXone";
+var progressApproved = "progressApproved-JbJR1";
+var progressRejected = "progressRejected-qGOTN";
+var progressOpen = "progressOpen-oWm4h";
+var bottomRow = "bottomRow-j2rQ-";
+var summaryStats = "summaryStats-jvqoJ";
+var statBadge = "statBadge-xOJvU";
+var statApproved = "statApproved-XaXrf";
+var statRejected = "statRejected-xIvPi";
+var statRemaining = "statRemaining-lhHD1";
+var statChanged = "statChanged-Yi-hD";
+var skipCheckbox = "skipCheckbox-6f6xL";
+var css_248z$k = ".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}\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  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$k);
 
 function buildInfoItems(job) {
@@ -53101,15 +52813,15 @@ function SessionHeader(_ref) {
   });
 }
 
-var root$6 = "root-sKepy";
-var header = "header-po1yY";
-var content$1 = "content--O6Lw";
-var contentImage = "contentImage-pYzTb";
-var contentAr = "contentAr-mN2Zf";
-var image$1 = "image-A5M7-";
-var imageLoaded = "imageLoaded-V4fd-";
-var imageClickable = "imageClickable-O-9TC";
-var css_248z$j = ".root-sKepy {\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-po1yY {\n  padding: 6px 12px;\n  border-bottom: 1px solid #f0f0f0;\n  background: #fff;\n}\n\n.content--O6Lw {\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-pYzTb {\n  padding: 12px;\n}\n\n.contentAr-mN2Zf {\n  padding: 0;\n  background: #fff;\n}\n\n.image-A5M7- {\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-V4fd- {\n  display: block;\n}\n\n.imageClickable-O-9TC {\n  cursor: zoom-in;\n}\n\n/* Dark mode */\n.darkmode .root-sKepy {\n  background: #1f1f1f;\n  border-color: #303030;\n}\n\n.darkmode .header-po1yY {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .contentAr-mN2Zf {\n  background: #141414;\n}\n";
+var root$6 = "root-bbDdW";
+var header = "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$j = ".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  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$j);
 
 function isAr$1(media) {
@@ -53215,9 +52927,9 @@ function ImagePanel(_ref) {
   });
 }
 
-var root$5 = "root-POW7v";
-var swiper = "swiper-HMX89";
-var css_248z$i = ".root-POW7v {\n  display: flex;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n  position: relative;\n}\n\n.swiper-HMX89 {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n}\n\n.swiper-HMX89 .swiper-wrapper {\n  height: 100%;\n}\n\n.swiper-HMX89 .swiper-slide {\n  display: flex;\n  height: auto;\n  min-height: 0;\n}\n\n.swiper-HMX89 .swiper-button-prev,\n.swiper-HMX89 .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-HMX89 .swiper-button-prev:hover,\n.swiper-HMX89 .swiper-button-next:hover {\n  color: rgba(0, 0, 0, 0.85);\n}\n\n.swiper-HMX89 .swiper-button-prev::after,\n.swiper-HMX89 .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-HMX89 .swiper-button-prev {\n  left: 8px;\n}\n\n.swiper-HMX89 .swiper-button-next {\n  right: 8px;\n}\n\n.swiper-HMX89 .swiper-button-disabled {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.swiper-HMX89 .swiper-pagination {\n  bottom: 8px;\n}\n\n.swiper-HMX89 .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.7);\n  opacity: 0.7;\n}\n\n.swiper-HMX89 .swiper-pagination-bullet-active {\n  background: #fff;\n  opacity: 1;\n}\n\n/* Dark mode */\n.darkmode .swiper-HMX89 .swiper-button-prev,\n.darkmode .swiper-HMX89 .swiper-button-next {\n  color: rgba(255, 255, 255, 0.58);\n}\n\n.darkmode .swiper-HMX89 .swiper-button-prev:hover,\n.darkmode .swiper-HMX89 .swiper-button-next:hover {\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.darkmode .swiper-HMX89 .swiper-button-prev::after,\n.darkmode .swiper-HMX89 .swiper-button-next::after {\n  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);\n}\n\n.darkmode .swiper-HMX89 .swiper-pagination-bullet {\n  background: rgba(255, 255, 255, 0.42);\n}\n\n.darkmode .swiper-HMX89 .swiper-pagination-bullet-active {\n  background: rgba(255, 255, 255, 0.85);\n}\n";
+var root$5 = "root-iS23R";
+var swiper = "swiper-3uKmT";
+var css_248z$i = ".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$i);
 
 /**
@@ -53278,17 +52990,17 @@ function LeftSlider(_ref) {
   });
 }
 
-var root$4 = "root-LGYaK";
-var viewerPanels = "viewerPanels-5z1Fc";
-var decisionOverlay = "decisionOverlay-SB2W1";
-var overlayApproved = "overlayApproved-D5sTT";
-var overlayRejected = "overlayRejected-dbYCZ";
-var overlayChangedReadyForRenderer = "overlayChangedReadyForRenderer-frQb-";
-var overlayLabel = "overlayLabel-evTkb";
-var overlayLabelApproved = "overlayLabelApproved-Qt93C";
-var overlayLabelRejected = "overlayLabelRejected-x8GSu";
-var overlayLabelChangedReadyForRenderer = "overlayLabelChangedReadyForRenderer-qRLcy";
-var css_248z$h = ".root-LGYaK {\n  display: flex;\n  gap: 16px;\n  padding: 16px;\n  flex: 1;\n  min-height: 0;\n  position: relative;\n}\n\n.viewerPanels-5z1Fc {\n  display: flex;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.decisionOverlay-SB2W1 {\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-D5sTT {\n  background: rgba(82, 196, 26, 0.22);\n  border: 2px solid rgba(82, 196, 26, 0.55);\n}\n\n.overlayRejected-dbYCZ {\n  background: rgba(255, 77, 79, 0.22);\n  border: 2px solid rgba(255, 77, 79, 0.55);\n}\n\n.overlayChangedReadyForRenderer-frQb- {\n  background: rgba(250, 173, 20, 0.22);\n  border: 2px solid rgba(250, 173, 20, 0.55);\n}\n\n.overlayLabel-evTkb {\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-Qt93C {\n  color: #237804;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n.overlayLabelRejected-x8GSu {\n  color: #a8071a;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n.overlayLabelChangedReadyForRenderer-qRLcy {\n  color: #ad6800;\n  background: rgba(255, 255, 255, 0.92);\n}\n\n/* Dark mode */\n.darkmode .overlayLabelApproved-Qt93C {\n  color: #95de64;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.darkmode .overlayLabelRejected-x8GSu {\n  color: #ff7875;\n  background: rgba(0, 0, 0, 0.55);\n}\n\n.darkmode .overlayLabelChangedReadyForRenderer-qRLcy {\n  color: #ffd666;\n  background: rgba(0, 0, 0, 0.55);\n}\n";
+var root$4 = "root-16ADu";
+var viewerPanels = "viewerPanels-Lntpx";
+var decisionOverlay = "decisionOverlay-8mr9P";
+var overlayApproved = "overlayApproved-hAkZi";
+var overlayRejected = "overlayRejected-UqBPC";
+var overlayChangedReadyForRenderer = "overlayChangedReadyForRenderer-ignKB";
+var overlayLabel = "overlayLabel-MfzIQ";
+var overlayLabelApproved = "overlayLabelApproved-Dn09n";
+var overlayLabelRejected = "overlayLabelRejected-IdRHs";
+var overlayLabelChangedReadyForRenderer = "overlayLabelChangedReadyForRenderer-e7Fdw";
+var css_248z$h = ".root-16ADu {\n  display: flex;\n  gap: 16px;\n  padding: 16px;\n  flex: 1;\n  min-height: 0;\n  position: relative;\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$h);
 
 function SideBySideViewer(_ref) {
@@ -53344,12 +53056,12 @@ function SideBySideViewer(_ref) {
   });
 }
 
-var root$3 = "root-xBnOW";
-var item = "item-B2JHr";
-var keys = "keys-Bg5oO";
-var keyChip = "keyChip-RqeHp";
-var label = "label-in3f5";
-var css_248z$g = ".root-xBnOW {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  -moz-column-gap: 14px;\n       column-gap: 14px;\n  row-gap: 4px;\n  opacity: 0.75;\n}\n\n.item-B2JHr {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.keys-Bg5oO {\n  display: inline-flex;\n  gap: 2px;\n}\n\n.keyChip-RqeHp {\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-in3f5 {\n  font-size: 12px;\n}\n\n/* Dark mode */\n.darkmode .keyChip-RqeHp {\n  border-color: #595959;\n  background: #262626;\n  color: rgba(255, 255, 255, 0.75);\n}\n";
+var root$3 = "root-9FUw-";
+var item = "item-jn9Ok";
+var keys = "keys-ev62a";
+var keyChip = "keyChip-gS8Cz";
+var label = "label-bmm2i";
+var css_248z$g = ".root-9FUw- {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\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}\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}\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$g);
 
 var BASE_ITEMS = [{
@@ -53416,9 +53128,9 @@ function ShortcutLegend(_ref) {
   });
 }
 
-var root$2 = "root-QOVsq";
-var legendContainer = "legendContainer-2uhkx";
-var css_248z$f = ".root-QOVsq {\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}\n\n.legendContainer-2uhkx {\n  flex: 1;\n  display: flex;\n  justify-content: right;\n  min-width: 0;\n}\n\n/* Dark mode */\n.darkmode .root-QOVsq {\n  background: #141414;\n  border-top-color: #303030;\n}\n";
+var root$2 = "root-AeU29";
+var legendContainer = "legendContainer--qZEQ";
+var css_248z$f = ".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}\n\n.legendContainer--qZEQ {\n  flex: 1;\n  display: flex;\n  justify-content: right;\n  min-width: 0;\n}\n\n/* Dark mode */\n.darkmode .root-AeU29 {\n  background: #141414;\n  border-top-color: #303030;\n}\n";
 styleInject(css_248z$f);
 
 function ActionBar(_ref) {
@@ -53430,7 +53142,8 @@ function ActionBar(_ref) {
     onApprove = _ref.onApprove,
     onReject = _ref.onReject,
     onPrev = _ref.onPrev,
-    onNext = _ref.onNext;
+    onNext = _ref.onNext,
+    onUpload = _ref.onUpload;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var blocked = disabled || busy;
@@ -53464,6 +53177,18 @@ function ActionBar(_ref) {
           disabled: actionsBlocked || !onApprove,
           children: "".concat(t('backoffice.renderapprove.actions.approve'), " (Enter)")
         })
+      }), onUpload && /*#__PURE__*/jsx(Tooltip$1, {
+        title: t('backoffice.renderapprove.tooltips.upload', {
+          defaultValue: 'Externes Bild hochladen'
+        }),
+        children: /*#__PURE__*/jsx(Button, {
+          icon: /*#__PURE__*/jsx(UploadOutlined, {}),
+          onClick: onUpload,
+          disabled: blocked,
+          children: t('backoffice.renderapprove.actions.upload', {
+            defaultValue: 'Hochladen'
+          })
+        })
       })]
     }), /*#__PURE__*/jsx("div", {
       className: legendContainer,
@@ -53575,10 +53300,10 @@ var KEY_MAP = {
  */
 var UNDO_TIMEOUT_MS = 5000;
 
-var content = "content-iN9-c";
-var reasonGroup = "reasonGroup-lYcpG";
-var commentInput = "commentInput-DGAxu";
-var css_248z$e = ".content-iN9-c {\n  width: 100%;\n}\n\n.reasonGroup-lYcpG {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  margin-top: 8px;\n}\n\n.commentInput-DGAxu {\n  margin-top: 8px;\n}\n";
+var content = "content-Zf-od";
+var reasonGroup = "reasonGroup-XDHiq";
+var commentInput = "commentInput-9VKDH";
+var css_248z$e = ".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$e);
 
 var _REJECTION_REASONS$;
@@ -53724,30 +53449,30 @@ function RejectModal(_ref) {
   });
 }
 
-var panelRoot = "panelRoot-AWIep";
-var toolbar = "toolbar-FekpW";
-var toolbarActions = "toolbarActions-2drTW";
-var workspace = "workspace-Bu3fK";
-var main = "main-1Mh97";
-var primaryFields = "primaryFields-NF5XM";
-var primaryFieldItem = "primaryFieldItem-s0HPE";
-var primaryFieldLabel = "primaryFieldLabel-TBIEZ";
-var primaryFieldValue = "primaryFieldValue-kbxwM";
-var sidebar$1 = "sidebar-fE64h";
-var sidebarDual = "sidebarDual-DNdG-";
-var sidebarCollapsed$1 = "sidebarCollapsed-Ozy2s";
-var sidebarInner = "sidebarInner-6o9F-";
-var panelColumns = "panelColumns-Xu41x";
-var panelColumnsDual = "panelColumnsDual-Ap0mc";
-var sidebarTitle$1 = "sidebarTitle-sxyE6";
-var section = "section-d7Cy-";
-var panelSection = "panelSection-SJxK1";
-var promptText = "promptText-niuC2";
-var promptActions = "promptActions-usGCT";
-var promptEditor = "promptEditor-0OFKp";
-var promptWarning = "promptWarning-9MlhH";
-var promptEditActions = "promptEditActions-g4gce";
-var css_248z$d = ".panelRoot-AWIep {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n\n.toolbar-FekpW {\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-2drTW {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.workspace-Bu3fK {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.main-1Mh97 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.primaryFields-NF5XM {\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-s0HPE {\n  display: inline-flex;\n  gap: 4px;\n  align-items: baseline;\n  min-width: 0;\n}\n\n.primaryFieldLabel-TBIEZ {\n  font-size: 12px;\n  white-space: nowrap;\n}\n\n.primaryFieldValue-kbxwM {\n  font-size: 12px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 260px;\n}\n\n.sidebar-fE64h {\n  flex-shrink: 0;\n  width: 400px;\n  background: #fff;\n  border-left: 1px solid #f0f0f0;\n  overflow: hidden;\n  transition: width 0.2s ease;\n}\n\n.sidebarDual-DNdG- {\n  width: 800px;\n}\n\n.sidebarCollapsed-Ozy2s {\n  width: 0;\n  border-left-width: 0;\n}\n\n.sidebarInner-6o9F- {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  padding: 16px;\n  box-sizing: border-box;\n}\n\n.panelColumns-Xu41x {\n  display: block;\n}\n\n.panelColumnsDual-Ap0mc {\n  display: flex;\n  gap: 0;\n  align-items: flex-start;\n}\n\n.sidebarTitle-sxyE6 {\n  margin: 0 0 16px;\n}\n\n.section-d7Cy- {\n  margin-bottom: 16px;\n}\n\n.panelSection-SJxK1 {\n  margin-bottom: 20px;\n}\n\n.panelColumnsDual-Ap0mc .panelSection-SJxK1 {\n  flex: 0 0 400px;\n  min-width: 400px;\n  margin-bottom: 0;\n}\n\n.panelColumnsDual-Ap0mc .panelSection-SJxK1 + .panelSection-SJxK1 {\n  border-left: 1px solid #f0f0f0;\n  padding-left: 16px;\n}\n\n.panelSection-SJxK1:last-child {\n  margin-bottom: 0;\n}\n\n.promptText-niuC2 {\n  white-space: pre-wrap;\n  word-break: break-word;\n  margin-bottom: 0;\n}\n\n.promptActions-usGCT {\n  margin-top: 12px;\n}\n\n.promptEditor-0OFKp {\n  margin-bottom: 12px;\n}\n\n.promptWarning-9MlhH {\n  margin-bottom: 12px;\n}\n\n.promptEditActions-g4gce {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n}\n\n/* Dark mode */\n.darkmode .toolbar-FekpW {\n  background: #141414;\n  border-bottom-color: #303030;\n}\n\n.darkmode .sidebar-fE64h {\n  background: #141414;\n  border-left-color: #303030;\n}\n\n.darkmode .panelColumnsDual-Ap0mc .panelSection-SJxK1 + .panelSection-SJxK1 {\n  border-left-color: #303030;\n}\n";
+var panelRoot = "panelRoot-gfLcR";
+var toolbar = "toolbar-Y7oCe";
+var toolbarActions = "toolbarActions-L-u0R";
+var workspace = "workspace-4rfzU";
+var main = "main-OZ7rC";
+var primaryFields = "primaryFields-6QkPL";
+var primaryFieldItem = "primaryFieldItem-6-wLB";
+var primaryFieldLabel = "primaryFieldLabel-xmQ2Q";
+var primaryFieldValue = "primaryFieldValue-CY9eJ";
+var sidebar$1 = "sidebar-3A7Z2";
+var sidebarDual = "sidebarDual-BTYOM";
+var sidebarCollapsed$1 = "sidebarCollapsed-uMA2I";
+var sidebarInner = "sidebarInner-MpQjT";
+var panelColumns = "panelColumns-aYOq4";
+var panelColumnsDual = "panelColumnsDual-u8Gml";
+var sidebarTitle$1 = "sidebarTitle-dIltG";
+var section = "section-895Lv";
+var panelSection = "panelSection-cniRE";
+var promptText = "promptText-2-Sjb";
+var promptActions = "promptActions-QgHWm";
+var promptEditor = "promptEditor-0tZzL";
+var promptWarning = "promptWarning-OGH7p";
+var promptEditActions = "promptEditActions-bYvcD";
+var css_248z$d = ".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.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  flex-shrink: 0;\n  width: 400px;\n  background: #fff;\n  border-left: 1px solid #f0f0f0;\n  overflow: hidden;\n  transition: width 0.2s ease;\n}\n\n.sidebarDual-BTYOM {\n  width: 800px;\n}\n\n.sidebarCollapsed-uMA2I {\n  width: 0;\n  border-left-width: 0;\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}\n\n.panelColumnsDual-u8Gml {\n  display: flex;\n  gap: 0;\n  align-items: flex-start;\n}\n\n.sidebarTitle-dIltG {\n  margin: 0 0 16px;\n}\n\n.section-895Lv {\n  margin-bottom: 16px;\n}\n\n.panelSection-cniRE {\n  margin-bottom: 20px;\n}\n\n.panelColumnsDual-u8Gml .panelSection-cniRE {\n  flex: 0 0 400px;\n  min-width: 400px;\n  margin-bottom: 0;\n}\n\n.panelColumnsDual-u8Gml .panelSection-cniRE + .panelSection-cniRE {\n  border-left: 1px solid #f0f0f0;\n  padding-left: 16px;\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.promptActions-QgHWm {\n  margin-top: 12px;\n}\n\n.promptEditor-0tZzL {\n  margin-bottom: 12px;\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/* 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\n.darkmode .panelColumnsDual-u8Gml .panelSection-cniRE + .panelSection-cniRE {\n  border-left-color: #303030;\n}\n";
 styleInject(css_248z$d);
 
 var BYTES_IN_KIB = 1024;
@@ -54130,9 +53855,9 @@ function MetadataPanel(_ref) {
   });
 }
 
-var fullscreenModal = "fullscreenModal-egfju";
-var image = "image-JGVCx";
-var css_248z$c = ".fullscreenModal-egfju .ant-modal {\n  top: 0;\n  padding-bottom: 0;\n  max-width: 100vw;\n}\n\n.fullscreenModal-egfju .ant-modal-content {\n  border-radius: 0;\n}\n\n.fullscreenModal-egfju .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-JGVCx {\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  display: block;\n}\n";
+var fullscreenModal = "fullscreenModal-QnN1o";
+var image = "image-kk9AH";
+var css_248z$c = ".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$c);
 
 function isAr(media) {
@@ -54196,9 +53921,9 @@ function FullscreenViewer(_ref) {
   });
 }
 
-var notice = "notice-s4ApS";
-var undoButton = "undoButton-jK0Jb";
-var css_248z$b = ".notice-s4ApS {\n  border: 1px solid #d6d8ff;\n  border-radius: 10px;\n}\n\n.undoButton-jK0Jb {\n  background: linear-gradient(135deg, #6253e1, #04befe);\n  border: none;\n  box-shadow: none;\n}\n\n.undoButton-jK0Jb:hover,\n.undoButton-jK0Jb:focus {\n  background: linear-gradient(135deg, #7567e8, #22c8ff);\n  border: none;\n}\n";
+var notice = "notice-IHLLb";
+var undoButton = "undoButton-HMSsR";
+var css_248z$b = ".notice-IHLLb {\n  border: 1px solid #d6d8ff;\n  border-radius: 10px;\n}\n\n.undoButton-HMSsR {\n  background: linear-gradient(135deg, #6253e1, #04befe);\n  border: none;\n  box-shadow: none;\n}\n\n.undoButton-HMSsR:hover,\n.undoButton-HMSsR:focus {\n  background: linear-gradient(135deg, #7567e8, #22c8ff);\n  border: none;\n}\n";
 styleInject(css_248z$b);
 
 var NOTIFICATION_KEY = 'renderapprove-undo';
@@ -54254,6 +53979,570 @@ function UndoNotification(_ref) {
 function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var LOG$6 = getLogger('Backoffice', 'RenderApprove');
+/**
+ * Thin wrapper around `PATCH ${mediaService}/renderjobs/:id` with the
+ * repository-wide JSON Patch envelope `{ patch: [...] }`.
+ */
+function useUpdateRenderJobPatch() {
+  var _root$configurationSt;
+  var root = useStore();
+  var baseUrl = (_root$configurationSt = root.configurationStore.apiConfig) === null || _root$configurationSt === void 0 ? void 0 : _root$configurationSt.mediaService;
+  var jwt = root.dataStore.jwt;
+  return useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id, patch) {
+      var response, text, err, raw;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (baseUrl) {
+              _context.next = 2;
+              break;
+            }
+            throw new DivaError('Media service URL is not configured.', {
+              code: 'MEDIA_SERVICE_NO_BASE_URL'
+            });
+          case 2:
+            _context.next = 4;
+            return fetch("".concat(baseUrl, "/renderjobs/").concat(encodeURIComponent(id)), {
+              method: 'PATCH',
+              headers: _objectSpread$g({
+                'Content-Type': 'application/json'
+              }, jwt ? {
+                Authorization: "Bearer ".concat(jwt)
+              } : {}),
+              body: JSON.stringify({
+                patch: patch
+              })
+            });
+          case 4:
+            response = _context.sent;
+            if (response.ok) {
+              _context.next = 12;
+              break;
+            }
+            _context.next = 8;
+            return response.text()["catch"](function () {
+              return '';
+            });
+          case 8:
+            text = _context.sent;
+            err = new DivaError("Renderjob patch failed: ".concat(response.status, " ").concat(response.statusText).concat(text ? " - ".concat(text) : ''), {
+              code: 'MEDIA_RENDERJOB_PATCH_FAILED'
+            });
+            LOG$6.error(err);
+            throw err;
+          case 12:
+            _context.next = 14;
+            return response.text();
+          case 14:
+            raw = _context.sent;
+            _context.prev = 15;
+            return _context.abrupt("return", raw ? JSON.parse(raw) : undefined);
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](15);
+            return _context.abrupt("return", undefined);
+          case 22:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[15, 19]]);
+    }));
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [baseUrl, jwt]);
+}
+
+function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$5 = getLogger('Backoffice', 'RenderApprove');
+
+/**
+ * Thin wrapper around `PATCH ${mediaService}/renderjobs/:id/state`.
+ * Lives in its own hook so the session orchestrator can stay independent of
+ * `useRenderJobData` (which is bound to a single currently-loaded job).
+ */
+function useUpdateRenderJobState() {
+  var _root$configurationSt;
+  var root = useStore();
+  var baseUrl = (_root$configurationSt = root.configurationStore.apiConfig) === null || _root$configurationSt === void 0 ? void 0 : _root$configurationSt.mediaService;
+  var jwt = root.dataStore.jwt;
+  return useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id, state, message, keepalive) {
+      var response, text, err, raw;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (baseUrl) {
+              _context.next = 2;
+              break;
+            }
+            throw new DivaError('Media service URL is not configured.', {
+              code: 'RENDERAPPROVE_NO_BASE_URL'
+            });
+          case 2:
+            _context.next = 4;
+            return fetch("".concat(baseUrl, "/renderjobs/").concat(encodeURIComponent(id), "/state"), _objectSpread$f({
+              method: 'PATCH',
+              headers: _objectSpread$f({
+                'Content-Type': 'application/json'
+              }, jwt ? {
+                Authorization: "Bearer ".concat(jwt)
+              } : {}),
+              body: JSON.stringify(_objectSpread$f({
+                state: state
+              }, message ? {
+                message: message
+              } : {}))
+            }, keepalive === true ? {
+              keepalive: true
+            } : {}));
+          case 4:
+            response = _context.sent;
+            if (response.ok) {
+              _context.next = 12;
+              break;
+            }
+            _context.next = 8;
+            return response.text()["catch"](function () {
+              return '';
+            });
+          case 8:
+            text = _context.sent;
+            err = new DivaError("State update failed: ".concat(response.status, " ").concat(response.statusText).concat(text ? " - ".concat(text) : ''), {
+              code: 'RENDERAPPROVE_UPDATE_STATE_FAILED'
+            });
+            LOG$5.error(err);
+            throw err;
+          case 12:
+            _context.next = 14;
+            return response.text();
+          case 14:
+            raw = _context.sent;
+            _context.prev = 15;
+            return _context.abrupt("return", raw ? JSON.parse(raw) : undefined);
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](15);
+            return _context.abrupt("return", undefined);
+          case 22:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[15, 19]]);
+    }));
+    return function (_x, _x2, _x3, _x4) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [baseUrl, jwt]);
+}
+
+function getImageDimensions(file) {
+  return new Promise(function (resolve, reject) {
+    var url = URL.createObjectURL(file);
+    var img = new Image();
+    img.onload = function () {
+      resolve({
+        width: img.naturalWidth,
+        height: img.naturalHeight
+      });
+      URL.revokeObjectURL(url);
+    };
+    img.onerror = function () {
+      URL.revokeObjectURL(url);
+      reject(new Error('Could not read image dimensions'));
+    };
+    img.src = url;
+  });
+}
+
+/**
+ * Validates the file against the render job's expected format and resolution.
+ * Returns a list of human-readable warning strings (empty = no deviations).
+ * Exported so the modal can run pre-upload validation on file selection.
+ */
+function validateImageFile(_x, _x2, _x3) {
+  return _validateImageFile.apply(this, arguments);
+}
+function _validateImageFile() {
+  _validateImageFile = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, job, t) {
+    var _file$name$split$pop$2, _file$name$split$pop2, _job$fileFormat$toLow2, _job$fileFormat2;
+    var warnings, fileExt, expectedExt, parts, expectedW, expectedH, _yield$getImageDimens, width, height;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          warnings = [];
+          fileExt = (_file$name$split$pop$2 = (_file$name$split$pop2 = file.name.split('.').pop()) === null || _file$name$split$pop2 === void 0 ? void 0 : _file$name$split$pop2.toLowerCase()) !== null && _file$name$split$pop$2 !== void 0 ? _file$name$split$pop$2 : '';
+          expectedExt = (_job$fileFormat$toLow2 = (_job$fileFormat2 = job.fileFormat) === null || _job$fileFormat2 === void 0 ? void 0 : _job$fileFormat2.toLowerCase()) !== null && _job$fileFormat$toLow2 !== void 0 ? _job$fileFormat$toLow2 : '';
+          if (expectedExt && fileExt !== expectedExt) {
+            warnings.push(t('backoffice.table.renderapprove.upload.validation.fileTypeDeviation', {
+              expected: expectedExt,
+              actual: fileExt
+            }));
+          }
+          if (!job.renderResolution) {
+            _context2.next = 21;
+            break;
+          }
+          parts = job.renderResolution.toLowerCase().split('x');
+          if (!(parts.length === 2)) {
+            _context2.next = 21;
+            break;
+          }
+          expectedW = parseInt(parts[0], 10);
+          expectedH = parseInt(parts[1], 10);
+          if (!(!isNaN(expectedW) && !isNaN(expectedH))) {
+            _context2.next = 21;
+            break;
+          }
+          _context2.prev = 10;
+          _context2.next = 13;
+          return getImageDimensions(file);
+        case 13:
+          _yield$getImageDimens = _context2.sent;
+          width = _yield$getImageDimens.width;
+          height = _yield$getImageDimens.height;
+          if (width !== expectedW || height !== expectedH) {
+            warnings.push(t('backoffice.table.renderapprove.upload.validation.resolutionDeviation', {
+              expected: job.renderResolution,
+              actual: "".concat(width, "x").concat(height)
+            }));
+          }
+          _context2.next = 21;
+          break;
+        case 19:
+          _context2.prev = 19;
+          _context2.t0 = _context2["catch"](10);
+        case 21:
+          return _context2.abrupt("return", warnings);
+        case 22:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[10, 19]]);
+  }));
+  return _validateImageFile.apply(this, arguments);
+}
+function useUploadRenderJobImage() {
+  var _root$configurationSt, _root$configurationSt2, _root$dataStore$jwt;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var root = useStore();
+  var baseUrl = (_root$configurationSt = (_root$configurationSt2 = root.configurationStore.apiConfig) === null || _root$configurationSt2 === void 0 ? void 0 : _root$configurationSt2.mediaService) !== null && _root$configurationSt !== void 0 ? _root$configurationSt : '';
+  var jwt = (_root$dataStore$jwt = root.dataStore.jwt) !== null && _root$dataStore$jwt !== void 0 ? _root$dataStore$jwt : '';
+  var patchJob = useUpdateRenderJobPatch();
+  var updateState = useUpdateRenderJobState();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploading = _useState2[0],
+    setUploading = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var upload = useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file, job) {
+      var _file$name$split$pop$, _file$name$split$pop, _job$fileFormat$toLow, _job$fileFormat, _job$fileName, _job$organization, fileExt, expectedExt, typeDeviates, actualDims, dimsDeviate, parts, expectedW, expectedH, correctedName, renamedFile, result, deviations, stateMessage, err;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setUploading(true);
+            setError(null);
+            _context.prev = 2;
+            fileExt = (_file$name$split$pop$ = (_file$name$split$pop = file.name.split('.').pop()) === null || _file$name$split$pop === void 0 ? void 0 : _file$name$split$pop.toLowerCase()) !== null && _file$name$split$pop$ !== void 0 ? _file$name$split$pop$ : '';
+            expectedExt = (_job$fileFormat$toLow = (_job$fileFormat = job.fileFormat) === null || _job$fileFormat === void 0 ? void 0 : _job$fileFormat.toLowerCase()) !== null && _job$fileFormat$toLow !== void 0 ? _job$fileFormat$toLow : '';
+            typeDeviates = Boolean(expectedExt && fileExt !== expectedExt);
+            dimsDeviate = false;
+            if (!job.renderResolution) {
+              _context.next = 22;
+              break;
+            }
+            parts = job.renderResolution.toLowerCase().split('x');
+            if (!(parts.length === 2)) {
+              _context.next = 22;
+              break;
+            }
+            expectedW = parseInt(parts[0], 10);
+            expectedH = parseInt(parts[1], 10);
+            if (!(!isNaN(expectedW) && !isNaN(expectedH))) {
+              _context.next = 22;
+              break;
+            }
+            _context.prev = 13;
+            _context.next = 16;
+            return getImageDimensions(file);
+          case 16:
+            actualDims = _context.sent;
+            dimsDeviate = actualDims.width !== expectedW || actualDims.height !== expectedH;
+            _context.next = 22;
+            break;
+          case 20:
+            _context.prev = 20;
+            _context.t0 = _context["catch"](13);
+          case 22:
+            // Rename to the render job's expected filename (automatic filename correction)
+            correctedName = (_job$fileName = job.fileName) !== null && _job$fileName !== void 0 ? _job$fileName : file.name;
+            renamedFile = new File([file], correctedName, {
+              type: file.type
+            });
+            _context.next = 26;
+            return uploadMediaItem(baseUrl, jwt, {
+              organizationId: (_job$organization = job.organization) !== null && _job$organization !== void 0 ? _job$organization : '',
+              file: renamedFile,
+              mediaType: 'PCT',
+              functionType: 'R3D'
+            });
+          case 26:
+            result = _context.sent;
+            _context.next = 29;
+            return patchJob(job._id, [{
+              op: 'replace',
+              path: '/mediaItemRef',
+              value: result.ref._id
+            }]);
+          case 29:
+            // Build history message with deviation details
+            deviations = [];
+            if (typeDeviates) deviations.push(t('backoffice.table.renderapprove.upload.deviation.fileType', {
+              expected: expectedExt,
+              actual: fileExt
+            }));
+            if (dimsDeviate && actualDims) deviations.push(t('backoffice.table.renderapprove.upload.deviation.resolution', {
+              expected: job.renderResolution,
+              actual: "".concat(actualDims.width, "x").concat(actualDims.height)
+            }));
+            stateMessage = deviations.length > 0 ? t('backoffice.table.renderapprove.upload.manualUploadWithDeviations', {
+              deviations: deviations.join('; ')
+            }) : t('backoffice.table.renderapprove.upload.manualUpload');
+            _context.next = 35;
+            return updateState(job._id, RENDER_JOB_STATE.inChecking, stateMessage);
+          case 35:
+            _context.next = 42;
+            break;
+          case 37:
+            _context.prev = 37;
+            _context.t1 = _context["catch"](2);
+            err = _context.t1;
+            setError(err);
+            throw err;
+          case 42:
+            _context.prev = 42;
+            setUploading(false);
+            return _context.finish(42);
+          case 45:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 37, 42, 45], [13, 20]]);
+    }));
+    return function (_x4, _x5) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [baseUrl, jwt, patchJob, updateState, t]);
+  return {
+    upload: upload,
+    uploading: uploading,
+    error: error
+  };
+}
+
+function UploadImageModal(_ref) {
+  var open = _ref.open,
+    renderJob = _ref.renderJob,
+    onClose = _ref.onClose,
+    onSuccess = _ref.onSuccess;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useUploadRenderJobIm = useUploadRenderJobImage(),
+    upload = _useUploadRenderJobIm.upload,
+    uploading = _useUploadRenderJobIm.uploading;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedFile = _useState2[0],
+    setSelectedFile = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    warnings = _useState4[0],
+    setWarnings = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    validating = _useState6[0],
+    setValidating = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    uploadError = _useState8[0],
+    setUploadError = _useState8[1];
+  var reset = function reset() {
+    setSelectedFile(null);
+    setWarnings([]);
+    setUploadError(null);
+  };
+  var handleClose = function handleClose() {
+    if (uploading) return;
+    reset();
+    onClose();
+  };
+  var handleFileSelect = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+      var w;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setSelectedFile(file);
+            setUploadError(null);
+            setWarnings([]);
+            if (!renderJob) {
+              _context.next = 13;
+              break;
+            }
+            setValidating(true);
+            _context.prev = 5;
+            _context.next = 8;
+            return validateImageFile(file, renderJob, t);
+          case 8:
+            w = _context.sent;
+            setWarnings(w);
+          case 10:
+            _context.prev = 10;
+            setValidating(false);
+            return _context.finish(10);
+          case 13:
+            return _context.abrupt("return", false);
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5,, 10, 13]]);
+    }));
+    return function handleFileSelect(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleUpload = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _message;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(!selectedFile || !renderJob)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            setUploadError(null);
+            _context2.prev = 3;
+            _context2.next = 6;
+            return upload(selectedFile, renderJob);
+          case 6:
+            reset();
+            onSuccess === null || onSuccess === void 0 || onSuccess();
+            _context2.next = 13;
+            break;
+          case 10:
+            _context2.prev = 10;
+            _context2.t0 = _context2["catch"](3);
+            setUploadError((_message = _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message) !== null && _message !== void 0 ? _message : t('backoffice.renderapprove.uploadModal.uploadFailed', {
+              defaultValue: 'Upload fehlgeschlagen'
+            }));
+          case 13:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[3, 10]]);
+    }));
+    return function handleUpload() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsx(Modal$2, {
+    open: open,
+    title: t('backoffice.renderapprove.uploadModal.title', {
+      defaultValue: 'Bild hochladen'
+    }),
+    onCancel: handleClose,
+    onOk: handleUpload,
+    okText: t('backoffice.renderapprove.uploadModal.upload', {
+      defaultValue: 'Hochladen'
+    }),
+    cancelText: t('backoffice.renderapprove.common.cancel', {
+      defaultValue: 'Abbrechen'
+    }),
+    okButtonProps: {
+      disabled: !selectedFile || validating,
+      loading: uploading
+    },
+    afterClose: reset,
+    destroyOnClose: true,
+    children: /*#__PURE__*/jsxs(Spin, {
+      spinning: validating || uploading,
+      children: [/*#__PURE__*/jsxs(Upload$2.Dragger, {
+        accept: "image/*",
+        beforeUpload: handleFileSelect,
+        maxCount: 1,
+        showUploadList: !!selectedFile,
+        fileList: selectedFile ? [{
+          uid: '1',
+          name: selectedFile.name,
+          status: 'done',
+          size: selectedFile.size,
+          type: selectedFile.type
+        }] : [],
+        onRemove: function onRemove() {
+          setSelectedFile(null);
+          setWarnings([]);
+        },
+        children: [/*#__PURE__*/jsx("p", {
+          className: "ant-upload-drag-icon",
+          children: /*#__PURE__*/jsx(UploadOutlined, {})
+        }), /*#__PURE__*/jsx("p", {
+          className: "ant-upload-text",
+          children: t('backoffice.renderapprove.uploadModal.dragText', {
+            defaultValue: 'Datei hierher ziehen oder klicken zum Auswählen'
+          })
+        })]
+      }), warnings.length > 0 && /*#__PURE__*/jsx(Alert, {
+        style: {
+          marginTop: 12
+        },
+        type: "warning",
+        showIcon: true,
+        message: t('backoffice.renderapprove.uploadModal.warningTitle', {
+          defaultValue: 'Abweichung festgestellt'
+        }),
+        description: /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            children: t('backoffice.renderapprove.uploadModal.warningDescription', {
+              defaultValue: 'Der Dateityp oder die Bildauflösung entspricht nicht den Vorgaben des Renderjobs. Der Upload kann trotzdem fortgesetzt werden.'
+            })
+          }), /*#__PURE__*/jsx("ul", {
+            style: {
+              marginTop: 4,
+              paddingLeft: 16
+            },
+            children: warnings.map(function (w, i) {
+              return /*#__PURE__*/jsx("li", {
+                children: w
+              }, i);
+            })
+          })]
+        })
+      }), uploadError && /*#__PURE__*/jsx(Alert, {
+        style: {
+          marginTop: 12
+        },
+        type: "error",
+        showIcon: true,
+        message: uploadError
+      })]
+    })
+  });
+}
+
+function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$4 = getLogger('Backoffice', 'RenderApprove');
 function isProcessedDecision(decision) {
   return decision === 'approve' || decision === 'reject' || decision === 'changedReadyForRenderer';
 }
@@ -54302,7 +54591,7 @@ function _fetchRenderJobState() {
         case 0:
           _context6.next = 2;
           return fetch("".concat(baseUrl, "/renderjobs/").concat(encodeURIComponent(id)), {
-            headers: _objectSpread$g({
+            headers: _objectSpread$e({
               'Content-Type': 'application/json'
             }, jwt ? {
               Authorization: "Bearer ".concat(jwt)
@@ -54504,7 +54793,7 @@ function useRenderApproveSession(_ref) {
             return _context.abrupt("return");
           case 19:
             detail = (_message = _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) !== null && _message !== void 0 ? _message : 'Unknown error';
-            LOG$6.error(new DivaError("RenderApprove selection validation failed: ".concat(detail), {
+            LOG$4.error(new DivaError("RenderApprove selection validation failed: ".concat(detail), {
               code: 'RENDERAPPROVE_SELECTION_INVALID'
             }));
             setIds([]);
@@ -54552,7 +54841,7 @@ function useRenderApproveSession(_ref) {
             _context2.prev = 6;
             _context2.t0 = _context2["catch"](1);
             detail = (_message2 = _context2.t0 === null || _context2.t0 === void 0 ? void 0 : _context2.t0.message) !== null && _message2 !== void 0 ? _message2 : 'Unknown error';
-            LOG$6.error(new DivaError("RenderApprove deferred flush failed for ".concat(pending.jobId, ": ").concat(detail), {
+            LOG$4.error(new DivaError("RenderApprove deferred flush failed for ".concat(pending.jobId, ": ").concat(detail), {
               code: 'RENDERAPPROVE_FLUSH_FAILED'
             }));
             message.error(t('backoffice.renderapprove.messages.pendingActionSaveFailed', {
@@ -54652,7 +54941,7 @@ function useRenderApproveSession(_ref) {
           return _context3.abrupt("return");
         case 2:
           previousDecision = decisions[currentId];
-          nextDecisions = _objectSpread$g(_objectSpread$g({}, decisions), {}, _defineProperty({}, currentId, 'approve'));
+          nextDecisions = _objectSpread$e(_objectSpread$e({}, decisions), {}, _defineProperty({}, currentId, 'approve'));
           enqueuePending({
             jobId: currentId,
             action: 'approve',
@@ -54684,7 +54973,7 @@ function useRenderApproveSession(_ref) {
             return _context4.abrupt("return");
           case 2:
             previousDecision = decisions[currentId];
-            nextDecisions = _objectSpread$g(_objectSpread$g({}, decisions), {}, _defineProperty({}, currentId, 'reject'));
+            nextDecisions = _objectSpread$e(_objectSpread$e({}, decisions), {}, _defineProperty({}, currentId, 'reject'));
             enqueuePending({
               jobId: currentId,
               action: 'reject',
@@ -54710,7 +54999,7 @@ function useRenderApproveSession(_ref) {
   }(), [currentId, decisions, enqueuePending, ids, isCurrentReadOnly, safeIndex, skipProcessedJobs, t, total]);
   var skip = useCallback(function () {
     if (isEmpty || !currentId || isCurrentReadOnly) return;
-    var nextDecisions = _objectSpread$g(_objectSpread$g({}, decisions), {}, _defineProperty({}, currentId, 'skip'));
+    var nextDecisions = _objectSpread$e(_objectSpread$e({}, decisions), {}, _defineProperty({}, currentId, 'skip'));
     setDecisions(nextDecisions);
     message.info(t('backoffice.renderapprove.messages.jobSkipped'));
     var next = findNextNavigableIndex(ids, safeIndex + 1, nextDecisions, skipProcessedJobs);
@@ -54718,7 +55007,7 @@ function useRenderApproveSession(_ref) {
   }, [currentId, decisions, ids, isCurrentReadOnly, isEmpty, safeIndex, skipProcessedJobs, t, total]);
   var markChangedReadyForRenderer = useCallback(function () {
     if (isEmpty || !currentId || isCurrentReadOnly) return;
-    var nextDecisions = _objectSpread$g(_objectSpread$g({}, decisions), {}, _defineProperty({}, currentId, 'changedReadyForRenderer'));
+    var nextDecisions = _objectSpread$e(_objectSpread$e({}, decisions), {}, _defineProperty({}, currentId, 'changedReadyForRenderer'));
     setDecisions(nextDecisions);
     var next = findNextNavigableIndex(ids, safeIndex + 1, nextDecisions, skipProcessedJobs);
     setCurrentIndex(next !== null && next !== void 0 ? next : total);
@@ -54735,11 +55024,11 @@ function useRenderApproveSession(_ref) {
     setPendingAction(null);
     setDecisions(function (prev) {
       if (!pending.previousDecision) {
-        var next = _objectSpread$g({}, prev);
+        var next = _objectSpread$e({}, prev);
         delete next[pending.jobId];
         return next;
       }
-      return _objectSpread$g(_objectSpread$g({}, prev), {}, _defineProperty({}, pending.jobId, pending.previousDecision));
+      return _objectSpread$e(_objectSpread$e({}, prev), {}, _defineProperty({}, pending.jobId, pending.previousDecision));
     });
     setCurrentIndex(pending.indexAtAction);
     message.info(t('backoffice.renderapprove.messages.actionUndone'));
@@ -54822,9 +55111,9 @@ function useRenderApproveSession(_ref) {
 function _createForOfIteratorHelper$8(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$8(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$8(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$8(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$8(r, a) : void 0; } }
 function _arrayLikeToArray$8(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$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$5 = getLogger('Backoffice', 'RenderApprove');
+function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var LOG$3 = getLogger('Backoffice', 'RenderApprove');
 function getMediaItemId(job) {
   var list = job === null || job === void 0 ? void 0 : job.mediaItems;
   if (!list || list.length === 0) return undefined;
@@ -54843,7 +55132,7 @@ function _fetchJson() {
         case 0:
           _context2.next = 2;
           return fetch(url, {
-            headers: _objectSpread$f({
+            headers: _objectSpread$d({
               'Content-Type': 'application/json'
             }, jwt ? {
               Authorization: "Bearer ".concat(jwt)
@@ -55000,12 +55289,12 @@ function _resolveMediaItem() {
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          if (!mediaItemId) {
+          if (!mediaItemRef) {
             _context4.next = 7;
             break;
           }
           _context4.next = 3;
-          return fetchJson("".concat(baseUrl, "/v1/mediaitems/").concat(encodeURIComponent(mediaItemId)), jwt);
+          return fetchJson("".concat(baseUrl, "/v1/mediaitemref/").concat(encodeURIComponent(mediaItemRef), "/mediaitem"), jwt);
         case 3:
           item = _context4.sent;
           media = toMedia(item);
@@ -55015,12 +55304,12 @@ function _resolveMediaItem() {
           }
           return _context4.abrupt("return", media);
         case 7:
-          if (!mediaItemRef) {
+          if (!mediaItemId) {
             _context4.next = 14;
             break;
           }
           _context4.next = 10;
-          return fetchJson("".concat(baseUrl, "/v1/mediaitemref/").concat(encodeURIComponent(mediaItemRef), "/mediaitem"), jwt);
+          return fetchJson("".concat(baseUrl, "/v1/mediaitems/").concat(encodeURIComponent(mediaItemId)), jwt);
         case 10:
           _item = _context4.sent;
           _media = toMedia(_item);
@@ -55039,7 +55328,7 @@ function _resolveMediaItem() {
   }));
   return _resolveMediaItem.apply(this, arguments);
 }
-function useRenderJobData(id) {
+function useRenderJobData(id, refreshKey) {
   var _root$configurationSt, _root$configurationSt2;
   var root = useStore();
   var _useTranslation = useTranslation(),
@@ -55133,7 +55422,7 @@ function useRenderJobData(id) {
                 url: null
               };
             } else {
-              LOG$5.warn("Could not resolve right image for job ".concat(id, ": ").concat((_rightResult$reason = rightResult.reason) === null || _rightResult$reason === void 0 ? void 0 : _rightResult$reason.message));
+              LOG$3.warn("Could not resolve right image for job ".concat(id, ": ").concat((_rightResult$reason = rightResult.reason) === null || _rightResult$reason === void 0 ? void 0 : _rightResult$reason.message));
               right = {
                 url: null
               };
@@ -55142,7 +55431,7 @@ function useRenderJobData(id) {
             if (productResult.status === 'fulfilled') {
               productMedia = productResult.value;
             } else {
-              LOG$5.warn("Could not load product media for job ".concat(id, ": ").concat((_productResult$reason = productResult.reason) === null || _productResult$reason === void 0 ? void 0 : _productResult$reason.message));
+              LOG$3.warn("Could not load product media for job ".concat(id, ": ").concat((_productResult$reason = productResult.reason) === null || _productResult$reason === void 0 ? void 0 : _productResult$reason.message));
             }
             leftSlides = [left].concat(_toConsumableArray(productMedia));
             setImages({
@@ -55162,7 +55451,7 @@ function useRenderJobData(id) {
             return _context.abrupt("return");
           case 34:
             message = (_message = _context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message) !== null && _message !== void 0 ? _message : 'Unknown error';
-            LOG$5.error(new DivaError("Failed to load render job ".concat(id, ": ").concat(message), {
+            LOG$3.error(new DivaError("Failed to load render job ".concat(id, ": ").concat(message), {
               code: 'RENDERAPPROVE_LOAD_JOB'
             }));
             setError(message);
@@ -55179,7 +55468,7 @@ function useRenderJobData(id) {
     return function () {
       cancelled = true;
     };
-  }, [id, baseUrl, catalogService, jwt, t]);
+  }, [id, baseUrl, catalogService, jwt, t, refreshKey]);
   return useMemo(function () {
     return {
       job: job,
@@ -55190,168 +55479,6 @@ function useRenderJobData(id) {
   }, [job, images, loading, error]);
 }
 
-function ownKeys$e(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$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$4 = getLogger('Backoffice', 'RenderApprove');
-
-/**
- * Thin wrapper around `PATCH ${mediaService}/renderjobs/:id/state`.
- * Lives in its own hook so the session orchestrator can stay independent of
- * `useRenderJobData` (which is bound to a single currently-loaded job).
- */
-function useUpdateRenderJobState() {
-  var _root$configurationSt;
-  var root = useStore();
-  var baseUrl = (_root$configurationSt = root.configurationStore.apiConfig) === null || _root$configurationSt === void 0 ? void 0 : _root$configurationSt.mediaService;
-  var jwt = root.dataStore.jwt;
-  return useCallback(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id, state, message, keepalive) {
-      var response, text, err, raw;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (baseUrl) {
-              _context.next = 2;
-              break;
-            }
-            throw new DivaError('Media service URL is not configured.', {
-              code: 'RENDERAPPROVE_NO_BASE_URL'
-            });
-          case 2:
-            _context.next = 4;
-            return fetch("".concat(baseUrl, "/renderjobs/").concat(encodeURIComponent(id), "/state"), _objectSpread$e({
-              method: 'PATCH',
-              headers: _objectSpread$e({
-                'Content-Type': 'application/json'
-              }, jwt ? {
-                Authorization: "Bearer ".concat(jwt)
-              } : {}),
-              body: JSON.stringify(_objectSpread$e({
-                state: state
-              }, message ? {
-                message: message
-              } : {}))
-            }, keepalive === true ? {
-              keepalive: true
-            } : {}));
-          case 4:
-            response = _context.sent;
-            if (response.ok) {
-              _context.next = 12;
-              break;
-            }
-            _context.next = 8;
-            return response.text()["catch"](function () {
-              return '';
-            });
-          case 8:
-            text = _context.sent;
-            err = new DivaError("State update failed: ".concat(response.status, " ").concat(response.statusText).concat(text ? " - ".concat(text) : ''), {
-              code: 'RENDERAPPROVE_UPDATE_STATE_FAILED'
-            });
-            LOG$4.error(err);
-            throw err;
-          case 12:
-            _context.next = 14;
-            return response.text();
-          case 14:
-            raw = _context.sent;
-            _context.prev = 15;
-            return _context.abrupt("return", raw ? JSON.parse(raw) : undefined);
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](15);
-            return _context.abrupt("return", undefined);
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[15, 19]]);
-    }));
-    return function (_x, _x2, _x3, _x4) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [baseUrl, jwt]);
-}
-
-function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var LOG$3 = getLogger('Backoffice', 'RenderApprove');
-/**
- * Thin wrapper around `PATCH ${mediaService}/renderjobs/:id` with the
- * repository-wide JSON Patch envelope `{ patch: [...] }`.
- */
-function useUpdateRenderJobPatch() {
-  var _root$configurationSt;
-  var root = useStore();
-  var baseUrl = (_root$configurationSt = root.configurationStore.apiConfig) === null || _root$configurationSt === void 0 ? void 0 : _root$configurationSt.mediaService;
-  var jwt = root.dataStore.jwt;
-  return useCallback(/*#__PURE__*/function () {
-    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(id, patch) {
-      var response, text, err, raw;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (baseUrl) {
-              _context.next = 2;
-              break;
-            }
-            throw new DivaError('Media service URL is not configured.', {
-              code: 'RENDERAPPROVE_NO_BASE_URL'
-            });
-          case 2:
-            _context.next = 4;
-            return fetch("".concat(baseUrl, "/renderjobs/").concat(encodeURIComponent(id)), {
-              method: 'PATCH',
-              headers: _objectSpread$d({
-                'Content-Type': 'application/json'
-              }, jwt ? {
-                Authorization: "Bearer ".concat(jwt)
-              } : {}),
-              body: JSON.stringify({
-                patch: patch
-              })
-            });
-          case 4:
-            response = _context.sent;
-            if (response.ok) {
-              _context.next = 12;
-              break;
-            }
-            _context.next = 8;
-            return response.text()["catch"](function () {
-              return '';
-            });
-          case 8:
-            text = _context.sent;
-            err = new DivaError("Renderjob patch failed: ".concat(response.status, " ").concat(response.statusText).concat(text ? " - ".concat(text) : ''), {
-              code: 'RENDERAPPROVE_PATCH_JOB_FAILED'
-            });
-            LOG$3.error(err);
-            throw err;
-          case 12:
-            _context.next = 14;
-            return response.text();
-          case 14:
-            raw = _context.sent;
-            _context.prev = 15;
-            return _context.abrupt("return", raw ? JSON.parse(raw) : undefined);
-          case 19:
-            _context.prev = 19;
-            _context.t0 = _context["catch"](15);
-            return _context.abrupt("return", undefined);
-          case 22:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[15, 19]]);
-    }));
-    return function (_x, _x2) {
-      return _ref.apply(this, arguments);
-    };
-  }(), [baseUrl, jwt]);
-}
-
 /** Return `false` when the shortcut should not run (e.g. modal open) so default browser behavior is preserved. */
 
 // RenderApprove currently only has free-typing in RejectModal's TextArea.
@@ -55438,21 +55565,21 @@ function useKeyboardShortcuts(_ref) {
   }, [disabled]);
 }
 
-var root$1 = "root-aKShd";
-var emptyStateContainer = "emptyStateContainer--GM0f";
-var finishedContainer = "finishedContainer-lY-P9";
-var finishedSummary = "finishedSummary-I0j--";
-var finishedStats = "finishedStats-ZTCbP";
-var finishedStat = "finishedStat-zC-fQ";
-var finishedStatApproved = "finishedStatApproved-cewMf";
-var finishedStatRejected = "finishedStatRejected-QLbLX";
-var finishedStatOpen = "finishedStatOpen-5tR1r";
-var finishedStatChanged = "finishedStatChanged-UCoYi";
-var finishedWarning = "finishedWarning-mChts";
-var finishedActions = "finishedActions-Ja-V9";
-var errorAlert = "errorAlert-bRo-U";
-var notFoundContainer = "notFoundContainer-g-pxe";
-var css_248z$a = ".root-aKShd {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  background: #f5f5f5;\n}\n\n.emptyStateContainer--GM0f {\n  padding: 24px;\n}\n\n.finishedContainer-lY-P9 {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 24px;\n}\n\n.finishedSummary-I0j-- {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.finishedStats-ZTCbP {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n}\n\n.finishedStat-zC-fQ {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  line-height: 18px;\n  border: 1px solid transparent;\n  background: #fff;\n}\n\n.finishedStatApproved-cewMf {\n  color: #237804;\n  background: #f6ffed;\n  border-color: #b7eb8f;\n}\n\n.finishedStatRejected-QLbLX {\n  color: #a8071a;\n  background: #fff1f0;\n  border-color: #ffa39e;\n}\n\n.finishedStatOpen-5tR1r {\n  color: #595959;\n  background: #fafafa;\n  border-color: #d9d9d9;\n}\n\n.finishedStatChanged-UCoYi {\n  color: #d48806;\n  background: #fff1b8;\n  border-color: #ffc53d;\n}\n\n.finishedWarning-mChts {\n  max-width: 560px;\n  margin: 0 auto;\n}\n\n.finishedActions-Ja-V9 {\n  display: inline-flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.errorAlert-bRo-U {\n  margin: 16px;\n}\n\n.notFoundContainer-g-pxe {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Dark mode */\n.darkmode .root-aKShd {\n  background: #141414;\n}\n\n.darkmode .finishedStat-zC-fQ {\n  background: #1f1f1f;\n  border-color: #434343;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.darkmode .finishedStatApproved-cewMf {\n  color: #95de64;\n  background: rgba(56, 158, 13, 0.18);\n  border-color: rgba(82, 196, 26, 0.45);\n}\n\n.darkmode .finishedStatRejected-QLbLX {\n  color: #ff7875;\n  background: rgba(207, 19, 34, 0.2);\n  border-color: rgba(255, 77, 79, 0.45);\n}\n\n.darkmode .finishedStatOpen-5tR1r {\n  color: rgba(255, 255, 255, 0.8);\n  background: #262626;\n  border-color: #595959;\n}\n\n.darkmode .finishedStatChanged-UCoYi {\n  color: #ffd666;\n  background: rgba(212, 136, 6, 0.28);\n  border-color: rgba(255, 197, 61, 0.55);\n}\n";
+var root$1 = "root-XQQT2";
+var emptyStateContainer = "emptyStateContainer-155hD";
+var finishedContainer = "finishedContainer-ius-c";
+var finishedSummary = "finishedSummary-7q4Vm";
+var finishedStats = "finishedStats-r-MZt";
+var finishedStat = "finishedStat-EXeCH";
+var finishedStatApproved = "finishedStatApproved-aumiA";
+var finishedStatRejected = "finishedStatRejected-M2PWK";
+var finishedStatOpen = "finishedStatOpen-jRasI";
+var finishedStatChanged = "finishedStatChanged-viPzT";
+var finishedWarning = "finishedWarning-JuCh0";
+var finishedActions = "finishedActions-dT6SX";
+var errorAlert = "errorAlert-d4AdZ";
+var notFoundContainer = "notFoundContainer-xbFHj";
+var css_248z$a = ".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.finishedSummary-7q4Vm {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-width: 680px;\n  margin: 0 auto;\n}\n\n.finishedStats-r-MZt {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n}\n\n.finishedStat-EXeCH {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  line-height: 18px;\n  border: 1px solid transparent;\n  background: #fff;\n}\n\n.finishedStatApproved-aumiA {\n  color: #237804;\n  background: #f6ffed;\n  border-color: #b7eb8f;\n}\n\n.finishedStatRejected-M2PWK {\n  color: #a8071a;\n  background: #fff1f0;\n  border-color: #ffa39e;\n}\n\n.finishedStatOpen-jRasI {\n  color: #595959;\n  background: #fafafa;\n  border-color: #d9d9d9;\n}\n\n.finishedStatChanged-viPzT {\n  color: #d48806;\n  background: #fff1b8;\n  border-color: #ffc53d;\n}\n\n.finishedWarning-JuCh0 {\n  max-width: 560px;\n  margin: 0 auto;\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\n.darkmode .finishedStat-EXeCH {\n  background: #1f1f1f;\n  border-color: #434343;\n  color: rgba(255, 255, 255, 0.85);\n}\n\n.darkmode .finishedStatApproved-aumiA {\n  color: #95de64;\n  background: rgba(56, 158, 13, 0.18);\n  border-color: rgba(82, 196, 26, 0.45);\n}\n\n.darkmode .finishedStatRejected-M2PWK {\n  color: #ff7875;\n  background: rgba(207, 19, 34, 0.2);\n  border-color: rgba(255, 77, 79, 0.45);\n}\n\n.darkmode .finishedStatOpen-jRasI {\n  color: rgba(255, 255, 255, 0.8);\n  background: #262626;\n  border-color: #595959;\n}\n\n.darkmode .finishedStatChanged-viPzT {\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$a);
 
 var RENDERJOBS_PATH = '/admin/renderjobs';
@@ -55476,7 +55603,7 @@ function focusBackConfirmButton(button) {
   ok === null || ok === void 0 || ok.focus();
 }
 function RenderApprove() {
-  var _data$job, _data$images$right2, _data$images$right3;
+  var _data$job, _data$images$right2, _data$images$right3, _data$job2;
   var store = useStore();
   var navigate = useNavigate();
   var _useTranslation = useTranslation(),
@@ -55486,7 +55613,6 @@ function RenderApprove() {
   var session = useRenderApproveSession({
     updateState: updateState
   });
-  var data = useRenderJobData(session.currentId);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     rejectOpen = _useState2[0],
@@ -55511,6 +55637,15 @@ function RenderApprove() {
     _useState12 = _slicedToArray(_useState11, 2),
     promptRestarting = _useState12[0],
     setPromptRestarting = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    uploadOpen = _useState14[0],
+    setUploadOpen = _useState14[1];
+  var _useState15 = useState(0),
+    _useState16 = _slicedToArray(_useState15, 2),
+    dataRefreshKey = _useState16[0],
+    setDataRefreshKey = _useState16[1];
+  var data = useRenderJobData(session.currentId, dataRefreshKey);
   var leftSwiperRef = useRef(null);
   var isAiJob = typeof ((_data$job = data.job) === null || _data$job === void 0 ? void 0 : _data$job.engine) === 'string' && data.job.engine.trim().toLowerCase() === 'ai';
   var closeReject = function closeReject() {
@@ -55944,7 +56079,10 @@ function RenderApprove() {
           },
           onReject: openReject,
           onPrev: session.goPrev,
-          onNext: session.goNext
+          onNext: session.goNext,
+          onUpload: function onUpload() {
+            return setUploadOpen(true);
+          }
         })]
       })]
     }), /*#__PURE__*/jsx(RejectModal, {
@@ -55952,6 +56090,18 @@ function RenderApprove() {
       loading: session.isUpdating,
       onCancel: closeReject,
       onConfirm: onRejectConfirm
+    }), /*#__PURE__*/jsx(UploadImageModal, {
+      open: uploadOpen,
+      renderJob: (_data$job2 = data.job) !== null && _data$job2 !== void 0 ? _data$job2 : null,
+      onClose: function onClose() {
+        return setUploadOpen(false);
+      },
+      onSuccess: function onSuccess() {
+        setUploadOpen(false);
+        setDataRefreshKey(function (k) {
+          return k + 1;
+        });
+      }
     }), /*#__PURE__*/jsx(FullscreenViewer, {
       open: fullscreenSide !== null,
       media: fullscreenMedia,
@@ -55964,6 +56114,509 @@ function RenderApprove() {
   });
 }
 
+function createTableRenderJobsConfig(t, root, onUploadRenderJob) {
+  return {
+    title: t('backoffice.table.renderjobs.title'),
+    type: 'TableRenderJobs',
+    canRefresh: true,
+    columns: [{
+      title: t('backoffice.table.renderjobs.columns.title'),
+      field: 'notes',
+      type: 'icon',
+      iconMapping: [{
+        icon: 'StopFilled',
+        value: 0,
+        message: t('backoffice.table.renderjobs.columns.iconmapping.renderjobold')
+      }, {
+        icon: 'ExclamationCircleFilled',
+        message: t('backoffice.table.renderjobs.columns.iconmapping.renderjobchangedoptions'),
+        value: 1
+      }],
+      sorter: 2,
+      width: 100,
+      align: 'center',
+      closeIcon: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.state'),
+      field: 'state',
+      sorter: 1,
+      color: [{
+        color: 'yellow',
+        onValues: ['Warning', 7],
+        operations: ['ct', 'eq'],
+        fields: ['stateHistory', 'state']
+      }, {
+        color: 'red',
+        onValues: ['Threat', 7],
+        operations: ['ct', 'eq'],
+        fields: ['stateHistory', 'state']
+      }],
+      filter: {
+        type: 'multiselect',
+        values: [{
+          value: 0,
+          label: 'renderjob.state.0'
+        }, {
+          value: 1,
+          label: 'renderjob.state.1'
+        }, {
+          value: 2,
+          label: 'renderjob.state.2'
+        }, {
+          value: 3,
+          label: 'renderjob.state.3'
+        }, {
+          value: 4,
+          label: 'renderjob.state.4'
+        }, {
+          value: 5,
+          label: 'renderjob.state.5'
+        }, {
+          value: 6,
+          label: 'renderjob.state.6'
+        }, {
+          value: 7,
+          label: 'renderjob.state.7'
+        }, {
+          value: 8,
+          label: 'renderjob.state.8'
+        }, {
+          value: 9,
+          label: 'renderjob.state.9'
+        }, {
+          value: 10,
+          label: 'renderjob.state.10'
+        }, {
+          value: 11,
+          label: 'renderjob.state.11'
+        }, {
+          value: 12,
+          label: 'renderjob.state.12'
+        }]
+      },
+      width: 200,
+      translationPrefix: 'renderjob.state',
+      type: 'string'
+    }, {
+      title: t('backoffice.table.renderjobs.columns.priority'),
+      sorter: 2,
+      filter: 'advanced',
+      field: 'priority',
+      width: 110
+    }, {
+      title: t('backoffice.table.renderjobs.columns.divaNr'),
+      field: 'divaNr',
+      filter: 'advanced',
+      sorter: 2,
+      width: 150
+    }, {
+      title: t('backoffice.table.renderjobs.columns.VariantId'),
+      field: 'divaNrVariantId',
+      filter: 'advanced',
+      sorter: 2,
+      width: 150
+    }, {
+      title: t('backoffice.table.renderjobs.columns.fileUrl'),
+      field: 'mediaItemRef',
+      width: 99,
+      type: 'mediaItem',
+      mediaItemViewerIdMode: 'ref',
+      align: 'center'
+    }, {
+      title: t('backoffice.table.renderjobs.columns.realTimeRenderUrl'),
+      field: 'realTimeRenderUrl',
+      width: 99,
+      type: 'media',
+      align: 'center'
+    }, {
+      title: t('backoffice.table.renderjobs.columns.job'),
+      field: 'job',
+      sorter: 3,
+      filter: 'advanced',
+      width: 200
+    }, {
+      title: t('backoffice.table.renderjobs.columns.fileName'),
+      field: 'fileName',
+      sorter: 3,
+      filter: 'advanced',
+      width: 200
+    }, {
+      title: t('backoffice.table.renderjobs.columns.group'),
+      field: 'group',
+      sorter: 11,
+      filter: 'advanced',
+      width: 300
+    }, {
+      title: t('backoffice.table.renderjobs.columns.viewPoint'),
+      field: 'viewPoint',
+      sorter: 4,
+      filter: 'advanced',
+      width: 300
+    }, {
+      title: t('backoffice.table.renderjobs.columns.renderScene'),
+      field: 'renderScene',
+      sorter: 10,
+      filter: 'advanced',
+      width: 300
+    }, {
+      title: t('backoffice.table.renderjobs.columns.engine'),
+      field: 'engine',
+      sorter: 10,
+      filter: 'advanced',
+      width: 300
+    }, {
+      title: t('backoffice.table.renderjobs.columns.supplierName'),
+      field: 'supplierName',
+      width: 300,
+      sorter: 11,
+      filter: 'advanced'
+    }, {
+      title: t('backoffice.table.renderjobs.columns.catalogName'),
+      field: 'catalogName',
+      sorter: 14,
+      filter: 'advanced',
+      width: 300
+    }, {
+      title: t('backoffice.table.renderjobs.columns.organizationName'),
+      field: 'organizationName',
+      sorter: 13,
+      filter: 'advanced',
+      width: 400
+    }, {
+      title: t('backoffice.table.renderjobs.columns.createdByName'),
+      field: 'createdByName',
+      sorter: 14,
+      filter: 'advanced',
+      width: 200
+    }, {
+      title: t('backoffice.table.renderjobs.columns.lastUpdated'),
+      field: 'lastUpdated',
+      sorter: 15,
+      type: 'unixTimeStamp',
+      defaultSortOrder: 'descend',
+      filter: 'interval',
+      width: 200
+    }, {
+      title: t('backoffice.table.renderjobs.columns.dracoCompression'),
+      field: 'dracoCompression',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.additionalPrompt'),
+      field: 'additionalPrompt',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.prompt'),
+      field: 'prompt',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.originPosition'),
+      field: 'originPosition',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.originRotation'),
+      field: 'originRotation',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.spawnLocation'),
+      field: 'spawnLocation',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.product'),
+      field: 'product',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.createdBy'),
+      field: 'createdBy',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.createdByEmail'),
+      field: 'createdByEmail',
+      hidden: true
+    }, {
+      title: t('backoffice.table.renderjobs.columns.organization'),
+      field: 'organization',
+      hidden: true
+    }, {
+      title: '_id',
+      field: '_id',
+      hidden: true
+    }, {
+      title: 'fileName',
+      field: 'fileName',
+      hidden: true
+    }, {
+      title: 'fileFormat',
+      field: 'fileFormat',
+      hidden: true
+    }, {
+      title: 'arViewerSetting',
+      field: 'arViewerSetting',
+      hidden: true
+    }, {
+      title: 'mediaItems',
+      field: 'mediaItems',
+      hidden: true
+    }, {
+      title: 'alternativeRendering',
+      field: 'alternativeRendering',
+      hidden: true
+    }, {
+      title: 'borderCM',
+      field: 'borderCM',
+      hidden: true
+    }, {
+      title: 'doHideShadow',
+      field: 'doHideShadow',
+      hidden: true
+    }, {
+      title: 'doRenderDoubleResolution',
+      field: 'doRenderDoubleResolution',
+      hidden: true
+    }, {
+      title: 'useTransparency',
+      field: 'useTransparency',
+      hidden: true
+    }, {
+      title: 'fileUrl',
+      field: 'fileUrl',
+      hidden: true
+    }, {
+      title: 'stateHistory',
+      field: 'stateHistory',
+      hidden: true
+    }, {
+      title: 'debugUser',
+      field: 'debugUser',
+      hidden: true
+    }],
+    apiInterface: {
+      read: {
+        list: '${mediaService}/renderjobs',
+        filterServerSide: true
+      },
+      update: {
+        url: '${mediaService}/renderjobs/{_id}',
+        method: 'PATCH',
+        jsonPatch: true
+      },
+      "delete": '${mediaService}/renderjobs/${id}'
+    },
+    bulkActions: [{
+      actionType: 'Modal',
+      type: 'Form',
+      id: 'FormRenderJobState',
+      title: t('backoffice.table.renderjobs.bulkActions.FormRenderJobState.title'),
+      label: t('backoffice.table.renderjobs.bulkActions.FormRenderJobState.label'),
+      rule: [{
+        match: {
+          sourceField: 'state'
+        }
+      }],
+      errorText: t('backoffice.table.renderjobs.bulkActions.FormRenderJobState.errorText'),
+      apiInterface: {
+        update: {
+          url: '${mediaService}/renderjobs/{_id}/state',
+          method: 'PATCH'
+        }
+      },
+      showProgressBar: true
+    }, {
+      actionType: 'Modal',
+      type: 'Form',
+      id: 'FormNameAddition',
+      title: t('backoffice.table.renderjobs.bulkActions.FormNameAddition.title'),
+      label: t('backoffice.table.renderjobs.bulkActions.FormNameAddition.label'),
+      errorText: t('backoffice.table.renderjobs.bulkActions.FormNameAddition.errorText'),
+      apiInterface: {
+        update: {
+          url: '${mediaService}/renderjobs/{_id}',
+          method: 'PATCH',
+          jsonPatch: true
+        }
+      },
+      rule: [{
+        lt: {
+          sourceField: 'state',
+          value: 3
+        }
+      }],
+      mapping: {
+        type: 'body',
+        map: [{
+          targetField: 'addition',
+          sourceField: 'addition'
+        }, {
+          sourceField: 'fileName',
+          targetField: 'fileName'
+        }]
+      },
+      apiCallbackMapping: {
+        type: 'body',
+        map: [{
+          sourceField: 'addition',
+          targetField: 'fileName',
+          setType: 'addToSourceValue'
+        }]
+      },
+      showProgressBar: true
+    }, {
+      actionType: 'Callback',
+      id: 'OpenRenderApprove',
+      label: t('backoffice.renderapprove.table.bulkAction.label'),
+      rule: [{
+        match: {
+          sourceField: 'state',
+          value: 7
+        }
+      }],
+      errorText: 'backoffice.renderapprove.table.bulkAction.errorText',
+      disableOnRuleMismatch: true,
+      callback: function callback(selectedRenderJobs) {
+        var renderJobIds = (selectedRenderJobs !== null && selectedRenderJobs !== void 0 ? selectedRenderJobs : []).map(function (job) {
+          return job === null || job === void 0 ? void 0 : job._id;
+        }).filter(Boolean);
+        if (renderJobIds.length === 0) return;
+        Modal$2.confirm({
+          title: t('backoffice.renderapprove.table.bulkAction.title'),
+          content: t('backoffice.renderapprove.table.bulkAction.content', {
+            count: renderJobIds.length
+          }),
+          okText: t('backoffice.renderapprove.table.bulkAction.okText'),
+          cancelText: t('backoffice.renderapprove.table.bulkAction.cancelText'),
+          onOk: function onOk() {
+            var search = "?renderJobIds=".concat(encodeURIComponent(renderJobIds.join(',')));
+            root.navigate("/admin/renderjobs/renderapprove".concat(search));
+          }
+        });
+      }
+    }],
+    deselectOnUpdate: false,
+    copyAction: {
+      apiInterface: {
+        create: '${mediaService}/renderjobs/${_id}/copy'
+      },
+      mapping: {
+        type: 'query',
+        map: [{
+          sourceField: '_id',
+          targetField: '_id'
+        }]
+      }
+    },
+    downloadAction: [{
+      actionType: 'Download',
+      id: 'DownloadRenderjobAction',
+      rule: [{
+        match: {
+          sourceField: 'state',
+          value: [12, 9, 8, 7]
+        }
+      }],
+      download: [{
+        type: 'request',
+        request: '${mediaService}/v1/assets/${mediaItems}/download',
+        mediaType: 'file',
+        mapping: {
+          type: 'query',
+          map: [{
+            sourceField: 'mediaItemRef',
+            targetField: 'mediaItems'
+          }]
+        }
+      }]
+    }],
+    rowAction: [{
+      actionType: 'Detail',
+      type: 'Form',
+      id: 'FormRenderjob',
+      title: t('backoffice.table.renderjobs.rowAction.FormRenderjob.title'),
+      description: [{
+        text: t('backoffice.table.renderjobs.rowAction.FormRenderjob.description.text')
+      }]
+    }, {
+      actionType: 'Detail',
+      type: 'List',
+      id: 'ListJobHistory',
+      title: t('backoffice.table.renderjobs.rowAction.ListJobHistory.title'),
+      label: t('backoffice.table.renderjobs.rowAction.ListJobHistory.label')
+    }, {
+      actionType: 'Detail',
+      type: 'ImageCropper',
+      id: 'CropperRenderJob',
+      title: t('backoffice.table.renderjobs.rowAction.CropperRenderJob.title'),
+      label: t('backoffice.table.renderjobs.rowAction.CropperRenderJob.label')
+    }, {
+      actionType: 'Callback',
+      id: 'UploadRenderJobImage',
+      label: t('backoffice.table.renderjobs.rowAction.UploadRenderJobImage.label', {
+        defaultValue: 'Bild hochladen'
+      }),
+      callback: function callback(data) {
+        if (!(data !== null && data !== void 0 && data._id)) return;
+        onUploadRenderJob(data);
+      }
+    }, {
+      actionType: 'Download',
+      id: 'DownloadRequest',
+      icon: 'DownloadOutlined',
+      rule: [{
+        match: {
+          sourceField: 'state',
+          value: [5, 6, 7, 8, 9, 10, 11, 12]
+        }
+      }],
+      download: [{
+        type: 'request',
+        request: '${mediaService}/renderjobs/${_id}/hqRenderScript',
+        mapping: {
+          type: 'query',
+          map: [{
+            sourceField: '_id',
+            targetField: '_id'
+          }]
+        },
+        mediaType: 'json'
+      }]
+    }]
+  };
+}
+
+var TableRenderJobs = observer(function TableRenderJobs() {
+  var root = useStore();
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n,
+    t = _useTranslation.t;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    uploadRenderJob = _useState2[0],
+    setUploadRenderJob = _useState2[1];
+  var config = useMemo(function () {
+    var cfg = createTableRenderJobsConfig(t, root, setUploadRenderJob);
+    replaceApiConfigPlaceholdersDeep(cfg, root.configurationStore.apiConfig);
+    return cfg;
+  }, [i18n.language]);
+  var state = useTableData({
+    id: 'TableRenderjobs',
+    i18n: i18n,
+    config: config
+  });
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(BaseTable, {
+      state: state
+    }), /*#__PURE__*/jsx(UploadImageModal, {
+      open: !!uploadRenderJob,
+      renderJob: uploadRenderJob,
+      onClose: function onClose() {
+        return setUploadRenderJob(null);
+      },
+      onSuccess: function onSuccess() {
+        setUploadRenderJob(null);
+        state.triggerRefresh();
+      }
+    })]
+  });
+});
+
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ContentWrapper = function ContentWrapper(_ref) {
@@ -55981,25 +56634,27 @@ var ContentWrapper = function ContentWrapper(_ref) {
   if (!current) {
     return null;
   }
-  return /*#__PURE__*/jsxs(Layout.Content, {
-    id: "contnet",
-    style: {
-      margin: 16,
-      position: 'relative',
-      minHeight: 'auto',
-      height: 'calc(100% - 32px)'
-    },
-    children: [current.configuration.type !== 'Group' && /*#__PURE__*/jsx(ContentCard, {
-      configId: current.id,
-      type: current.configuration.type,
-      inGroup: false,
-      readListUrl: menuRoute.readListUrl,
-      genericType: menuRoute.genericType,
-      tableInstanceKey: menuRoute.path
-    }), current.configuration.type == 'Group' && /*#__PURE__*/jsx(Group, {
-      id: current.id
-    })]
-  }, menuRoute.path + (root.dataStore.organizationId || ''));
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsxs(Layout.Content, {
+      id: "contnet",
+      style: {
+        margin: 16,
+        position: 'relative',
+        minHeight: 'auto',
+        height: 'calc(100% - 32px)'
+      },
+      children: [current.configuration.type !== 'Group' && /*#__PURE__*/jsx(ContentCard, {
+        configId: current.id,
+        type: current.configuration.type,
+        inGroup: false,
+        readListUrl: menuRoute.readListUrl,
+        genericType: menuRoute.genericType,
+        tableInstanceKey: menuRoute.path
+      }), current.configuration.type == 'Group' && /*#__PURE__*/jsx(Group, {
+        id: current.id
+      })]
+    }, menuRoute.path + (root.dataStore.organizationId || ''))
+  });
 };
 var Group = observer(function (_ref2) {
   var _configuration$direct, _configuration$items;
@@ -56106,7 +56761,7 @@ var ContentCard = observer(function (_ref3) {
     }, configId), configuration.type == 'MediaTable' && /*#__PURE__*/jsx(MediaTable, {
       configuration: configuration,
       id: configId
-    }, configId), configuration.type == 'Maintenance' && /*#__PURE__*/jsx(Maintenance, {}, configId), configuration.type == 'MetaCampaignJotformSync' && /*#__PURE__*/jsx(MetaCampaignJotformSync$1, {}, configId), configuration.type == 'RenderApprove' && /*#__PURE__*/jsx(RenderApprove, {}, configId)]
+    }, configId), configuration.type == 'Maintenance' && /*#__PURE__*/jsx(Maintenance, {}, configId), configuration.type == 'MetaCampaignJotformSync' && /*#__PURE__*/jsx(MetaCampaignJotformSync$1, {}, configId), configuration.type == 'RenderApprove' && /*#__PURE__*/jsx(RenderApprove, {}, configId), configuration.type == 'TableRenderJobs' && /*#__PURE__*/jsx(TableRenderJobs, {}, configId)]
   });
 });
 var Content = observer(ContentWrapper);