@processmaker/modeler 1.39.9 → 1.39.10

package/dist/modeler.umd.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("jointjs"), require("vue"), require("lodash"), require("@fortawesome/fontawesome-svg-core"), require("@fortawesome/vue-fontawesome"), require("@fortawesome/free-solid-svg-icons"), require("luxon"), require("bpmn-moddle"), require("@processmaker/screen-builder"), require("@processmaker/vue-form-elements"), require("@processmaker/vue-form-elements/dist/vue-form-elements.css"));
+		module.exports = factory(require("jointjs"), require("vue"), require("lodash"), require("@fortawesome/fontawesome-svg-core"), require("@fortawesome/vue-fontawesome"), require("@fortawesome/free-solid-svg-icons"), require("@fortawesome/free-brands-svg-icons"), require("luxon"), require("bpmn-moddle"), require("@processmaker/screen-builder"), require("@processmaker/vue-form-elements"), require("@processmaker/vue-form-elements/dist/vue-form-elements.css"));
 	else if(typeof define === 'function' && define.amd)
-		define(["jointjs", "vue", "lodash", "@fortawesome/fontawesome-svg-core", "@fortawesome/vue-fontawesome", "@fortawesome/free-solid-svg-icons", "luxon", "bpmn-moddle", "@processmaker/screen-builder", "@processmaker/vue-form-elements", "@processmaker/vue-form-elements/dist/vue-form-elements.css"], factory);
+		define(["jointjs", "vue", "lodash", "@fortawesome/fontawesome-svg-core", "@fortawesome/vue-fontawesome", "@fortawesome/free-solid-svg-icons", "@fortawesome/free-brands-svg-icons", "luxon", "bpmn-moddle", "@processmaker/screen-builder", "@processmaker/vue-form-elements", "@processmaker/vue-form-elements/dist/vue-form-elements.css"], factory);
 	else if(typeof exports === 'object')
-		exports["modeler"] = factory(require("jointjs"), require("vue"), require("lodash"), require("@fortawesome/fontawesome-svg-core"), require("@fortawesome/vue-fontawesome"), require("@fortawesome/free-solid-svg-icons"), require("luxon"), require("bpmn-moddle"), require("@processmaker/screen-builder"), require("@processmaker/vue-form-elements"), require("@processmaker/vue-form-elements/dist/vue-form-elements.css"));
+		exports["modeler"] = factory(require("jointjs"), require("vue"), require("lodash"), require("@fortawesome/fontawesome-svg-core"), require("@fortawesome/vue-fontawesome"), require("@fortawesome/free-solid-svg-icons"), require("@fortawesome/free-brands-svg-icons"), require("luxon"), require("bpmn-moddle"), require("@processmaker/screen-builder"), require("@processmaker/vue-form-elements"), require("@processmaker/vue-form-elements/dist/vue-form-elements.css"));
 	else
-		root["modeler"] = factory(root["jointjs"], root["vue"], root["lodash"], root["@fortawesome/fontawesome-svg-core"], root["@fortawesome/vue-fontawesome"], root["@fortawesome/free-solid-svg-icons"], root["luxon"], root["bpmn-moddle"], root["@processmaker/screen-builder"], root["@processmaker/vue-form-elements"], root["@processmaker/vue-form-elements/dist/vue-form-elements.css"]);
-})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__22811__, __WEBPACK_EXTERNAL_MODULE__70748__, __WEBPACK_EXTERNAL_MODULE__50467__, __WEBPACK_EXTERNAL_MODULE__65554__, __WEBPACK_EXTERNAL_MODULE__39865__, __WEBPACK_EXTERNAL_MODULE__9943__, __WEBPACK_EXTERNAL_MODULE__26985__, __WEBPACK_EXTERNAL_MODULE__67629__, __WEBPACK_EXTERNAL_MODULE__43637__, __WEBPACK_EXTERNAL_MODULE__21223__, __WEBPACK_EXTERNAL_MODULE__85780__) {
+		root["modeler"] = factory(root["jointjs"], root["vue"], root["lodash"], root["@fortawesome/fontawesome-svg-core"], root["@fortawesome/vue-fontawesome"], root["@fortawesome/free-solid-svg-icons"], root["@fortawesome/free-brands-svg-icons"], root["luxon"], root["bpmn-moddle"], root["@processmaker/screen-builder"], root["@processmaker/vue-form-elements"], root["@processmaker/vue-form-elements/dist/vue-form-elements.css"]);
+})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__22811__, __WEBPACK_EXTERNAL_MODULE__70748__, __WEBPACK_EXTERNAL_MODULE__50467__, __WEBPACK_EXTERNAL_MODULE__65554__, __WEBPACK_EXTERNAL_MODULE__39865__, __WEBPACK_EXTERNAL_MODULE__9943__, __WEBPACK_EXTERNAL_MODULE__91910__, __WEBPACK_EXTERNAL_MODULE__26985__, __WEBPACK_EXTERNAL_MODULE__67629__, __WEBPACK_EXTERNAL_MODULE__43637__, __WEBPACK_EXTERNAL_MODULE__21223__, __WEBPACK_EXTERNAL_MODULE__85780__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -10458,7 +10458,7 @@ setToStringTag(getBuiltIn(DOM_EXCEPTION), DOM_EXCEPTION);
 
 /***/ }),
 
-/***/ 88721:
+/***/ 301:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10472,7 +10472,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, "#dropdown[data-v-0a847d3c]{display:contents}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#dropdown[data-v-3b3ce003]{display:contents}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -10708,6 +10708,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, "@media screen and (max-width:1365px){#
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 48997:
+/***/ (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{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}.new-process-btn:hover{background-color:#edf7ff;color:#0872c2;border-color:#0872c2}.ai-icon{width:22px;height:22px}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 1354:
@@ -10819,7 +10840,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-button[data-v-09d8a8ac]{border:
 
 /***/ }),
 
-/***/ 936:
+/***/ 55933:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10838,7 +10859,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require
 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()));
 var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".color-list[data-v-0c72746a]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-gap:.5rem;padding:.5rem}.color-list>.color-button[data-v-0c72746a]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-0c72746a]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-0c72746a]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".color-list[data-v-2c87b6c6]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);grid-auto-flow:column;grid-gap:.5rem;padding:.5rem}.color-list>.color-button[data-v-2c87b6c6]{background:#fff;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid #fff;position:relative}.color-picker[data-v-2c87b6c6]{position:absolute;right:40px;top:calc(100% - 36px)}.toggle-picker[data-v-2c87b6c6]{background:50%/cover no-repeat url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ")!important}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -10908,7 +10929,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".remote-cursor[data-v-70c20f1a]{positi
 
 /***/ }),
 
-/***/ 58556:
+/***/ 32455:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10922,7 +10943,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, ".control-submenu[data-v-acf58eca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px;width:255px;left:616px;background:#fff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:4px;list-style:none}.control-submenu-item>svg[data-v-acf58eca]{width:24px;height:24px}.control-submenu-item.active[data-v-acf58eca]{background-color:#ebeef2}.control-submenu-list[data-v-acf58eca]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 5px;gap:8px;height:40px;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:0;flex-grow:0;border-radius:4px;cursor:pointer}.control-submenu-list.active[data-v-acf58eca]{background-color:#deebff}.control-submenu-list.active svg[data-v-acf58eca]{fill:#1264aa}.control-submenu-list[data-v-acf58eca]:hover{background-color:#ebeef2}.control-submenu-list>svg[data-v-acf58eca]{width:24px;height:24px}.control-submenu-list-label[data-v-acf58eca]{font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:-.02em;color:#000}.control-submenu-options[data-v-acf58eca]{position:absolute;top:0;right:0;padding:3px;-webkit-transform:rotate(47.59deg);transform:rotate(47.59deg);cursor:pointer}.control-submenu-options>span[data-v-acf58eca]{display:block;width:4px;height:3px;background-color:#44494e;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);-webkit-clip-path:padding-box;clip-path:padding-box}.control-submenu-options~svg[data-v-acf58eca]{width:24px;height:24px}.is-dragging[data-v-acf58eca]{background:#3397e1;color:#fff;position:absolute;z-index:10;-webkit-box-shadow:5px 5px 8px 0 rgba(0,0,0,.29);box-shadow:5px 5px 8px 0 rgba(0,0,0,.29);padding:.5rem;pointer-events:none;width:40px;height:40px;background:green}.is-dragging.no-drop[data-v-acf58eca]{opacity:.8;cursor:no-drop;pointer-events:none}.is-dragging[data-v-acf58eca]:hover{background-color:#3397e1;color:#fff;pointer-events:none}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".control-submenu[data-v-36ac61a1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px;width:255px;left:616px;background:#fff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:4px;list-style:none}.control-submenu-item>svg[data-v-36ac61a1]{width:24px;height:24px}.control-submenu-item.active[data-v-36ac61a1]{background-color:#ebeef2}.control-submenu-list[data-v-36ac61a1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 5px;gap:8px;height:40px;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:0;flex-grow:0;border-radius:4px;cursor:pointer}.control-submenu-list.active[data-v-36ac61a1]{background-color:#deebff}.control-submenu-list.active svg[data-v-36ac61a1]{fill:#1264aa}.control-submenu-list[data-v-36ac61a1]:hover{background-color:#ebeef2}.control-submenu-list>svg[data-v-36ac61a1]{width:24px;height:24px}.control-submenu-list-label[data-v-36ac61a1]{font-style:normal;font-weight:400;font-size:14px;line-height:21px;letter-spacing:-.02em;color:#000}.control-submenu-options[data-v-36ac61a1]{position:absolute;top:0;right:0;padding:3px;-webkit-transform:rotate(47.59deg);transform:rotate(47.59deg);cursor:pointer}.control-submenu-options>span[data-v-36ac61a1]{display:block;width:4px;height:3px;background-color:#44494e;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);-webkit-clip-path:padding-box;clip-path:padding-box}.control-submenu-options~svg[data-v-36ac61a1]{width:24px;height:24px}.is-dragging[data-v-36ac61a1]{background:#3397e1;color:#fff;position:absolute;z-index:10;-webkit-box-shadow:5px 5px 8px 0 rgba(0,0,0,.29);box-shadow:5px 5px 8px 0 rgba(0,0,0,.29);padding:.5rem;pointer-events:none;width:40px;height:40px;background:green}.is-dragging.no-drop[data-v-36ac61a1]{opacity:.8;cursor:no-drop;pointer-events:none}.is-dragging[data-v-36ac61a1]:hover{background-color:#3397e1;color:#fff;pointer-events:none}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -10950,7 +10971,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, "#searchNodeTypes i[data-v-c468f432]{to
 
 /***/ }),
 
