@processmaker/modeler 1.43.0 → 1.43.2

package/dist/modeler.umd.js

@@ -12616,6 +12616,111 @@ $({ target: 'URL', proto: true, enumerable: true }, {
 });
 
 
+/***/ }),
+
+/***/ 732:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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, ".ai-icon[data-v-0d6e8552]{width:22px;height:22px}.ai-btn-open>.ai-icon[data-v-0d6e8552]{-webkit-filter:invert(100%) sepia(0) saturate(0) hue-rotate(3deg) brightness(200%) contrast(150%);filter:invert(100%) sepia(0) saturate(0) hue-rotate(3deg) brightness(200%) contrast(150%)}.ai-btn[data-v-0d6e8552]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:32px;height:32px}.ai-btn-closed[data-v-0d6e8552]{color:#000;background-color:#ebeef2}.ai-btn-open[data-v-0d6e8552]{color:#fff;background-color:#104a75}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 62824:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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-2a8117cc]{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;right:10%;z-index:1;font-size:100%;height:90px;width:480px}.ai-icon[data-v-2a8117cc]{width:22px;height:22px}.createBtn[data-v-2a8117cc]{border-radius:0 8px 0 0}.cancelBtn[data-v-2a8117cc],.createBtn[data-v-2a8117cc]{font-weight:600;text-transform:capitalize}.cancelBtn[data-v-2a8117cc]{border-radius:0 0 8px 0;border-left:1px solid #cdddee}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 66595:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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-46a7ce7f]{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:2%;z-index:1;font-size:100%;height:120px;width:520px}.ai-icon[data-v-46a7ce7f]{width:22px;height:22px}.createBtn[data-v-46a7ce7f]{border-radius:0 8px 0 0}.cancelBtn[data-v-46a7ce7f],.createBtn[data-v-46a7ce7f]{font-weight:600;text-transform:capitalize}.cancelBtn[data-v-46a7ce7f]{border-radius:0 0 8px 0;border-left:1px solid #cdddee}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 41982:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 98359:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8081);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+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}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 301:
@@ -12891,7 +12996,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, "@media screen and (max-width:1365px){#
 
 /***/ }),
 
-/***/ 50577:
+/***/ 4269:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -12905,7 +13010,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{color:#5f666d;font-style:italic;line-height:27px;word-wrap:break-word;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;border:0 none;z-index:1;font-size:110%;font-weight:100;height:calc(100% - 130px)}.hyphen{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #5f666d;width:30px;margin:5px 13px 0 13px}.new-process-btn{color:#0872c2;border-color:#0872c2;background-color:#fff;-webkit-box-shadow:0 3px 9px -3px #c2c2c2;box-shadow:0 3px 9px -3px #c2c2c2;border-radius:13px}.new-process-btn:hover{background-color:#edf7ff;color:#0872c2;border-color:#0872c2}.ai-icon{width:22px;height:22px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".message[data-v-a8e6c808]{color:#5f666d;font-style:italic;line-height:27px;word-wrap:break-word;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;border:0 none;z-index:1;font-size:110%;font-weight:100;height:calc(100% - 130px)}.hyphen[data-v-a8e6c808]{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0;border:1px solid #5f666d;width:30px;margin:5px 13px 0 13px}.new-process-btn[data-v-a8e6c808]{color:#0872c2;border-color:#0872c2;background-color:#fff;-webkit-box-shadow:0 3px 9px -3px #c2c2c2;box-shadow:0 3px 9px -3px #c2c2c2;border-radius:13px}.new-process-btn[data-v-a8e6c808]:hover{background-color:#edf7ff;color:#0872c2;border-color:#0872c2}.ai-icon[data-v-a8e6c808]{width:22px;height:22px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13089,7 +13194,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-multiselect[data-v-bcd827ec]{to
 
 /***/ }),
 
-/***/ 49319:
+/***/ 71707:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13103,7 +13208,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, ".remote-cursor[data-v-70c20f1a]{position:absolute;width:auto;height:34px}.remote-cursor[data-v-70c20f1a],.remote-username[data-v-70c20f1a]{display:-webkit-box;display:-ms-flexbox;display:flex}.remote-username[data-v-70c20f1a]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;padding:4px 10px;gap:10px;border-radius:4px;background-color:#212529;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:normal}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".remote-cursor[data-v-4cd50df8]{position:absolute;width:auto;height:34px;z-index:2}.remote-cursor[data-v-4cd50df8],.remote-username[data-v-4cd50df8]{display:-webkit-box;display:-ms-flexbox;display:flex}.remote-username[data-v-4cd50df8]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px;padding:4px 10px;gap:10px;border-radius:4px;background-color:#212529;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:normal}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13475,7 +13580,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".mini-paper-box[data-v-7f06057f]{posit
 
 /***/ }),
 
-/***/ 47632:
+/***/ 23038:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13489,7 +13594,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, ".rail-container[data-v-30b2f3e9]{bottom:20px;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:48px;max-height:48px;z-index:2}.rail-container[data-v-30b2f3e9],.rail-left[data-v-30b2f3e9]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.rail-left[data-v-30b2f3e9]{width:auto;padding:0 35px}.rail-center[data-v-30b2f3e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;width:100%;padding-right:5px;overflow-x:hidden}.hidden-opacity[data-v-30b2f3e9]{opacity:0;visibility:hidden;position:absolute;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".rail-container[data-v-3b9c64d6]{bottom:20px;left:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:48px;max-height:48px;z-index:2}.rail-container[data-v-3b9c64d6],.rail-left[data-v-3b9c64d6]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.rail-left[data-v-3b9c64d6]{width:auto;padding:0 35px}.rail-center[data-v-3b9c64d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;width:100%;padding-right:5px;overflow-x:hidden}.hidden-opacity[data-v-3b9c64d6]{opacity:0;visibility:hidden;position:absolute;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -13580,7 +13685,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".toolbar{z-index:4;height:4rem;cursor:
 
 /***/ }),
 
-/***/ 46460:
+/***/ 58591:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13594,14 +13699,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, ".avatar-initials[data-v-3d040108]{text-align:center;line-height:2.4rem;color:#fff;font-weight:700}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".avatar-initials[data-v-b7e12804]{text-align:center;line-height:2.4rem;color:#fff}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
 
-/***/ 41462:
+/***/ 72004:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13615,7 +13720,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-f6aad76c]{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-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}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -26342,6 +26447,86 @@ module.exports = "<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fa
 !function(e,t){ true?module.exports=t(__webpack_require__(28981)):0}(this,function(e){"use strict";function t(e,t,o){e&&t&&o&&(document.addEventListener?e.addEventListener(t,o,!1):e.attachEvent("on"+t,o))}function o(e,t,o){e&&t&&(document.removeEventListener?e.removeEventListener(t,o,!1):e.detachEvent("on"+t,o))}e=e&&e.hasOwnProperty("default")?e.default:e;var n={props:{tagName:{type:String,default:"span"},trigger:{type:String,default:"hover",validator:function(e){return["clickToOpen","click","clickToToggle","hover","focus"].indexOf(e)>-1}},delayOnMouseOver:{type:Number,default:10},delayOnMouseOut:{type:Number,default:10},disabled:{type:Boolean,default:!1},content:String,enterActiveClass:String,leaveActiveClass:String,boundariesSelector:String,reference:{},forceShow:{type:Boolean,default:!1},dataValue:{default:null},appendToBody:{type:Boolean,default:!1},visibleArrow:{type:Boolean,default:!0},transition:{type:String,default:""},stopPropagation:{type:Boolean,default:!1},preventDefault:{type:Boolean,default:!1},options:{type:Object,default:function(){return{}}},rootClass:{type:String,default:""}},data:function(){return{referenceElm:null,popperJS:null,showPopper:!1,currentPlacement:"",popperOptions:{placement:"bottom",computeStyle:{gpuAcceleration:!1}}}},watch:{showPopper:function(e){e?(this.$emit("show",this),this.popperJS&&this.popperJS.enableEventListeners(),this.updatePopper()):(this.popperJS&&this.popperJS.disableEventListeners(),this.$emit("hide",this))},forceShow:{handler:function(e){this[e?"doShow":"doClose"]()},immediate:!0},disabled:function(e){e&&(this.showPopper=!1)}},created:function(){this.appendedArrow=!1,this.appendedToBody=!1,this.popperOptions=Object.assign(this.popperOptions,this.options)},mounted:function(){switch(this.referenceElm=this.reference||this.$slots.reference[0].elm,this.popper=this.$slots.default[0].elm,this.trigger){case"clickToOpen":t(this.referenceElm,"click",this.doShow),t(document,"click",this.handleDocumentClick);break;case"click":case"clickToToggle":t(this.referenceElm,"click",this.doToggle),t(document,"click",this.handleDocumentClick);break;case"hover":t(this.referenceElm,"mouseover",this.onMouseOver),t(this.popper,"mouseover",this.onMouseOver),t(this.referenceElm,"mouseout",this.onMouseOut),t(this.popper,"mouseout",this.onMouseOut);break;case"focus":t(this.referenceElm,"focus",this.onMouseOver),t(this.popper,"focus",this.onMouseOver),t(this.referenceElm,"blur",this.onMouseOut),t(this.popper,"blur",this.onMouseOut)}},methods:{doToggle:function(e){this.stopPropagation&&e.stopPropagation(),this.preventDefault&&e.preventDefault(),this.forceShow||(this.showPopper=!this.showPopper)},doShow:function(){this.showPopper=!0},doClose:function(){this.showPopper=!1},doDestroy:function(){this.showPopper||(this.popperJS&&(this.popperJS.destroy(),this.popperJS=null),this.appendedToBody&&(this.appendedToBody=!1,document.body.removeChild(this.popper.parentElement)))},createPopper:function(){var t=this;this.$nextTick(function(){if(t.visibleArrow&&t.appendArrow(t.popper),t.appendToBody&&!t.appendedToBody&&(t.appendedToBody=!0,document.body.appendChild(t.popper.parentElement)),t.popperJS&&t.popperJS.destroy&&t.popperJS.destroy(),t.boundariesSelector){var o=document.querySelector(t.boundariesSelector);o&&(t.popperOptions.modifiers=Object.assign({},t.popperOptions.modifiers),t.popperOptions.modifiers.preventOverflow=Object.assign({},t.popperOptions.modifiers.preventOverflow),t.popperOptions.modifiers.preventOverflow.boundariesElement=o)}t.popperOptions.onCreate=function(){t.$emit("created",t),t.$nextTick(t.updatePopper)},t.popperJS=new e(t.referenceElm,t.popper,t.popperOptions)})},destroyPopper:function(){o(this.referenceElm,"click",this.doToggle),o(this.referenceElm,"mouseup",this.doClose),o(this.referenceElm,"mousedown",this.doShow),o(this.referenceElm,"focus",this.doShow),o(this.referenceElm,"blur",this.doClose),o(this.referenceElm,"mouseout",this.onMouseOut),o(this.referenceElm,"mouseover",this.onMouseOver),o(document,"click",this.handleDocumentClick),this.showPopper=!1,this.doDestroy()},appendArrow:function(e){if(!this.appendedArrow){this.appendedArrow=!0;var t=document.createElement("div");t.setAttribute("x-arrow",""),t.className="popper__arrow",e.appendChild(t)}},updatePopper:function(){this.popperJS?this.popperJS.scheduleUpdate():this.createPopper()},onMouseOver:function(){var e=this;clearTimeout(this._timer),this._timer=setTimeout(function(){e.showPopper=!0},this.delayOnMouseOver)},onMouseOut:function(){var e=this;clearTimeout(this._timer),this._timer=setTimeout(function(){e.showPopper=!1},this.delayOnMouseOut)},handleDocumentClick:function(e){this.$el&&this.referenceElm&&!this.elementContains(this.$el,e.target)&&!this.elementContains(this.referenceElm,e.target)&&this.popper&&!this.elementContains(this.popper,e.target)&&(this.$emit("documentClick",this),this.forceShow||(this.showPopper=!1))},elementContains:function(e,t){return"function"==typeof e.contains&&e.contains(t)}},destroyed:function(){this.destroyPopper()}};const r=n;n.__file="popper.js.vue";return function(e,t,o,n,r,s,i,p,c,a){"function"==typeof i&&(c=p,p=i,i=!1);const d="function"==typeof o?o.options:o;let l;if(e&&e.render&&(d.render=e.render,d.staticRenderFns=e.staticRenderFns,d._compiled=!0,r&&(d.functional=!0)),n&&(d._scopeId=n),s?(l=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,c(e)),e&&e._registeredComponents&&e._registeredComponents.add(s)},d._ssrRegister=l):t&&(l=i?function(){t.call(this,a(this.$root.$options.shadowRoot))}:function(e){t.call(this,p(e))}),l)if(d.functional){const e=d.render;d.render=function(t,o){return l.call(o),e(t,o)}}else{const e=d.beforeCreate;d.beforeCreate=e?[].concat(e,l):[l]}return o}({render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o(e.tagName,{tag:"component"},[o("transition",{attrs:{name:e.transition,"enter-active-class":e.enterActiveClass,"leave-active-class":e.leaveActiveClass},on:{"after-leave":e.doDestroy}},[o("span",{directives:[{name:"show",rawName:"v-show",value:!e.disabled&&e.showPopper,expression:"!disabled && showPopper"}],ref:"popper",class:e.rootClass},[e._t("default",[e._v(e._s(e.content))])],2)]),e._v(" "),e._t("reference")],2)},staticRenderFns:[]},void 0,r,void 0,!1,void 0,void 0,void 0)});
 
 
