@processmaker/modeler 1.43.3 → 1.43.5

package/dist/modeler.common.js

@@ -12671,7 +12671,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".message[data-v-46a7ce7f]{border-radiu
 
 /***/ }),
 
-/***/ 13483:
+/***/ 94194:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12685,14 +12685,14 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".customAlert[data-v-a9220b14]{word-wrap:break-word;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;right:0;z-index:1;width:600px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".customAlert[data-v-0b1e2c98]{word-wrap:break-word;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;right:0;z-index:1;width:600px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 60636:
+/***/ 92827:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12706,7 +12706,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".message[data-v-44bee458]{border-radius:8px;overflow:hidden;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);line-height:27px;word-wrap:break-word;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:35px;left:35%;z-index:1;font-size:100%;height:60px;width:450px}.card-text[data-v-44bee458]{color:#556271;font-weight:400}.ai-icon[data-v-44bee458]{width:22px;height:22px}.cancel-btn[data-v-44bee458]{font-weight:600;text-transform:capitalize}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".message[data-v-dfb6ccb8]{border-radius:8px;overflow:hidden;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);line-height:27px;word-wrap:break-word;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:35px;left:35%;z-index:1;font-size:100%;height:60px;width:450px}.card-text[data-v-dfb6ccb8]{color:#556271;font-weight:400}.ai-icon[data-v-dfb6ccb8]{width:22px;height:22px}.cancel-btn[data-v-dfb6ccb8]{font-weight:600;text-transform:capitalize}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13696,7 +13696,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".avatar-initials[data-v-b7e12804]{text
 
 /***/ }),
 
-/***/ 82160:
+/***/ 26495:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13710,7 +13710,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".top-rail-container[data-v-e7f04de2]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".top-rail-container[data-v-9a0bbb9e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 8px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26487,35 +26487,35 @@ var update = add("544b686a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 28805:
+/***/ 33530:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(13483);
+var content = __webpack_require__(94194);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("4702a24e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("bbf4f3d2", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 2095:
+/***/ 90245:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(60636);
+var content = __webpack_require__(92827);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("59046bd6", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("40e0e966", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -27239,19 +27239,19 @@ var update = add("4b773a77", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 8557:
+/***/ 81939:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(82160);
+var content = __webpack_require__(26495);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("1ae52c8f", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("26bf433c", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -37388,6 +37388,29 @@ var idleHighlighter = {
         this.shapeView.unhighlight(this.shapeBody, this.prepareCustomColorHighlighter(color));
       }
     },
+    setAiStatusHighlight: function setAiStatusHighlight(status) {
+      this.shapeView.unhighlight(this.shapeBody, completedHighlighter);
+      if (status === 'generated') {
+        this.shape.attr('body/fill', COLOR_COMPLETED_FILL);
+        this.shapeView.highlight(this.shapeBody, completedHighlighter);
+      }
+      this.shapeView.unhighlight(this.shapeBody, inProgressHighlighter);
+      if (status === 'generating') {
+        this.shape.attr('body/fill', COLOR_IN_PROGRESS_FILL);
+        this.shapeView.highlight(this.shapeBody, inProgressHighlighter);
+      }
+      this.shapeView.unhighlight(this.shapeBody, idleHighlighter);
+      if (status === 'previously generated') {
+        this.shape.attr('body/fill', COLOR_IDLE_FILL);
+        this.shapeView.highlight(this.shapeBody, idleHighlighter);
+      }
+    },
+    unsetHighlights: function unsetHighlights() {
+      this.shape.attr('body/fill', '#FFFFFF');
+      this.shapeView.unhighlight(this.shapeBody, inProgressHighlighter);
+      this.shapeView.unhighlight(this.shapeBody, completedHighlighter);
+      this.shapeView.unhighlight(this.shapeBody, idleHighlighter);
+    },
     setShapeHighlightForReadOnly: function setShapeHighlightForReadOnly() {
       if (!this.shapeView) {
         return;
@@ -48231,10 +48254,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=554c7310&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/modeler/Modeler.vue?vue&type=template&id=6a9d9f5c&
 
 
-var Modelervue_type_template_id_554c7310_render = function render() {
+var Modelervue_type_template_id_6a9d9f5c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48271,7 +48294,10 @@ var Modelervue_type_template_id_554c7310_render = function render() {
       "close": _vm.close,
       "save-state": _vm.pushToUndoStack,
       "clearSelection": _vm.clearSelection,
-      "action": _vm.handleToolbarAction
+      "action": _vm.handleToolbarAction,
+      "onGenerateAssets": function onGenerateAssets($event) {
+        return _vm.generateAssets();
+      }
     }
   }) : _vm._e(), _c('b-row', {
     staticClass: "modeler h-100"
@@ -48321,19 +48347,31 @@ var Modelervue_type_template_id_554c7310_render = function render() {
         return _vm.generateAssets();
       },
       "closeCreateAssets": function closeCreateAssets($event) {
-        return _vm.onCloseCreateAssets();
+        _vm.isAiGenerated = false;
+      }
+    }
+  }) : _vm._e(), _vm.loadingAI ? _c('GeneratingAssetsCard', {
+    ref: "generatingAssetsCard",
+    on: {
+      "stopAssetGeneration": function stopAssetGeneration($event) {
+        return _vm.onStopAssetGeneration();
       }
     }
-  }) : _vm._e(), _vm.generatingAi ? _c('GeneratingAssetsCard', {
-    ref: "generatingAssetsCard"
   }) : _vm._e(), _vm.assetsCreated ? _c('AssetsCreatedCard', {
     ref: "assetsCreatedCard",
     on: {
       "closeAssetsCreated": function closeAssetsCreated($event) {
-        return _vm.onCloseAssetsCreated();
+        _vm.assetsCreated = false;
+      }
+    }
+  }) : _vm._e(), _vm.assetFail ? _c('CreateAssetsFailCard', {
+    ref: "createAssetsFailCard",
+    on: {
+      "onDismiss": function onDismiss($event) {
+        _vm.assetFail = false;
       }
     }
-  }) : _vm._e(),  false ? 0 : _vm._e(), _c('InspectorButton', {
+  }) : _vm._e(), _c('InspectorButton', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -48461,7 +48499,7 @@ var Modelervue_type_template_id_554c7310_render = function render() {
         "definition-changed": _vm.onNodeDefinitionChanged
       }
     });
-  }), !_vm.generatingAi ? _c('RailBottom', {
+  }), !_vm.loadingAI ? _c('RailBottom', {
     attrs: {
       "nodeTypes": _vm.nodeTypes,
       "paper-manager": _vm.paperManager,
@@ -48499,9 +48537,9 @@ var Modelervue_type_template_id_554c7310_render = function render() {
     });
   })], 2)], 1);
 };