-/***/ 89443:
+/***/ 78437:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10964,7 +10985,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, "#nodeTypesList .pinnedObjects{margin-bottom:1rem}.node-types__item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem .3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.node-types__item:hover{background-color:#ebeef2}.node-types__item:hover .pinIcon{background-color:#dadddf}.node-types__item__icon{width:1.5rem;height:1.5rem}.node-types__item span{margin-left:.8rem;font-size:13px;line-height:19px}.node-types__item .pinIcon{margin-left:auto;border-radius:4px;padding:.3rem}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#nodeTypesList .pinnedObjects{margin-bottom:1rem}.node-types__item{display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem .3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.node-types__item:hover{background-color:#ebeef2}.node-types__item:hover .pinIcon{background-color:#dadddf}.node-types__item__icon{width:1.5rem;height:1.5rem}.node-types__item__highlight{background-color:#fff4d3}.node-types__item span{margin-left:.8rem;font-size:13px;line-height:19px}.node-types__item .pinIcon{margin-left:auto;border-radius:4px;padding:.3rem}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -11076,7 +11097,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".crown-align{z-index:1;display:-webkit
 
 /***/ }),
 
-/***/ 77918:
+/***/ 17478:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11090,7 +11111,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, ".inspector-column[data-v-738023ac]{max-width:330px}.inspector[data-v-738023ac]{z-index:2}.inspector-container[data-v-738023ac]{text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:4rem}.inspector-container .form-group[data-v-738023ac]{padding:0 .5rem}.inspector-container .form-group>label[data-v-738023ac]{font-size:.8125rem}.inspector-container .inspector-font-size[data-v-738023ac]{font-size:.875rem}.inspector-header[data-v-738023ac]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.inspector-header-title[data-v-738023ac]{-webkit-box-flex:0;-ms-flex-positive:0;font-weight:600;letter-spacing:-.02em;flex-grow:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".inspector-column[data-v-ebcaadf8]{max-width:330px}.inspector[data-v-ebcaadf8]{z-index:2}.inspector-container[data-v-ebcaadf8]{text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-bottom:4rem}.inspector-container .form-group[data-v-ebcaadf8]{padding:0 .5rem}.inspector-container .form-group>label[data-v-ebcaadf8]{font-size:.8125rem}.inspector-container .inspector-font-size[data-v-ebcaadf8]{font-size:.875rem}.inspector-header[data-v-ebcaadf8]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.inspector-header-title[data-v-ebcaadf8]{-webkit-box-flex:0;-ms-flex-positive:0;font-weight:600;letter-spacing:-.02em;flex-grow:0}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -11118,7 +11139,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".inspector-button[data-v-cebfb20a]{pos
 
 /***/ }),
 
-/***/ 13948:
+/***/ 68778:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11132,7 +11153,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, "#preview_panel[data-v-03688ded]:after{display:-webkit-box;display:-ms-flexbox;display:flex;content:\"\";left:0;width:5px;height:100%;cursor:ew-resize}.preview-column[data-v-03688ded]{max-width:400px;resize:both;overflow:auto;background-color:#f5f5f5;border-left:8px solid #ebeef2}.paneiframe[data-v-03688ded]{display:block;width:100%}.preview-column .control-bar[data-v-03688ded]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-column .control-bar .actions[data-v-03688ded]{text-align:right}.preview-column .control-bar .actions div[data-v-03688ded]{width:100%;text-align:right}.preview-column .control-bar .actions div i[data-v-03688ded]{width:20px;cursor:pointer}.item-title[data-v-03688ded]{margin-top:15px;height:30px;font-size:larger;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#7f7f7f}.item-title[data-v-03688ded],.task-title[data-v-03688ded]{width:100%;text-align:center}.task-title[data-v-03688ded]{height:60px;font-size:xx-large;font-weight:700;color:#6c757d}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#preview_panel[data-v-e3f3402e]:after{display:-webkit-box;display:-ms-flexbox;display:flex;content:\"\";left:0;width:5px;height:100%;cursor:ew-resize}.preview-column[data-v-e3f3402e]{max-width:400px;resize:both;overflow:auto;background-color:#f5f5f5;border-left:8px solid #ebeef2}.paneiframe[data-v-e3f3402e]{display:block;width:100%}.preview-column .control-bar[data-v-e3f3402e]{background-color:#fff;padding:0 5px 0 5px;color:#7f7f7f}.preview-column .control-bar .actions[data-v-e3f3402e]{text-align:right}.preview-column .control-bar .actions div[data-v-e3f3402e]{width:100%;text-align:right}.preview-column .control-bar .actions div i[data-v-e3f3402e]{width:20px;cursor:pointer}.item-title[data-v-e3f3402e]{margin-top:15px;height:30px;font-size:larger;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#7f7f7f}.item-title[data-v-e3f3402e],.task-title[data-v-e3f3402e]{width:100%;text-align:center}.task-title[data-v-e3f3402e]{height:60px;font-size:xx-large;font-weight:700;color:#6c757d}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -24100,19 +24121,19 @@ module.exports = "<svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fa
 
 /***/ }),
 