+/***/ }),
+
+/***/ 70077:
+/***/ (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__(732);
+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("8ed77346", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 93070:
+/***/ (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__(62824);
+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("1c44264c", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 79145:
+/***/ (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__(66595);
+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("389c8649", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 29099:
+/***/ (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__(41982);
+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("3283712d", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 50666:
+/***/ (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__(98359);
+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("44853ab5", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 39221:
@@ -26552,19 +26737,19 @@ var update = add("6e271307", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 55650:
+/***/ 98406:
 /***/ (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__(50577);
+var content = __webpack_require__(4269);
 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("f6ebc90c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("f7b5c986", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26680,19 +26865,19 @@ var update = add("8c02cc8c", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 78841:
+/***/ 57896:
 /***/ (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__(49319);
+var content = __webpack_require__(71707);
 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("3635bc05", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("697c93cd", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -26968,19 +27153,19 @@ var update = add("6b0aaa11", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 50529:
+/***/ 1193:
 /***/ (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__(47632);
+var content = __webpack_require__(23038);
 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("f1ade168", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("08420987", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -27048,35 +27233,35 @@ var update = add("0828245b", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 9717:
+/***/ 84122:
 /***/ (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__(46460);
+var content = __webpack_require__(58591);
 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("4abd91f8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("75a528b7", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 21393:
+/***/ 91886:
 /***/ (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__(41462);
+var content = __webpack_require__(72004);
 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("5985a3e6", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("1fb34f8f", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -48088,10 +48273,10 @@ var ValidationStatus_component = normalizeComponent(
 )
 
 /* harmony default export */ var ValidationStatus = (ValidationStatus_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=4a4f3272&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=09b13081&
 
 
-var Modelervue_type_template_id_4a4f3272_render = function render() {
+var Modelervue_type_template_id_09b13081_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -48112,7 +48297,7 @@ var Modelervue_type_template_id_4a4f3272_render = function render() {
       "xml-manager": _vm.xmlManager,
       "validationBar": _vm.validationBar,
       "extra-actions": _vm.extraActions,
-      "players": _vm.players
+      "players": _vm.filteredPlayers
     },
     on: {
       "load-xml": _vm.loadXML,
@@ -48171,7 +48356,26 @@ var Modelervue_type_template_id_4a4f3272_render = function render() {
     attrs: {
       "data-test": "paper"
     }
-  })]), _vm.showWelcomeMessage ? _c('WelcomeMessage') : _vm._e(), _c('InspectorButton', {
+  })]), _vm.showWelcomeMessage ? _c('WelcomeMessage') : _vm._e(), _vm.isAiGenerated ? _c('CreateAssetsCard', {
+    ref: "createAssetsCard",
+    on: {
+      "onGenerateAssets": function onGenerateAssets($event) {
+        return _vm.generateAssets();
+      },
+      "closeCreateAssets": function closeCreateAssets($event) {
+        return _vm.onCloseCreateAssets();
+      }
+    }
+  }) : _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._e(),  false ? 0 : _vm._e(), _c('InspectorButton', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -48299,7 +48503,7 @@ var Modelervue_type_template_id_4a4f3272_render = function render() {
         "definition-changed": _vm.onNodeDefinitionChanged
       }
     });
-  }), _c('RailBottom', {
+  }), !_vm.generatingAi ? _c('RailBottom', {
     attrs: {
       "nodeTypes": _vm.nodeTypes,
       "paper-manager": _vm.paperManager,
@@ -48314,7 +48518,7 @@ var Modelervue_type_template_id_4a4f3272_render = function render() {
       },
       "onCreateElement": _vm.onCreateElementHandler
     }
-  }), _vm.paper ? _c('selection', {
+  }) : _vm._e(), _vm.paper ? _c('selection', {
     ref: "selector",
     attrs: {
       "graph": _vm.graph,
@@ -48328,11 +48532,18 @@ var Modelervue_type_template_id_4a4f3272_render = function render() {
       "remove-nodes": _vm.removeNodes,
       "save-state": _vm.pushToUndoStack
     }
-  }) : _vm._e()], 2)], 1);
+  }) : _vm._e(), _vm._l(_vm.filteredPlayers, function (player) {
+    return _c('RemoteCursor', {
+      key: player.id,
+      attrs: {
+        "data": player
+      }
+    });
+  })], 2)], 1);
 };
-var Modelervue_type_template_id_4a4f3272_staticRenderFns = [];
+var Modelervue_type_template_id_09b13081_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=4a4f3272&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=09b13081&
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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() {
@@ -49873,8 +50084,8 @@ var explorer_component = normalizeComponent(
 )
 
 /* harmony default export */ var explorer = (explorer_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/welcome/WelcomeMessage.vue?vue&type=template&id=343eb37f&
-var WelcomeMessagevue_type_template_id_343eb37f_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/welcome/WelcomeMessage.vue?vue&type=template&id=a8e6c808&scoped=true&
+var WelcomeMessagevue_type_template_id_a8e6c808_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -49926,7 +50137,7 @@ var WelcomeMessagevue_type_template_id_343eb37f_render = function render() {
     staticClass: "w-100"
   }, [_vm._v(" " + _vm._s(_vm.$t("Click and drop objects to build the process you like.")) + " ")])])], 1);
 };
-var WelcomeMessagevue_type_template_id_343eb37f_staticRenderFns = [];
+var WelcomeMessagevue_type_template_id_a8e6c808_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/vue-inline-svg/src/index.js
 /** @type Record<string, PromiseWithState<Element>> */
@@ -50265,9 +50476,9 @@ const InlineSvgPlugin = {
 });
 ;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue?vue&type=script&lang=js&
  /* harmony default export */ var welcome_WelcomeMessagevue_type_script_lang_js_ = (WelcomeMessagevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/welcome/WelcomeMessage.vue?vue&type=style&index=0&id=343eb37f&prod&lang=css&
-var WelcomeMessagevue_type_style_index_0_id_343eb37f_prod_lang_css_ = __webpack_require__(55650);
-;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue?vue&type=style&index=0&id=343eb37f&prod&lang=css&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/welcome/WelcomeMessage.vue?vue&type=style&index=0&id=a8e6c808&prod&scoped=true&lang=css&
+var WelcomeMessagevue_type_style_index_0_id_a8e6c808_prod_scoped_true_lang_css_ = __webpack_require__(98406);
+;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue?vue&type=style&index=0&id=a8e6c808&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue
 
@@ -50280,16 +50491,345 @@ var WelcomeMessagevue_type_style_index_0_id_343eb37f_prod_lang_css_ = __webpack_
 
 var WelcomeMessage_component = normalizeComponent(
   welcome_WelcomeMessagevue_type_script_lang_js_,
-  WelcomeMessagevue_type_template_id_343eb37f_render,
-  WelcomeMessagevue_type_template_id_343eb37f_staticRenderFns,
+  WelcomeMessagevue_type_template_id_a8e6c808_scoped_true_render,
+  WelcomeMessagevue_type_template_id_a8e6c808_scoped_true_staticRenderFns,
   false,
   null,
-  null,
+  "a8e6c808",
   null
   
 )
 
 /* harmony default export */ var WelcomeMessage = (WelcomeMessage_component.exports);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/CreateAssetsCard.vue?vue&type=template&id=46a7ce7f&scoped=true&
+var CreateAssetsCardvue_type_template_id_46a7ce7f_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "message mt-3"
+  }, [_c('b-card', {
+    staticClass: "h-100",
+    staticStyle: {
+      "border-radius": "8px"
+    },
+    attrs: {
+      "no-body": ""
+    }
+  }, [_c('div', {
+    staticClass: "h-100 d-flex pl-2 justify-content-between align-items-center"
+  }, [_c('div', {
+    staticClass: "col-9"
+  }, [_c('div', {
+    staticClass: "text-left"
+  }, [_c('inline-svg', {
+    staticClass: "ml-0 mr-2 my-auto ai-icon",
+    attrs: {
+      "src": _vm.proceC2Icon
+    }
+  }), _c('span', {
+    staticStyle: {
+      "color": "#556271",
+      "font-weight": "600"
+    }
+  }, [_vm._v(_vm._s(_vm.$t("Create your missing assets with AI")))])], 1), _c('div', {
+    staticStyle: {
+      "color": "#556271",
+      "font-weight": "400"
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("Use AI to easily produce the necessary screens and scripts to complete the process.")) + " ")])]), _c('div', {
+    staticClass: "col-3 h-100 p-0 d-flex flex-column justify-content-center"
+  }, [_c('button', {
+    staticClass: "h-100 createBtn btn btn-primary btn-block",
+    on: {
+      "click": function click($event) {
+        return _vm.onCreateAssets();
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("Create now")) + " ")]), _c('button', {
+    staticClass: "h-100 m-0 cancelBtn btn btn-light btn-block",
+    on: {
+      "click": function click($event) {
+        return _vm.onCancel();
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("Close")) + " ")])])])])], 1);
+};
+var CreateAssetsCardvue_type_template_id_46a7ce7f_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsCard.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var CreateAssetsCardvue_type_script_lang_js_ = ({
+  name: 'CreateAssetsCard',
+  components: {
+    InlineSvg: InlineSvgComponent
+  },
+  data: function data() {
+    return {
+      proceC2Icon: __webpack_require__(7225)
+    };
+  },
+  methods: {
+    onCreateAssets: function onCreateAssets() {
+      this.$emit('onGenerateAssets');
+    },
+    onCancel: function onCancel() {
+      this.$emit('closeCreateAssets');
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsCard.vue?vue&type=script&lang=js&
+ /* harmony default export */ var aiMessages_CreateAssetsCardvue_type_script_lang_js_ = (CreateAssetsCardvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/CreateAssetsCard.vue?vue&type=style&index=0&id=46a7ce7f&prod&scoped=true&lang=css&
+var CreateAssetsCardvue_type_style_index_0_id_46a7ce7f_prod_scoped_true_lang_css_ = __webpack_require__(79145);
+;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsCard.vue?vue&type=style&index=0&id=46a7ce7f&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsCard.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var CreateAssetsCard_component = normalizeComponent(
+  aiMessages_CreateAssetsCardvue_type_script_lang_js_,
+  CreateAssetsCardvue_type_template_id_46a7ce7f_scoped_true_render,
+  CreateAssetsCardvue_type_template_id_46a7ce7f_scoped_true_staticRenderFns,
+  false,
+  null,
+  "46a7ce7f",
+  null
+  
+)
+
+/* harmony default export */ var CreateAssetsCard = (CreateAssetsCard_component.exports);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "message mt-3"
+  }, [_c('b-card', {
+    staticClass: "h-100 w-100",
+    staticStyle: {
+      "border-radius": "8px"
+    },
+    attrs: {
+      "no-body": ""
+    }
+  }, [_c('div', {
+    staticClass: "h-100 d-flex p-3 justify-content-between align-items-center"
+  }, [_c('div', [_c('div', {
+    staticClass: "text-left"
+  }, [_c('inline-svg', {
+    staticClass: "ml-0 mr-2 my-auto ai-icon",
+    attrs: {
+      "src": _vm.proceC2Icon
+    }
+  }), _c('span', {
+    staticClass: "card-text"
+  }, [_vm._v(_vm._s(_vm.$t("Generating...")))])], 1)]), _c('div', {
+    staticClass: "p-0"
+  }, [_c('button', {
+    staticClass: "h-100 px-3 cancel-btn btn btn-secondary",
+    on: {
+      "click": function click($event) {
+        return _vm.onClose();
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("STOP")) + " ")])])])])], 1);
+};
+var GeneratingAssetsCardvue_type_template_id_44bee458_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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&
+
+/* harmony default export */ var GeneratingAssetsCardvue_type_script_lang_js_ = ({
+  name: 'GeneratingAssetsCard',
+  components: {
+    InlineSvg: InlineSvgComponent
+  },
+  data: function data() {
+    return {
+      proceC2Icon: __webpack_require__(7225)
+    };
+  },
+  methods: {
+    onClose: function onClose() {
+      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-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.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__(50666);
+;// CONCATENATED MODULE: ./src/components/aiMessages/GeneratingAssetsCard.vue?vue&type=style&index=0&id=44bee458&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/aiMessages/GeneratingAssetsCard.vue
+
+
+
+;
+
+
+/* normalize component */
+
+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,
+  false,
+  null,
+  "44bee458",
+  null
+  
+)
+
+/* harmony default export */ var GeneratingAssetsCard = (GeneratingAssetsCard_component.exports);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/AssetsCreatedCard.vue?vue&type=template&id=2a8117cc&scoped=true&
+var AssetsCreatedCardvue_type_template_id_2a8117cc_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "message mt-3"
+  }, [_c('b-card', {
+    staticClass: "h-100 w-100",
+    staticStyle: {
+      "border-radius": "8px"
+    },
+    attrs: {
+      "no-body": ""
+    }
+  }, [_c('div', {
+    staticClass: "h-100 d-flex pl-2 justify-content-between align-items-center"
+  }, [_c('div', {
+    staticClass: "col-9"
+  }, [_c('div', {
+    staticClass: "text-left"
+  }, [_c('inline-svg', {
+    staticClass: "ml-0 mr-2 my-auto ai-icon",
+    attrs: {
+      "src": _vm.proceC2Icon
+    }
+  }), _c('span', {
+    staticStyle: {
+      "color": "#556271",
+      "font-weight": "600"
+    }
+  }, [_vm._v(_vm._s(_vm.$t("Assets Generated Successfully")))])], 1), _c('div', {
+    staticStyle: {
+      "color": "#556271",
+      "font-weight": "400"
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("Check them on their corresponding tasks")) + " ")])]), _c('div', {
+    staticClass: "col-3 h-100 p-0 d-flex flex-column justify-content-center"
+  }, [_c('button', {
+    staticClass: "h-100 m-0 cancelBtn btn btn-light btn-block",
+    on: {
+      "click": function click($event) {
+        return _vm.onClose();
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("Close")) + " ")])])])])], 1);
+};
+var AssetsCreatedCardvue_type_template_id_2a8117cc_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/AssetsCreatedCard.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var AssetsCreatedCardvue_type_script_lang_js_ = ({
+  name: 'AssetsCreatedCard',
+  components: {
+    InlineSvg: InlineSvgComponent
+  },
+  data: function data() {
+    return {
+      proceC2Icon: __webpack_require__(7225)
+    };
+  },
+  methods: {
+    onClose: function onClose() {
+      this.$emit('closeAssetsCreated');
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/aiMessages/AssetsCreatedCard.vue?vue&type=script&lang=js&
+ /* harmony default export */ var aiMessages_AssetsCreatedCardvue_type_script_lang_js_ = (AssetsCreatedCardvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/AssetsCreatedCard.vue?vue&type=style&index=0&id=2a8117cc&prod&scoped=true&lang=css&
+var AssetsCreatedCardvue_type_style_index_0_id_2a8117cc_prod_scoped_true_lang_css_ = __webpack_require__(93070);
+;// CONCATENATED MODULE: ./src/components/aiMessages/AssetsCreatedCard.vue?vue&type=style&index=0&id=2a8117cc&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/aiMessages/AssetsCreatedCard.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var AssetsCreatedCard_component = normalizeComponent(
+  aiMessages_AssetsCreatedCardvue_type_script_lang_js_,
+  AssetsCreatedCardvue_type_template_id_2a8117cc_scoped_true_render,
+  AssetsCreatedCardvue_type_template_id_2a8117cc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "2a8117cc",
+  null
+  
+)
+
+/* harmony default export */ var AssetsCreatedCard = (AssetsCreatedCard_component.exports);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "customAlert mx-auto mt-2"
+  }, [_c('b-alert', {
+    attrs: {
+      "show": "",
+      "dismissible": "",
+      "variant": "warning"
+    }
+  }, [_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 = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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 {};
+  }
+});
+;// 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-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.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__(29099);
+;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsFailCard.vue?vue&type=style&index=0&id=a9220b14&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/aiMessages/CreateAssetsFailCard.vue
+
+
+
+;
+
+
+/* normalize component */
+
+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,
+  false,
+  null,
+  "a9220b14",
+  null
+  
+)
+
+/* harmony default export */ var CreateAssetsFailCard = (CreateAssetsFailCard_component.exports);
 // EXTERNAL MODULE: ./node_modules/lodash-contrib/dist/lodash-contrib.commonjs.js
 var lodash_contrib_commonjs = __webpack_require__(33293);
 // EXTERNAL MODULE: ./node_modules/lodash/remove.js
@@ -52580,8 +53120,8 @@ var Breadcrumb_component = normalizeComponent(
 )
 
 /* harmony default export */ var Breadcrumb = (Breadcrumb_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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=f6aad76c&scoped=true&
-var TopRailvue_type_template_id_f6aad76c_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -52603,7 +53143,7 @@ var TopRailvue_type_template_id_f6aad76c_scoped_true_render = function render()
     on: {
       "openPanel": _vm.handleOpenPanel
     }
-  }), _c('ValidateButton', {
+  }), _c('AiGenerateButton'), _c('ValidateButton', {
     on: {
       "openIssue": _vm.handleOpenIssue
     }
@@ -52620,7 +53160,7 @@ var TopRailvue_type_template_id_f6aad76c_scoped_true_render = function render()
     }
   }), _vm._t("default")], 2);
 };
-var TopRailvue_type_template_id_f6aad76c_scoped_true_staticRenderFns = [];
+var TopRailvue_type_template_id_e7f04de2_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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() {
@@ -52917,9 +53457,9 @@ var ValidatePanel_component = normalizeComponent(
 
 
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=ef7988fa&
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=29df9217&
 
-var MultiplayerViewUsersvue_type_template_id_ef7988fa_render = function render() {
+var MultiplayerViewUsersvue_type_template_id_29df9217_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-avatar-group', {
@@ -52930,7 +53470,7 @@ var MultiplayerViewUsersvue_type_template_id_ef7988fa_render = function render()
       expression: "isMultiplayer"
     }],
     staticClass: "container"
-  }, [_vm._l(_vm.filteredPlayers, function (item) {
+  }, [_vm._l(_vm.players, function (item) {
     return [_c('Avatar', {
       key: item.id,
       attrs: {
@@ -52942,18 +53482,18 @@ var MultiplayerViewUsersvue_type_template_id_ef7988fa_render = function render()
     })];
   })], 2);
 };
-var MultiplayerViewUsersvue_type_template_id_ef7988fa_staticRenderFns = [];
+var MultiplayerViewUsersvue_type_template_id_29df9217_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=ef7988fa&
+;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=template&id=29df9217&
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/multiplayerViewUsers/avatar/Avatar.vue?vue&type=template&id=3d040108&scoped=true&
-var Avatarvue_type_template_id_3d040108_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/multiplayerViewUsers/avatar/Avatar.vue?vue&type=template&id=b7e12804&scoped=true&
+var Avatarvue_type_template_id_b7e12804_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
     staticClass: "b-avatar rounded-circle",
     style: {
-      'backgroundColor': _vm.generateColorHsl(_vm.userName, _vm.saturationRange, _vm.lightnessRange)
+      'backgroundColor': _vm.backgroundColor
     }
   }, [_vm.imgSrc ? _c('span', {
     staticClass: "b-avatar-img",
@@ -52984,7 +53524,7 @@ var Avatarvue_type_template_id_3d040108_scoped_true_render = function render() {
     }
   }) : _vm._e()], 1);
 };
