@crystaldesign/diva-backoffice 26.12.0-beta.21 → 26.12.0-beta.23

package/build/esm/index.js

@@ -13816,7 +13816,12 @@ function loadConfiguration(t, root, config, lang, apiConfig) {
         }, 'von', {
           field: 'authorByName'
         }],
+        // Recognised render-pipeline failures carry a code that is translated into plain language; the
+        // reported message follows it, so an unclassified failure still shows what the pipeline said.
         content: [{
+          field: 'messageCode',
+          translationPrefix: 'renderjob.error'
+        }, {
           field: 'message'
         }]
       }
@@ -27821,6 +27826,9 @@ var ListWrapper = function ListWrapper(props, ref) {
           }),
           description: item.description
         }), /*#__PURE__*/jsx("div", {
+          style: {
+            whiteSpace: 'pre-wrap'
+          },
           children: item.content
         }), /*#__PURE__*/jsx("div", {
           style: {
@@ -73969,6 +73977,124 @@ function SessionHeader(_ref) {
   });
 }
 
+/**
+ * Numeric render-job states used by the RenderApprove session.
+ * Mirrors `RenderJobState` in `node-apps/diva-media/src/infra/db/models/RenderJobModel.ts`
+ * (kept as plain literals to avoid a cross-package import).
+ */
+var RENDER_JOB_STATE = {
+  paymentClarified: 2,
+  readyForProduction: 3,
+  readyForRenderer: 5,
+  inChecking: 7,
+  approved: 8,
+  rejected: 9,
+  error: 11,
+  finished: 12
+};
+
+/**
+ * Mandatory rejection reasons per acceptance criteria / Story 5 (7 categories).
+ * `value` is sent as the `message` payload of `PATCH /renderjobs/:id/state`.
+ */
+var REJECTION_REASONS = [{
+  value: 'qualityInsufficient',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.qualityInsufficient'
+}, {
+  value: 'wrongPerspective',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.wrongPerspective'
+}, {
+  value: 'lightingIssues',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.lightingIssues'
+}, {
+  value: 'materialIssues',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.materialIssues'
+}, {
+  value: 'geometryIssues',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.geometryIssues'
+}, {
+  value: 'compositionIssues',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.compositionIssues'
+}, {
+  value: 'other',
+  labelKey: 'backoffice.renderapprove.rejectionReasons.other'
+}];
+function getRejectionReasonLabelKey(reason) {
+  var _match$labelKey;
+  var match = REJECTION_REASONS.find(function (entry) {
+    return entry.value === reason;
+  });
+  return (_match$labelKey = match === null || match === void 0 ? void 0 : match.labelKey) !== null && _match$labelKey !== void 0 ? _match$labelKey : 'backoffice.renderapprove.rejectionReasons.other';
+}
+
+/**
+ * Keyboard shortcut identifiers used by `useKeyboardShortcuts`.
+ * Layout: Arrow Right = Approve, Arrow Left = Reject, Arrow Down = Skip.
+ * Optional navigation shortcuts use PageUp/PageDown. Space = Fullscreen,
+ * Escape closes Modal / Fullscreen, Ctrl/Cmd+Z undoes the last action
+ * within the undo window.
+ *
+ * `code` matches `KeyboardEvent.code` (layout-stable); `mod` requires
+ * Ctrl (Windows/Linux) or Cmd (macOS) to be held during the keypress.
+ */
+
+var KEY_MAP = {
+  approve: {
+    code: 'Enter'
+  },
+  reject: {
+    code: 'Backspace'
+  },
+  prev: {
+    code: 'ArrowLeft'
+  },
+  next: {
+    code: 'ArrowRight'
+  },
+  swiperPrev: {
+    code: 'KeyA'
+  },
+  swiperNext: {
+    code: 'KeyD'
+  },
+  // A/D already drive the left swiper, so the variant swiper gets its own pair.
+  variantPrev: {
+    code: 'KeyQ'
+  },
+  variantNext: {
+    code: 'KeyE'
+  },
+  compare: {
+    code: 'KeyC'
+  },
+  details: {
+    code: 'KeyD',
+    mod: true
+  },
+  prompt: {
+    code: 'KeyI',
+    mod: true
+  },
+  fullscreen: {
+    code: 'Space'
+  },
+  close: {
+    code: 'Escape'
+  },
+  undo: {
+    code: 'KeyZ',
+    mod: true
+  }
+};
+/**
+ * Default lifetime of the Phase 4 undo notification (ms).
+ * Kept here so it can be referenced from multiple hooks/components.
+ */
+var UNDO_TIMEOUT_MS = 5000;
+
+function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
+function _arrayLikeToArray$k(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; }
 /** Mime types of images a browser cannot render in an `<img>` element. */
 var NON_RENDERABLE_MIME_TYPES = new Set(['image/tiff', 'image/tif']);
 
@@ -73993,6 +74119,47 @@ function getViewerUrl(media) {
   return (_media$url = media.url) !== null && _media$url !== void 0 ? _media$url : null;
 }
 
+/** One entry of a render job's state history, as delivered by diva-media. */
+
+/** Most recent state-history entry of the given state that carries a message. */
+function latestEntryWithMessage(history, state) {
+  if (!Array.isArray(history)) return undefined;
+  var best;
+  var _iterator = _createForOfIteratorHelper$k(history),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _entry$created, _best$created;
+      var entry = _step.value;
+      if ((entry === null || entry === void 0 ? void 0 : entry.state) !== state) continue;
+      if (typeof entry.message !== 'string' || entry.message.length === 0) continue;
+      if (!best || ((_entry$created = entry.created) !== null && _entry$created !== void 0 ? _entry$created : 0) >= ((_best$created = best.created) !== null && _best$created !== void 0 ? _best$created : 0)) best = entry;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return best;
+}
+
+/** Message (reason + comment) of the most recent rejection in a job's state history. */
+function latestRejectMessage(history) {
+  var _latestEntryWithMessa;
+  return (_latestEntryWithMessa = latestEntryWithMessage(history, RENDER_JOB_STATE.rejected)) === null || _latestEntryWithMessa === void 0 ? void 0 : _latestEntryWithMessa.message;
+}
+
+/**
+ * Most recent failure in a job's state history.
+ *
+ * The reported reason is the only thing a user gets to see about a job the render pipeline could not
+ * process, so both the message and its code are returned - the code is translated, the message is the
+ * fallback for an unrecognised failure.
+ */
+function latestErrorEntry(history) {
+  return latestEntryWithMessage(history, RENDER_JOB_STATE.error);
+}
+
 var root$b = "root-bbDdW";
 var header$1 = "header--owh8";
 var content$1 = "content-q2m1c";
@@ -74859,9 +75026,9 @@ styleInject(css_248z$n);
 
 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; }