-var Modelervue_type_template_id_554c7310_staticRenderFns = [];
+var Modelervue_type_template_id_6a9d9f5c_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=554c7310&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=6a9d9f5c&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/nodes/boundaryEvent/boundaryEvent.vue?vue&type=template&id=728530a2&
 var boundaryEventvue_type_template_id_728530a2_render = function render() {
@@ -50562,8 +50600,8 @@ var CreateAssetsCard_component = normalizeComponent(
 )
 
 /* harmony default export */ var CreateAssetsCard = (CreateAssetsCard_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=template&id=44bee458&scoped=true&
-var GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=template&id=dfb6ccb8&scoped=true&
+var GeneratingAssetsCardvue_type_template_id_dfb6ccb8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -50593,12 +50631,12 @@ var GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_render = funct
     staticClass: "h-100 px-3 cancel-btn btn btn-secondary",
     on: {
       "click": function click($event) {
-        return _vm.onClose();
+        return _vm.onStop();
       }
     }
   }, [_vm._v(" " + _vm._s(_vm.$t("STOP")) + " ")])])])])], 1);
 };
-var GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_staticRenderFns = [];
+var GeneratingAssetsCardvue_type_template_id_dfb6ccb8_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=script&lang=js&
 
@@ -50613,16 +50651,16 @@ var GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_staticRenderFn
     };
   },
   methods: {
-    onClose: function onClose() {
+    onStop: function onStop() {
       this.$emit('stopAssetGeneration');
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=script&lang=js&
  /* harmony default export */ var aiMessages_GeneratingAssetsCardvue_type_script_lang_js_ = (GeneratingAssetsCardvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=style&index=0&id=44bee458&prod&scoped=true&lang=css&
-var GeneratingAssetsCardvue_type_style_index_0_id_44bee458_prod_scoped_true_lang_css_ = __webpack_require__(2095);
-;// CONCATENATED MODULE: ./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=style&index=0&id=44bee458&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=style&index=0&id=dfb6ccb8&prod&scoped=true&lang=css&
+var GeneratingAssetsCardvue_type_style_index_0_id_dfb6ccb8_prod_scoped_true_lang_css_ = __webpack_require__(90245);
+;// CONCATENATED MODULE: ./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=style&index=0&id=dfb6ccb8&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/aiMessages/GeneratingAssetsCard.vue
 
@@ -50635,11 +50673,11 @@ var GeneratingAssetsCardvue_type_style_index_0_id_44bee458_prod_scoped_true_lang
 
 var GeneratingAssetsCard_component = normalizeComponent(
   aiMessages_GeneratingAssetsCardvue_type_script_lang_js_,
-  GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_render,
-  GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_staticRenderFns,
+  GeneratingAssetsCardvue_type_template_id_dfb6ccb8_scoped_true_render,
+  GeneratingAssetsCardvue_type_template_id_dfb6ccb8_scoped_true_staticRenderFns,
   false,
   null,
-  "44bee458",
+  "dfb6ccb8",
   null
   
 )
@@ -50738,8 +50776,8 @@ var AssetsCreatedCard_component = normalizeComponent(
 )
 
 /* harmony default export */ var AssetsCreatedCard = (AssetsCreatedCard_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=template&id=a9220b14&scoped=true&
-var CreateAssetsFailCardvue_type_template_id_a9220b14_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=template&id=0b1e2c98&scoped=true&
+var CreateAssetsFailCardvue_type_template_id_0b1e2c98_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -50749,23 +50787,33 @@ var CreateAssetsFailCardvue_type_template_id_a9220b14_scoped_true_render = funct
       "show": "",
       "dismissible": "",
       "variant": "warning"
+    },
+    on: {
+      "dismissed": function dismissed($event) {
+        return _vm.onDismiss();
+      }
     }
   }, [_vm._v(" " + _vm._s(_vm.$t("Generation of assets was not able to complete. Try again")) + " ")])], 1);
 };