-var Avatarvue_type_template_id_3d040108_scoped_true_staticRenderFns = [];
+var Avatarvue_type_template_id_b7e12804_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=script&lang=js&
 
@@ -53011,17 +53551,10 @@ var Avatarvue_type_template_id_3d040108_scoped_true_staticRenderFns = [];
     return {
       saturation: 50,
       lightness: 50,
-      range: 10
+      range: 10,
+      backgroundColor: '#104A75'
     };
   },
-  computed: {
-    saturationRange: function saturationRange() {
-      return this.getRange(this.saturation, this.range);
-    },
-    lightnessRange: function lightnessRange() {
-      return this.getRange(this.lightness, this.range);
-    }
-  },
   methods: {
     /**
      * Get the initials from a given name.
@@ -53035,81 +53568,14 @@ var Avatarvue_type_template_id_3d040108_scoped_true_staticRenderFns = [];
       var firstNameIn = nameArray[0].charAt(0).toUpperCase();
       var lastNameIn = nameArray[nameArray.length - 1].charAt(0).toUpperCase();
       return "".concat(firstNameIn).concat(lastNameIn);
-    },
-    /**
-     * Calculates a hash value for a given string.
-     *
-     * @param {string} str - The input string for which the hash needs to be calculated.
-     * @returns {number} The calculated hash value for the input string.
-     */
-    getHashOfString: function getHashOfString(str) {
-      var hash = 0;
-      for (var i = 0; i < str.length; i++) {
-        hash = str.charCodeAt(i) + ((hash << 5) - hash);
-      }
-      hash = Math.abs(hash);
-      return hash;
-    },
-    /**
-     * Calculates a range around a given value.
-     *
-     * @param {number} value - The central value.
-     * @param {number} range - The range value.
-     * @returns {number[]} An array containing the lower and upper bounds of the range.
-     */
-    getRange: function getRange(value, range) {
-      return [Math.max(0, value - range), Math.min(value + range, 100)];
-    },
-    /**
-     * Get the hash number to within our range
-     * 
-     * @param {Number} hash 
-     * @param {Number} min
-     * @param {Number} max
-     * @returns {Number}
-     */
-    normalizeHash: function normalizeHash(hash, min, max) {
-      return Math.floor(hash % (max - min) + min);
-    },
-    /**
-     *Generate Unique Color, create a string using our h,s,l values.
-     * @param {String} name
-     * @param {Array} saturationRange 
-     * @param {Array} lightnessRange
-     * @returns {Number}
-     */
-    generateHSL: function generateHSL(name, saturationRange, lightnessRange) {
-      var hash = this.getHashOfString(name);
-      var h = this.normalizeHash(hash, 0, 360);
-      var s = this.normalizeHash(hash, saturationRange[0], saturationRange[1]);
-      var l = this.normalizeHash(hash, lightnessRange[0], lightnessRange[1]);
-      return [h, s, l];
-    },
-    /**
-     * Convert HSL array to string
-     * @param {Array} hsl
-     * @returns {String}
-     */
-    HSLtoString: function HSLtoString(hsl) {
-      return "hsl(".concat(hsl[0], ", ").concat(hsl[1], "%, ").concat(hsl[2], "%)");
-    },
-    /**
-     * Generate a unique hsl value.
-     * @param {String} name
-     * @param {Array} saturationRange 
-     * @param {Array} lightnessRange
-     * @returns {String}
-     */
-    generateColorHsl: function generateColorHsl(id, saturationRange, lightnessRange) {
-      return this.HSLtoString(this.generateHSL(id, saturationRange, lightnessRange));
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue?vue&type=script&lang=js&
  /* harmony default export */ var avatar_Avatarvue_type_script_lang_js_ = (Avatarvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=3d040108&prod&scoped=true&lang=scss&
-var avatarvue_type_style_index_0_id_3d040108_prod_scoped_true_lang_scss_ = __webpack_require__(9717);
-;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=3d040108&prod&scoped=true&lang=scss&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=b7e12804&prod&scoped=true&lang=scss&
+var avatarvue_type_style_index_0_id_b7e12804_prod_scoped_true_lang_scss_ = __webpack_require__(84122);
+;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/avatar.scss?vue&type=style&index=0&id=b7e12804&prod&scoped=true&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/topRail/multiplayerViewUsers/avatar/Avatar.vue
 
@@ -53122,11 +53588,11 @@ var avatarvue_type_style_index_0_id_3d040108_prod_scoped_true_lang_scss_ = __web
 
 var Avatar_component = normalizeComponent(
   avatar_Avatarvue_type_script_lang_js_,
-  Avatarvue_type_template_id_3d040108_scoped_true_render,
-  Avatarvue_type_template_id_3d040108_scoped_true_staticRenderFns,
+  Avatarvue_type_template_id_b7e12804_scoped_true_render,
+  Avatarvue_type_template_id_b7e12804_scoped_true_staticRenderFns,
   false,
   null,
-  "3d040108",
+  "b7e12804",
   null
   
 )
@@ -53135,10 +53601,6 @@ var Avatar_component = normalizeComponent(
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/multiplayerViewUsers/MultiplayerViewUsers.vue?vue&type=script&lang=js&
 
 
-
-
-
-
 /* harmony default export */ var MultiplayerViewUsersvue_type_script_lang_js_ = ({
   components: {
     Avatar: Avatar
@@ -53150,13 +53612,6 @@ var Avatar_component = normalizeComponent(
     }
   },
   computed: {
-    filteredPlayers: function filteredPlayers() {
-      var allPlayers = (0,external_lodash_.uniqBy)(this.players, 'name');
-      return allPlayers.filter(function (player) {
-        var _window$ProcessMaker$;
-        return player.name.toLowerCase() !== ((_window$ProcessMaker$ = window.ProcessMaker.user) === null || _window$ProcessMaker$ === void 0 ? void 0 : _window$ProcessMaker$.fullName.toLowerCase());
-      });
-    },
     isMultiplayer: function isMultiplayer() {
       return store.getters.isMultiplayer;
     }
@@ -53174,8 +53629,8 @@ var Avatar_component = normalizeComponent(
 ;
 var MultiplayerViewUsers_component = normalizeComponent(
   multiplayerViewUsers_MultiplayerViewUsersvue_type_script_lang_js_,
-  MultiplayerViewUsersvue_type_template_id_ef7988fa_render,
-  MultiplayerViewUsersvue_type_template_id_ef7988fa_staticRenderFns,
+  MultiplayerViewUsersvue_type_template_id_29df9217_render,
+  MultiplayerViewUsersvue_type_template_id_29df9217_staticRenderFns,
   false,
   null,
   null,
@@ -53184,6 +53639,105 @@ var MultiplayerViewUsers_component = normalizeComponent(
 )
 
 /* harmony default export */ var MultiplayerViewUsers = (MultiplayerViewUsers_component.exports);
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/AiGenerateButton.vue?vue&type=template&id=0d6e8552&scoped=true&
+var AiGenerateButtonvue_type_template_id_0d6e8552_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "mr-2"
+  }, [_c('button', {
+    class: ['btn py-0 px-2 ai-btn', _vm.showPopover ? 'ai-btn-open' : 'ai-btn-closed'],
+    attrs: {
+      "id": "aiAssetButton"
+    },
+    on: {
+      "click": function click($event) {
+        _vm.showPopover = !_vm.showPopover;
+      }
+    }
+  }, [_c('inline-svg', {
+    staticClass: "my-auto ai-icon",
+    attrs: {
+      "src": _vm.proceC2Icon
+    }
+  })], 1), _c('b-popover', {
+    attrs: {
+      "target": "aiAssetButton",
+      "triggers": "click",
+      "show": _vm.showPopover,
+      "title": _vm.$t('Create your assets with AI'),
+      "placement": "auto"
+    },
+    on: {
+      "update:show": function updateShow($event) {
+        _vm.showPopover = $event;
+      }
+    }
+  }, [_c('div', {
+    staticClass: "p-3 d-flex flex-column"
+  }, [_c('div', {
+    staticClass: "m-2"
+  }, [_vm._v(" " + _vm._s(_vm.$t('Create any missing assets for the process, including screens and scripts.')) + " ")]), _c('div', {
+    staticClass: "m-2"
+  }, [_c('span', {
+    staticClass: "text-primary"
+  }, [_vm._v(" " + _vm._s(_vm.$t('Optimal results need proper task naming and connections.')) + " ")])]), _c('button', {
+    staticClass: "m-2 btn btn-primary",
+    on: {
+      "click": function click($event) {
+        return _vm.onGenerateAssets();
+      }
+    }
+  }, [_vm._v(" " + _vm._s(_vm.$t("Create Assets with AI")) + " ")])])])], 1);
+};
+var AiGenerateButtonvue_type_template_id_0d6e8552_scoped_true_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/AiGenerateButton.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var AiGenerateButtonvue_type_script_lang_js_ = ({
+  name: 'CreateAssetsButton',
+  components: {
+    InlineSvg: InlineSvgComponent
+  },
+  data: function data() {
+    return {
+      proceC2Icon: __webpack_require__(7225),
+      showPopover: false
+    };
+  },
+  methods: {
+    onGenerateAssets: function onGenerateAssets() {
+      this.$emit('onGenerateAssets');
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/aiMessages/AiGenerateButton.vue?vue&type=script&lang=js&
+ /* harmony default export */ var aiMessages_AiGenerateButtonvue_type_script_lang_js_ = (AiGenerateButtonvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-55.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-55.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-55.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-55.use[3]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/aiMessages/AiGenerateButton.vue?vue&type=style&index=0&id=0d6e8552&prod&scoped=true&lang=css&
+var AiGenerateButtonvue_type_style_index_0_id_0d6e8552_prod_scoped_true_lang_css_ = __webpack_require__(70077);
+;// CONCATENATED MODULE: ./src/components/aiMessages/AiGenerateButton.vue?vue&type=style&index=0&id=0d6e8552&prod&scoped=true&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/aiMessages/AiGenerateButton.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var AiGenerateButton_component = normalizeComponent(
+  aiMessages_AiGenerateButtonvue_type_script_lang_js_,
+  AiGenerateButtonvue_type_template_id_0d6e8552_scoped_true_render,
+  AiGenerateButtonvue_type_template_id_0d6e8552_scoped_true_staticRenderFns,
+  false,
+  null,
+  "0d6e8552",
+  null
+  
+)
+
+/* harmony default export */ var AiGenerateButton = (AiGenerateButton_component.exports);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/topRail/TopRail.vue?vue&type=script&lang=js&
 
 
@@ -53196,11 +53750,13 @@ var MultiplayerViewUsers_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var TopRailvue_type_script_lang_js_ = ({
   components: {
     ValidateButton: ValidateButton,
     ValidateIssue: ValidateIssue,
     ValidatePanel: ValidatePanel,
+    AiGenerateButton: AiGenerateButton,
     MultiplayerViewUsers: MultiplayerViewUsers
   },
   props: {
@@ -53273,9 +53829,9 @@ var MultiplayerViewUsers_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-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/topRail/topRail.scss?vue&type=style&index=0&id=f6aad76c&prod&scoped=true&lang=scss&
-var topRailvue_type_style_index_0_id_f6aad76c_prod_scoped_true_lang_scss_ = __webpack_require__(21393);
-;// CONCATENATED MODULE: ./src/components/topRail/topRail.scss?vue&type=style&index=0&id=f6aad76c&prod&scoped=true&lang=scss&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.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__(91886);
+;// CONCATENATED MODULE: ./src/components/topRail/topRail.scss?vue&type=style&index=0&id=e7f04de2&prod&scoped=true&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/topRail/TopRail.vue
 
@@ -53288,11 +53844,11 @@ var topRailvue_type_style_index_0_id_f6aad76c_prod_scoped_true_lang_scss_ = __we
 
 var TopRail_component = normalizeComponent(
   topRail_TopRailvue_type_script_lang_js_,
-  TopRailvue_type_template_id_f6aad76c_scoped_true_render,
-  TopRailvue_type_template_id_f6aad76c_scoped_true_staticRenderFns,
+  TopRailvue_type_template_id_e7f04de2_scoped_true_render,
+  TopRailvue_type_template_id_e7f04de2_scoped_true_staticRenderFns,
   false,
   null,
-  "f6aad76c",
+  "e7f04de2",
   null
   
 )
@@ -54365,8 +54921,8 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
     }
   }
 });
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/railBottom/RailBottom.vue?vue&type=template&id=30b2f3e9&scoped=true&
-var RailBottomvue_type_template_id_30b2f3e9_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/railBottom/RailBottom.vue?vue&type=template&id=3b9c64d6&scoped=true&
+var RailBottomvue_type_template_id_3b9c64d6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -54438,7 +54994,7 @@ var RailBottomvue_type_template_id_30b2f3e9_scoped_true_render = function render
     }
   })], 1)]);
 };
-var RailBottomvue_type_template_id_30b2f3e9_scoped_true_staticRenderFns = [];
+var RailBottomvue_type_template_id_3b9c64d6_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/railBottom/miniPaperControl/MiniPaperControl.vue?vue&type=template&id=7f06057f&scoped=true&
 var MiniPaperControlvue_type_template_id_7f06057f_scoped_true_render = function render() {
@@ -55378,15 +55934,16 @@ var Controls_component = normalizeComponent(
       this.$emit('set-cursor', data);
     },
     onControlObserver: function onControlObserver(entries) {
+      var _this$$refs$zoomBox, _this$$refs$undoRedoB;
       // Control coordinates
       var controlEl = entries[0].target.getBoundingClientRect();
       // Zoom coordinates
-      var zoomEl = this.$refs.zoomBox.$el.getBoundingClientRect();
+      var zoomEl = (_this$$refs$zoomBox = this.$refs.zoomBox) === null || _this$$refs$zoomBox === void 0 ? void 0 : _this$$refs$zoomBox.$el.getBoundingClientRect();
       // Undo/Redo coordinates
-      var undoRedoEl = this.$refs.undoRedoBox.$el.getBoundingClientRect();
+      var undoRedoEl = (_this$$refs$undoRedoB = this.$refs.undoRedoBox) === null || _this$$refs$undoRedoB === void 0 ? void 0 : _this$$refs$undoRedoB.$el.getBoundingClientRect();
 
       // Checks overlapping
-      if (this.overlap) {
+      if (this.overlap && undoRedoEl) {
         if (controlEl.width < this.widthOverlapControl) {
           // Get the computed styles of the ZoomControl
           var zoomStyles = window.getComputedStyle(this.$refs.zoomBox.$el);
@@ -55404,7 +55961,7 @@ var Controls_component = normalizeComponent(
             this.overlap = false;
           }
         }
-      } else if (undoRedoEl.left < zoomEl.right) {
+      } else if ((undoRedoEl === null || undoRedoEl === void 0 ? void 0 : undoRedoEl.left) < (zoomEl === null || zoomEl === void 0 ? void 0 : zoomEl.right)) {
         this.overlap = true;
         this.widthOverlapControl = controlEl.width;
         this.leftOverlapUndoRedo = undoRedoEl.left;
@@ -55439,9 +55996,9 @@ var Controls_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/railBottom/RailBottom.vue?vue&type=script&lang=js&
  /* harmony default export */ var railBottom_RailBottomvue_type_script_lang_js_ = (RailBottomvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=30b2f3e9&prod&lang=scss&scoped=true&
-var railBottomvue_type_style_index_0_id_30b2f3e9_prod_lang_scss_scoped_true_ = __webpack_require__(50529);
-;// CONCATENATED MODULE: ./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=30b2f3e9&prod&lang=scss&scoped=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=3b9c64d6&prod&lang=scss&scoped=true&
+var railBottomvue_type_style_index_0_id_3b9c64d6_prod_lang_scss_scoped_true_ = __webpack_require__(1193);
+;// CONCATENATED MODULE: ./src/components/railBottom/railBottom.scss?vue&type=style&index=0&id=3b9c64d6&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/railBottom/RailBottom.vue
 
@@ -55454,11 +56011,11 @@ var railBottomvue_type_style_index_0_id_30b2f3e9_prod_lang_scss_scoped_true_ = _
 
 var RailBottom_component = normalizeComponent(
   railBottom_RailBottomvue_type_script_lang_js_,
-  RailBottomvue_type_template_id_30b2f3e9_scoped_true_render,
-  RailBottomvue_type_template_id_30b2f3e9_scoped_true_staticRenderFns,
+  RailBottomvue_type_template_id_3b9c64d6_scoped_true_render,
+  RailBottomvue_type_template_id_3b9c64d6_scoped_true_staticRenderFns,
   false,
   null,
-  "30b2f3e9",
+  "3b9c64d6",
   null
   
 )
@@ -57782,60 +58339,61 @@ var Selection_component = normalizeComponent(
 )
 
 /* harmony default export */ var Selection = (Selection_component.exports);
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=template&id=70c20f1a&scoped=true&
-var RemoteCursorvue_type_template_id_70c20f1a_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.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/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=template&id=4cd50df8&scoped=true&
+
+var RemoteCursorvue_type_template_id_4cd50df8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     staticClass: "remote-cursor",
     style: {
-      left: _vm.left + 'px',
-      top: _vm.top + 'px'
+      left: _vm.data.cursor.left + 'px',
+      top: _vm.data.cursor.top + 'px'
     }
-  }, [_c('inline-svg', {
+  }, [_c('svg', {
     attrs: {
-      "src": _vm.cursorIcon,
-      "fill": _vm.cursorColor
+      "width": "23",
+      "height": "19",
+      "viewBox": "0 0 23 19",
+      "xmlns": "http://www.w3.org/2000/svg"
     }
-  }), _c('div', {
+  }, [_c('path', {
+    attrs: {
+      "d": "M11.5 17.5L2 1L20.5 7L13 9L11.5 17.5Z",
+      "stroke": _vm.stroke,
+      "fill": _vm.data.color
+    }
+  })]), _c('div', {
     staticClass: "remote-username"
-  }, [_vm._v(" " + _vm._s(_vm.username) + " ")])], 1);
+  }, [_vm._v(" " + _vm._s(_vm.data.name) + " ")])]);
 };
-var RemoteCursorvue_type_template_id_70c20f1a_scoped_true_staticRenderFns = [];
-
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=script&lang=js&
+var RemoteCursorvue_type_template_id_4cd50df8_scoped_true_staticRenderFns = [];
 
+;// CONCATENATED MODULE: ./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=template&id=4cd50df8&scoped=true&
 
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-83.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=script&lang=js&
 /* harmony default export */ var RemoteCursorvue_type_script_lang_js_ = ({
-  components: {
-    InlineSvg: InlineSvgComponent
-  },
   props: {
-    cursorColor: {
-      type: String,
-      default: '#000000'
-    },
-    username: {
-      type: String
-    },
-    top: {
-      type: Number
-    },
-    left: {
-      type: Number
+    data: {
+      type: Object
     }
   },
   data: function data() {
     return {
       cursorIcon: __webpack_require__(61264)
     };
+  },
+  computed: {
+    stroke: function stroke() {
+      return '#212529';
+    }
   }
 });
 ;// CONCATENATED MODULE: ./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=script&lang=js&
  /* harmony default export */ var remoteCursor_RemoteCursorvue_type_script_lang_js_ = (RemoteCursorvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=style&index=0&id=70c20f1a&prod&scoped=true&lang=scss&
-var RemoteCursorvue_type_style_index_0_id_70c20f1a_prod_scoped_true_lang_scss_ = __webpack_require__(78841);
-;// CONCATENATED MODULE: ./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=style&index=0&id=70c20f1a&prod&scoped=true&lang=scss&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-65.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-65.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-65.use[2]!./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-65.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-65.use[4]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=style&index=0&id=4cd50df8&prod&scoped=true&lang=scss&
+var RemoteCursorvue_type_style_index_0_id_4cd50df8_prod_scoped_true_lang_scss_ = __webpack_require__(57896);
+;// CONCATENATED MODULE: ./src/components/multiplayer/remoteCursor/RemoteCursor.vue?vue&type=style&index=0&id=4cd50df8&prod&scoped=true&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/multiplayer/remoteCursor/RemoteCursor.vue
 
@@ -57848,11 +58406,11 @@ var RemoteCursorvue_type_style_index_0_id_70c20f1a_prod_scoped_true_lang_scss_ =
 
 var RemoteCursor_component = normalizeComponent(
   remoteCursor_RemoteCursorvue_type_script_lang_js_,
-  RemoteCursorvue_type_template_id_70c20f1a_scoped_true_render,
-  RemoteCursorvue_type_template_id_70c20f1a_scoped_true_staticRenderFns,
+  RemoteCursorvue_type_template_id_4cd50df8_scoped_true_render,
+  RemoteCursorvue_type_template_id_4cd50df8_scoped_true_staticRenderFns,
   false,
   null,
-  "70c20f1a",
+  "4cd50df8",
   null
   
 )
@@ -76415,6 +76973,105 @@ var InspectorUtils = /*#__PURE__*/function () {
   }]);
   return InspectorUtils;
 }();