-function _createForOfIteratorHelper$k(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$k(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$k(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$k(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$k(r, a) : void 0; } }
-function _arrayLikeToArray$k(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(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$j(r, a) : void 0; } }
+function _arrayLikeToArray$j(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; }
 /**
  * Builds the initial item list. When `selectedUrls` (the persisted
  * `renderImages`) are present, the matching slides are selected and ordered
@@ -74884,7 +75051,7 @@ function buildItems(slides, selectedUrls) {
     }));
     var selected = [];
     var rest = [];
-    var _iterator = _createForOfIteratorHelper$k(withMeta),
+    var _iterator = _createForOfIteratorHelper$j(withMeta),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -74995,7 +75162,7 @@ function AIImageSelector(_ref2) {
   // Running order number among the selected items, in list order.
   var counter = 0;
   var orderByKey = new Map();
-  var _iterator2 = _createForOfIteratorHelper$k(items),
+  var _iterator2 = _createForOfIteratorHelper$j(items),
     _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -75222,120 +75389,6 @@ function InputImagesModal(_ref) {
   });
 }
 
-/**
- * Numeric render-job states used by the RenderApprove session.
- * Mirrors `RenderJobState` in `node-apps/diva-media/src/infra/db/models/RenderJobModel.ts`
- * (kept as plain literals to avoid a cross-package import).
- */
-var RENDER_JOB_STATE = {
-  paymentClarified: 2,
-  readyForProduction: 3,
-  readyForRenderer: 5,
-  inChecking: 7,
-  approved: 8,
-  rejected: 9,
-  finished: 12
-};
-
-/**
- * Mandatory rejection reasons per acceptance criteria / Story 5 (7 categories).
- * `value` is sent as the `message` payload of `PATCH /renderjobs/:id/state`.
- */
-var REJECTION_REASONS = [{
-  value: 'qualityInsufficient',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.qualityInsufficient'
-}, {
-  value: 'wrongPerspective',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.wrongPerspective'
-}, {
-  value: 'lightingIssues',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.lightingIssues'
-}, {
-  value: 'materialIssues',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.materialIssues'
-}, {
-  value: 'geometryIssues',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.geometryIssues'
-}, {
-  value: 'compositionIssues',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.compositionIssues'
-}, {
-  value: 'other',
-  labelKey: 'backoffice.renderapprove.rejectionReasons.other'
-}];
-function getRejectionReasonLabelKey(reason) {
-  var _match$labelKey;
-  var match = REJECTION_REASONS.find(function (entry) {
-    return entry.value === reason;
-  });
-  return (_match$labelKey = match === null || match === void 0 ? void 0 : match.labelKey) !== null && _match$labelKey !== void 0 ? _match$labelKey : 'backoffice.renderapprove.rejectionReasons.other';
-}
-
-/**
- * Keyboard shortcut identifiers used by `useKeyboardShortcuts`.
- * Layout: Arrow Right = Approve, Arrow Left = Reject, Arrow Down = Skip.
- * Optional navigation shortcuts use PageUp/PageDown. Space = Fullscreen,
- * Escape closes Modal / Fullscreen, Ctrl/Cmd+Z undoes the last action
- * within the undo window.
- *
- * `code` matches `KeyboardEvent.code` (layout-stable); `mod` requires
- * Ctrl (Windows/Linux) or Cmd (macOS) to be held during the keypress.
- */
-
-var KEY_MAP = {
-  approve: {
-    code: 'Enter'
-  },
-  reject: {
-    code: 'Backspace'
-  },
-  prev: {
-    code: 'ArrowLeft'
-  },
-  next: {
-    code: 'ArrowRight'
-  },
-  swiperPrev: {
-    code: 'KeyA'
-  },
-  swiperNext: {
-    code: 'KeyD'
-  },
-  // A/D already drive the left swiper, so the variant swiper gets its own pair.
-  variantPrev: {
-    code: 'KeyQ'
-  },
-  variantNext: {
-    code: 'KeyE'
-  },
-  compare: {
-    code: 'KeyC'
-  },
-  details: {
-    code: 'KeyD',
-    mod: true
-  },
-  prompt: {
-    code: 'KeyI',
-    mod: true
-  },
-  fullscreen: {
-    code: 'Space'
-  },
-  close: {
-    code: 'Escape'
-  },
-  undo: {
-    code: 'KeyZ',
-    mod: true
-  }
-};
-/**
- * Default lifetime of the Phase 4 undo notification (ms).
- * Kept here so it can be referenced from multiple hooks/components.
- */
-var UNDO_TIMEOUT_MS = 5000;
-
 var container$3 = "container-PmByk";
 var header = "header-ESR-S";
 var title = "title-g5pl0";
@@ -75374,7 +75427,7 @@ var statusTriggerLocked = "statusTriggerLocked-5u8lc";
 var statusIcon = "statusIcon-rpMzy";
 var menuDot = "menuDot-ybea1";
 var footer = "footer-HdZwL";
-var css_248z$l = ".container-PmByk {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  overflow: auto;\n  padding: 16px 20px;\n}\n\n.header-ESR-S {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.title-g5pl0 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.subtitle-wYnId {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.tiles-4NW82 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.tile-vHlQ9 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  background: #fff;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.tile-vHlQ9:hover {\n  border-color: #1677ff;\n}\n\n.tile-vHlQ9.focus-visible-am0Va {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tile-vHlQ9:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tileActive-Kl6AW {\n  border-color: #1677ff;\n  background: #e6f4ff;\n}\n\n.clearFilter-KsvRj {\n  align-self: center;\n  border: none;\n  background: none;\n  color: #1677ff;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n  padding: 0 4px;\n}\n\n.clearFilter-KsvRj:hover {\n  text-decoration: underline;\n}\n\n.dot-x41U9 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex: none;\n}\n\n.dotApproved-jidKD {\n  background: #52c41a;\n}\n\n.dotRejected-9TFUi {\n  background: #ff4d4f;\n}\n\n.dotOpen-eHbi0 {\n  background: #faad14;\n}\n\n.dotFinished-Id6hR {\n  background: #722ed1;\n}\n\n.dotPayment-Fzk7U {\n  background: #13c2c2;\n}\n\n.dotReadyForProduction-yIYkt {\n  background: #1677ff;\n}\n\n.tileNum-9DGoc {\n  font-size: 16px;\n  font-weight: 600;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n.tileLabel-nG0xD {\n  color: #8c8c8c;\n  font-size: 12px;\n}\n\n.toolbar-jJDio {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.selInfo-r4QBF {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.spacer-g69QI {\n  flex: 1;\n}\n\n.thumb-Wd6Zw {\n  width: 74px;\n  height: 54px;\n  border-radius: 6px;\n  overflow: hidden;\n  border: 1px solid #f0f0f0;\n  background: #fafafa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n\n.thumbStatic-kc-Qn {\n  cursor: default;\n}\n\n.thumbImg-ViR1y {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.thumbPlaceholder-gp0b2 {\n  color: #bfbfbf;\n  font-size: 18px;\n}\n\n.badge-bYA4m {\n  position: absolute;\n  left: 4px;\n  bottom: 4px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.videoBadge--DvZy {\n  position: absolute;\n  color: #fff;\n  font-size: 22px;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));\n}\n\n.prodName-t5Dom {\n  font-weight: 600;\n}\n\n.info--EMmi {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.infoLines-HenMK {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 2px;\n}\n\n.infoLine-EyUqw {\n  font-size: 12px;\n  color: #8c8c8c;\n}\n\n.infoLabel-JfxNQ {\n  color: #bfbfbf;\n}\n\n.reason-wzttm {\n  margin-top: 4px;\n  max-width: 220px;\n  font-size: 12px;\n  color: #8c8c8c;\n  white-space: normal;\n}\n\n.prodSub-cZZSl {\n  color: #8c8c8c;\n  font-size: 12px;\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 2px;\n}\n\n.sku-7EODQ {\n  font-family: monospace;\n}\n\n.statusTrigger-oGuEq {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.statusTriggerLocked-5u8lc {\n  cursor: default;\n}\n\n.statusIcon-rpMzy {\n  font-size: 10px;\n  color: #8c8c8c;\n}\n\n.menuDot-ybea1 {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.footer-HdZwL {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding-top: 4px;\n}\n\n/* Dark mode */\n.darkmode .tile-vHlQ9 {\n  background: #1f1f1f;\n  border-color: #434343;\n}\n\n.darkmode .tileActive-Kl6AW {\n  border-color: #3c89e8;\n  background: rgba(60, 137, 232, 0.16);\n}\n\n.darkmode .thumb-Wd6Zw {\n  background: #262626;\n  border-color: #434343;\n}\n\n.darkmode .subtitle-wYnId,\n.darkmode .tileLabel-nG0xD,\n.darkmode .selInfo-r4QBF,\n.darkmode .prodSub-cZZSl,\n.darkmode .infoLine-EyUqw,\n.darkmode .reason-wzttm {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.darkmode .infoLabel-JfxNQ {\n  color: rgba(255, 255, 255, 0.35);\n}\n";
+var css_248z$l = ".container-PmByk {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  overflow: auto;\n  padding: 16px 20px;\n}\n\n.header-ESR-S {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.title-g5pl0 {\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.subtitle-wYnId {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.tiles-4NW82 {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.tile-vHlQ9 {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  background: #fff;\n  cursor: pointer;\n  font: inherit;\n  color: inherit;\n  transition: border-color 0.15s, background 0.15s;\n}\n\n.tile-vHlQ9:hover {\n  border-color: #1677ff;\n}\n\n.tile-vHlQ9.focus-visible-am0Va {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tile-vHlQ9:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: 2px;\n}\n\n.tileActive-Kl6AW {\n  border-color: #1677ff;\n  background: #e6f4ff;\n}\n\n.clearFilter-KsvRj {\n  align-self: center;\n  border: none;\n  background: none;\n  color: #1677ff;\n  cursor: pointer;\n  font: inherit;\n  font-size: 12px;\n  padding: 0 4px;\n}\n\n.clearFilter-KsvRj:hover {\n  text-decoration: underline;\n}\n\n.dot-x41U9 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  flex: none;\n}\n\n.dotApproved-jidKD {\n  background: #52c41a;\n}\n\n.dotRejected-9TFUi {\n  background: #ff4d4f;\n}\n\n.dotOpen-eHbi0 {\n  background: #faad14;\n}\n\n.dotFinished-Id6hR {\n  background: #722ed1;\n}\n\n.dotPayment-Fzk7U {\n  background: #13c2c2;\n}\n\n.dotReadyForProduction-yIYkt {\n  background: #1677ff;\n}\n\n.tileNum-9DGoc {\n  font-size: 16px;\n  font-weight: 600;\n  font-feature-settings: \"tnum\";\n  font-variant-numeric: tabular-nums;\n}\n\n.tileLabel-nG0xD {\n  color: #8c8c8c;\n  font-size: 12px;\n}\n\n.toolbar-jJDio {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n}\n\n.selInfo-r4QBF {\n  color: #8c8c8c;\n  font-size: 13px;\n}\n\n.spacer-g69QI {\n  flex: 1;\n}\n\n.thumb-Wd6Zw {\n  width: 74px;\n  height: 54px;\n  border-radius: 6px;\n  overflow: hidden;\n  border: 1px solid #f0f0f0;\n  background: #fafafa;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n}\n\n.thumbStatic-kc-Qn {\n  cursor: default;\n}\n\n.thumbImg-ViR1y {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  display: block;\n}\n\n.thumbPlaceholder-gp0b2 {\n  color: #bfbfbf;\n  font-size: 18px;\n}\n\n.badge-bYA4m {\n  position: absolute;\n  left: 4px;\n  bottom: 4px;\n  background: rgba(0, 0, 0, 0.6);\n  color: #fff;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1;\n  padding: 2px 5px;\n  border-radius: 3px;\n}\n\n.videoBadge--DvZy {\n  position: absolute;\n  color: #fff;\n  font-size: 22px;\n  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));\n}\n\n.prodName-t5Dom {\n  font-weight: 600;\n}\n\n.info--EMmi {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.infoLines-HenMK {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 2px;\n}\n\n.infoLine-EyUqw {\n  font-size: 12px;\n  color: #8c8c8c;\n}\n\n.infoLabel-JfxNQ {\n  color: #bfbfbf;\n}\n\n.reason-wzttm {\n  margin-top: 4px;\n  max-width: 220px;\n  font-size: 12px;\n  color: #8c8c8c;\n  white-space: normal;\n  /* A failure reason can be a whole render log - without the clamp one row would blow up the table.\n     The full text stays reachable through the element's tooltip. */\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.prodSub-cZZSl {\n  color: #8c8c8c;\n  font-size: 12px;\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n  margin-top: 2px;\n}\n\n.sku-7EODQ {\n  font-family: monospace;\n}\n\n.statusTrigger-oGuEq {\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.statusTriggerLocked-5u8lc {\n  cursor: default;\n}\n\n.statusIcon-rpMzy {\n  font-size: 10px;\n  color: #8c8c8c;\n}\n\n.menuDot-ybea1 {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.footer-HdZwL {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n  padding-top: 4px;\n}\n\n/* Dark mode */\n.darkmode .tile-vHlQ9 {\n  background: #1f1f1f;\n  border-color: #434343;\n}\n\n.darkmode .tileActive-Kl6AW {\n  border-color: #3c89e8;\n  background: rgba(60, 137, 232, 0.16);\n}\n\n.darkmode .thumb-Wd6Zw {\n  background: #262626;\n  border-color: #434343;\n}\n\n.darkmode .subtitle-wYnId,\n.darkmode .tileLabel-nG0xD,\n.darkmode .selInfo-r4QBF,\n.darkmode .prodSub-cZZSl,\n.darkmode .infoLine-EyUqw,\n.darkmode .reason-wzttm {\n  color: rgba(255, 255, 255, 0.5);\n}\n\n.darkmode .infoLabel-JfxNQ {\n  color: rgba(255, 255, 255, 0.35);\n}\n";
 styleInject(css_248z$l);
 
 var PAYMENT_CLARIFIED = RENDER_JOB_STATE.paymentClarified,
@@ -75382,6 +75435,7 @@ var PAYMENT_CLARIFIED = RENDER_JOB_STATE.paymentClarified,
   READY_FOR_RENDERER = RENDER_JOB_STATE.readyForRenderer,
   APPROVED = RENDER_JOB_STATE.approved,
   REJECTED = RENDER_JOB_STATE.rejected,
+  ERROR = RENDER_JOB_STATE.error,
   INCHECKING = RENDER_JOB_STATE.inChecking,
   FINISHED = RENDER_JOB_STATE.finished;
 
@@ -75957,9 +76011,24 @@ function SessionOverview(_ref3) {
               }
             })]
           })