-/***/ 95189:
+/***/ 39221:
 /***/ (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__(88721);
+var content = __webpack_require__(301);
 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("4d3c020d", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("40f5bae0", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24292,6 +24313,22 @@ var update = add("6e271307", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 32609:
+/***/ (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__(48997);
+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("0d568fa8", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 54340:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -24356,19 +24393,19 @@ var update = add("6ffce0d4", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 46998:
+/***/ 41345:
 /***/ (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__(936);
+var content = __webpack_require__(55933);
 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("1f17e48e", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("54826166", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24420,19 +24457,19 @@ var update = add("3635bc05", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 46678:
+/***/ 60336:
 /***/ (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__(58556);
+var content = __webpack_require__(32455);
 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("9f47a45c", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("768e271e", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24452,19 +24489,19 @@ var update = add("85639c58", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 73550:
+/***/ 15293:
 /***/ (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__(89443);
+var content = __webpack_require__(78437);
 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("7ded10b4", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("61accce6", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24548,19 +24585,19 @@ var update = add("0081435e", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 30152:
+/***/ 58074:
 /***/ (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__(77918);
+var content = __webpack_require__(17478);
 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("8ca9bc08", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("cf4699ba", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -24580,19 +24617,19 @@ var update = add("62d3adbb", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 86280:
+/***/ 70216:
 /***/ (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__(13948);
+var content = __webpack_require__(68778);
 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("2a540852", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("261ae606", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -25118,6 +25155,14 @@ module.exports = __webpack_require__.p + "img/inspector.c5ee8afc.svg";
 
 /***/ }),
 
+/***/ 7225:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+"use strict";
+module.exports = __webpack_require__.p + "img/proceC2.b229e6b6.svg";
+
+/***/ }),
+
 /***/ 65759:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -25542,6 +25587,14 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__65554__;
 
 /***/ }),
 
+/***/ 91910:
+/***/ (function(module) {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__91910__;
+
+/***/ }),
+
 /***/ 9943:
 /***/ (function(module) {
 
@@ -30219,8 +30272,8 @@ var direction = {
   one: 'One',
   both: 'Both'
 };
-;// 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/crown/crownConfig/crownConfig.vue?vue&type=template&id=aeb192b4&
-var crownConfigvue_type_template_id_aeb192b4_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/crown/crownConfig/crownConfig.vue?vue&type=template&id=1e4b9bf1&
+var crownConfigvue_type_template_id_1e4b9bf1_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.showCrownConfig ? _c('div', {
@@ -30269,6 +30322,7 @@ var crownConfigvue_type_template_id_aeb192b4_render = function render() {
   }, _vm.$listeners)), _c('crown-dropdowns', _vm._g({
     attrs: {
       "dropdown-data": _vm.dropdownData,
+      "hide-color-dropdown": _vm.hideColorDropdown,
       "boundary-event-dropdown-data": _vm.boundaryEventDropdownData,
       "node": _vm.node,
       "node-registry": _vm.nodeRegistry,
@@ -30325,7 +30379,7 @@ var crownConfigvue_type_template_id_aeb192b4_render = function render() {
     }
   }, [_c('p', [_vm._v(_vm._s(_vm.$t('Changing this type will replace your current configuration')))])])], 2) : _vm._e();
 };
-var crownConfigvue_type_template_id_aeb192b4_staticRenderFns = [];
+var crownConfigvue_type_template_id_1e4b9bf1_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
 var es_object_keys = __webpack_require__(47941);
@@ -32171,8 +32225,8 @@ var cloneButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var cloneButton = (cloneButton_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/crown/crownButtons/crownDropdowns.vue?vue&type=template&id=0a847d3c&scoped=true&
-var crownDropdownsvue_type_template_id_0a847d3c_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/crown/crownButtons/crownDropdowns.vue?vue&type=template&id=3b3ce003&scoped=true&
+var crownDropdownsvue_type_template_id_3b3ce003_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -32202,6 +32256,7 @@ var crownDropdownsvue_type_template_id_0a847d3c_scoped_true_render = function re
     }
   }, _vm.$listeners)), _c('crown-color-dropdown', _vm._g({
     attrs: {
+      "hide": _vm.hideColorDropdown,
       "dropdown-open": _vm.colorDropdownOpen,
       "node": _vm.node,
       "showCustomIconPicker": _vm.showCustomIconPicker,
@@ -32212,7 +32267,7 @@ var crownDropdownsvue_type_template_id_0a847d3c_scoped_true_render = function re
     }
   }, _vm.$listeners))], 1);
 };
-var crownDropdownsvue_type_template_id_0a847d3c_scoped_true_staticRenderFns = [];
+var crownDropdownsvue_type_template_id_3b3ce003_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/crown/crownButtons/crownTaskDropdown.vue?vue&type=template&id=31668547&scoped=true&
 var crownTaskDropdownvue_type_template_id_31668547_scoped_true_render = function render() {
@@ -32530,12 +32585,12 @@ var crownBoundaryEventDropdown_component = normalizeComponent(
 )
 
 /* harmony default export */ var crownBoundaryEventDropdown = (crownBoundaryEventDropdown_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/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=0c72746a&scoped=true&
+;// 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/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=2c87b6c6&scoped=true&
 
-var crownColorDropdownvue_type_template_id_0c72746a_scoped_true_render = function render() {
+var crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', {
+  return !_vm.hide ? _c('div', {
     staticClass: "cog-container",
     attrs: {
       "role": "menuitem"
@@ -32657,11 +32712,11 @@ var crownColorDropdownvue_type_template_id_0c72746a_scoped_true_render = functio
     on: {
       "input": _vm.setCustomIcon
     }
-  })], 1)])], 1);
+  })], 1)])], 1) : _vm._e();
 };
-var crownColorDropdownvue_type_template_id_0c72746a_scoped_true_staticRenderFns = [];
+var crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=0c72746a&scoped=true&
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=template&id=2c87b6c6&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.btoa.js
 var web_btoa = __webpack_require__(27479);
@@ -33286,6 +33341,10 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
     iconName: {
       type: String,
       default: ''
+    },
+    hide: {
+      type: Boolean,
+      default: false
     }
   },
   components: {
@@ -33376,9 +33435,9 @@ var free_solid_svg_icons_ = __webpack_require__(9943);
 });
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=script&lang=js&
  /* harmony default export */ var crownButtons_crownColorDropdownvue_type_script_lang_js_ = (crownColorDropdownvue_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/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=0c72746a&prod&lang=scss&scoped=true&
-var crownColorDropdownvue_type_style_index_0_id_0c72746a_prod_lang_scss_scoped_true_ = __webpack_require__(46998);
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=0c72746a&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]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=2c87b6c6&prod&lang=scss&scoped=true&
+var crownColorDropdownvue_type_style_index_0_id_2c87b6c6_prod_lang_scss_scoped_true_ = __webpack_require__(41345);
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue?vue&type=style&index=0&id=2c87b6c6&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownColorDropdown.vue
 
@@ -33391,11 +33450,11 @@ var crownColorDropdownvue_type_style_index_0_id_0c72746a_prod_lang_scss_scoped_t
 
 var crownColorDropdown_component = normalizeComponent(
   crownButtons_crownColorDropdownvue_type_script_lang_js_,
-  crownColorDropdownvue_type_template_id_0c72746a_scoped_true_render,
-  crownColorDropdownvue_type_template_id_0c72746a_scoped_true_staticRenderFns,
+  crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_render,
+  crownColorDropdownvue_type_template_id_2c87b6c6_scoped_true_staticRenderFns,
   false,
   null,
-  "0c72746a",
+  "2c87b6c6",
   null
   
 )
@@ -33423,6 +33482,10 @@ var crownColorDropdown_component = normalizeComponent(
       type: Boolean,
       required: true
     },
+    hideColorDropdown: {
+      type: Boolean,
+      default: false
+    },
     showCustomIconPicker: Boolean,
     iconName: {
       type: String,
@@ -33456,9 +33519,9 @@ var crownColorDropdown_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownDropdowns.vue?vue&type=script&lang=js&
  /* harmony default export */ var crownButtons_crownDropdownsvue_type_script_lang_js_ = (crownDropdownsvue_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/crown/crownButtons/crownDropdowns.vue?vue&type=style&index=0&id=0a847d3c&prod&scoped=true&lang=css&
-var crownDropdownsvue_type_style_index_0_id_0a847d3c_prod_scoped_true_lang_css_ = __webpack_require__(95189);
-;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownDropdowns.vue?vue&type=style&index=0&id=0a847d3c&prod&scoped=true&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/crown/crownButtons/crownDropdowns.vue?vue&type=style&index=0&id=3b3ce003&prod&scoped=true&lang=css&
+var crownDropdownsvue_type_style_index_0_id_3b3ce003_prod_scoped_true_lang_css_ = __webpack_require__(39221);
+;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownDropdowns.vue?vue&type=style&index=0&id=3b3ce003&prod&scoped=true&lang=css&
 
 ;// CONCATENATED MODULE: ./src/components/crown/crownButtons/crownDropdowns.vue
 
@@ -33471,11 +33534,11 @@ var crownDropdownsvue_type_style_index_0_id_0a847d3c_prod_scoped_true_lang_css_
 
 var crownDropdowns_component = normalizeComponent(
   crownButtons_crownDropdownsvue_type_script_lang_js_,
-  crownDropdownsvue_type_template_id_0a847d3c_scoped_true_render,
-  crownDropdownsvue_type_template_id_0a847d3c_scoped_true_staticRenderFns,
+  crownDropdownsvue_type_template_id_3b3ce003_scoped_true_render,
+  crownDropdownsvue_type_template_id_3b3ce003_scoped_true_staticRenderFns,
   false,
   null,
-  "0a847d3c",
+  "3b3ce003",
   null
   
 )
@@ -33697,6 +33760,10 @@ function runningInCypressTest() {
       type: Boolean,
       default: false
     },
+    hideColorDropdown: {
+      type: Boolean,
+      default: false
+    },
     iconName: {
       type: String,
       default: ''
@@ -33895,8 +33962,8 @@ var crownConfigvue_type_style_index_0_prod_lang_scss_ = __webpack_require__(9416
 
 var crownConfig_component = normalizeComponent(
   crownConfig_crownConfigvue_type_script_lang_js_,
-  crownConfigvue_type_template_id_aeb192b4_render,
-  crownConfigvue_type_template_id_aeb192b4_staticRenderFns,
+  crownConfigvue_type_template_id_1e4b9bf1_render,
+  crownConfigvue_type_template_id_1e4b9bf1_staticRenderFns,
   false,
   null,
   null,
@@ -34972,6 +35039,10 @@ var error = __webpack_require__(84384);
 var error_default = /*#__PURE__*/__webpack_require__.n(error);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/web.atob.js
 var web_atob = __webpack_require__(75505);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.starts-with.js
+var es_string_starts_with = __webpack_require__(23157);
+// EXTERNAL MODULE: external "@fortawesome/free-brands-svg-icons"
+var free_brands_svg_icons_ = __webpack_require__(91910);
 ;// CONCATENATED MODULE: ./src/components/iconColors.js
 
 
@@ -34980,22 +35051,66 @@ var web_atob = __webpack_require__(75505);
 
 
 
+
+
+
+
+
+
+
 var encodeAsDataUri = function encodeAsDataUri(svgString) {
   var base64 = btoa(svgString);
   return "data:image/svg+xml;base64,".concat(base64);
 };
-
-/** returns a data URI encoded re-colored icon */
-var coloredIcon = function coloredIcon(iconString, node) {
-  var svgDocument = new DOMParser().parseFromString(iconString, 'text/xml');
-  var iconColor = node.definition.get('color') || getDefaultIconColor(node);
-  svgDocument.querySelectorAll('*[fill]:not([fill="none"])').forEach(function (svgNode) {
-    svgNode.setAttribute('fill', iconColor);
+var getColorOrDefault = function getColorOrDefault(node) {
+  return node.definition.get('color') || getDefaultIconColor(node);
+};
+var recolorSvg = function recolorSvg(svgString, color) {
+  var svgDocument = new DOMParser().parseFromString(svgString, 'text/xml');
+  var svgNodesWithFill = svgDocument.querySelectorAll('*[fill]:not([fill="none"])');
+  var svgNodesWithStroke = svgDocument.querySelectorAll('*[stroke]:not([stroke="none"])');
+  svgNodesWithFill.forEach(function (svgNode) {
+    svgNode.setAttribute('fill', color);
   });
-  svgDocument.querySelectorAll('*[stroke]:not([stroke="none"])').forEach(function (svgNode) {
-    svgNode.setAttribute('stroke', iconColor);
+  svgNodesWithStroke.forEach(function (svgNode) {
+    svgNode.setAttribute('stroke', color);
   });
-  return encodeAsDataUri(svgDocument.documentElement.outerHTML);
+  return svgDocument.documentElement.outerHTML;
+};
+var containsSvg = function containsSvg(str) {
+  // Regular expression to match a URL pattern
+  var urlPattern = /^(https?:\/\/)?([\w-]+(\.[\w-]+)+)(\/[\w@?^=%&:/~+#-]*)*$/;
+
+  // Regular expression to check if the string contains '.svg'
+  var pathPattern = /\.svg/;
+
+  // Check if the string contains an SVG root element
+  var stringPattern = /<svg[^>]*>/;
+  var encodedStringPattern = str.startsWith('<xml') && /<svg[^>]*>/.test(str);
+
+  // Check if the variable is a string and either a URL or contains '.svg'
+  return typeof str === 'string' && (urlPattern.test(str) || pathPattern.test(str) || stringPattern.test(str) || encodedStringPattern);
+};
+var coloredIcon = function coloredIcon(iconString, node) {
+  if (!containsSvg(iconString)) {
+    // If the input is not an SVG, add Font Awesome icons and extract the SVG
+    fontawesome_svg_core_.library.add(free_solid_svg_icons_.fas, free_brands_svg_icons_.fab);
+    var _iconString$split = iconString.split(' '),
+      _iconString$split2 = _slicedToArray(_iconString$split, 1),
+      prefix = _iconString$split2[0];
+    var _iconString$split3 = iconString.split('-'),
+      _iconString$split4 = _slicedToArray(_iconString$split3, 2),
+      iconName = _iconString$split4[1];
+    var iconDefinition = (0,fontawesome_svg_core_.findIconDefinition)({
+      prefix: prefix,
+      iconName: iconName
+    });
+    var svg = (0,fontawesome_svg_core_.icon)(iconDefinition).html;
+    iconString = svg[0];
+  }
+  var iconColor = getColorOrDefault(node);
+  var recoloredSvg = recolorSvg(iconString, iconColor);
+  return encodeAsDataUri(recoloredSvg);
 };
 /* harmony default export */ var iconColors = (coloredIcon);
 ;// CONCATENATED MODULE: ./src/mixins/updateIconColor.js
@@ -40639,8 +40754,8 @@ var intermediateConditionalCatchEvent_id = 'processmaker-modeler-intermediate-co
     }]
   }]
 })));
-;// 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/task/task.vue?vue&type=template&id=6cf12260&
-var taskvue_type_template_id_6cf12260_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/nodes/task/task.vue?vue&type=template&id=5c5e8f24&
+var taskvue_type_template_id_5c5e8f24_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('crown-config', _vm._g({
@@ -40658,6 +40773,7 @@ var taskvue_type_template_id_6cf12260_render = function render() {
       "is-rendering": _vm.isRendering,
       "boundary-event-dropdown-data": _vm.boundaryEventDropdownData,
       "dropdown-data": _vm.dropdownData,
+      "hide-color-dropdown": _vm.hideColorDropdown,
       "showCustomIconPicker": true,
       "iconName": this.iconName
     },
@@ -40667,7 +40783,7 @@ var taskvue_type_template_id_6cf12260_render = function render() {
     }
   }, _vm.$listeners));
 };
-var taskvue_type_template_id_6cf12260_staticRenderFns = [];
+var taskvue_type_template_id_5c5e8f24_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/components/nodes/task/shape.js
 
@@ -40683,6 +40799,9 @@ var taskvue_type_template_id_6cf12260_staticRenderFns = [];
   }, {
     tagName: 'image',
     selector: 'image'
+  }, {
+    tagName: 'i',
+    selector: 'icon'
   }, markersMarkup('topLeft'), markersMarkup('topCenter'), markersMarkup('topRight'), markersMarkup('bottomLeft'), markersMarkup('bottomCenter'), markersMarkup('bottomRight')],
   defaults: external_jointjs_.util.deepSupplement({
     type: 'processmaker.components.nodes.task.Shape',
@@ -40698,6 +40817,14 @@ var taskvue_type_template_id_6cf12260_staticRenderFns = [];
         width: 16,
         height: 16,
         'data-test': 'nodeIcon'
+      },
+      'icon': {
+        ref: 'rect',
+        'ref-x': 4,
+        'ref-y': 4,
+        width: 16,
+        height: 16,
+        'data-test': 'nodeCustomIcon'
       }
     }, markersAttrs('topLeft', {
       'ref-y': 4,
@@ -40734,6 +40861,13 @@ var taskWidth = 116;
       iconName: ''
     };
   },
+  watch: {
+    shape: function shape() {
+      if (this.node.definition.get('customIcon')) {
+        this.setCustomIcon(this.node.definition.get('customIcon'));
+      }
+    }
+  },
   methods: {
     setCustomIconName: function setCustomIconName(iconName) {
       this.iconName = iconName;
@@ -40741,11 +40875,23 @@ var taskWidth = 116;
     resetCustomIconName: function resetCustomIconName() {
       this.setCustomIconName('');
     },
-    setCustomIcon: function setCustomIcon(base64Icon) {
+    setCustomIcon: function setCustomIcon(icon) {
       if (!this.shape) {
         return;
       }
-      this.shape.attr('image/xlink:href', iconColors(atob(base64Icon), this.node));
+      try {
+        var decodedIcon = atob(icon);
+        this.updateIcon(decodedIcon);
+      } catch (error) {
+        this.updateIcon(icon);
+      }
+    },
+    updateIcon: function updateIcon(icon) {
+      var iconURL = this.getIconURL(icon);
+      this.shape.attr('image/xlink:href', iconURL);
+    },
+    getIconURL: function getIconURL(icon) {
+      return iconColors(icon, this.node);
     }
   },
   mounted: function mounted() {
@@ -40864,7 +41010,8 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
         dataTest: 'switch-to-sub-process'
       }],
       boundaryEventDropdownData: boundaryEvent_boundaryEventDropdownData,
-      anchorPointFunction: getRectangleAnchorPoint
+      anchorPointFunction: getRectangleAnchorPoint,
+      hideColorDropdown: false
     };
   },
   computed: {
@@ -40965,8 +41112,8 @@ var topAndBottomMarkersSpace = 2 * hasMarkers_markerSize;
 ;
 var task_component = normalizeComponent(
   task_taskvue_type_script_lang_js_,
-  taskvue_type_template_id_6cf12260_render,
-  taskvue_type_template_id_6cf12260_staticRenderFns,
+  taskvue_type_template_id_5c5e8f24_render,
+  taskvue_type_template_id_5c5e8f24_staticRenderFns,
   false,
   null,
   null,
@@ -45212,11 +45359,11 @@ 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=f206a1fa&
+;// 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=30685ec1&
 
 
 
-var Modelervue_type_template_id_f206a1fa_render = function render() {
+var Modelervue_type_template_id_30685ec1_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('span', {
@@ -45290,7 +45437,7 @@ var Modelervue_type_template_id_f206a1fa_render = function render() {
     attrs: {
       "data-test": "paper"
     }
-  })]), _vm.showComponent && _vm.showInspectorButton ? _c('InspectorButton', {
+  })]), _vm.showWelcomeMessage ? _c('WelcomeMessage') : _vm._e(), _vm.showComponent && _vm.showInspectorButton ? _c('InspectorButton', {
     ref: "inspector-button",
     style: {
       right: _vm.inspectorButtonRight + 'px'
@@ -45444,9 +45591,9 @@ var Modelervue_type_template_id_f206a1fa_render = function render() {
     });
   })], 2);
 };