+;// CONCATENATED MODULE: ./src/colorUtil.js
+
+
+
+
+var ColorUtil = /*#__PURE__*/function () {
+  function ColorUtil(saturation, lightness, range) {
+    _classCallCheck(this, ColorUtil);
+    _defineProperty(this, "saturationRange", null);
+    _defineProperty(this, "lightnessRange", null);
+    this.saturationRange = this.getRange(saturation, range);
+    this.lightnessRange = this.getRange(lightness, range);
+  }
+  _createClass(ColorUtil, [{
+    key: "getRange",
+    value: function getRange(value, range) {
+      return [Math.max(0, value - range), Math.min(value + range, 100)];
+    }
+
+    /**
+     * Calculates a hash value for a given string.
+     *
+     * @param {string} str - The input string for which the hash needs to be calculated.
+     * @returns {number} The calculated hash value for the input string.
+     */
+  }, {
+    key: "getHashOfString",
+    value: function getHashOfString(str) {
+      var hash = 0;
+      for (var i = 0; i < str.length; i++) {
+        hash = str.charCodeAt(i) + ((hash << 5) - hash);
+      }
+      hash = Math.abs(hash);
+      return hash;
+    }
+    /**
+     * Get the hash number to within our range
+     * 
+     * @param {Number} hash
+     * @param {Number} min
+     * @param {Number} max
+     * @returns {Number}
+       */
+  }, {
+    key: "normalizeHash",
+    value: function normalizeHash(hash, min, max) {
+      return Math.floor(hash % (max - min) + min);
+    }
+    /**
+     *Generate Unique Color, create a string using our h,s,l values.
+      * @param {String} name
+      * @param {Array} saturationRange 
+      * @param {Array} lightnessRange
+      * @returns {Number}
+      */
+  }, {
+    key: "generateHSL",
+    value: function generateHSL(name) {
+      console.log(name);
+      var hash = this.getHashOfString(name);
+      var h = this.normalizeHash(hash, 0, 360);
+      var s = this.normalizeHash(hash, this.saturationRange[0], this.saturationRange[1]);
+      var l = this.normalizeHash(hash, this.lightnessRange[0], this.lightnessRange[1]);
+      return [h, s, l];
+    }
+    /**
+     * Convert HSL array to string
+     * @param {Array} hsl
+     * @returns {String}
+     */
+  }, {
+    key: "HSLtoString",
+    value: function HSLtoString(hsl) {
+      return "hsl(".concat(hsl[0], ", ").concat(hsl[1], "%, ").concat(hsl[2], "%)");
+    }
+    /**
+     * Generate the HSL string color
+     * @param {String} id
+     * @returns {String}
+     */
+  }, {
+    key: "generateColorHsl",
+    value: function generateColorHsl(id) {
+      return this.HSLtoString(this.generateHSL(id, this.saturationRange, this.lightnessRange));
+    }
+    /**
+     * Create a random color using the user name string
+     * @param {String} userName
+     * @returns {String || null}
+     */
+  }, {
+    key: "randomColor",
+    value: function randomColor(userName) {
+      return userName ? this.generateColorHsl(userName) : null;
+    }
+  }]);
+  return ColorUtil;
+}();
+
 ;// CONCATENATED MODULE: ./src/multiplayer/multiplayer.js
 
 