-        }), r.state === REJECTED && r.rejectMessage ? /*#__PURE__*/jsx("div", {
+        }), r.state === REJECTED && r.rejectMessage ?
+        /*#__PURE__*/
+        // Shares the clamped cell with the error message below, so the full reason needs the same tooltip.
+        jsx("div", {
           className: reason,
+          title: r.rejectMessage,
           children: r.rejectMessage
+        }) : null, r.state === ERROR && r.errorMessage ?
+        /*#__PURE__*/
+        // A recognised failure gets its plain-language text in front of the reported message -
+        // never instead of it, so a wrong classification cannot hide the only diagnosis there is.
+        // The clamped cell keeps the full text reachable as a tooltip.
+        jsx("div", {
+          className: reason,
+          title: r.errorMessage,
+          children: [r.errorMessageCode ? t("renderjob.error.".concat(r.errorMessageCode), {
+            defaultValue: ''
+          }) : '', r.errorMessage].filter(Boolean).join(' — ')
         }) : null]
       });
     }
@@ -76433,9 +76502,9 @@ styleInject(css_248z$j);
 
 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; }
-function _createForOfIteratorHelper$j(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$j(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$j(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$j(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$j(r, a) : void 0; } }
-function _arrayLikeToArray$j(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(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$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(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$i(r, a) : void 0; } }
+function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var BYTES_IN_KIB = 1024;
 
 /** A job without an explicit `nrOfVariants` behaves like a single variant. */
@@ -76542,7 +76611,7 @@ function buildDetailsPatch(job, fields, draft) {
       value: next
     });
   };
-  var _iterator = _createForOfIteratorHelper$j(fields),
+  var _iterator = _createForOfIteratorHelper$i(fields),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -78719,9 +78788,9 @@ function useRenderApproveSession(_ref) {
 
 function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$i(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$i(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$i(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$i(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$i(r, a) : void 0; } }
-function _arrayLikeToArray$i(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(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$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(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$h(r, a) : void 0; } }
+function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG$b = getLogger('Backoffice', 'RenderApprove');
 function getMediaItemId(job) {
   var list = job === null || job === void 0 ? void 0 : job.mediaItems;
@@ -78854,7 +78923,7 @@ function _fetchProductMedia() {
           seen = new Set();
           if (excludeUrl) seen.add(excludeUrl);
           result = [];
-          _iterator2 = _createForOfIteratorHelper$i(sorted);
+          _iterator2 = _createForOfIteratorHelper$h(sorted);
           _context4.prev = 12;
           _iterator2.s();
         case 14:
@@ -79058,7 +79127,7 @@ function buildLeftSlides(left, renderImages, productMedia) {
   });
   if (renderImages.length === 0) return [left].concat(_toConsumableArray(remainingProduct));
   var productByUrl = new Map();
-  var _iterator = _createForOfIteratorHelper$i(productMedia),
+  var _iterator = _createForOfIteratorHelper$h(productMedia),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -79450,34 +79519,9 @@ function useRenderJobData(id, refreshKey) {
 
 function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$h(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray$h(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$h(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$h(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$h(r, a) : void 0; } }
-function _arrayLikeToArray$h(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 var LOG$a = getLogger('Backoffice', 'RenderApprove');
 var METADATA_CHUNK_SIZE = 100;
 var RESULT_CONCURRENCY = 6;
-/** Message of the most recent rejection (state 9) in the job's state history. */
-function latestRejectMessage(history) {
-  var _best;
-  if (!Array.isArray(history)) return undefined;
-  var best;
-  var _iterator = _createForOfIteratorHelper$h(history),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _entry$created, _best$created;
-      var entry = _step.value;
-      if ((entry === null || entry === void 0 ? void 0 : entry.state) !== RENDER_JOB_STATE.rejected) continue;
-      if (typeof entry.message !== 'string' || entry.message.length === 0) continue;
-      if (!best || ((_entry$created = entry.created) !== null && _entry$created !== void 0 ? _entry$created : 0) >= ((_best$created = best.created) !== null && _best$created !== void 0 ? _best$created : 0)) best = entry;
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return (_best = best) === null || _best === void 0 ? void 0 : _best.message;
-}
 function buildOverviewUrl(baseUrl, ids) {
   var params = new URLSearchParams();
   params.set('limit', String(ids.length));
@@ -79670,6 +79714,7 @@ function useSessionOverviewData(ids, enabled) {
             base = ids.map(function (id) {
               var _raw$productName, _raw$organizationName, _raw$realTimeRenderUr;
               var raw = byId.get(id);
+              var errorEntry = latestErrorEntry(raw === null || raw === void 0 ? void 0 : raw.stateHistory);
               return {
                 id: id,
                 state: typeof (raw === null || raw === void 0 ? void 0 : raw.state) === 'number' ? raw.state : -1,
@@ -79685,6 +79730,8 @@ function useSessionOverviewData(ids, enabled) {
                 catalogName: raw === null || raw === void 0 ? void 0 : raw.catalogName,
                 organizationName: (_raw$organizationName = raw === null || raw === void 0 ? void 0 : raw.organizationName) !== null && _raw$organizationName !== void 0 ? _raw$organizationName : raw === null || raw === void 0 ? void 0 : raw.organization,
                 rejectMessage: latestRejectMessage(raw === null || raw === void 0 ? void 0 : raw.stateHistory),
+                errorMessage: errorEntry === null || errorEntry === void 0 ? void 0 : errorEntry.message,
+                errorMessageCode: errorEntry === null || errorEntry === void 0 ? void 0 : errorEntry.messageCode,
                 preview: {
                   url: (_raw$realTimeRenderUr = raw === null || raw === void 0 ? void 0 : raw.realTimeRenderUrl) !== null && _raw$realTimeRenderUr !== void 0 ? _raw$realTimeRenderUr : null,
                   mediaType: 'PCT',

package/build/types/backoffice/src/tests/unit/ui/TableRenderJobs/stateHistoryMessages.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=stateHistoryMessages.test.d.ts.map

package/build/types/backoffice/src/tests/unit/ui/TableRenderJobs/stateHistoryMessages.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateHistoryMessages.test.d.ts","sourceRoot":"","sources":["../../../../../../../../src/tests/unit/ui/TableRenderJobs/stateHistoryMessages.test.ts"],"names":[],"mappings":""}

package/build/types/backoffice/src/ui/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;;YAE2D,MAAM,IAAI;;YAAV,MAAM,IAAI;;AAoDtE,wBAAuD;AAEvD,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/List/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;;YAE2D,MAAM,IAAI;;YAAV,MAAM,IAAI;;AAqDtE,wBAAuD;AAEvD,cAAc,SAAS,CAAC"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/components/SessionOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/SessionOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AA8DlE,UAAU,KAAK;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnF,iEAAiE;IACjE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,qDAAqD;IACrD,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAC7D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;CACrB;AAwFD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,OAAO,EACP,KAAK,EACL,YAAY,EACZ,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,UAAU,GACX,EAAE,KAAK,qBA4dP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/components/SessionOverview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAW5D,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AA+DlE,UAAU,KAAK;IACb,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnF,iEAAiE;IACjE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,WAAW,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACjD,qDAAqD;IACrD,iBAAiB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;IAC7D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;CACrB;AAwFD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,OAAO,EACP,KAAK,EACL,YAAY,EACZ,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,UAAU,GACX,EAAE,KAAK,qBA2eP"}

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/hooks/useSessionOverviewData.d.ts

@@ -16,6 +16,10 @@ export interface OverviewItem {
     organizationName?: string;
     /** Message (reason + comment) of the most recent rejection, from the state history. */
     rejectMessage?: string;
+    /** Message of the most recent failure, from the state history. */
+    errorMessage?: string;
+    /** Code of the most recent failure, if the render pipeline reported a recognised one. */
+    errorMessageCode?: string;
     /** Realtime render preview (cheap, taken directly from the job document). */
     preview: RenderApproveMedia;
     /** Resolved result medium (mediaItem). Undefined until resolved or when none exists. */

package/build/types/backoffice/src/ui/TableRenderJobs/components/RenderApprove/hooks/useSessionOverviewData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSessionOverviewData.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/hooks/useSessionOverviewData.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAK/D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6EAA6E;IAC7E,OAAO,EAAE,kBAAkB,CAAC;IAC5B,wFAAwF;IACxF,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8EAA8E;IAC9E,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mGAAmG;IACnG,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjF,kEAAkE;IAClE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;CAC5D;AAyFD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,GAAG,mBAAmB,CAqInG"}
+{"version":3,"file":"useSessionOverviewData.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/TableRenderJobs/components/RenderApprove/hooks/useSessionOverviewData.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM/D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,OAAO,EAAE,kBAAkB,CAAC;IAC5B,wFAAwF;IACxF,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,8EAA8E;IAC9E,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mGAAmG;IACnG,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjF,kEAAkE;IAClE,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,CAAC;CAC5D;AA6ED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,GAAG,mBAAmB,CAwInG"}

package/build/types/backoffice/src/ui/TableRenderJobs/constants.d.ts

@@ -10,6 +10,7 @@ export declare const RENDER_JOB_STATE: {
     readonly inChecking: 7;
     readonly approved: 8;
     readonly rejected: 9;
+    readonly error: 11;
     readonly finished: 12;
 };
 /**

package/build/types/backoffice/src/ui/TableRenderJobs/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;CAQnB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;EAQpB,CAAC;AAEX,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGjE;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBmC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,eAAe,OAAO,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;CASnB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;EAQpB,CAAC;AAEX,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAGjE;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBmC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,OAAO,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,eAAe,OAAO,CAAC"}

package/build/types/backoffice/src/ui/TableRenderJobs/utils.d.ts

@@ -11,4 +11,22 @@ import { RenderApproveMedia } from './types';
  * @returns the displayable url, or `null` when no renderable source exists
  */
 export declare function getViewerUrl(media?: RenderApproveMedia): string | null;
+/** One entry of a render job's state history, as delivered by diva-media. */
+export interface StateHistoryEntry {
+    state?: number;
+    message?: string;
+    /** Code of a recognised render-pipeline failure, set by diva-media alongside the message. */
+    messageCode?: string;
+    created?: number;
+}
+/** Message (reason + comment) of the most recent rejection in a job's state history. */
+export declare function latestRejectMessage(history?: StateHistoryEntry[]): string | undefined;
+/**
+ * Most recent failure in a job's state history.
+ *
+ * The reported reason is the only thing a user gets to see about a job the render pipeline could not
+ * process, so both the message and its code are returned - the code is translated, the message is the
+ * fallback for an unrecognised failure.
+ */
+export declare function latestErrorEntry(history?: StateHistoryEntry[]): StateHistoryEntry | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/build/types/backoffice/src/ui/TableRenderJobs/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAMtE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/TableRenderJobs/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAK7C;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,CAAC,EAAE,kBAAkB,GAAG,MAAM,GAAG,IAAI,CAMtE;AAED,6EAA6E;AAC7E,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAcD,wFAAwF;AACxF,wBAAgB,mBAAmB,CAAC,OAAO,CAAC,EAAE,iBAAiB,EAAE,GAAG,MAAM,GAAG,SAAS,CAErF;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,GAAG,SAAS,CAE7F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "26.12.0-beta.21",
+  "version": "26.12.0-beta.23",
   "description": "Ant Design backoffice shell: configuration plus the IDM and enricher editors.",
   "license": "COMMERCIAL",
   "devDependencies": {
@@ -16,14 +16,14 @@
   "dependencies": {
     "@ant-design/icons": "6.3.4",
     "@babel/runtime": "7.24.7",
-    "@crystaldesign/content-box": "26.12.0-beta.21",
-    "@crystaldesign/content-item": "26.12.0-beta.21",
-    "@crystaldesign/diva-agent": "26.12.0-beta.21",
-    "@crystaldesign/diva-core": "26.12.0-beta.21",
-    "@crystaldesign/diva-utils": "26.12.0-beta.21",
-    "@crystaldesign/media-upload": "26.12.0-beta.21",
-    "@crystaldesign/rtf-editor": "26.12.0-beta.21",
-    "@crystaldesign/spreadsheet": "26.12.0-beta.21",
+    "@crystaldesign/content-box": "26.12.0-beta.23",
+    "@crystaldesign/content-item": "26.12.0-beta.23",
+    "@crystaldesign/diva-agent": "26.12.0-beta.23",
+    "@crystaldesign/diva-core": "26.12.0-beta.23",
+    "@crystaldesign/diva-utils": "26.12.0-beta.23",
+    "@crystaldesign/media-upload": "26.12.0-beta.23",
+    "@crystaldesign/rtf-editor": "26.12.0-beta.23",
+    "@crystaldesign/spreadsheet": "26.12.0-beta.23",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -57,5 +57,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "52982e2f775ade23b2f3a4c930d5a66d47366220"
+  "gitHead": "560ab323936803b8cd7388cb1047f344cce2ed5c"
 }