-var CreateAssetsFailCardvue_type_template_id_a9220b14_scoped_true_staticRenderFns = [];
+var CreateAssetsFailCardvue_type_template_id_0b1e2c98_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=script&lang=js&
 /* harmony default export */ var CreateAssetsFailCardvue_type_script_lang_js_ = ({
   name: 'CreateAssetsFailCard',
   data: function data() {
     return {};
+  },
+  methods: {
+    onDismiss: function onDismiss() {
+      this.$emit('onDismiss');
+    }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=script&lang=js&
  /* harmony default export */ var aiMessages_CreateAssetsFailCardvue_type_script_lang_js_ = (CreateAssetsFailCardvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=style&index=0&id=a9220b14&prod&scoped=true&lang=css&
-var CreateAssetsFailCardvue_type_style_index_0_id_a9220b14_prod_scoped_true_lang_css_ = __webpack_require__(28805);
-;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=style&index=0&id=a9220b14&prod&scoped=true&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=style&index=0&id=0b1e2c98&prod&scoped=true&lang=css&
+var CreateAssetsFailCardvue_type_style_index_0_id_0b1e2c98_prod_scoped_true_lang_css_ = __webpack_require__(33530);
+;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=style&index=0&id=0b1e2c98&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsFailCard.vue
 
@@ -50778,11 +50826,11 @@ var CreateAssetsFailCardvue_type_style_index_0_id_a9220b14_prod_scoped_true_lang
 
 var CreateAssetsFailCard_component = normalizeComponent(
   aiMessages_CreateAssetsFailCardvue_type_script_lang_js_,
-  CreateAssetsFailCardvue_type_template_id_a9220b14_scoped_true_render,
-  CreateAssetsFailCardvue_type_template_id_a9220b14_scoped_true_staticRenderFns,
+  CreateAssetsFailCardvue_type_template_id_0b1e2c98_scoped_true_render,
+  CreateAssetsFailCardvue_type_template_id_0b1e2c98_scoped_true_staticRenderFns,
   false,
   null,
-  "a9220b14",
+  "0b1e2c98",
   null
   
 )
@@ -52854,8 +52902,8 @@ function getElementPool(shape) {
 function isPool(shape) {
   return shape.component.node.type === id;
 }
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/toolbar/ToolBar.vue?vue&type=template&id=a14390d2&
-var ToolBarvue_type_template_id_a14390d2_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/toolbar/ToolBar.vue?vue&type=template&id=73ee17b5&
+var ToolBarvue_type_template_id_73ee17b5_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-row', {
@@ -52875,13 +52923,13 @@ var ToolBarvue_type_template_id_a14390d2_render = function render() {
     }
   }), _c('div', {
     staticClass: "d-flex mr-3"
-  }, [_c('TopRail', {
+  }, [_c('TopRail', _vm._g({
     attrs: {
       "validation-errors": _vm.validationErrors,
       "warnings": _vm.warnings,
       "players": _vm.players
     }
-  }, _vm._l(_vm.validationBar, function (component, index) {
+  }, _vm.$listeners), _vm._l(_vm.validationBar, function (component, index) {
     return _c(component.button, {
       key: "validation-status-".concat(index),
       tag: "component"
@@ -52999,7 +53047,7 @@ var ToolBarvue_type_template_id_a14390d2_render = function render() {
     staticClass: "fas fa-upload mr-1"
   }), _vm._v(" " + _vm._s(_vm.$t('Upload XML')) + " ")])]], 2)], 1)], 1)]);
 };