-var Modelervue_type_template_id_f206a1fa_staticRenderFns = [];
+var Modelervue_type_template_id_30685ec1_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=f206a1fa&
+;// CONCATENATED MODULE: ./src/components/modeler/Modeler.vue?vue&type=template&id=30685ec1&
 
 ;// 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=2979ecac&
 var boundaryEventvue_type_template_id_2979ecac_render = function render() {
@@ -46191,8 +46338,8 @@ var filterNodeTypes_component = normalizeComponent(
 )
 
 /* harmony default export */ var filterNodeTypes = (filterNodeTypes_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/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=template&id=45ee6a34&
-var nodeTypesLoopvue_type_template_id_45ee6a34_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/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=template&id=d776371a&
+var nodeTypesLoopvue_type_template_id_d776371a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -46207,6 +46354,9 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
     return [_c('div', {
       key: object.id,
       staticClass: "node-types__item",
+      class: {
+        'node-types__item__highlight': object.type === 'processmaker-ai-assistant'
+      },
       attrs: {
         "data-test": object.type
       },
@@ -46222,7 +46372,10 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
           return _vm.onClickHandler($event, object);
         }
       }
-    }, [_c('img', {
+    }, [!_vm.containsSvg(object.icon) ? _c('i', {
+      staticClass: "fa-lg",
+      class: object.icon
+    }) : _c('img', {
       staticClass: "node-types__item__icon",
       attrs: {
         "src": object.icon,
@@ -46257,6 +46410,9 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
     return [_c('div', {
       key: pinnedObject.id,
       staticClass: "node-types__item",
+      class: {
+        'node-types__item__highlight': pinnedObject.type === 'processmaker-ai-assistant'
+      },
       attrs: {
         "data-test": pinnedObject.type
       },
@@ -46272,7 +46428,10 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
           return _vm.onClickHandler($event, pinnedObject);
         }
       }
-    }, [_c('img', {
+    }, [!_vm.containsSvg(pinnedObject.icon) ? _c('i', {
+      staticClass: "fa-lg",
+      class: pinnedObject.icon
+    }) : _c('img', {
       staticClass: "node-types__item__icon",
       attrs: {
         "src": pinnedObject.icon,
@@ -46296,6 +46455,9 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
     return [_c('div', {
       key: nodeType.id,
       staticClass: "node-types__item",
+      class: {
+        'node-types__item__highlight': nodeType.type === 'processmaker-ai-assistant'
+      },
       attrs: {
         "data-test": nodeType.type
       },
@@ -46311,7 +46473,10 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
           return _vm.onClickHandler($event, nodeType);
         }
       }
-    }, [_c('img', {
+    }, [!_vm.containsSvg(nodeType.icon) ? _c('i', {
+      staticClass: "fa-lg",
+      class: nodeType.icon
+    }) : _c('img', {
       staticClass: "node-types__item__icon",
       attrs: {
         "src": nodeType.icon,
@@ -46331,18 +46496,35 @@ var nodeTypesLoopvue_type_template_id_45ee6a34_render = function render() {
     })])];
   })], 2)] : _vm._e()], 2);
 };
-var nodeTypesLoopvue_type_template_id_45ee6a34_staticRenderFns = [];
+var nodeTypesLoopvue_type_template_id_d776371a_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/assets/pin-angle.svg
 var pin_angle_namespaceObject = __webpack_require__.p + "img/pin-angle.95ef112b.svg";
 ;// CONCATENATED MODULE: ./src/assets/pin-angle-fill.svg
 var pin_angle_fill_namespaceObject = __webpack_require__.p + "img/pin-angle-fill.45c5a07f.svg";
-;// CONCATENATED MODULE: ./src/mixins/clickAndDrop.js
+;// CONCATENATED MODULE: ./src/mixins/iconHelper.js
+
 
+/* harmony default export */ var iconHelper = ({
+  methods: {
+    containsSvg: function containsSvg(icon) {
+      // Regular expression to match a URL pattern
+      var urlPattern = /^(https?:\/\/)?([\w-]+(\.[\w-]+)+)(\/[\w@?^=%&:/~+#-]*)*$/;
+
+      // Regular expression to check if the string contains '.svg'
+      var svgPattern = /\.svg/;
+
+      // Check if the variable is a string and either a URL or contains '.svg'
+      return typeof icon === 'string' && (urlPattern.test(icon) || svgPattern.test(icon));
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/mixins/clickAndDrop.js
 
 
 
 /* harmony default export */ var clickAndDrop = ({
+  mixins: [iconHelper],
   data: function data() {
     return {
       wasClicked: false,
@@ -46416,21 +46598,23 @@ var pin_angle_fill_namespaceObject = __webpack_require__.p + "img/pin-angle-fill
       nodeTypesStore.commit('setGhostNode', tempGhost);
     },
     createDraggingHelper: function createDraggingHelper(event, control) {
-      var _this2 = this;
       if (this.movedElement) {
         document.removeEventListener('mousemove', this.setDraggingPosition);
         document.body.removeChild(this.movedElement);
-        nodeTypesStore.commit('setGhostNode', null);
       }
-      var sourceElement = event.target;
-      nodeTypesStore.commit('setGhostNode', document.createElement('img'));
-      var tempGhost = this.movedElement;
-      Object.keys(this.helperStyles).forEach(function (property) {
-        tempGhost.style[property] = _this2.helperStyles[property];
-      });
-      tempGhost.src = control.icon;
+      var isSvgIcon = this.containsSvg(control.icon);
+      var tempGhost = isSvgIcon ? document.createElement('img') : document.createElement('i');
+      Object.assign(tempGhost.style, this.helperStyles);
+
+      // Set the appropriate attribute or property based on the control icon type
+      if (isSvgIcon) {
+        tempGhost.src = control.icon;
+      } else {
+        tempGhost.setAttribute('class', control.icon);
+      }
+      document.body.appendChild(tempGhost);
       nodeTypesStore.commit('setGhostNode', tempGhost);
-      document.body.appendChild(this.movedElement);
+      var sourceElement = event.target;
       this.xOffset = event.clientX - sourceElement.getBoundingClientRect().left;
       this.yOffset = event.clientY - sourceElement.getBoundingClientRect().top;
     },
@@ -46463,9 +46647,10 @@ var pin_angle_fill_namespaceObject = __webpack_require__.p + "img/pin-angle-fill
 
 
 
+
 /* harmony default export */ var nodeTypesLoopvue_type_script_lang_js_ = ({
   name: 'NodeTypesLoop',
-  mixins: [clickAndDrop],
+  mixins: [clickAndDrop, iconHelper],
   data: function data() {
     return {
       pinIcon: pin_angle_namespaceObject,
@@ -46517,9 +46702,9 @@ var pin_angle_fill_namespaceObject = __webpack_require__.p + "img/pin-angle-fill
 });
 ;// CONCATENATED MODULE: ./src/components/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=script&lang=js&
  /* harmony default export */ var nodeTypesLoop_nodeTypesLoopvue_type_script_lang_js_ = (nodeTypesLoopvue_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/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=style&index=0&id=45ee6a34&prod&lang=scss&
-var nodeTypesLoopvue_type_style_index_0_id_45ee6a34_prod_lang_scss_ = __webpack_require__(73550);
-;// CONCATENATED MODULE: ./src/components/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=style&index=0&id=45ee6a34&prod&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/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=style&index=0&id=d776371a&prod&lang=scss&
+var nodeTypesLoopvue_type_style_index_0_id_d776371a_prod_lang_scss_ = __webpack_require__(15293);
+;// CONCATENATED MODULE: ./src/components/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue?vue&type=style&index=0&id=d776371a&prod&lang=scss&
 
 ;// CONCATENATED MODULE: ./src/components/rails/explorer-rail/nodeTypesLoop/nodeTypesLoop.vue
 
@@ -46532,8 +46717,8 @@ var nodeTypesLoopvue_type_style_index_0_id_45ee6a34_prod_lang_scss_ = __webpack_
 
 var nodeTypesLoop_component = normalizeComponent(
   nodeTypesLoop_nodeTypesLoopvue_type_script_lang_js_,
-  nodeTypesLoopvue_type_template_id_45ee6a34_render,
-  nodeTypesLoopvue_type_template_id_45ee6a34_staticRenderFns,
+  nodeTypesLoopvue_type_template_id_d776371a_render,
+  nodeTypesLoopvue_type_template_id_d776371a_staticRenderFns,
   false,
   null,
   null,
@@ -46745,31 +46930,47 @@ var explorer_component = normalizeComponent(
 )
 
 /* harmony default export */ var explorer = (explorer_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
-var remove = __webpack_require__(82729);
-var remove_default = /*#__PURE__*/__webpack_require__.n(remove);
-;// 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/inspectors/inspectorButton/InspectorButton.vue?vue&type=template&id=cebfb20a&scoped=true&
-var InspectorButtonvue_type_template_id_cebfb20a_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/welcome/WelcomeMessage.vue?vue&type=template&id=76e7cba2&
+var WelcomeMessagevue_type_template_id_76e7cba2_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('button', {
-    staticClass: "inspector-button",
-    attrs: {
-      "type": "button",
-      "data-cy": "inspector-button"
-    },
+  return _c('div', {
+    staticClass: "message d-flex flex-column w-100 align-items-center"
+  }, [_c('div', {
+    staticClass: "d-flex justify-content-center align-items-center flex-column justify-content-center"
+  }, [_c('div', {
+    staticClass: "w-100"
+  }, [_vm._v(" " + _vm._s(_vm.$t("To start, click and drop objects to build the process you like.")) + " ")]), _vm._m(0)]), _c('b-button', {
+    staticClass: "new-process-btn d-flex flex-row p-2 align-items-center",
     on: {
-      "click": _vm.toggleInspector
+      "click": _vm.onClick
     }
   }, [_c('inline-svg', {
+    staticClass: "mx-2 ai-icon",
     attrs: {
-      "src": _vm.inspectorIcon
+      "src": _vm.proceC2Icon
     }
-  })], 1);
+  }), _c('div', {
+    staticClass: "mr-3"
+  }, [_vm._v(_vm._s(_vm.$t("Kick-start a new process with our generative AI")))]), _c('span', {
+    staticClass: "fa fa-chevron-right"
+  })], 1)], 1);
 };
-var InspectorButtonvue_type_template_id_cebfb20a_scoped_true_staticRenderFns = [];
+var WelcomeMessagevue_type_template_id_76e7cba2_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "justify-content-center align-items-center w-100 text-center my-4"
+  }, [_c('div', {
+    staticClass: "text-align-center d-flex text-center justify-content-center align-items-center"
+  }, [_c('div', {
+    staticClass: "hyphen"
+  }), _vm._v(" or "), _c('div', {
+    staticClass: "hyphen"
+  })])]);
+}];
+
+;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue?vue&type=template&id=76e7cba2&
 
 ;// CONCATENATED MODULE: ./node_modules/vue-inline-svg/src/index.js
 /** @type Record<string, PromiseWithState<Element>> */
@@ -47000,6 +47201,73 @@ const InlineSvgPlugin = {
 // eslint-disable-next-line no-restricted-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/welcome/WelcomeMessage.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var WelcomeMessagevue_type_script_lang_js_ = ({
+  name: 'WelcomeMessage',
+  components: {
+    InlineSvg: InlineSvgComponent
+  },
+  data: function data() {
+    return {
+      proceC2Icon: __webpack_require__(7225)
+    };
+  },
+  methods: {}
+});
+;// 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=76e7cba2&prod&lang=css&
+var WelcomeMessagevue_type_style_index_0_id_76e7cba2_prod_lang_css_ = __webpack_require__(32609);
+;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue?vue&type=style&index=0&id=76e7cba2&prod&lang=css&
+
+;// CONCATENATED MODULE: ./src/components/welcome/WelcomeMessage.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var WelcomeMessage_component = normalizeComponent(
+  welcome_WelcomeMessagevue_type_script_lang_js_,
+  WelcomeMessagevue_type_template_id_76e7cba2_render,
+  WelcomeMessagevue_type_template_id_76e7cba2_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var WelcomeMessage = (WelcomeMessage_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
+var remove = __webpack_require__(82729);
+var remove_default = /*#__PURE__*/__webpack_require__.n(remove);
+;// 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/inspectors/inspectorButton/InspectorButton.vue?vue&type=template&id=cebfb20a&scoped=true&
+var InspectorButtonvue_type_template_id_cebfb20a_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('button', {
+    staticClass: "inspector-button",
+    attrs: {
+      "type": "button",
+      "data-cy": "inspector-button"
+    },
+    on: {
+      "click": _vm.toggleInspector
+    }
+  }, [_c('inline-svg', {
+    attrs: {
+      "src": _vm.inspectorIcon
+    }
+  })], 1);
+};
+var InspectorButtonvue_type_template_id_cebfb20a_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/inspectors/inspectorButton/InspectorButton.vue?vue&type=script&lang=js&
 
 /* harmony default export */ var InspectorButtonvue_type_script_lang_js_ = ({
@@ -47050,8 +47318,8 @@ var InspectorButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var InspectorButton = (InspectorButton_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/inspectors/InspectorPanel.vue?vue&type=template&id=738023ac&scoped=true&
-var InspectorPanelvue_type_template_id_738023ac_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/inspectors/InspectorPanel.vue?vue&type=template&id=ebcaadf8&scoped=true&
+var InspectorPanelvue_type_template_id_ebcaadf8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('transition', {
@@ -47061,7 +47329,8 @@ var InspectorPanelvue_type_template_id_738023ac_scoped_true_render = function re
   }, [_c('b-col', {
     staticClass: "pl-0 h-100 overflow-hidden inspector-column",
     class: [{
-      'ignore-pointer': _vm.canvasDragPosition
+      'ignore-pointer': _vm.canvasDragPosition,
+      'ai-inspector': _vm.isAiInspector
     }],
     attrs: {
       "id": "inspector",
@@ -47084,7 +47353,7 @@ var InspectorPanelvue_type_template_id_738023ac_scoped_true_render = function re
           staticClass: "inspector-header"
         }, [_c('div', {
           staticClass: "inspector-header-title"
-        }, [_vm._v(" " + _vm._s(_vm.$t('Configuration')) + " ")]), _c('button', {
+        }, [_vm._v(" " + _vm._s(_vm.inspectorHeaderTitle) + " ")]), _c('button', {
           staticClass: "close",
           attrs: {
             "type": "button",
@@ -47116,7 +47385,7 @@ var InspectorPanelvue_type_template_id_738023ac_scoped_true_render = function re
     }
   }) : _vm._e()], 1)], 1)], 1);
 };
-var InspectorPanelvue_type_template_id_738023ac_scoped_true_staticRenderFns = [];
+var InspectorPanelvue_type_template_id_ebcaadf8_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: external "@processmaker/screen-builder"
 var screen_builder_ = __webpack_require__(43637);
@@ -47193,6 +47462,7 @@ external_vue_default().component('FormAccordion', vue_form_elements_.FormAccordi
 external_vue_default().component('FormDatePicker', vue_form_elements_.FormDatePicker);
 external_vue_default().component('FormMultiSelect', vue_form_elements_.FormMultiSelect);
 /* harmony default export */ var InspectorPanelvue_type_script_lang_js_ = ({
+  components: {},
   props: ['nodeRegistry', 'moddle', 'processNode', 'parentHeight', 'canvasDragPosition', 'definitions'],
   data: function data() {
     return {
@@ -47229,6 +47499,15 @@ external_vue_default().component('FormMultiSelect', vue_form_elements_.FormMulti
     }
   },
   computed: {
+    inspectorHeaderTitle: function inspectorHeaderTitle() {
+      if (this.data.implementation === 'package-ai/processmaker-ai-assistant') {
+        return this.$t('AI Assistant');
+      }
+      return this.$t('Configuration');
+    },
+    isAiInspector: function isAiInspector() {
+      return this.data.implementation === 'package-ai/processmaker-ai-assistant';
+    },
     highlightedNode: function highlightedNode() {
       return store.getters.highlightedNodes[0];
     },
@@ -47374,9 +47653,9 @@ external_vue_default().component('FormMultiSelect', vue_form_elements_.FormMulti
 });
 ;// CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_InspectorPanelvue_type_script_lang_js_ = (InspectorPanelvue_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/inspectors/inspector.scss?vue&type=style&index=0&id=738023ac&prod&lang=scss&scoped=true&
-var inspectorvue_type_style_index_0_id_738023ac_prod_lang_scss_scoped_true_ = __webpack_require__(30152);
-;// CONCATENATED MODULE: ./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=738023ac&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/inspectors/inspector.scss?vue&type=style&index=0&id=ebcaadf8&prod&lang=scss&scoped=true&
+var inspectorvue_type_style_index_0_id_ebcaadf8_prod_lang_scss_scoped_true_ = __webpack_require__(58074);
+;// CONCATENATED MODULE: ./src/components/inspectors/inspector.scss?vue&type=style&index=0&id=ebcaadf8&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/InspectorPanel.vue
 
@@ -47389,18 +47668,18 @@ var inspectorvue_type_style_index_0_id_738023ac_prod_lang_scss_scoped_true_ = __
 
 var InspectorPanel_component = normalizeComponent(
   inspectors_InspectorPanelvue_type_script_lang_js_,
-  InspectorPanelvue_type_template_id_738023ac_scoped_true_render,
-  InspectorPanelvue_type_template_id_738023ac_scoped_true_staticRenderFns,
+  InspectorPanelvue_type_template_id_ebcaadf8_scoped_true_render,
+  InspectorPanelvue_type_template_id_ebcaadf8_scoped_true_staticRenderFns,
   false,
   null,
-  "738023ac",
+  "ebcaadf8",
   null
   
 )
 
 /* harmony default export */ var InspectorPanel = (InspectorPanel_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/inspectors/PreviewPanel.vue?vue&type=template&id=03688ded&scoped=true&
-var PreviewPanelvue_type_template_id_03688ded_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/inspectors/PreviewPanel.vue?vue&type=template&id=e3f3402e&scoped=true&
+var PreviewPanelvue_type_template_id_e3f3402e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('b-col', {
@@ -47518,7 +47797,7 @@ var PreviewPanelvue_type_template_id_03688ded_scoped_true_render = function rend
     staticClass: "task-title"
   }, [_vm._v(" " + _vm._s(_vm.taskTitle) + " ")])]), _c('no-preview-available')], 1);
 };
-var PreviewPanelvue_type_template_id_03688ded_scoped_true_staticRenderFns = [];
+var PreviewPanelvue_type_template_id_e3f3402e_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/inspectors/NoPreviewAvailable.vue?vue&type=template&id=7ec3935d&scoped=true&
 var NoPreviewAvailablevue_type_template_id_7ec3935d_scoped_true_render = function render() {
@@ -47662,9 +47941,9 @@ var NoPreviewAvailable_component = normalizeComponent(
 });
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue?vue&type=script&lang=js&
  /* harmony default export */ var inspectors_PreviewPanelvue_type_script_lang_js_ = (PreviewPanelvue_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/inspectors/preview_panel.scss?vue&type=style&index=0&id=03688ded&prod&lang=scss&scoped=true&
-var preview_panelvue_type_style_index_0_id_03688ded_prod_lang_scss_scoped_true_ = __webpack_require__(86280);
-;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=03688ded&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/inspectors/preview_panel.scss?vue&type=style&index=0&id=e3f3402e&prod&lang=scss&scoped=true&
+var preview_panelvue_type_style_index_0_id_e3f3402e_prod_lang_scss_scoped_true_ = __webpack_require__(70216);
+;// CONCATENATED MODULE: ./src/components/inspectors/preview_panel.scss?vue&type=style&index=0&id=e3f3402e&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/inspectors/PreviewPanel.vue
 
@@ -47677,11 +47956,11 @@ var preview_panelvue_type_style_index_0_id_03688ded_prod_lang_scss_scoped_true_
 
 var PreviewPanel_component = normalizeComponent(
   inspectors_PreviewPanelvue_type_script_lang_js_,
-  PreviewPanelvue_type_template_id_03688ded_scoped_true_render,
-  PreviewPanelvue_type_template_id_03688ded_scoped_true_staticRenderFns,
+  PreviewPanelvue_type_template_id_e3f3402e_scoped_true_render,
+  PreviewPanelvue_type_template_id_e3f3402e_scoped_true_staticRenderFns,
   false,
   null,
-  "03688ded",
+  "e3f3402e",
   null
   
 )
@@ -50608,6 +50887,9 @@ var validTasks = ['bpmn:ServiceTask', 'bpmn:ManualTask', 'bpmn:CallActivity', 'b
   if (validTasks.indexOf(node.bpmnType) === -1) {
     return;
   }
+  if (node.implementation === 'package-ai/processmaker-ai-assistant') {
+    return;
+  }
 
   // Insert the loop config inspector at the specified index
   node.inspectorConfig[0].items.splice(node.loopInspectorIndex || 1, 0, inspectors_LoopCharacteristics);
@@ -51506,8 +51788,8 @@ var Controlsvue_type_template_id_0e6b16b8_scoped_true_render = function render()
 };
 var Controlsvue_type_template_id_0e6b16b8_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/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=template&id=acf58eca&scoped=true&
-var SubmenuPoppervue_type_template_id_acf58eca_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/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=template&id=36ac61a1&scoped=true&
+var SubmenuPoppervue_type_template_id_36ac61a1_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.data.items ? _c('popper', {
@@ -51544,7 +51826,10 @@ var SubmenuPoppervue_type_template_id_acf58eca_scoped_true_render = function ren
           return _vm.onClickHandler($event, item);
         }
       }
-    }, [_c('inline-svg', {
+    }, [!_vm.containsSvg(item.icon) ? _c('i', {
+      staticClass: "fa-lg",
+      class: item.icon
+    }) : _c('inline-svg', {
       attrs: {
         "src": item.icon,
         "alt": item.label
@@ -51575,7 +51860,10 @@ var SubmenuPoppervue_type_template_id_acf58eca_scoped_true_render = function ren
     slot: "reference"
   }, [_c('div', {
     staticClass: "control-submenu-options"
-  }, [_c('span')]), _c('inline-svg', {
+  }, [_c('span')]), !_vm.containsSvg(_vm.data.icon) ? _c('i', {
+    staticClass: "fa-lg",
+    class: _vm.data.icon
+  }) : _vm._e(), _c('inline-svg', {
     attrs: {
       "src": _vm.data.icon
     }
@@ -51598,13 +51886,16 @@ var SubmenuPoppervue_type_template_id_acf58eca_scoped_true_render = function ren
       "alt": _vm.data.label,
       "title": _vm.$t(_vm.data.label)
     }
-  }, [_c('inline-svg', {
+  }, [!_vm.containsSvg(_vm.data.icon) ? _c('i', {
+    staticClass: "fa-lg",
+    class: _vm.data.icon
+  }) : _vm._e(), _c('inline-svg', {
     attrs: {
       "src": _vm.data.icon
     }
   })], 1);
 };
-var SubmenuPoppervue_type_template_id_acf58eca_scoped_true_staticRenderFns = [];
+var SubmenuPoppervue_type_template_id_36ac61a1_scoped_true_staticRenderFns = [];
 
 // EXTERNAL MODULE: ./node_modules/vue-popperjs/dist/vue-popper.min.js
 var vue_popper_min = __webpack_require__(95951);
@@ -51615,7 +51906,9 @@ var vue_popper = __webpack_require__(54340);
 
 
 
+
 /* harmony default export */ var SubmenuPoppervue_type_script_lang_js_ = ({
+  mixins: [iconHelper],
   props: {
     data: {
       type: Object
@@ -51650,9 +51943,9 @@ var vue_popper = __webpack_require__(54340);
 });
 ;// CONCATENATED MODULE: ./src/components/railBottom/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=script&lang=js&
  /* harmony default export */ var SubmenuPopper_SubmenuPoppervue_type_script_lang_js_ = (SubmenuPoppervue_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/railBottom/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=style&index=0&id=acf58eca&prod&lang=scss&scoped=true&
-var SubmenuPoppervue_type_style_index_0_id_acf58eca_prod_lang_scss_scoped_true_ = __webpack_require__(46678);
-;// CONCATENATED MODULE: ./src/components/railBottom/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=style&index=0&id=acf58eca&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]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/railBottom/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=style&index=0&id=36ac61a1&prod&lang=scss&scoped=true&
+var SubmenuPoppervue_type_style_index_0_id_36ac61a1_prod_lang_scss_scoped_true_ = __webpack_require__(60336);
+;// CONCATENATED MODULE: ./src/components/railBottom/controls/SubmenuPopper/SubmenuPopper.vue?vue&type=style&index=0&id=36ac61a1&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./src/components/railBottom/controls/SubmenuPopper/SubmenuPopper.vue
 
@@ -51665,11 +51958,11 @@ var SubmenuPoppervue_type_style_index_0_id_acf58eca_prod_lang_scss_scoped_true_
 
 var SubmenuPopper_component = normalizeComponent(
   SubmenuPopper_SubmenuPoppervue_type_script_lang_js_,
-  SubmenuPoppervue_type_template_id_acf58eca_scoped_true_render,
-  SubmenuPoppervue_type_template_id_acf58eca_scoped_true_staticRenderFns,
+  SubmenuPoppervue_type_template_id_36ac61a1_scoped_true_render,
+  SubmenuPoppervue_type_template_id_36ac61a1_scoped_true_staticRenderFns,
   false,
   null,
-  "acf58eca",
+  "36ac61a1",
   null
   
 )
@@ -54230,6 +54523,9 @@ var RemoteCursor_component = normalizeComponent(
 
 
 
+
+
+
 
 
 
@@ -54244,6 +54540,7 @@ var RemoteCursor_component = normalizeComponent(
     ProcessmakerModelerGenericFlow: genericFlow,
     Selection: Selection,
     RailBottom: RailBottom,
+    WelcomeMessage: WelcomeMessage,
     RemoteCursor: RemoteCursor
   },
   props: {
@@ -54371,6 +54668,9 @@ var RemoteCursor_component = normalizeComponent(
     }
   },
   computed: {
+    showWelcomeMessage: function showWelcomeMessage() {
+      return !this.selectedNode && !this.nodes.length && !store.getters.isReadOnly;
+    },
     noElementsSelected: function noElementsSelected() {
       return this.highlightedNodes.filter(function (node) {
         return !node.isType('processmaker-modeler-process');
@@ -54621,27 +54921,30 @@ var RemoteCursor_component = normalizeComponent(
       }))();
     },
     saveBpmn: function saveBpmn() {
-      var _this6 = this;
+      var _arguments2 = arguments,
+        _this6 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-        var svg, css, style, xml, svgString;
+        var redirectTo, svg, css, style, xml, svgString;
         return _regeneratorRuntime().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
+              redirectTo = _arguments2.length > 0 && _arguments2[0] !== undefined ? _arguments2[0] : null;
               svg = document.querySelector('.mini-paper svg');
               css = 'text { font-family: sans-serif; }';
               style = document.createElement('style');
               style.appendChild(document.createTextNode(css));
               svg.appendChild(style);
-              _context5.next = 7;
+              _context5.next = 8;
               return _this6.getXmlFromDiagram();
-            case 7:
+            case 8:
               xml = _context5.sent;
               svgString = new XMLSerializer().serializeToString(svg);
               _this6.$emit('saveBpmn', {
                 xml: xml,
-                svg: svgString
+                svg: svgString,
+                redirectUrl: redirectTo
               });
-            case 10:
+            case 11:
             case "end":
               return _context5.stop();
           }
@@ -54871,6 +55174,7 @@ var RemoteCursor_component = normalizeComponent(
         }
         _this11.parsers[bpmnType].default.push(defaultParser);
       });
+      nodeTypesStore.commit('setNodeTypes', this.nodeTypes);
     },
     registerPmBlock: function registerPmBlock(pmBlockNode, customParser) {
       var _this12 = this;
@@ -55179,14 +55483,14 @@ var RemoteCursor_component = normalizeComponent(
       }))();
     },
     loadXML: function loadXML() {
-      var _arguments2 = arguments,
+      var _arguments3 = arguments,
         _this24 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
         var xml, emitChangeEvent;
         return _regeneratorRuntime().wrap(function _callee12$(_context12) {
           while (1) switch (_context12.prev = _context12.next) {
             case 0:
-              xml = _arguments2.length > 0 && _arguments2[0] !== undefined ? _arguments2[0] : null;
+              xml = _arguments3.length > 0 && _arguments3[0] !== undefined ? _arguments3[0] : null;
               emitChangeEvent = false;
               if (xml === null) {
                 xml = _this24.currentXML;
@@ -55280,14 +55584,14 @@ var RemoteCursor_component = normalizeComponent(
       }
     },
     handleDropProcedure: function handleDropProcedure(data) {
-      var _arguments3 = arguments,
+      var _arguments4 = arguments,
         _this26 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
         var selected, clientX, clientY, control, nodeThatWillBeReplaced, id, definition, diagram, _this26$paperManager$, x, y, newNode, nodeMigrator;
         return _regeneratorRuntime().wrap(function _callee13$(_context13) {
           while (1) switch (_context13.prev = _context13.next) {
             case 0:
-              selected = _arguments3.length > 1 && _arguments3[1] !== undefined ? _arguments3[1] : true;
+              selected = _arguments4.length > 1 && _arguments4[1] !== undefined ? _arguments4[1] : true;
               clientX = data.clientX, clientY = data.clientY, control = data.control, nodeThatWillBeReplaced = data.nodeThatWillBeReplaced, id = data.id;
               _this26.validateDropTarget({
                 clientX: clientX,
@@ -55362,15 +55666,15 @@ var RemoteCursor_component = normalizeComponent(
       }))();
     },
     addNode: function addNode(node) {
-      var _arguments4 = arguments,
+      var _arguments5 = arguments,
         _this28 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15() {
         var id, selected, targetProcess;
         return _regeneratorRuntime().wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
             case 0:
-              id = _arguments4.length > 1 && _arguments4[1] !== undefined ? _arguments4[1] : null;
-              selected = _arguments4.length > 2 && _arguments4[2] !== undefined ? _arguments4[2] : true;
+              id = _arguments5.length > 1 && _arguments5[1] !== undefined ? _arguments5[1] : null;
+              selected = _arguments5.length > 2 && _arguments5[2] !== undefined ? _arguments5[2] : true;
               if (!node.pool) {
                 node.pool = _this28.poolTarget;
               }
@@ -55447,14 +55751,14 @@ var RemoteCursor_component = normalizeComponent(
       }))();
     },
     removeNodeProcedure: function removeNodeProcedure(node) {
-      var _arguments5 = arguments,
+      var _arguments6 = arguments,
         _this31 = this;
       return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18() {
         var _ref6, _ref6$removeRelations, removeRelationships;
         return _regeneratorRuntime().wrap(function _callee18$(_context18) {
           while (1) switch (_context18.prev = _context18.next) {
             case 0:
-              _ref6 = _arguments5.length > 1 && _arguments5[1] !== undefined ? _arguments5[1] : {}, _ref6$removeRelations = _ref6.removeRelationships, removeRelationships = _ref6$removeRelations === void 0 ? true : _ref6$removeRelations;
+              _ref6 = _arguments6.length > 1 && _arguments6[1] !== undefined ? _arguments6[1] : {}, _ref6$removeRelations = _ref6.removeRelationships, removeRelationships = _ref6$removeRelations === void 0 ? true : _ref6$removeRelations;
               if (node) {
                 _context18.next = 3;
                 break;
@@ -55586,68 +55890,131 @@ var RemoteCursor_component = normalizeComponent(
         }, _callee23);
       })));
     },
-    replaceGenericFlow: function replaceGenericFlow(_ref12) {
+    replaceAiNode: function replaceAiNode(_ref12) {
       var _this34 = this;
-      var actualFlow = _ref12.actualFlow,
-        genericFlow = _ref12.genericFlow,
-        targetNode = _ref12.targetNode;
+      var node = _ref12.node,
+        typeToReplaceWith = _ref12.typeToReplaceWith,
+        assetId = _ref12.assetId,
+        assetName = _ref12.assetName,
+        redirectTo = _ref12.redirectTo;
       this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
         return _regeneratorRuntime().wrap(function _callee25$(_context25) {
           while (1) switch (_context25.prev = _context25.next) {
             case 0:
               _context25.next = 2;
               return _this34.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
+                var _this34$paper$localTo, clientX, clientY, newNode;
                 return _regeneratorRuntime().wrap(function _callee24$(_context24) {
                   while (1) switch (_context24.prev = _context24.next) {
                     case 0:
-                      _context24.next = 2;
-                      return _this34.highlightNode(null);
+                      _this34$paper$localTo = _this34.paper.localToClientPoint(node.diagram.bounds), clientX = _this34$paper$localTo.x, clientY = _this34$paper$localTo.y;
+                      _context24.next = 3;
+                      return _this34.handleDrop({
+                        clientX: clientX,
+                        clientY: clientY,
+                        control: {
+                          type: typeToReplaceWith
+                        },
+                        nodeThatWillBeReplaced: node
+                      });
+                    case 3:
+                      newNode = _context24.sent;
+                      if (typeToReplaceWith === 'processmaker-modeler-task') {
+                        newNode.definition.screenRef = assetId;
+                        newNode.definition.name = assetName;
+                      }
+                      if (typeToReplaceWith === 'processmaker-modeler-script-task') {
+                        newNode.definition.scriptRef = assetId;
+                        newNode.definition.name = assetName;
+                      }
+                      if (typeToReplaceWith === 'processmaker-modeler-call-activity') {
+                        newNode.definition.name = assetName;
+                        newNode.definition.calledElement = "ProcessId-".concat(assetId);
+                        newNode.definition.config = "{\"calledElement\":\"ProcessId-".concat(assetId, "\",\"processId\":").concat(assetId, ",\"startEvent\":\"node_1\",\"name\":").concat(assetId, "}");
+                      }
+                      _context24.next = 9;
+                      return _this34.removeNode(node, {
+                        removeRelationships: false
+                      });
+                    case 9:
+                      _this34.highlightNode(newNode);
+                      _this34.selectNewNode(newNode);
+                      _this34.saveBpmn(redirectTo);
+                    case 12:
+                    case "end":
+                      return _context24.stop();
+                  }
+                }, _callee24);
+              })));
+            case 2:
+            case "end":
+              return _context25.stop();
+          }
+        }, _callee25);
+      })));
+    },
+    replaceGenericFlow: function replaceGenericFlow(_ref15) {
+      var _this35 = this;
+      var actualFlow = _ref15.actualFlow,
+        genericFlow = _ref15.genericFlow,
+        targetNode = _ref15.targetNode;
+      this.performSingleUndoRedoTransaction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+        return _regeneratorRuntime().wrap(function _callee27$(_context27) {
+          while (1) switch (_context27.prev = _context27.next) {
+            case 0:
+              _context27.next = 2;
+              return _this35.paperManager.performAtomicAction( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
+                return _regeneratorRuntime().wrap(function _callee26$(_context26) {
+                  while (1) switch (_context26.prev = _context26.next) {
+                    case 0:
+                      _context26.next = 2;
+                      return _this35.highlightNode(null);
                     case 2:
-                      _context24.next = 4;
-                      return _this34.$nextTick();
+                      _context26.next = 4;
+                      return _this35.$nextTick();
                     case 4:
-                      _context24.next = 6;
-                      return _this34.addNode(actualFlow);
+                      _context26.next = 6;
+                      return _this35.addNode(actualFlow);
                     case 6:
-                      _context24.next = 8;
+                      _context26.next = 8;
                       return store.commit('removeNode', genericFlow);
                     case 8:
-                      _context24.next = 10;
-                      return _this34.$nextTick();
+                      _context26.next = 10;
+                      return _this35.$nextTick();
                     case 10:
-                      _context24.next = 12;
-                      return _this34.highlightNode(targetNode);
+                      _context26.next = 12;
+                      return _this35.highlightNode(targetNode);
                     case 12:
                     case "end":
-                      return _context24.stop();
+                      return _context26.stop();
                   }
-                }, _callee24);
+                }, _callee26);
               })));
             case 2:
             case "end":
-              return _context25.stop();
+              return _context27.stop();
           }
-        }, _callee25);
+        }, _callee27);
       })));
     },
     performSingleUndoRedoTransaction: function performSingleUndoRedoTransaction(cb) {
-      var _this35 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
-        return _regeneratorRuntime().wrap(function _callee26$(_context26) {
-          while (1) switch (_context26.prev = _context26.next) {
+      var _this36 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28() {
+        return _regeneratorRuntime().wrap(function _callee28$(_context28) {
+          while (1) switch (_context28.prev = _context28.next) {
             case 0:
               undoRedoStore.commit('disableSavingState');
-              _context26.next = 3;
+              _context28.next = 3;
               return cb();
             case 3:
               undoRedoStore.commit('enableSavingState');
-              _context26.next = 6;
-              return _this35.pushToUndoStack();
+              _context28.next = 6;
+              return _this36.pushToUndoStack();
             case 6:
             case "end":
-              return _context26.stop();
+              return _context28.stop();
           }
-        }, _callee26);
+        }, _callee28);
       }))();
     },
     removeNodesFromLane: function removeNodesFromLane(node) {
@@ -55660,36 +56027,36 @@ var RemoteCursor_component = normalizeComponent(
       pull_default()(containingLane.get('flowNodeRef'), node.definition);
     },
     removeNodesFromPool: function removeNodesFromPool(node) {
-      var _this36 = this;
+      var _this37 = this;
       if (node.type === 'processmaker-modeler-pool' && node.definition.processRef) {
         if (node.definition.processRef.artifacts) {
           node.definition.processRef.artifacts.forEach(function (artifact) {
-            var nodeToRemove = _this36.nodes.find(function (n) {
+            var nodeToRemove = _this37.nodes.find(function (n) {
               return n.definition === artifact;
             });
             if (nodeToRemove) {
-              _this36.removeNode(nodeToRemove);
+              _this37.removeNode(nodeToRemove);
             }
           });
         }
         if (node.definition.processRef.flowElements) {
           node.definition.processRef.flowElements.forEach(function (flowElement) {
-            var nodeToRemove = _this36.nodes.find(function (n) {
+            var nodeToRemove = _this37.nodes.find(function (n) {
               return n.definition === flowElement;
             });
             if (nodeToRemove) {
-              _this36.removeNode(nodeToRemove);
+              _this37.removeNode(nodeToRemove);
             }
           });
         }
         var laneSets = node.definition.processRef.laneSets;
         if (!!laneSets && laneSets.length > 0) {
           laneSets[0].lanes.forEach(function (lane) {
-            var nodeToRemove = _this36.nodes.find(function (n) {
+            var nodeToRemove = _this37.nodes.find(function (n) {
               return n.definition === lane;
             });
             if (nodeToRemove) {
-              _this36.removeNode(nodeToRemove);
+              _this37.removeNode(nodeToRemove);
             }
           });
         }
@@ -55703,10 +56070,10 @@ var RemoteCursor_component = normalizeComponent(
       this.parentHeight = clientHeight + 'px';
       this.paperManager.setPaperDimensions(clientWidth, clientHeight);
     },
-    validateDropTarget: function validateDropTarget(_ref15) {
-      var clientX = _ref15.clientX,
-        clientY = _ref15.clientY,
-        control = _ref15.control;
+    validateDropTarget: function validateDropTarget(_ref18) {
+      var clientX = _ref18.clientX,
+        clientY = _ref18.clientY,
+        control = _ref18.control;
       var _getValidationPropert = getValidationProperties(clientX, clientY, control, this.paperManager.paper, this.graph, this.collaboration, this.$refs['paper-container']),
         allowDrop = _getValidationPropert.allowDrop,
         poolTarget = _getValidationPropert.poolTarget;
@@ -55717,13 +56084,13 @@ var RemoteCursor_component = normalizeComponent(
       return shape.component != null;
     },
     setShapeStacking: function setShapeStacking(shape) {
-      var _this37 = this;
+      var _this38 = this;
       if (this.isRendering || !shape.component.node.isType('processmaker-modeler-pool') && shape === this.previouslyStackedShape) {
         return;
       }
       this.previouslyStackedShape = shape;
       this.paperManager.performAtomicAction(function () {
-        return ensureShapeIsNotCovered(shape, _this37.graph);
+        return ensureShapeIsNotCovered(shape, _this38.graph);
       });
     },
     showSavedNotification: function showSavedNotification() {
@@ -55757,49 +56124,49 @@ var RemoteCursor_component = normalizeComponent(
       return false;
     },
     pointerDowInShape: function pointerDowInShape(event, element) {
-      var _this38 = this;
-      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee27() {
+      var _this39 = this;
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee29() {
         var x, y, shapeView;
-        return _regeneratorRuntime().wrap(function _callee27$(_context27) {
-          while (1) switch (_context27.prev = _context27.next) {
+        return _regeneratorRuntime().wrap(function _callee29$(_context29) {
+          while (1) switch (_context29.prev = _context29.next) {
             case 0:
               x = event.clientX, y = event.clientY;
-              shapeView = _this38.paper.findViewByModel(element);
-              _this38.isDragging = false;
-              _this38.isSelecting = false;
-              _this38.isIntoTheSelection = false;
-              _this38.dragStart = {
+              shapeView = _this39.paper.findViewByModel(element);
+              _this39.isDragging = false;
+              _this39.isSelecting = false;
+              _this39.isIntoTheSelection = false;
+              _this39.dragStart = {
                 x: x,
                 y: y
               };
               // Verify if is in the selection box
-              if (!_this38.isPointInSelection(event)) {
-                _context27.next = 10;
+              if (!_this39.isPointInSelection(event)) {
+                _context29.next = 10;
                 break;
               }
-              _this38.isIntoTheSelection = true;
-              _context27.next = 15;
+              _this39.isIntoTheSelection = true;
+              _context29.next = 15;
               break;
             case 10:
               if (event.shiftKey) {
-                _context27.next = 15;
+                _context29.next = 15;
                 break;
               }
-              _context27.next = 13;
-              return _this38.$refs.selector.selectElement(shapeView);
+              _context29.next = 13;
+              return _this39.$refs.selector.selectElement(shapeView);
             case 13:
-              _context27.next = 15;
-              return _this38.$nextTick();
+              _context29.next = 15;
+              return _this39.$nextTick();
             case 15:
-              _this38.$refs.selector.startDrag({
+              _this39.$refs.selector.startDrag({
                 clientX: event.clientX,
                 clientY: event.clientY
               });
             case 16:
             case "end":
-              return _context27.stop();
+              return _context29.stop();
           }
-        }, _callee27);
+        }, _callee29);
       }))();
     },
     pointerDownHandler: function pointerDownHandler(event) {
@@ -55867,6 +56234,9 @@ var RemoteCursor_component = normalizeComponent(
       this.dragStart = null;
       this.isSelecting = false;
     },
+    redirect: function redirect(redirectTo) {
+      window.location = redirectTo;
+    },
     enableMultiplayer: function enableMultiplayer() {
       this.isMultiplayer = true;
     }
@@ -55905,7 +56275,7 @@ var RemoteCursor_component = normalizeComponent(
     this.$emit('set-xml-manager', this.xmlManager);
   },
   mounted: function mounted() {
-    var _this39 = this;
+    var _this40 = this;
     store.commit('setReadOnly', this.readOnly);
     this.graph = new external_jointjs_.dia.Graph();
     store.commit('setGraph', this.graph);
@@ -55924,47 +56294,47 @@ var RemoteCursor_component = normalizeComponent(
     store.commit('setPaper', this.paperManager.paper);
     this.paperManager.addEventHandler('element:pointerclick', this.blurFocusedScreenBuilderElement, this);
     this.paperManager.addEventHandler('blank:pointerdown', function (event, x, y) {
-      if (_this39.isGrabbing) return;
+      if (_this40.isGrabbing) return;
       if (store.getters.isReadOnly) {
-        _this39.isGrabbing = true;
+        _this40.isGrabbing = true;
       }
-      var scale = _this39.paperManager.scale;
-      _this39.canvasDragPosition = {
+      var scale = _this40.paperManager.scale;
+      _this40.canvasDragPosition = {
         x: x * scale.sx,
         y: y * scale.sy
       };
-      _this39.isOverShape = false;
-      _this39.pointerDownHandler(event);
+      _this40.isOverShape = false;
+      _this40.pointerDownHandler(event);
     }, this);
-    this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref16) {
-      var shape = _ref16.model;
-      if (_this39.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this39.isGrabbing) {
+    this.paperManager.addEventHandler('cell:mouseover element:mouseover', function (_ref19) {
+      var shape = _ref19.model;
+      if (_this40.isBpmnNode(shape) && shape.attr('body/cursor') !== 'default' && !_this40.isGrabbing) {
         shape.attr('body/cursor', 'move');
       }
       // If the user is panning the Paper while hovering an element, ignore the default move cursor
-      if (_this39.isGrabbing && _this39.isBpmnNode(shape)) {
+      if (_this40.isGrabbing && _this40.isBpmnNode(shape)) {
         shape.attr('body/cursor', 'grabbing');
       }
     });
     this.paperManager.addEventHandler('blank:pointerup', function (event) {
-      _this39.isGrabbing = false;
-      _this39.canvasDragPosition = null;
-      _this39.activeNode = null;
-      _this39.pointerUpHandler(event);
+      _this40.isGrabbing = false;
+      _this40.canvasDragPosition = null;
+      _this40.activeNode = null;
+      _this40.pointerUpHandler(event);
     }, this);
     this.paperManager.addEventHandler('cell:pointerup', function (cellView, event) {
-      _this39.canvasDragPosition = null;
-      _this39.activeNode = null;
-      _this39.pointerUpHandler(event, cellView);
+      _this40.canvasDragPosition = null;
+      _this40.activeNode = null;
+      _this40.pointerUpHandler(event, cellView);
     }, this);
     this.$refs['paper-container'].addEventListener('mouseenter', function () {
       store.commit('setClientLeftPaper', false);
     });
     this.$el.addEventListener('mousemove', function (event) {
-      _this39.pointerMoveHandler(event);
+      _this40.pointerMoveHandler(event);
     });
     this.$refs['paper-container'].addEventListener('mouseleave', function () {
-      _this39.paperManager.removeEventHandler('blank:pointermove');
+      _this40.paperManager.removeEventHandler('blank:pointermove');
       store.commit('setClientLeftPaper', true);
     });
     this.paperManager.addEventHandler('cell:pointerclick', function (cellView, evt, x, y) {
@@ -55973,46 +56343,46 @@ var RemoteCursor_component = normalizeComponent(
         clickHandler(cellView, evt, x, y);
       }
     });
-    this.paperManager.addEventHandler('cell:pointerclick', function (_ref17, event) {
-      var shape = _ref17.model;
-      if (!_this39.isBpmnNode(shape)) {
+    this.paperManager.addEventHandler('cell:pointerclick', function (_ref20, event) {
+      var shape = _ref20.model;
+      if (!_this40.isBpmnNode(shape)) {
         return;
       }
 
       // ignore click event if the user is Grabbing the paper
-      if (_this39.isGrabbing) return;
+      if (_this40.isGrabbing) return;
       shape.component.$emit('click', event);
-      _this39.$emit('click', {
+      _this40.$emit('click', {
         event: event,
-        node: _this39.highlightedNode.definition
+        node: _this40.highlightedNode.definition
       });
     });
-    this.paperManager.addEventHandler('cell:pointerdown', function (_ref18, event) {
-      var shape = _ref18.model;
-      if (!_this39.isBpmnNode(shape)) {
+    this.paperManager.addEventHandler('cell:pointerdown', function (_ref21, event) {
+      var shape = _ref21.model;
+      if (!_this40.isBpmnNode(shape)) {
         return;
       }
       // If the user is pressing Space (grabbing) and clicking on a Cell, return
-      if (_this39.isGrabbing) {
+      if (_this40.isGrabbing) {
         return;
       }
-      _this39.setShapeStacking(shape);
-      _this39.activeNode = shape.component.node;
-      _this39.isOverShape = true;
-      _this39.pointerDowInShape(event, shape);
+      _this40.setShapeStacking(shape);
+      _this40.activeNode = shape.component.node;
+      _this40.isOverShape = true;
+      _this40.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 (_this39.isGrabbing) {
-        if (!_this39.canvasDragPosition) {
-          var scale = _this39.paperManager.scale;
-          _this39.canvasDragPosition = {
+      if (_this40.isGrabbing) {
+        if (!_this40.canvasDragPosition) {
+          var scale = _this40.paperManager.scale;
+          _this40.canvasDragPosition = {
             x: x * scale.sx,
             y: y * scale.sy
           };
         }
-        if (_this39.canvasDragPosition && !_this39.clientLeftPaper) {
-          _this39.paperManager.translate(event.offsetX - _this39.canvasDragPosition.x, event.offsetY - _this39.canvasDragPosition.y);
+        if (_this40.canvasDragPosition && !_this40.clientLeftPaper) {
+          _this40.paperManager.translate(event.offsetX - _this40.canvasDragPosition.x, event.offsetY - _this40.canvasDragPosition.y);
         }
       }
     });
@@ -56023,27 +56393,27 @@ var RemoteCursor_component = normalizeComponent(
       modeler: this,
       registerMenuAction: this.registerMenuAction,
       loadXML: function () {
-        var _loadXML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee28(xml) {
-          return _regeneratorRuntime().wrap(function _callee28$(_context28) {
-            while (1) switch (_context28.prev = _context28.next) {
+        var _loadXML = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee30(xml) {
+          return _regeneratorRuntime().wrap(function _callee30$(_context30) {
+            while (1) switch (_context30.prev = _context30.next) {
               case 0:
-                _context28.next = 2;
-                return _this39.loadXML(xml);
+                _context30.next = 2;
+                return _this40.loadXML(xml);
               case 2:
-                _context28.next = 4;
+                _context30.next = 4;
                 return undoRedoStore.dispatch('pushState', xml);
               case 4:
-                if (_this39.isMultiplayer) {
+                if (_this40.isMultiplayer) {
                   window.ProcessMaker.EventBus.$emit('multiplayer-start', {
-                    modeler: _this39,
-                    callback: _this39.enableMultiplayer
+                    modeler: _this40,
+                    callback: _this40.enableMultiplayer
                   });
                 }
               case 5:
               case "end":
-                return _context28.stop();
+                return _context30.stop();
             }
-          }, _callee28);
+          }, _callee30);
         }));
         function loadXML(_x) {
           return _loadXML.apply(this, arguments);
@@ -56051,10 +56421,18 @@ var RemoteCursor_component = normalizeComponent(
         return loadXML;
       }(),
       addWarnings: function addWarnings(warnings) {
-        return _this39.$emit('warnings', warnings);
+        return _this40.$emit('warnings', warnings);
       },
       addBreadcrumbs: function addBreadcrumbs(breadcrumbs) {
-        return _this39.breadcrumbData.push(breadcrumbs);
+        return _this40.breadcrumbData.push(breadcrumbs);
+      }
+    });
+    this.$root.$on('replace-ai-node', function (data) {
+      _this40.replaceAiNode(data);
+    });
+    window.ProcessMaker.EventBus.$on('save-changes', function (redirectUrl) {
+      if (redirectUrl) {
+        _this40.redirect(redirectUrl);
       }
     });
   }
@@ -56076,8 +56454,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_f206a1fa_render,
-  Modelervue_type_template_id_f206a1fa_staticRenderFns,
+  Modelervue_type_template_id_30685ec1_render,
+  Modelervue_type_template_id_30685ec1_staticRenderFns,
   false,
   null,
   null,