@@ -76482,6 +77139,7 @@ var InspectorUtils = /*#__PURE__*/function () {
 
 
 
+
 
 
 var _nodeIdGenerator = /*#__PURE__*/new WeakMap();
@@ -76499,6 +77157,7 @@ var Multiplayer = /*#__PURE__*/function () {
     _defineProperty(this, "room", null);
     _defineProperty(this, "inspector", null);
     _defineProperty(this, "deletedItem", null);
+    _defineProperty(this, "colorUtil", null);
     // define document
     this.yDoc = new Doc();
     // Create a shared array
@@ -76527,35 +77186,30 @@ var Multiplayer = /*#__PURE__*/function () {
       } else {
         this.clientIO.disconnect();
       }
+      this.colorUtil = new ColorUtil(50, 50, 10);
     }
   }, {
     key: "webSocketEvents",
     value: function webSocketEvents() {
       var _this = this;
       this.clientIO.on('connect', function () {
-        var _window$ProcessMaker$2, _window$ProcessMaker$3;
+        var _window$ProcessMaker$2, _window$ProcessMaker$3, _window$ProcessMaker$4, _window$ProcessMaker$5;
         // Join the room
+        _this.modeler.emptyPlayers();
         _this.clientIO.emit('joinRoom', {
           roomName: _this.room.getRoom(),
           clientName: (_window$ProcessMaker$2 = window.ProcessMaker.user) === null || _window$ProcessMaker$2 === void 0 ? void 0 : _window$ProcessMaker$2.fullName,
-          clientAvatar: (_window$ProcessMaker$3 = window.ProcessMaker.user) === null || _window$ProcessMaker$3 === void 0 ? void 0 : _window$ProcessMaker$3.avatar
+          clientAvatar: (_window$ProcessMaker$3 = window.ProcessMaker.user) === null || _window$ProcessMaker$3 === void 0 ? void 0 : _window$ProcessMaker$3.avatar,
+          clientColor: ((_window$ProcessMaker$4 = window.ProcessMaker.user) === null || _window$ProcessMaker$4 === void 0 ? void 0 : _window$ProcessMaker$4.color) || _this.colorUtil.randomColor((_window$ProcessMaker$5 = window.ProcessMaker.user) === null || _window$ProcessMaker$5 === void 0 ? void 0 : _window$ProcessMaker$5.fullName),
+          clientCursor: {
+            top: 300,
+            left: 300
+          }
         });
       });
       this.clientIO.on('clientJoined', function (payload) {
         _this.modeler.enableMultiplayer(payload.isMultiplayer);
-        if (payload.isMultiplayer) {
-          payload.clients.map(function (client) {
-            var newPlayer = {
-              id: client.id,
-              name: client.name,
-              color: client.color,
-              avatar: client.avatar || null,
-              top: 90,
-              left: 80
-            };
-            _this.modeler.addPlayer(newPlayer);
-          });
-        }
+        _this.addPlayers(payload);
       });
       this.clientIO.on('clientLeft', function (payload) {
         // Remove the player from the multiplayer list
@@ -76569,19 +77223,13 @@ var Multiplayer = /*#__PURE__*/function () {
           _this.syncLocalNodes(clientId);
         }
       });
-
-      // Listen for updates when a new element is added
-      this.clientIO.on('createElement', /*#__PURE__*/function () {
+      this.clientIO.on('updateUserCursor', /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(payload) {
           return _regeneratorRuntime().wrap(function _callee$(_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
-                return _this.createRemoteShape(payload.changes);
-              case 2:
-                // Add the new element to the shared array
-                applyUpdate(_this.yDoc, new Uint8Array(payload.updateDoc));
-              case 3:
+                _this.updateClientCursor(payload);
+              case 1:
               case "end":
                 return _context.stop();
             }
@@ -76592,29 +77240,51 @@ var Multiplayer = /*#__PURE__*/function () {
         };
       }());
 
-      // Listen for updates when a new element is requested
-      this.clientIO.on('createRequestedElement', /*#__PURE__*/function () {
+      // Listen for updates when a new element is added
+      this.clientIO.on('createElement', /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(payload) {
           return _regeneratorRuntime().wrap(function _callee2$(_context2) {
             while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _this.createRemoteShape(payload.changes);
+              case 2:
+                // Add the new element to the shared array
+                applyUpdate(_this.yDoc, new Uint8Array(payload.updateDoc));
+              case 3:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function (_x2) {
+          return _ref2.apply(this, arguments);
+        };
+      }());
+
+      // Listen for updates when a new element is requested
+      this.clientIO.on('createRequestedElement', /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(payload) {
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
               case 0:
                 if (!(payload.clientId === _this.clientIO.id)) {
-                  _context2.next = 4;
+                  _context3.next = 4;
                   break;
                 }
-                _context2.next = 3;
+                _context3.next = 3;
                 return _this.createRemoteShape(payload.changes);
               case 3:
                 // Add the new element to the shared array
                 applyUpdate(_this.yDoc, new Uint8Array(payload.updateDoc));
               case 4:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
-          }, _callee2);
+          }, _callee3);
         }));
-        return function (_x2) {
-          return _ref2.apply(this, arguments);
+        return function (_x3) {
+          return _ref3.apply(this, arguments);
         };
       }());
 
@@ -76686,9 +77356,9 @@ var Multiplayer = /*#__PURE__*/function () {
           _this2.updateNodes(data);
         }
       });
-      window.ProcessMaker.EventBus.$on('multiplayer-replaceNode', function (_ref3) {
-        var nodeData = _ref3.nodeData,
-          newControl = _ref3.newControl;
+      window.ProcessMaker.EventBus.$on('multiplayer-replaceNode', function (_ref4) {
+        var nodeData = _ref4.nodeData,
+          newControl = _ref4.newControl;
         _this2.replaceNode(nodeData, newControl);
       });
       window.ProcessMaker.EventBus.$on('multiplayer-addFlow', function (data) {
@@ -76710,6 +77380,57 @@ var Multiplayer = /*#__PURE__*/function () {
           _this2.updateFlows(data);
         }
       });
+      window.ProcessMaker.EventBus.$on('multiplayer-updateMousePosition', function (data) {
+        if (_this2.modeler.isMultiplayer) {
+          _this2.updateMousePosition(data);
+        }
+      });
+    }
+    /**
+     * Add a Player
+     * @param {Object} payload 
+     */
+  }, {
+    key: "addPlayers",
+    value: function addPlayers(payload) {
+      var _this3 = this;
+      if (payload.isMultiplayer) {
+        payload.clients.map(function (client) {
+          var newPlayer = {
+            id: client.id,
+            name: client.name,
+            color: client.color,
+            avatar: client.avatar,
+            cursor: client.cursor
+          };
+          _this3.modeler.addPlayer(newPlayer);
+        });
+      }
+    }
+    /**
+     * Updates the mouse position
+     * @param {Object} data 
+     */
+  }, {
+    key: "updateMousePosition",
+    value: function updateMousePosition(data) {
+      this.clientIO.emit('cursorTrackingUpdate', {
+        roomName: this.room.getRoom(),
+        clientId: this.clientIO.id,
+        clientCursor: data
+      });
+    }
+    /**
+     * Update Client cursor handler
+     * @param {Object} payload 
+     */
+  }, {
+    key: "updateClientCursor",
+    value: function updateClientCursor(payload) {
+      var _this4 = this;
+      payload.clients.map(function (client) {
+        _this4.modeler.updateClientCursor(client);
+      });
     }
     /**
      * Sync the modeler nodes with the microservice
@@ -76718,25 +77439,25 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "syncLocalNodes",
     value: function syncLocalNodes(clientId) {
-      var _this3 = this;
+      var _this5 = this;
       // Get the process definition
       var nodes = this.modeler.nodes.map(function (node) {
         if (node.definition.$type === 'bpmn:BoundaryEvent') {
           return getBoundaryEventData(node);
         }
         if (node.definition.$type === 'bpmn:Lane') {
-          return _this3.prepareLaneData(node);
+          return _this5.prepareLaneData(node);
         }
-        return _this3.modeler.multiplayerHook(node, false, true);
+        return _this5.modeler.multiplayerHook(node, false, true);
       });
       nodes.forEach(function (node) {
         var yMapNested = new YMap();
-        _this3.doTransact(yMapNested, node);
-        _this3.yArray.push([yMapNested]);
+        _this5.doTransact(yMapNested, node);
+        _this5.yArray.push([yMapNested]);
         // Encode the state as an update and send it to the server
-        var stateUpdate = encodeStateAsUpdate(_this3.yDoc);
+        var stateUpdate = encodeStateAsUpdate(_this5.yDoc);
         // Send the update to the web socket server
-        _this3.clientIO.emit('createElement', {
+        _this5.clientIO.emit('createElement', {
           updateDoc: stateUpdate,
           clientId: clientId
         });
@@ -76775,10 +77496,10 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "createRemoteShape",
     value: function createRemoteShape(changes) {
-      var _this4 = this;
+      var _this6 = this;
       return new Promise(function (resolve) {
         changes.map(function (data) {
-          _this4.createShape(data);
+          _this6.createShape(data);
         });
         resolve();
       });
@@ -76845,14 +77566,14 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateNodes",
     value: function updateNodes(data) {
-      var _this5 = this;
+      var _this7 = this;
       data.forEach(function (value) {
-        var index = _this5.getIndex(value.id);
-        var nodeToUpdate = _this5.yArray.get(index);
+        var index = _this7.getIndex(value.id);
+        var nodeToUpdate = _this7.yArray.get(index);
         var updateData = value.poolId ? _objectSpread2(_objectSpread2({}, value.properties), {
           poolId: value.poolId
         }) : value.properties;
-        _this5.doTransact(nodeToUpdate, updateData);
+        _this7.doTransact(nodeToUpdate, updateData);
       });
     }
   }, {
@@ -76932,16 +77653,16 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateShapes",
     value: function () {
-      var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {
+      var _updateShapes = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {
         var paper, element, newPool, node, _node;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               paper = this.modeler.paper;
               element = this.modeler.getElementByNodeId(data.id);
               newPool = this.modeler.getElementByNodeId(data.poolId);
               if (!this.modeler.flowTypes.includes(data.type)) {
-                _context3.next = 7;
+                _context4.next = 7;
                 break;
               }
               if ('waypoint' in data) {
@@ -76954,7 +77675,7 @@ var Multiplayer = /*#__PURE__*/function () {
                   value: data.color
                 });
               }