-var ToolBarvue_type_template_id_a14390d2_staticRenderFns = [];
+var ToolBarvue_type_template_id_73ee17b5_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/toolbar/breadcrumb/Breadcrumb.vue?vue&type=template&id=d1e148b4&scoped=true&
 var Breadcrumbvue_type_template_id_d1e148b4_scoped_true_render = function render() {
@@ -53077,8 +53125,8 @@ var Breadcrumb_component = normalizeComponent(
 )
 
 /* harmony default export */ var Breadcrumb = (Breadcrumb_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/TopRail.vue?vue&type=template&id=e7f04de2&scoped=true&
-var TopRailvue_type_template_id_e7f04de2_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/TopRail.vue?vue&type=template&id=9a0bbb9e&scoped=true&
+var TopRailvue_type_template_id_9a0bbb9e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -53100,7 +53148,7 @@ var TopRailvue_type_template_id_e7f04de2_scoped_true_render = function render()
     on: {
       "openPanel": _vm.handleOpenPanel
     }
-  }), _c('AiGenerateButton'), _c('ValidateButton', {
+  }), _c('AiGenerateButton', _vm._g({}, _vm.$listeners)), _c('ValidateButton', {
     on: {
       "openIssue": _vm.handleOpenIssue
     }
@@ -53117,7 +53165,7 @@ var TopRailvue_type_template_id_e7f04de2_scoped_true_render = function render()
     }
   }), _vm._t("default")], 2);
 };
-var TopRailvue_type_template_id_e7f04de2_scoped_true_staticRenderFns = [];
+var TopRailvue_type_template_id_9a0bbb9e_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/validateControl/validateButton/ValidateButton.vue?vue&type=template&id=5880bbc6&scoped=true&
 var ValidateButtonvue_type_template_id_5880bbc6_scoped_true_render = function render() {
@@ -53786,9 +53834,9 @@ var AiGenerateButton_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/topRail/TopRail.vue?vue&type=script&lang=js&
  /* harmony default export */ var topRail_TopRailvue_type_script_lang_js_ = (TopRailvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./src/components/topRail/topRail.scss?vue&type=style&index=0&id=e7f04de2&prod&scoped=true&lang=scss&
-var topRailvue_type_style_index_0_id_e7f04de2_prod_scoped_true_lang_scss_ = __webpack_require__(8557);
-;// CONCATENATED MODULE: ./src/components/topRail/topRail.scss?vue&type=style&index=0&id=e7f04de2&prod&scoped=true&lang=scss&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./src/components/topRail/topRail.scss?vue&type=style&index=0&id=9a0bbb9e&prod&scoped=true&lang=scss&
+var topRailvue_type_style_index_0_id_9a0bbb9e_prod_scoped_true_lang_scss_ = __webpack_require__(81939);
+;// CONCATENATED MODULE: ./src/components/topRail/topRail.scss?vue&type=style&index=0&id=9a0bbb9e&prod&scoped=true&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/topRail/TopRail.vue
 
@@ -53801,11 +53849,11 @@ var topRailvue_type_style_index_0_id_e7f04de2_prod_scoped_true_lang_scss_ = __we
 
 var TopRail_component = normalizeComponent(
   topRail_TopRailvue_type_script_lang_js_,
-  TopRailvue_type_template_id_e7f04de2_scoped_true_render,
-  TopRailvue_type_template_id_e7f04de2_scoped_true_staticRenderFns,
+  TopRailvue_type_template_id_9a0bbb9e_scoped_true_render,
+  TopRailvue_type_template_id_9a0bbb9e_scoped_true_staticRenderFns,
   false,
   null,
-  "e7f04de2",
+  "9a0bbb9e",
   null
   
 )
@@ -53983,8 +54031,8 @@ var toolbarvue_type_style_index_0_prod_lang_scss_ = __webpack_require__(4283);
 
 var ToolBar_component = normalizeComponent(
   toolbar_ToolBarvue_type_script_lang_js_,
-  ToolBarvue_type_template_id_a14390d2_render,
-  ToolBarvue_type_template_id_a14390d2_staticRenderFns,
+  ToolBarvue_type_template_id_73ee17b5_render,
+  ToolBarvue_type_template_id_73ee17b5_staticRenderFns,
   false,
   null,
   null,
@@ -78297,11 +78345,12 @@ var Multiplayer = /*#__PURE__*/function () {
       currentCursorPosition: 0,
       previewPanelWidth: 600,
       isAiGenerated: (_window$ProcessMaker = window.ProcessMaker) === null || _window$ProcessMaker === void 0 ? void 0 : (_window$ProcessMaker$ = _window$ProcessMaker.modeler) === null || _window$ProcessMaker$ === void 0 ? void 0 : _window$ProcessMaker$.isAiGenerated,
-      generatingAi: false,
       assetsCreated: false,
-      // ^ TODO: To be changed depending on microservice response
+      assetFail: false,
       currentNonce: null,
       promptSessionId: '',
+      loadingAI: false,
+      cancelledJobs: [],
       flowTypes: ['processmaker-modeler-sequence-flow', 'processmaker-modeler-message-flow', 'processmaker-modeler-data-input-association', 'processmaker-modeler-data-output-association', 'processmaker-modeler-association'],
       boundaryEventTypes: ['processmaker-modeler-boundary-timer-event', 'processmaker-modeler-boundary-error-event', 'processmaker-modeler-boundary-signal-event', 'processmaker-modeler-boundary-conditional-event', 'processmaker-modeler-boundary-message-event']
     };
@@ -80295,11 +80344,14 @@ var Multiplayer = /*#__PURE__*/function () {
       localStorage.setItem('promptSessions', JSON.stringify(promptSessions));
     },
     fetchHistory: function fetchHistory() {
-      var _this45 = this;
+      var _window$ProcessMaker12,
+        _window$ProcessMaker13,
+        _window$ProcessMaker14,
+        _this45 = this;
       var url = '/package-ai/getPromptSessionHistory';
       var params = {
         server: window.location.host,
-        processId: this.processId
+        processId: (_window$ProcessMaker12 = window.ProcessMaker) === null || _window$ProcessMaker12 === void 0 ? void 0 : (_window$ProcessMaker13 = _window$ProcessMaker12.modeler) === null || _window$ProcessMaker13 === void 0 ? void 0 : (_window$ProcessMaker14 = _window$ProcessMaker13.process) === null || _window$ProcessMaker14 === void 0 ? void 0 : _window$ProcessMaker14.id
       };
       if (this.promptSessionId && this.promptSessionId !== null && this.promptSessionId !== '') {
         params = {
@@ -80311,9 +80363,8 @@ var Multiplayer = /*#__PURE__*/function () {
         _this45.promptSessionId = response.data.promptSessionId;
         localStorage.promptSessionId = response.data.promptSessionId;
       }).catch(function (error) {
-        var _error$response, _error$response$data;
-        var errorMsg = ((_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || error.message;
-        if (error.response.status === 404) {
+        var errorMsg = error.message;
+        if (error === 404) {
           _this45.removePromptSessionForUser();
           localStorage.promptSessionId = '';
           _this45.promptSessionId = '';
@@ -80323,28 +80374,101 @@ var Multiplayer = /*#__PURE__*/function () {
       });
     },
     generateAssets: function generateAssets() {
-      var _window$ProcessMaker12, _window$ProcessMaker13, _window$ProcessMaker14;
+      var _window$ProcessMaker15,
+        _window$ProcessMaker16,
+        _window$ProcessMaker17,
+        _this46 = this;
       this.getNonce();
-
-      // TODO: Add endpoint to get the promprSessionId
-
+      this.fetchHistory();
       var params = {
         promptSessionId: this.promptSessionId,
         nonce: this.currentNonce,
-        processId: (_window$ProcessMaker12 = window.ProcessMaker) === null || _window$ProcessMaker12 === void 0 ? void 0 : (_window$ProcessMaker13 = _window$ProcessMaker12.modeler) === null || _window$ProcessMaker13 === void 0 ? void 0 : (_window$ProcessMaker14 = _window$ProcessMaker13.process) === null || _window$ProcessMaker14 === void 0 ? void 0 : _window$ProcessMaker14.id
+        processId: (_window$ProcessMaker15 = window.ProcessMaker) === null || _window$ProcessMaker15 === void 0 ? void 0 : (_window$ProcessMaker16 = _window$ProcessMaker15.modeler) === null || _window$ProcessMaker16 === void 0 ? void 0 : (_window$ProcessMaker17 = _window$ProcessMaker16.process) === null || _window$ProcessMaker17 === void 0 ? void 0 : _window$ProcessMaker17.id
       };
       var url = '/package-ai/generateProcessArtifacts';
-      window.ProcessMaker.apiClient.post(url, params).then(function () {}).catch(function (error) {
-        var _error$response2, _error$response2$data;
-        var errorMsg = ((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message) || error.message;
+      window.ProcessMaker.apiClient.post(url, params).then(function () {
+        // Response
+      }).catch(function (error) {
+        var _error$response, _error$response$data;
+        var errorMsg = ((_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || error.message;
         window.ProcessMaker.alert(errorMsg, 'danger');
+        _this46.assetFail = true;
       });
     },
-    onCloseCreateAssets: function onCloseCreateAssets() {
-      this.isAiGenerated = false;
+    highlightTaskArrays: function highlightTaskArrays(data) {
+      if (data) {
+        this.addAiHighlights(data.tasks);
+        this.addAiHighlights(data.serviceTasks);
+        this.addAiHighlights(data.scriptTasks);
+      }
+    },
+    unhighlightTaskArrays: function unhighlightTaskArrays(data) {
+      if (data) {
+        this.removeAiHighlights(data.tasks);
+        this.removeAiHighlights(data.serviceTasks);
+        this.removeAiHighlights(data.scriptTasks);
+      }
+    },
+    addAiHighlights: function addAiHighlights(taskArray) {
+      var self = this;
+      taskArray.forEach(function (task) {
+        var taskNode = self.getElementByNodeId(task.id);
+        taskNode.component.setAiStatusHighlight(task.status);
+      });
     },
-    onCloseAssetsCreated: function onCloseAssetsCreated() {
-      this.assetsCreated = false;
+    removeAiHighlights: function removeAiHighlights(taskArray) {
+      var self = this;
+      taskArray.forEach(function (task) {
+        var taskNode = self.getElementByNodeId(task.id);
+        taskNode.component.unsetHighlights();
+      });
+    },
+    subscribeToProgress: function subscribeToProgress() {
+      var _window$ProcessMaker18,
+        _window$ProcessMaker19,
+        _window$ProcessMaker20,
+        _this47 = this;
+      var channel = "ProcessMaker.Models.User.".concat((_window$ProcessMaker18 = window.ProcessMaker) === null || _window$ProcessMaker18 === void 0 ? void 0 : (_window$ProcessMaker19 = _window$ProcessMaker18.modeler) === null || _window$ProcessMaker19 === void 0 ? void 0 : (_window$ProcessMaker20 = _window$ProcessMaker19.process) === null || _window$ProcessMaker20 === void 0 ? void 0 : _window$ProcessMaker20.user_id);
+      var streamProgressEvent = '.ProcessMaker\\Package\\PackageAi\\Events\\GenerateArtifactsProgressEvent';
+      window.Echo.private(channel).listen(streamProgressEvent, function (response) {
+        if (response.data.promptSessionId !== _this47.promptSessionId) {
+          _this47.unhighlightTaskArrays(response.data);
+          return;
+        }
+        if (_this47.cancelledJobs.some(function (element) {
+          return element === response.data.nonce;
+        })) {
+          _this47.unhighlightTaskArrays(response.data);
+          return;
+        }
+        if (response.data) {
+          if (response.data.progress.status === 'running') {
+            _this47.loadingAI = true;
+            _this47.highlightTaskArrays(response.data);
+          } else if (response.data.progress.status === 'error') {
+            _this47.loadingAI = false;
+            window.ProcessMaker.alert(response.data.message, 'danger');
+            // Stop and show error
+            _this47.assetFail = true;
+          } else {
+            _this47.setPromptSessions(response.data.promptSessionId);
+            // Successful generation 
+            _this47.assetsCreated = true;
+            _this47.unhighlightTaskArrays(response.data);
+            _this47.fetchHistory();
+            setTimeout(function () {
+              _this47.loadingAI = false;
+            }, 500);
+          }
+        }
+      });
+    },
+    onStopAssetGeneration: function onStopAssetGeneration() {
+      if (this.currentNonce) {
+        this.cancelledJobs.push(this.currentNonce);
+        localStorage.setItem('cancelledJobs', JSON.stringify(this.cancelledJobs));
+        this.loadingAI = false;
+      }
     }
   },
   created: function created() {
@@ -80382,7 +80506,7 @@ var Multiplayer = /*#__PURE__*/function () {
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this46 = this;
+    var _this48 = this;
     store.commit('setReadOnly', this.readOnly);
     this.graph = new external_jointjs_namespaceObject.dia.Graph();
     store.commit('setGraph', this.graph);
@@ -80401,47 +80525,47 @@ var Multiplayer = /*#__PURE__*/function () {
     store.commit('setPaper', this.paperManager.paper);
     this.paperManager.addEventHandler('element:pointerclick', this.blurFocusedScreenBuilderElement, this);
     this.paperManager.addEventHandler('blank:pointerdown', function (event, x, y) {
-      if (_this46.isGrabbing) return;
+      if (_this48.isGrabbing) return;
       if (store.getters.isReadOnly) {
-        _this46.isGrabbing = true;
+        _this48.isGrabbing = true;
       }
-      var scale = _this46.paperManager.scale;
-      _this46.canvasDragPosition = {
+      var scale = _this48.paperManager.scale;
+      _this48.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this46.isOverShape = false;
-      _this46.pointerDownHandler(event);
+      _this48.isOverShape = false;
+      _this48.pointerDownHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref19) {
       var shape = _ref19.model;
-      if (_this46.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this46.isGrabbing) {
+      if (_this48.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this48.isGrabbing) {
         shape.attr('body/cursor', 'move');
       }
       // If the user is panning the Paper while hovering an element, ignore the default move cursor
-      if (_this46.isGrabbing && _this46.isBpmnNode(shape)) {
+      if (_this48.isGrabbing && _this48.isBpmnNode(shape)) {
         shape.attr('body/cursor', 'grabbing');
       }
     });
     this.paperManager.addEventHandler('blank:pointerup', function (event) {
-      _this46.isGrabbing = false;
-      _this46.canvasDragPosition = null;
-      _this46.activeNode = null;
-      _this46.pointerUpHandler(event);
+      _this48.isGrabbing = false;
+      _this48.canvasDragPosition = null;
+      _this48.activeNode = null;
+      _this48.pointerUpHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
-      _this46.canvasDragPosition = null;
-      _this46.activeNode = null;
-      _this46.pointerUpHandler(event, cellView);
+      _this48.canvasDragPosition = null;
+      _this48.activeNode = null;
+      _this48.pointerUpHandler(event, cellView);
     }, this);
     this.$refs['paper-container'].addEventListener('mouseenter', function () {
       store.commit('setClientLeftPaper', false);
     });
     this.$el.addEventListener('mousemove', function (event) {
-      _this46.pointerMoveHandler(event);
+      _this48.pointerMoveHandler(event);
     });
     this.$refs['paper-container'].addEventListener('mouseleave', function () {
-      _this46.paperManager.removeEventHandler('blank:pointermove');
+      _this48.paperManager.removeEventHandler('blank:pointermove');
       store.commit('setClientLeftPaper', true);
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
@@ -80452,44 +80576,44 @@ var Multiplayer = /*#__PURE__*/function () {
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (_ref20, event) {
       var shape = _ref20.model;
-      if (!_this46.isBpmnNode(shape)) {
+      if (!_this48.isBpmnNode(shape)) {
         return;
       }
 
       // ignore click event if the user is Grabbing the paper
-      if (_this46.isGrabbing) return;
+      if (_this48.isGrabbing) return;
       shape.component.$emit('click', event);
-      _this46.$emit('click', {
+      _this48.$emit('click', {
         event: event,
-        node: _this46.highlightedNode.definition
+        node: _this48.highlightedNode.definition
       });
     });
     this.paperManager.addEventHandler('cell:pointerdown', function (_ref21, event) {
       var shape = _ref21.model;
-      if (!_this46.isBpmnNode(shape)) {
+      if (!_this48.isBpmnNode(shape)) {
         return;
       }
       // If the user is pressing Space (grabbing) and clicking on a Cell, return
-      if (_this46.isGrabbing) {
+      if (_this48.isGrabbing) {
         return;
       }
-      _this46.setShapeStacking(shape);
-      _this46.activeNode = shape.component.node;
-      _this46.isOverShape = true;
-      _this46.pointerDowInShape(event, shape);
+      _this48.setShapeStacking(shape);
+      _this48.activeNode = shape.component.node;
+      _this48.isOverShape = true;
+      _this48.pointerDowInShape(event, shape);
     });
     // If the user is grabbing the paper while he clicked in a cell, move the paper and not the cell
     this.paperManager.addEventHandler('cell:pointermove', function (_, event, x, y) {
-      if (_this46.isGrabbing) {
-        if (!_this46.canvasDragPosition) {
-          var scale = _this46.paperManager.scale;
-          _this46.canvasDragPosition = {
+      if (_this48.isGrabbing) {
+        if (!_this48.canvasDragPosition) {
+          var scale = _this48.paperManager.scale;
+          _this48.canvasDragPosition = {
             x: x * scale.sx,
             y: y * scale.sy
           };
         }
-        if (_this46.canvasDragPosition && !_this46.clientLeftPaper) {
-          _this46.paperManager.translate(event.offsetX - _this46.canvasDragPosition.x, event.offsetY - _this46.canvasDragPosition.y);
+        if (_this48.canvasDragPosition && !_this48.clientLeftPaper) {
+          _this48.paperManager.translate(event.offsetX - _this48.canvasDragPosition.x, event.offsetY - _this48.canvasDragPosition.y);
         }
       }
     });
@@ -80506,15 +80630,15 @@ var Multiplayer = /*#__PURE__*/function () {
             while (1) switch (_context33.prev = _context33.next) {
               case 0:
                 _context33.next = 2;
-                return _this46.loadXML(xml);
+                return _this48.loadXML(xml);
               case 2:
                 _context33.next = 4;
                 return undoRedoStore.dispatch('pushState', xml);
               case 4:
                 try {
-                  multiplayer = new Multiplayer(_this46);
+                  multiplayer = new Multiplayer(_this48);
                   multiplayer.init();
-                  _this46.multiplayer = multiplayer;
+                  _this48.multiplayer = multiplayer;
                 } catch (error) {
                   console.warn('Could not initialize multiplayer', error);
                 }
@@ -80530,18 +80654,18 @@ var Multiplayer = /*#__PURE__*/function () {
         return loadXML;
       }(),
       addWarnings: function addWarnings(warnings) {
-        return _this46.$emit('warnings', warnings);
+        return _this48.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this46.breadcrumbData.push(breadcrumbs);
+        return _this48.breadcrumbData.push(breadcrumbs);
       }
     });
     this.$root.$on('replace-ai-node', function (data) {
-      _this46.replaceAiNode(data);
+      _this48.replaceAiNode(data);
     });
     window.ProcessMaker.EventBus.$on('save-changes', function (redirectUrl) {
       if (redirectUrl) {
-        _this46.redirect(redirectUrl);
+        _this48.redirect(redirectUrl);
       }
     });
 
@@ -80550,8 +80674,14 @@ var Multiplayer = /*#__PURE__*/function () {
     if (!localStorage.getItem('promptSessions') || localStorage.getItem('promptSessions') === 'null') {
       localStorage.setItem('promptSessions', JSON.stringify([]));
     }
+    if (!localStorage.getItem('cancelledJobs') || localStorage.getItem('cancelledJobs') === 'null') {
+      this.cancelledJobs = [];
+    } else {
+      this.cancelledJobs = JSON.parse(localStorage.getItem('cancelledJobs'));
+    }
     this.promptSessionId = this.getPromptSessionForUser();
     this.fetchHistory();
+    this.subscribeToProgress();
   }
 });
 ;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=script&lang=js&
@@ -80571,8 +80701,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(88242);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_554c7310_render,
-  Modelervue_type_template_id_554c7310_staticRenderFns,
+  Modelervue_type_template_id_6a9d9f5c_render,
+  Modelervue_type_template_id_6a9d9f5c_staticRenderFns,
   false,
   null,
   null,