-              _context3.next = 23;
+              _context4.next = 23;
               break;
             case 7:
               // updata gateway default folow
@@ -76972,7 +77693,7 @@ var Multiplayer = /*#__PURE__*/function () {
               }
               // udpdate the element's color
               if (!data.color) {
-                _context3.next = 14;
+                _context4.next = 14;
                 break;
               }
               _node = this.getNodeById(data.id);
@@ -76981,7 +77702,7 @@ var Multiplayer = /*#__PURE__*/function () {
                 key: 'color',
                 value: data.color
               });
-              return _context3.abrupt("return");
+              return _context4.abrupt("return");
             case 14:
               // boundary type
               if (element.component.node.definition.$type === 'bpmn:BoundaryEvent') {
@@ -76989,13 +77710,13 @@ var Multiplayer = /*#__PURE__*/function () {
               }
 
               // Trigger a rendering of the element on the paper
-              _context3.next = 17;
+              _context4.next = 17;
               return paper.findViewByModel(element).update();
             case 17:
-              _context3.next = 19;
+              _context4.next = 19;
               return element.component.$nextTick();
             case 19:
-              _context3.next = 21;
+              _context4.next = 21;
               return this.modeler.paperManager.awaitScheduledUpdates();
             case 21:
               if (newPool && element.component.node.pool && element.component.node.pool.component.id !== data.poolId) {
@@ -77004,11 +77725,11 @@ var Multiplayer = /*#__PURE__*/function () {
               this.modeler.updateLasso();
             case 23:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
-      function updateShapes(_x3) {
+      function updateShapes(_x4) {
         return _updateShapes.apply(this, arguments);
       }
       return updateShapes;
@@ -77034,7 +77755,7 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateMovedWaypoint",
     value: function updateMovedWaypoint(element, data) {
-      var _this6 = this;
+      var _this8 = this;
       var waypoint = data.waypoint;
       var paper = this.modeler.paper;
       // Update the element's waypoints
@@ -77047,14 +77768,14 @@ var Multiplayer = /*#__PURE__*/function () {
       element.vertices(waypoint);
       // update bpmn waypoints
       element.component.node.diagram.waypoint = waypoint.map(function (point) {
-        return _this6.modeler.moddle.create('dc:Point', point);
+        return _this8.modeler.moddle.create('dc:Point', point);
       });
       // Force Remount Flow
       element.component.node._modelerId += '_replaced';
       // Update the element's source anchor
       element.source(sourceElem, {
         anchor: function anchor() {
-          return getDefaultAnchorPoint(_this6.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
+          return getDefaultAnchorPoint(_this8.getConnectionPoint(sourceElem, startWaypoint), sourceElem.findView(paper));
         },
         connectionPoint: {
           name: 'boundary'
@@ -77064,7 +77785,7 @@ var Multiplayer = /*#__PURE__*/function () {
       // Update the element's target anchor
       element.target(targetElem, {
         anchor: function anchor() {
-          return getDefaultAnchorPoint(_this6.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
+          return getDefaultAnchorPoint(_this8.getConnectionPoint(targetElem, endWaypoint), targetElem.findView(paper));
         },
         connectionPoint: {
           name: 'boundary'
@@ -77107,7 +77828,7 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "addLaneNodes",
     value: function addLaneNodes(lanes) {
-      var _this7 = this;
+      var _this9 = this;
       var pool = this.getPool(lanes);
       var defaultPoolData = {
         id: pool.component.node.definition.id,
@@ -77123,11 +77844,11 @@ var Multiplayer = /*#__PURE__*/function () {
       this.yDoc.transact(function () {
         lanes.forEach(function (lane) {
           var yMapNested = new YMap();
-          var data = _this7.prepareLaneData(lane);
-          _this7.doTransact(yMapNested, data);
-          _this7.yArray.push([yMapNested]);
-          var stateUpdate = encodeStateAsUpdate(_this7.yDoc);
-          _this7.clientIO.emit('createElement', {
+          var data = _this9.prepareLaneData(lane);
+          _this9.doTransact(yMapNested, data);
+          _this9.yArray.push([yMapNested]);
+          var stateUpdate = encodeStateAsUpdate(_this9.yDoc);
+          _this9.clientIO.emit('createElement', {
             updateDoc: stateUpdate
           });
         });
@@ -77267,11 +77988,11 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "updateFlows",
     value: function updateFlows(data) {
-      var _this8 = this;
+      var _this10 = this;
       data.forEach(function (value) {
-        var index = _this8.getIndex(value.id);
-        var nodeToUpdate = _this8.yArray.get(index);
-        _this8.yDoc.transact(function () {
+        var index = _this10.getIndex(value.id);
+        var nodeToUpdate = _this10.yArray.get(index);
+        _this10.yDoc.transact(function () {
           for (var key in value) {
             if (Object.hasOwn(value, key)) {
               nodeToUpdate.set(key, value[key]);
@@ -77334,12 +78055,12 @@ var Multiplayer = /*#__PURE__*/function () {
   }, {
     key: "refreshNodeWaypoint",
     value: function refreshNodeWaypoint(element) {
-      var _this9 = this;
+      var _this11 = this;
       var linkView = this.modeler.paper.findViewByModel(element);
       var start = linkView.sourceAnchor;
       var end = linkView.targetAnchor;
       element.component.node.diagram.waypoint = [start].concat(_toConsumableArray(element.component.shape.vertices()), [end]).map(function (point) {
-        return _this9.modeler.moddle.create('dc:Point', point);
+        return _this11.modeler.moddle.create('dc:Point', point);
       });
     }
   }]);
@@ -77419,6 +78140,13 @@ var Multiplayer = /*#__PURE__*/function () {
 
 
 
+
+
+
+
+
+
+
 
 
 
@@ -77438,6 +78166,10 @@ var Multiplayer = /*#__PURE__*/function () {
     Selection: Selection,
     RailBottom: RailBottom,
     WelcomeMessage: WelcomeMessage,
+    CreateAssetsCard: CreateAssetsCard,
+    GeneratingAssetsCard: GeneratingAssetsCard,
+    AssetsCreatedCard: AssetsCreatedCard,
+    CreateAssetsFailCard: CreateAssetsFailCard,
     RemoteCursor: RemoteCursor
   },
   props: {
@@ -77476,6 +78208,7 @@ var Multiplayer = /*#__PURE__*/function () {
   },
   mixins: [main, cloneSelection],
   data: function data() {
+    var _window$ProcessMaker, _window$ProcessMaker$;
     return {
       extraActions: [],
       pasteInProgress: false,
@@ -77537,6 +78270,12 @@ var Multiplayer = /*#__PURE__*/function () {
       isResizingPreview: false,
       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
+      currentNonce: null,
+      promptSessionId: '',
       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']
     };
@@ -77570,13 +78309,20 @@ var Multiplayer = /*#__PURE__*/function () {
       this.paperManager.scale = _canvasScale;
     },
     highlightedNodes: function highlightedNodes() {
-      var _window$ProcessMaker;
-      if ((_window$ProcessMaker = window.ProcessMaker) !== null && _window$ProcessMaker !== void 0 && _window$ProcessMaker.EventBus) {
+      var _window$ProcessMaker2;
+      if ((_window$ProcessMaker2 = window.ProcessMaker) !== null && _window$ProcessMaker2 !== void 0 && _window$ProcessMaker2.EventBus) {
         window.ProcessMaker.EventBus.$emit('modeler:highlightedNodes', this.highlightedNodes);
       }
     }
   },
   computed: {
+    filteredPlayers: function filteredPlayers() {
+      var allPlayers = external_lodash_default().uniqBy(this.players, 'name');
+      return allPlayers.filter(function (player) {
+        var _window$ProcessMaker$2;
+        return player.name.toLowerCase() !== ((_window$ProcessMaker$2 = window.ProcessMaker.user) === null || _window$ProcessMaker$2 === void 0 ? void 0 : _window$ProcessMaker$2.fullName.toLowerCase());
+      });
+    },
     showWelcomeMessage: function showWelcomeMessage() {
       return !this.selectedNode && !this.nodes.length && !store.getters.isReadOnly && this.isLoaded;
     },
@@ -79327,6 +80073,10 @@ var Multiplayer = /*#__PURE__*/function () {
     pointerMoveHandler: function pointerMoveHandler(event) {
       var x = event.clientX,
         y = event.clientY;
+      window.ProcessMaker.EventBus.$emit('multiplayer-updateMousePosition', {
+        top: y,
+        left: x
+      });
       if (store.getters.isReadOnly) {
         if (this.canvasDragPosition && !this.clientLeftPaper) {
           this.paperManager.translate(event.offsetX - this.canvasDragPosition.x, event.offsetY - this.canvasDragPosition.y);
@@ -79373,8 +80123,27 @@ var Multiplayer = /*#__PURE__*/function () {
     enableMultiplayer: function enableMultiplayer(value) {
       store.commit('enableMultiplayer', value);
     },
-    addPlayer: function addPlayer(player) {
-      this.players.push(player);
+    emptyPlayers: function emptyPlayers() {
+      this.players = [];
+    },
+    addPlayer: function addPlayer(data) {
+      var player = this.players.find(function (player) {
+        return player.id === data.id;
+      });
+      if (!player) {
+        this.players.push(data);
+      }
+    },
+    /**
+     * Update Client Cursor
+     * @param {Object} data 
+     */
+    updateClientCursor: function updateClientCursor(data) {
+      if (data) {
+        this.players = this.players.map(function (item) {
+          return item.id === data.id ? _objectSpread2(_objectSpread2({}, item), data) : item;
+        });
+      }
     },
     removePlayer: function removePlayer(playerId) {
       var playerIndex = this.players.findIndex(function (player) {
@@ -79389,6 +80158,115 @@ var Multiplayer = /*#__PURE__*/function () {
      */
     updateLasso: function updateLasso() {
       this.$refs.selector.updateSelectionBox();
+    },
+    getNonce: function getNonce() {
+      var max = 999999999999999;
+      var nonce = Math.floor(Math.random() * max);
+      this.currentNonce = nonce;
+      localStorage.currentNonce = this.currentNonce;
+    },
+    getPromptSessionForUser: function getPromptSessionForUser() {
+      // Get sessions list
+      var promptSessions = localStorage.getItem('promptSessions');
+
+      // If promptSessions does not exist, set it as an empty array
+      promptSessions = promptSessions ? JSON.parse(promptSessions) : [];
+      var item = promptSessions.find(function (item) {
+        var _window$ProcessMaker3, _window$ProcessMaker4, _window$ProcessMaker5;
+        return item.userId === ((_window$ProcessMaker3 = window.ProcessMaker) === null || _window$ProcessMaker3 === void 0 ? void 0 : (_window$ProcessMaker4 = _window$ProcessMaker3.modeler) === null || _window$ProcessMaker4 === void 0 ? void 0 : (_window$ProcessMaker5 = _window$ProcessMaker4.process) === null || _window$ProcessMaker5 === void 0 ? void 0 : _window$ProcessMaker5.user_id) && item.server === window.location.host;
+      });
+      if (item) {
+        return item.promptSessionId;
+      }
+      return '';
+    },
+    setPromptSessions: function setPromptSessions(promptSessionId) {
+      var _window$ProcessMaker6, _window$ProcessMaker7, _window$ProcessMaker8;
+      var index = 'userId';
+      var id = (_window$ProcessMaker6 = window.ProcessMaker) === null || _window$ProcessMaker6 === void 0 ? void 0 : (_window$ProcessMaker7 = _window$ProcessMaker6.modeler) === null || _window$ProcessMaker7 === void 0 ? void 0 : (_window$ProcessMaker8 = _window$ProcessMaker7.process) === null || _window$ProcessMaker8 === void 0 ? void 0 : _window$ProcessMaker8.user_id;
+
+      // Get sessions list
+      var promptSessions = localStorage.getItem('promptSessions');
+
+      // If promptSessions does not exist, set it as an empty array
+      promptSessions = promptSessions ? JSON.parse(promptSessions) : [];
+      var item = promptSessions.find(function (item) {
+        return item[index] === id && item.server === window.location.host;
+      });
+      if (item) {
+        item.promptSessionId = promptSessionId;
+      } else {
+        var _promptSessions$push;
+        promptSessions.push((_promptSessions$push = {}, _defineProperty(_promptSessions$push, index, id), _defineProperty(_promptSessions$push, "server", window.location.host), _defineProperty(_promptSessions$push, "promptSessionId", promptSessionId), _promptSessions$push));
+      }
+      localStorage.setItem('promptSessions', JSON.stringify(promptSessions));
+    },
+    removePromptSessionForUser: function removePromptSessionForUser() {
+      // Get sessions list
+      var promptSessions = localStorage.getItem('promptSessions');
+
+      // If promptSessions does not exist, set it as an empty array
+      promptSessions = promptSessions ? JSON.parse(promptSessions) : [];
+      var item = promptSessions.find(function (item) {
+        var _window$ProcessMaker9, _window$ProcessMaker10, _window$ProcessMaker11;
+        return item.userId === ((_window$ProcessMaker9 = window.ProcessMaker) === null || _window$ProcessMaker9 === void 0 ? void 0 : (_window$ProcessMaker10 = _window$ProcessMaker9.modeler) === null || _window$ProcessMaker10 === void 0 ? void 0 : (_window$ProcessMaker11 = _window$ProcessMaker10.process) === null || _window$ProcessMaker11 === void 0 ? void 0 : _window$ProcessMaker11.user_id) && item.server === window.location.host;
+      });
+      if (item) {
+        item.promptSessionId = '';
+      }
+      localStorage.setItem('promptSessions', JSON.stringify(promptSessions));
+    },
+    fetchHistory: function fetchHistory() {
+      var _this43 = this;
+      var url = '/package-ai/getPromptSessionHistory';
+      var params = {
+        server: window.location.host,
+        processId: this.processId
+      };
+      if (this.promptSessionId && this.promptSessionId !== null && this.promptSessionId !== '') {
+        params = {
+          promptSessionId: this.promptSessionId
+        };
+      }
+      window.ProcessMaker.apiClient.post(url, params).then(function (response) {
+        _this43.setPromptSessions(response.data.promptSessionId);
+        _this43.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) {
+          _this43.removePromptSessionForUser();
+          localStorage.promptSessionId = '';
+          _this43.promptSessionId = '';
+        } else {
+          window.ProcessMaker.alert(errorMsg, 'danger');
+        }
+      });
+    },
+    generateAssets: function generateAssets() {
+      var _window$ProcessMaker12, _window$ProcessMaker13, _window$ProcessMaker14;
+      this.getNonce();
+
+      // TODO: Add endpoint to get the promprSessionId
+
+      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
+      };
+      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.alert(errorMsg, 'danger');
+      });
+    },
+    onCloseCreateAssets: function onCloseCreateAssets() {
+      this.isAiGenerated = false;
+    },
+    onCloseAssetsCreated: function onCloseAssetsCreated() {
+      this.assetsCreated = false;
     }
   },
   created: function created() {
@@ -79426,7 +80304,7 @@ var Multiplayer = /*#__PURE__*/function () {
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this43 = this;
+    var _this44 = this;
     store.commit('setReadOnly', this.readOnly);
     this.graph = new external_jointjs_.dia.Graph();
     store.commit('setGraph', this.graph);
@@ -79445,47 +80323,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 (_this43.isGrabbing) return;
+      if (_this44.isGrabbing) return;
       if (store.getters.isReadOnly) {
-        _this43.isGrabbing = true;
+        _this44.isGrabbing = true;
       }
-      var scale = _this43.paperManager.scale;
-      _this43.canvasDragPosition = {
+      var scale = _this44.paperManager.scale;
+      _this44.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this43.isOverShape = false;
-      _this43.pointerDownHandler(event);
+      _this44.isOverShape = false;
+      _this44.pointerDownHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref19) {
       var shape = _ref19.model;
-      if (_this43.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this43.isGrabbing) {
+      if (_this44.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this44.isGrabbing) {
         shape.attr('body/cursor', 'move');
       }
       // If the user is panning the Paper while hovering an element, ignore the default move cursor
-      if (_this43.isGrabbing && _this43.isBpmnNode(shape)) {
+      if (_this44.isGrabbing && _this44.isBpmnNode(shape)) {
         shape.attr('body/cursor', 'grabbing');
       }
     });
     this.paperManager.addEventHandler('blank:pointerup', function (event) {
-      _this43.isGrabbing = false;
-      _this43.canvasDragPosition = null;
-      _this43.activeNode = null;
-      _this43.pointerUpHandler(event);
+      _this44.isGrabbing = false;
+      _this44.canvasDragPosition = null;
+      _this44.activeNode = null;
+      _this44.pointerUpHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
-      _this43.canvasDragPosition = null;
-      _this43.activeNode = null;
-      _this43.pointerUpHandler(event, cellView);
+      _this44.canvasDragPosition = null;
+      _this44.activeNode = null;
+      _this44.pointerUpHandler(event, cellView);
     }, this);
     this.$refs['paper-container'].addEventListener('mouseenter', function () {
       store.commit('setClientLeftPaper', false);
     });
     this.$el.addEventListener('mousemove', function (event) {
-      _this43.pointerMoveHandler(event);
+      _this44.pointerMoveHandler(event);
     });
     this.$refs['paper-container'].addEventListener('mouseleave', function () {
-      _this43.paperManager.removeEventHandler('blank:pointermove');
+      _this44.paperManager.removeEventHandler('blank:pointermove');
       store.commit('setClientLeftPaper', true);
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
@@ -79496,44 +80374,44 @@ var Multiplayer = /*#__PURE__*/function () {
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (_ref20, event) {
       var shape = _ref20.model;
-      if (!_this43.isBpmnNode(shape)) {
+      if (!_this44.isBpmnNode(shape)) {
         return;
       }
 
       // ignore click event if the user is Grabbing the paper
-      if (_this43.isGrabbing) return;
+      if (_this44.isGrabbing) return;
       shape.component.$emit('click', event);
-      _this43.$emit('click', {
+      _this44.$emit('click', {
         event: event,
-        node: _this43.highlightedNode.definition
+        node: _this44.highlightedNode.definition
       });
     });
     this.paperManager.addEventHandler('cell:pointerdown', function (_ref21, event) {
       var shape = _ref21.model;
-      if (!_this43.isBpmnNode(shape)) {
+      if (!_this44.isBpmnNode(shape)) {
         return;
       }
       // If the user is pressing Space (grabbing) and clicking on a Cell, return
-      if (_this43.isGrabbing) {
+      if (_this44.isGrabbing) {
         return;
       }
-      _this43.setShapeStacking(shape);
-      _this43.activeNode = shape.component.node;
-      _this43.isOverShape = true;
-      _this43.pointerDowInShape(event, shape);
+      _this44.setShapeStacking(shape);
+      _this44.activeNode = shape.component.node;
+      _this44.isOverShape = true;
+      _this44.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 (_this43.isGrabbing) {
-        if (!_this43.canvasDragPosition) {
-          var scale = _this43.paperManager.scale;
-          _this43.canvasDragPosition = {
+      if (_this44.isGrabbing) {
+        if (!_this44.canvasDragPosition) {
+          var scale = _this44.paperManager.scale;
+          _this44.canvasDragPosition = {
             x: x * scale.sx,
             y: y * scale.sy
           };
         }
-        if (_this43.canvasDragPosition && !_this43.clientLeftPaper) {
-          _this43.paperManager.translate(event.offsetX - _this43.canvasDragPosition.x, event.offsetY - _this43.canvasDragPosition.y);
+        if (_this44.canvasDragPosition && !_this44.clientLeftPaper) {
+          _this44.paperManager.translate(event.offsetX - _this44.canvasDragPosition.x, event.offsetY - _this44.canvasDragPosition.y);
         }
       }
     });
@@ -79550,15 +80428,15 @@ var Multiplayer = /*#__PURE__*/function () {
             while (1) switch (_context33.prev = _context33.next) {
               case 0:
                 _context33.next = 2;
-                return _this43.loadXML(xml);
+                return _this44.loadXML(xml);
               case 2:
                 _context33.next = 4;
                 return undoRedoStore.dispatch('pushState', xml);
               case 4:
                 try {
-                  multiplayer = new Multiplayer(_this43);
+                  multiplayer = new Multiplayer(_this44);
                   multiplayer.init();
-                  _this43.multiplayer = multiplayer;
+                  _this44.multiplayer = multiplayer;
                 } catch (error) {
                   console.warn('Could not initialize multiplayer', error);
                 }
@@ -79574,20 +80452,28 @@ var Multiplayer = /*#__PURE__*/function () {
         return loadXML;
       }(),
       addWarnings: function addWarnings(warnings) {
-        return _this43.$emit('warnings', warnings);
+        return _this44.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this43.breadcrumbData.push(breadcrumbs);
+        return _this44.breadcrumbData.push(breadcrumbs);
       }
     });
     this.$root.$on('replace-ai-node', function (data) {
-      _this43.replaceAiNode(data);
+      _this44.replaceAiNode(data);
     });
     window.ProcessMaker.EventBus.$on('save-changes', function (redirectUrl) {
       if (redirectUrl) {
-        _this43.redirect(redirectUrl);
+        _this44.redirect(redirectUrl);
       }
     });
+
+    // AI Setup
+    this.currentNonce = localStorage.currentNonce;
+    if (!localStorage.getItem('promptSessions') || localStorage.getItem('promptSessions') === 'null') {
+      localStorage.setItem('promptSessions', JSON.stringify([]));
+    }
+    this.promptSessionId = this.getPromptSessionForUser();
+    this.fetchHistory();
   }
 });
 ;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=script&lang=js&
@@ -79607,8 +80493,8 @@ var modelervue_type_style_index_0_prod_lang_scss_ = __webpack_require__(26695);
 
 var Modeler_component = normalizeComponent(
   modeler_Modelervue_type_script_lang_js_,
-  Modelervue_type_template_id_4a4f3272_render,
-  Modelervue_type_template_id_4a4f3272_staticRenderFns,
+  Modelervue_type_template_id_09b13081_render,
+  Modelervue_type_template_id_09b13081_staticRenderFns,
   false,
   null,
   null,