diff --git a/composer.json b/composer.json
index 38001ca..f85f250 100644
--- a/composer.json
+++ b/composer.json
@@ -7,8 +7,9 @@
     ],
     "license": "MIT",
     "require": {
-        "php": "^8.0",
-        "illuminate/support": "8.* || 9.*",
+        "php": "^8.0 | ^8.1",
+        "illuminate/support": "8.* || 9.* || 10.* || 11.*",
+        "spatie/laravel-ray": "^1.32",
         "symfony/event-dispatcher": "^5.0",
         "symfony/workflow": "^5.0"
     },
diff --git a/dist/css/app.css b/dist/css/app.css
index 48cfd46..82d184e 100644
--- a/dist/css/app.css
+++ b/dist/css/app.css
@@ -1 +1 @@
-:root{--blue:#3b82f6;--cyan:#06b6d4;--lightBlue:#0ea5e9;--green:#22c55e;--lime:#84cc16;--orange:#f97316;--red:#ef4444;--purple:#9f7aea;--gray:#a0aec0;--yellow:#facc15;--indigo:#6366f1;--pink:#ec4899}.bg-blue{background:#3b82f6}.bg-blue-light{background:#b5d0fc}.text-blue-dark,.text-blue-light{color:#0b63f3}.bg-blue-dark{background:#0b63f3}.bg-cyan{background:#06b6d4}.bg-cyan-light{background:#5fe4fa}.text-cyan-dark,.text-cyan-light{color:#058ba2}.bg-cyan-dark{background:#058ba2}.bg-lightBlue{background:#0ea5e9}.bg-lightBlue-light{background:#7fd2f7}.text-lightBlue-dark,.text-lightBlue-light{color:#0b83b9}.bg-lightBlue-dark{background:#0b83b9}.bg-green{background:#22c55e}.bg-green-light{background:#7ee9a5}.text-green-dark,.text-green-light{color:#1a9a49}.bg-green-dark{background:#1a9a49}.bg-lime{background:#84cc16}.bg-lime-light{background:#bef072}.text-lime-dark,.text-lime-light{color:#669e11}.bg-lime-dark{background:#669e11}.bg-orange{background:#f97316}.bg-orange-light{background:#fcbe92}.text-orange-dark,.text-orange-light{color:#d65b06}.bg-orange-dark{background:#d65b06}.bg-red{background:#ef4444}.bg-red-light{background:#f9b9b9}.text-red-dark,.text-red-light{color:#eb1515}.bg-red-dark{background:#eb1515}.bg-purple{background:#9f7aea}.bg-purple-light{background:#eee8fb}.text-purple-dark,.text-purple-light{color:#7f4ee3}.bg-purple-dark{background:#7f4ee3}.bg-gray{background:#a0aec0}.bg-gray-light{background:#edeff3}.text-gray-dark,.text-gray-light{color:#8194ac}.bg-gray-dark{background:#8194ac}.bg-yellow{background:#facc15}.bg-yellow-light{background:#fde792}.text-yellow-dark,.text-yellow-light{color:#d7ad05}.bg-yellow-dark{background:#d7ad05}.bg-indigo{background:#6366f1}.bg-indigo-light{background:#d8d9fc}.text-indigo-dark,.text-indigo-light{color:#3438ed}.bg-indigo-dark{background:#3438ed}.bg-pink{background:#ec4899}.bg-pink-light{background:#f8bcd9}.text-pink-dark,.text-pink-light{color:#e71a7f}.bg-pink-dark{background:#e71a7f}
\ No newline at end of file
+:root{--blue:#3b82f6;--cyan:#06b6d4;--lightBlue:#0ea5e9;--green:#22c55e;--lime:#84cc16;--orange:#f97316;--red:#ef4444;--purple:#9f7aea;--gray:#a0aec0;--yellow:#facc15;--indigo:#6366f1;--pink:#ec4899}.bg-blue{background:#3b82f6}.bg-blue-light{background:#b5d0fc}.text-blue-dark,.text-blue-light{color:#0b63f3}.bg-blue-dark{background:#0b63f3}.bg-cyan{background:#06b6d4}.bg-cyan-light{background:#5fe4fa}.text-cyan-dark,.text-cyan-light{color:#058ba2}.bg-cyan-dark{background:#058ba2}.bg-lightBlue{background:#0ea5e9}.bg-lightBlue-light{background:#7fd2f7}.text-lightBlue-dark,.text-lightBlue-light{color:#0b83b9}.bg-lightBlue-dark{background:#0b83b9}.bg-green{background:#22c55e}.bg-green-light{background:#7ee9a5}.text-green-dark,.text-green-light{color:#1a9a49}.bg-green-dark{background:#1a9a49}.bg-lime{background:#84cc16}.bg-lime-light{background:#bef072}.text-lime-dark,.text-lime-light{color:#669e11}.bg-lime-dark{background:#669e11}.bg-orange{background:#f97316}.bg-orange-light{background:#fcbe92}.text-orange-dark,.text-orange-light{color:#d65b06}.bg-orange-dark{background:#d65b06}.bg-red{background:#ef4444}.bg-red-light{background:#f9b9b9}.text-red-dark,.text-red-light{color:#eb1515}.bg-red-dark{background:#eb1515}.bg-purple{background:#9f7aea}.bg-purple-light{background:#eee8fb}.text-purple-dark,.text-purple-light{color:#7f4ee3}.bg-purple-dark{background:#7f4ee3}.bg-gray{background:#a0aec0}.bg-gray-light{background:#edeff3}.text-gray-dark,.text-gray-light{color:#8194ac}.bg-gray-dark{background:#8194ac}.bg-yellow{background:#facc15}.bg-yellow-light{background:#fde792}.text-yellow-dark,.text-yellow-light{color:#d7ad05}.bg-yellow-dark{background:#d7ad05}.bg-indigo{background:#6366f1}.bg-indigo-light{background:#d8d9fc}.text-indigo-dark,.text-indigo-light{color:#3438ed}.bg-indigo-dark{background:#3438ed}.bg-pink{background:#ec4899}.bg-pink-light{background:#f8bcd9}.text-pink-dark,.text-pink-light{color:#e71a7f}.bg-pink-dark{background:#e71a7f}
diff --git a/dist/js/app.js b/dist/js/app.js
index 55e1a30..e50706d 100644
--- a/dist/js/app.js
+++ b/dist/js/app.js
@@ -1 +1 @@
-!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=8)}([function(t,e,n){t.exports=n(11)},function(t,e,n){"use strict";function r(t,e,n,r,o,a,i,s){var c,u="function"==typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),r&&(u.functional=!0),a&&(u._scopeId="data-v-"+a),i?(c=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},u._ssrRegister=c):o&&(c=s?function(){o.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:o),c)if(u.functional){u._injectStyles=c;var l=u.render;u.render=function(t,e){return c.call(e),l(t,e)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,c):[c]}return{exports:t,options:u}}n.d(e,"a",(function(){return r}))},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(i=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),a=r.sources.map((function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"}));return[n].concat(a).concat([o]).join("\n")}var i;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n})).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(r[a]=!0)}for(o=0;o<t.length;o++){var i=t[o];"number"==typeof i[0]&&r[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),e.push(i))}},e}},function(t,e,n){var r,o,a={},i=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),s=function(t,e){return e?e.querySelector(t):document.querySelector(t)},c=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var r=s.call(this,t,n);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(t){r=null}e[t]=r}return e[t]}}(),u=null,l=0,f=[],d=n(14);function p(t,e){for(var n=0;n<t.length;n++){var r=t[n],o=a[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(g(r.parts[i],e))}else{var s=[];for(i=0;i<r.parts.length;i++)s.push(g(r.parts[i],e));a[r.id]={id:r.id,refs:1,parts:s}}}}function v(t,e){for(var n=[],r={},o=0;o<t.length;o++){var a=t[o],i=e.base?a[0]+e.base:a[0],s={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(s):n.push(r[i]={id:i,parts:[s]})}return n}function h(t,e){var n=c(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=f[f.length-1];if("top"===t.insertAt)r?r.nextSibling?n.insertBefore(e,r.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),f.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=c(t.insertAt.before,n);n.insertBefore(e,o)}}function m(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=f.indexOf(t);e>=0&&f.splice(e,1)}function y(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var r=function(){0;return n.nc}();r&&(t.attrs.nonce=r)}return b(e,t.attrs),h(t,e),e}function b(t,e){Object.keys(e).forEach((function(n){t.setAttribute(n,e[n])}))}function g(t,e){var n,r,o,a;if(e.transform&&t.css){if(!(a="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=a}if(e.singleton){var i=l++;n=u||(u=y(e)),r=x.bind(null,n,i,!1),o=x.bind(null,n,i,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",b(e,t.attrs),h(t,e),e}(e),r=k.bind(null,n,e),o=function(){m(n),n.href&&URL.revokeObjectURL(n.href)}):(n=y(e),r=C.bind(null,n),o=function(){m(n)});return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=i()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=v(t,e);return p(n,e),function(t){for(var r=[],o=0;o<n.length;o++){var i=n[o];(s=a[i.id]).refs--,r.push(s)}t&&p(v(t,e),e);for(o=0;o<r.length;o++){var s;if(0===(s=r[o]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete a[s.id]}}}};var w,_=(w=[],function(t,e){return w[t]=e,w.filter(Boolean).join("\n")});function x(t,e,n,r){var o=n?"":r.css;if(t.styleSheet)t.styleSheet.cssText=_(e,o);else{var a=document.createTextNode(o),i=t.childNodes;i[e]&&t.removeChild(i[e]),i.length?t.insertBefore(a,i[e]):t.appendChild(a)}}function C(t,e){var n=e.css,r=e.media;if(r&&t.setAttribute("media",r),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function k(t,e,n){var r=n.css,o=n.sourceMap,a=void 0===e.convertToAbsoluteUrls&&o;(e.convertToAbsoluteUrls||a)&&(r=d(r)),o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(i),s&&URL.revokeObjectURL(s)}},function(t,e,n){var r=n(13);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(3)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){var r=n(16);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(3)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){var r=n(18);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(3)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){var r=n(20);"string"==typeof r&&(r=[[t.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(3)(r,o);r.locals&&(t.exports=r.locals)},function(t,e,n){n(9),t.exports=n(26)},function(t,e,n){n(10),Nova.booting((function(t,e,r){t.component("workflow-card",n(21).default),t.component("todo-card",n(22).default)}))},function(t,e,n){Nova.booting((function(t,e,r){t.component("workflow-write-comment",n(23).default),t.component("workflow-status",n(24).default),t.component("workflow-activity",n(25).default)}))},function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},o=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",i=r.toStringTag||"@@toStringTag";function s(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,n){return t[e]=n}}function c(t,e,n,r){var o=e&&e.prototype instanceof f?e:f,a=Object.create(o.prototype),i=new C(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(o,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===o)throw a;return S()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=w(i,n);if(s){if(s===l)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=u(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===l)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(t,n,i),a}function u(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var l={};function f(){}function d(){}function p(){}var v={};v[o]=function(){return this};var h=Object.getPrototypeOf,m=h&&h(h(k([])));m&&m!==e&&n.call(m,o)&&(v=m);var y=p.prototype=f.prototype=Object.create(v);function b(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function g(t,e){var r;this._invoke=function(o,a){function i(){return new e((function(r,i){!function r(o,a,i,s){var c=u(t[o],t,a);if("throw"!==c.type){var l=c.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?e.resolve(f.__await).then((function(t){r("next",t,i,s)}),(function(t){r("throw",t,i,s)})):e.resolve(f).then((function(t){l.value=t,i(l)}),(function(t){return r("throw",t,i,s)}))}s(c.arg)}(o,a,r,i)}))}return r=r?r.then(i,i):i()}}function w(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,w(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var r=u(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,l;var o=r.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function _(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function x(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function C(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(_,this),this.reset(!0)}function k(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return a.next=a}}return{next:S}}function S(){return{value:void 0,done:!0}}return d.prototype=y.constructor=p,p.constructor=d,d.displayName=s(p,i,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===d||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,s(t,i,"GeneratorFunction")),t.prototype=Object.create(y),t},t.awrap=function(t){return{__await:t}},b(g.prototype),g.prototype[a]=function(){return this},t.AsyncIterator=g,t.async=function(e,n,r,o,a){void 0===a&&(a=Promise);var i=new g(c(e,n,r,o),a);return t.isGeneratorFunction(n)?i:i.next().then((function(t){return t.done?t.value:i.next()}))},b(y),s(y,i,"Generator"),y[o]=function(){return this},y.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=k,C.prototype={constructor:C,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(x),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(n,r){return i.type="throw",i.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var o=this.tryEntries.length-1;o>=0;--o){var a=this.tryEntries[o],i=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),c=n.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=t,i.arg=e,a?(this.method="next",this.next=a.finallyLoc,l):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),x(n),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var o=r.arg;x(n)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:k(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),l}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},function(t,e,n){"use strict";n(4)},function(t,e,n){(t.exports=n(2)(!1)).push([t.i,'.timeline{position:relative;display:flex;flex-direction:column;width:100%}.timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:#d7e4ed;left:50%;margin-left:-2px}.timeline .item{width:48%}.timeline .item:nth-child(odd){align-self:flex-start}.timeline .item:nth-child(odd) svg{margin-left:.75rem}.timeline .item:nth-child(2n){align-self:flex-end;flex-direction:row-reverse}.timeline .item:nth-child(2n) svg{margin-right:.75rem}',""])},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,r=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(t,e){var o,a=e.trim().replace(/^"(.*)"$/,(function(t,e){return e})).replace(/^'(.*)'$/,(function(t,e){return e}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?t:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")}))}},function(t,e,n){"use strict";n(5)},function(t,e,n){(t.exports=n(2)(!1)).push([t.i,".action-selector>div{visibility:hidden;display:none}.action-selector>div.modal{visibility:visible;display:block}",""])},function(t,e,n){"use strict";n(6)},function(t,e,n){(t.exports=n(2)(!1)).push([t.i,".card-panel[data-v-4b0c6d34]{height:100%!important;min-height:150px}.action-selector>div[data-v-4b0c6d34]{visibility:hidden;display:none}.action-selector>div.modal[data-v-4b0c6d34]{visibility:visible;display:block}",""])},function(t,e,n){"use strict";n(7)},function(t,e,n){(t.exports=n(2)(!1)).push([t.i,".item[data-v-1ba23f4a]:hover{cursor:pointer}.card-panel[data-v-1ba23f4a]{height:auto!important;min-height:150px}",""])},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r);function a(t){return function(t){if(Array.isArray(t))return s(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||i(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){if(t){if("string"==typeof t)return s(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(t,e):void 0}}function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function c(t,e,n,r,o,a,i){try{var s=t[a](i),c=s.value}catch(t){return void n(t)}s.done?e(c):Promise.resolve(c).then(r,o)}function u(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var a=t.apply(e,n);function i(t){c(a,r,o,i,s,"next",t)}function s(t){c(a,r,o,i,s,"throw",t)}i(void 0)}))}}var l={props:["card","resource","resourceId","resourceName"],data:function(){return{state:0,actions:[],executing:!1,dueDateChangeModal:!1,dueAt:"",originalHandler:null}},mounted:function(){var t=this;return u(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.reloadStatus();case 2:t.state.transition=a(t.state.transitions.filter((function(t){return!0===t.userInteraction}))),t.dueAt=t.state.dueAt||"",t.getActions(),t.originalHandler=t.$refs.actionSelector.handleActionResponse,t.overwriteActionHandler(),Nova.$on("resources-loaded",u(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.reloadStatus();case 2:case"end":return e.stop()}}),e)}))));case 8:case"end":return e.stop()}}),e)})))()},destroyed:function(){Nova.$off("resources-loaded")},methods:{overwriteActionHandler:function(){var t=this;this.$refs.actionSelector&&(this.$refs.actionSelector.handleActionResponse=function(){var e=u(o.a.mark((function e(n){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t.getActions(),t.reloadDetailView(),t.reloadStatus(),t.originalHandler(n),Nova.$emit("resources-loaded");case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}())},clearDue:function(){this.dueAt="",this.updateDue()},changeDue:function(){this.dueDateChangeModal=!0},onDueChange:function(t){this.dueAt=t},updateDue:function(){var t=this;return u(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,Nova.request().put("/nova-vendor/nova-workflow/workflow/".concat(t.state.lastLog.id,"/?resourceName=").concat(t.resourceName,"&resourceId=").concat(t.resourceId,"&dueAt=").concat(t.dueAt));case 3:t.state=e.sent.data,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),t.$toasted.show(__("Error when changing the due date"),{type:"error"}),e.abrupt("return");case 10:t.$toasted.show(__("Due date successfully updated"),{type:"success"}),t.dueDateChangeModal=!1,t.reloadDetailView();case 13:case"end":return e.stop()}}),e,null,[[0,6]])})))()},apply:function(t){var e=this;return u(o.a.mark((function n(){return o.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:e.$refs.actionSelector.actions.filter((function(t){return"workflow-status-change"===t.uriKey})).map((function(t){return t.withoutConfirmation=!0})),e.$refs.actionSelector.selectedActionKey=t.action,e.$refs.actionSelector.selectedAction.fields=e.$refs.actionSelector.selectedAction.fields.filter((function(t){return"transition"!==t.name})),e.$refs.actionSelector.actionFormData=function(){return _.tap(new FormData,(function(n){n.append("resources",e.$refs.actionSelector.selectedResources),n.append("transition",t.name),_.each(e.$refs.actionSelector.selectedAction.fields,(function(t){t.fill(n)}))}))},e.$refs.actionSelector.determineActionStrategy();case 5:case"end":return n.stop()}}),n)})))()},getActions:function(){var t=this;return u(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.actions=[],e.abrupt("return",Nova.request().get("/nova-api/"+t.resourceName+"/actions",{params:{resourceId:t.resourceId}}).then((function(e){t.actions=e.data.actions})));case 2:case"end":return e.stop()}}),e)})))()},reloadStatus:function(){var t=this;return u(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Nova.request().get("/nova-vendor/nova-workflow/workflow?resourceName=".concat(t.resourceName,"&resourceId=").concat(t.resourceId));case 2:t.state=e.sent.data;case 3:case"end":return e.stop()}}),e)})))()},reloadDetailView:function(){var t,e=this,n=function(t,e){var n;if("undefined"==typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=i(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var r=0,o=function(){};return{s:o,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,s=!0,c=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return s=t.done,t},e:function(t){c=!0,a=t},f:function(){try{s||null==n.return||n.return()}finally{if(c)throw a}}}}(this.$root.$children);try{for(n.s();!(t=n.n()).done;){var r=t.value;r.cards&&r.initializeComponent()}}catch(t){n.e(t)}finally{n.f()}setTimeout((function(){e.overwriteActionHandler()}),500)},handleClose:function(){this.dueDateChangeModal=!1}}},f=(n(15),n(17),n(1)),d=Object(f.a)(l,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("card",{staticClass:"px-4 py-4"},[n("div",{staticClass:"flex mb-3 relative"},[n("h3",{staticClass:"mr-3 text-base text-80 font-bold"},[t._v(t._s(t.__("Current status")))]),t._v(" "),t.state.dueIn?n("span",{staticClass:"whitespace-no-wrap px-2 py-1 rounded-full uppercase text-xs font-bold absolute pin-t pin-r",class:{"bg-orange-light text-orange-dark":!1===t.state.duePast,"bg-red-light text-red-dark":!0===t.state.duePast}},[t._v("\n            "+t._s(t.__("Due"))+" "+t._s(t.state.dueIn)+"\n        ")]):t._e()]),t._v(" "),n("div",{staticClass:"flex items-center mb-6"},[n("span",{staticClass:"w-4 h-4 block rounded-full mr-3 bg-blue",class:"bg-"+t.state.color}),t._v(" "),n("div",{staticClass:"flex items-center justify-between w-full"},[n("h2",{attrs:{dusk:"workflow-current-status"}},[t._v(t._s(t.state.title))]),t._v(" "),t.state&&t.state.can.changeDue?n("button",{staticClass:"btn btn-clear btn-icon btn-white",attrs:{"data-testid":"edit-resource",dusk:"edit-resource-button",title:"Bearbeiten"},on:{click:function(e){return e.preventDefault(),t.changeDue(e)}}},[n("svg",{staticClass:"text-80 h-6 w-6",attrs:{"aria-hidden":"true",focusable:"false","data-prefix":"fal","data-icon":"calendar-edit",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"}},[n("path",{attrs:{fill:"currentColor",d:"M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM255.7 269.7l34.6 34.6c2.1 2.1 2.1 5.4 0 7.4L159.1 442.9l-35.1 5c-6.9 1-12.9-4.9-11.9-11.9l5-35.1 131.2-131.2c2-2 5.4-2 7.4 0zm75.2 1.4l-19.2 19.2c-2.1 2.1-5.4 2.1-7.4 0l-34.6-34.6c-2.1-2.1-2.1-5.4 0-7.4l19.2-19.2c6.8-6.8 17.9-6.8 24.7 0l17.3 17.3c6.8 6.8 6.8 17.9 0 24.7z"}})])]):t._e()])]),t._v(" "),t.state&&0!==t.state.responsibleUsers.length?n("div",{staticClass:"mb-6"},[n("h3",{staticClass:"mr-3 text-base text-80 mb-2"},[t._v(t._s(t.__("Responsibility")))]),t._v(" "),n("h5",{staticClass:"font-light"},t._l(t.state.responsibleUsers,(function(e){return n("span",{key:e.id},[n("router-link",{staticClass:"no-underline font-bold dim text-primary",attrs:{to:{name:"detail",params:{resourceName:e.resourceName,resourceId:e.id}}}},[t._v("\n                    "+t._s(e.name)+"\n                ")]),t._v("\n                , \n            ")],1)})),0)]):t._e(),t._v(" "),t.state.transitions&&t.state.transitions.length?n("div",[n("h3",{staticClass:"mr-3 text-base text-80 mb-2"},[t._v(t._s(t.__("Next Step")))]),t._v(" "),t.state.description?n("p",{staticClass:"text-80 mb-4 text-sm w-1/2"},[t._v(t._s(t.state.description))]):t._e(),t._v(" "),t._l(t.state.transitions,(function(e){return n("div",{key:e.name},[e.userInteraction?n("a",{staticClass:"btn btn-sm flex btn-outline items-center mb-2 block",attrs:{href:"",dusk:"workflow-apply-"+e.name},on:{click:function(n){return n.stopPropagation(),n.preventDefault(),t.apply(e)}}},[t._v("\n                "+t._s(e.title)+"\n            ")]):t._e()])}))],2):t._e(),t._v(" "),t.resource?n("action-selector",{ref:"actionSelector",staticClass:"action-selector ml-3",attrs:{"resource-name":t.resourceName,actions:t.actions,"pivot-actions":{actions:[]},"selected-resources":[this.resourceId],"query-string":{}}}):t._e(),t._v(" "),n("portal",{attrs:{to:"modals"}},[n("transition",{attrs:{name:"fade"}},[t.dueDateChangeModal?n("modal",{attrs:{"class-whitelist":"flatpickr-calendar"},on:{"modal-close":t.handleClose}},[n("div",{staticClass:"bg-white rounded-lg shadow-lg overflow-hidden",staticStyle:{width:"500px"}},[n("heading",{staticClass:"border-b border-40 py-8 px-8",attrs:{level:2}},[t._v(t._s(t.__("Change due date")))]),t._v(" "),t._t("default",[n("default-field",{attrs:{field:{attribute:"due_in",name:t.__("Due on")},fullWidthContent:!0}},[n("template",{slot:"field"},[n("date-time-picker",{staticClass:"w-full form-control form-input form-input-bordered",attrs:{name:"due_in",value:t.dueAt,dateFormat:"d.m.Y","enable-time":!1,"enable-seconds":!1,"first-day-of-week":1},on:{change:t.onDueChange}}),t._v(" "),t.dueAt?n("a",{staticClass:"no-underline font-bold dim text-primary pt-3 block",attrs:{href:""},on:{click:function(e){return e.preventDefault(),e.stopPropagation(),t.clearDue(e)}}},[t._v(t._s(t.__("Remove due date")))]):t._e()],1)],2),t._v(" "),n("div",{staticClass:"bg-30 px-6 py-3 flex"},[n("div",{staticClass:"flex items-center ml-auto"},[n("button",{staticClass:"btn text-80 font-normal h-9 px-3 mr-3 btn-link",attrs:{type:"button"},on:{click:function(e){return e.preventDefault(),t.handleClose(e)}}},[t._v(t._s(t.__("Cancel")))]),t._v(" "),n("button",{staticClass:"btn btn-default btn-primary",attrs:{type:"submit"},on:{click:function(e){return e.preventDefault(),t.updateDue(e)}}},[n("span",[t._v(t._s(t.__("Save")))])])])])])],2)]):t._e()],1)],1)],1)}),[],!1,null,"4b0c6d34",null);e.default=d.exports},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r);function a(t,e,n,r,o,a,i){try{var s=t[a](i),c=s.value}catch(t){return void n(t)}s.done?e(c):Promise.resolve(c).then(r,o)}function i(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function s(t){a(i,r,o,s,c,"next",t)}function c(t){a(i,r,o,s,c,"throw",t)}s(void 0)}))}}var s={props:["card","resource","resourceId","resourceName"],data:function(){return{todos:[]}},mounted:function(){var t=this;return i(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t.onLoad(),Nova.$on("cards.refresh",(function(){t.onLoad()}));case 2:case"end":return e.stop()}}),e)})))()},methods:{onAction:function(t){this.$router.push({path:t.path})},onLoad:function(){var t=this;return i(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Nova.request().get("/nova-vendor/nova-workflow/todos/?providers=".concat(t.card.providers.join(",")));case 2:t.todos=e.sent.data;case 3:case"end":return e.stop()}}),e)})))()}}},c=(n(19),n(1)),u=Object(c.a)(s,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"card"},[n("div",{staticClass:"px-6 pt-4"},[n("div",{staticClass:"flex mb-2"},[n("h3",{staticClass:"mr-3 text-base text-80 font-bold"},[t._v(t._s(t.__("My tasks")))])])]),t._v(" "),0===t.todos.length?n("div",{staticClass:"px-6 pt-4 h-full flex justify-center items-center flex-col"},[n("svg",{staticClass:"h-24 w-24 mb-6 text-50",attrs:{"aria-hidden":"true",focusable:"false","data-prefix":"fad","data-icon":"smile-beam",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 496 512"}},[n("g",{staticClass:"fa-group"},[n("path",{staticClass:"fa-secondary",attrs:{fill:"currentColor",d:"M245.47,8C108.5,9.43-1.36,121.56,0,258.53S113.56,505.36,250.53,504,497.36,390.44,496,253.47,382.44,6.64,245.47,8ZM112,223.4c3.3-42.1,32.2-71.38,56-71.38s52.7,29.28,56,71.38c.7,8.6-10.8,11.9-14.9,4.5l-9.5-17c-7.7-13.7-19.2-21.6-31.5-21.6s-23.78,7.9-31.48,21.6l-9.5,17C122.82,235.3,111.32,231.9,112,223.4ZM363.69,345a149.34,149.34,0,0,1-229.54,2.35c-13.67-16.17,10.62-36.81,24.37-20.75a117.57,117.57,0,0,0,180.39-1.84c13.41-16.32,38.08,3.93,24.78,20.24ZM369,227.9l-9.5-17c-7.7-13.7-19.18-21.6-31.48-21.6s-23.8,7.9-31.5,21.6l-9.5,17c-4.1,7.3-15.6,4-14.9-4.5,3.3-42.1,32.2-71.38,56-71.38s52.68,29.28,56,71.38c.58,8.6-11,11.9-15.11,4.5Z",opacity:"0.4"}}),t._v(" "),n("path",{staticClass:"fa-primary",attrs:{fill:"currentColor",d:"M168,152c-23.78,0-52.68,29.28-56,71.38-.7,8.5,10.8,11.9,15.1,4.5l9.5-17c7.7-13.7,19.18-21.6,31.48-21.6s23.8,7.9,31.5,21.6l9.5,17c4.1,7.4,15.6,4.1,14.9-4.5C220.7,181.3,191.8,152,168,152ZM384.08,223.4c-3.3-42.1-32.2-71.38-56-71.38s-52.7,29.28-56,71.38c-.7,8.5,10.8,11.8,14.9,4.5l9.5-17c7.7-13.7,19.2-21.6,31.5-21.6s23.78,7.9,31.48,21.6l9.5,17c4.11,7.4,15.71,4.1,15.11-4.5Z"}})])]),t._v(" "),n("h2",{staticClass:"mb-6 text-90"},[t._v(t._s(t.__("All done!")))])]):t._e(),t._v(" "),t._l(t.todos,(function(e,r){return n("div",{key:r},[n("div",{staticClass:"px-6"},[n("div",{staticClass:"flex mb-4 mt-4"},[n("p",{staticClass:"flex items-center text-xl"},[t._v(t._s(r))])])]),t._v(" "),n("div",{staticClass:"border-t border-50"},t._l(e,(function(e){return n("div",{key:e.id,staticClass:"item px-6 py-4 border-b border-50 hover:bg-20 hover:cursor-pointer w-full",attrs:{dusk:"todo-item-"+e.id},on:{click:function(n){return t.onAction(e)}}},[n("div",{staticClass:"flex items-center w-full"},[n("span",{staticClass:"w-4 h-4 block rounded-full mr-3",class:"bg-"+e.color}),t._v(" "),n("div",{staticClass:"w-full"},[n("div",{staticClass:"flex items-center justify-between w-full"},[n("h4",{staticClass:"mb-1 text-xs text-80 uppercase tracking-wide"},[t._v(t._s(e.model))]),t._v(" "),e.dueIn?n("span",{staticClass:"px-3 py-2 rounded-full uppercase text-xs font-bold",class:{"bg-orange-light text-orange-dark":!1===e.duePast,"bg-red-light text-red-dark":!0===e.duePast}},[t._v(t._s(t.__("Due"))+" "+t._s(e.dueFormatted))]):t._e()]),t._v(" "),n("h4",{staticClass:"text-base mb-1",class:{"text-orange-dark":!1===e.duePast,"text-red-dark":!0===e.duePast}},[t._v(t._s(e.title))]),t._v(" "),n("p",{staticClass:"text-base",domProps:{innerHTML:t._s(e.subtitle)}})])])])})),0)])}))],2)}),[],!1,null,"1ba23f4a",null);e.default=u.exports},function(t,e,n){"use strict";n.r(e);var r={data:function(){return{comment:""}},methods:{onSend:function(t){this.$emit("submit",this.comment),this.comment=""}}},o=n(1),a=Object(o.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"item flex items-center"},[n("div",{staticClass:"card w-full px-4 py-4"},[n("textarea",{directives:[{name:"model",rawName:"v-model",value:t.comment,expression:"comment"}],staticClass:"w-full form-control form-input form-input-bordered py-3 h-auto",attrs:{id:"notes",dusk:"notes",rows:"5"},domProps:{value:t.comment},on:{input:function(e){e.target.composing||(t.comment=e.target.value)}}}),t._v(" "),n("button",{staticClass:"btn btn-default btn-primary inline-flex items-center relative",attrs:{disabled:t.comment.length<=10,dusk:"update-button"},on:{click:function(e){return e.preventDefault(),e.stopPropagation(),t.onSend(e)}}},[n("span",{},[t._v(t._s(t.__("Submit comment")))])])])])}),[],!1,null,null,null);e.default=a.exports},function(t,e,n){"use strict";n.r(e);var r={props:["activity"],mounted:function(){}},o=n(1),a=Object(o.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"item flex items-center"},[n("div",{staticClass:"card w-full px-4 py-4"},[n("div",{staticClass:"flex justify-between text-sm text-80 mb-3"},[n("h4",[t._v(t._s(t.activity.user.fullname))]),t._v(" "),n("span",{staticClass:"uppercase tracking-wide"},[t._v(t._s(t.activity.created_at))])]),t._v(" "),t.activity.data?n("div",{staticClass:"flex items-center"},[n("span",{staticClass:"w-4 h-4 block rounded-full mr-3",class:"bg-"+t.activity.data.status.color}),t._v(" "),n("div",[t.activity.data.transition?n("h5",{staticClass:"font-light"},[t._v(t._s(t.activity.data.transition.title))]):t._e(),t._v(" "),n("h3",[t._v(t._s(t.activity.data.status.title))])])]):t._e(),t._v(" "),n("p",[t._v(t._s(t.activity.comment))])])])}),[],!1,null,null,null);e.default=a.exports},function(t,e,n){"use strict";n.r(e);var r=n(0),o=n.n(r);function a(t,e,n,r,o,a,i){try{var s=t[a](i),c=s.value}catch(t){return void n(t)}s.done?e(c):Promise.resolve(c).then(r,o)}function i(t){return function(){var e=this,n=arguments;return new Promise((function(r,o){var i=t.apply(e,n);function s(t){a(i,r,o,s,c,"next",t)}function c(t){a(i,r,o,s,c,"throw",t)}s(void 0)}))}}var s={props:["resourceName","resourceId","field"],data:function(){return{activities:[]}},mounted:function(){var t=this;return i(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t.fetch(),Nova.$on("workflow-updated",(function(){t.fetch()}));case 2:case"end":return e.stop()}}),e)})))()},beforeDestroy:function(){Nova.$off("workflow-updated")},methods:{onWriteComment:function(t){var e=this;return i(o.a.mark((function n(){var r;return o.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Nova.request().post("/nova-vendor/nova-workflow/logs?resourceName=".concat(e.resourceName,"&resourceId=").concat(e.resourceId),{comment:t});case 2:r=n.sent.data,e.$toasted.show("Kommentar erfolgreich gespeichert",{type:"success"}),e.activities.unshift(r);case 5:case"end":return n.stop()}}),n)})))()},fetch:function(){var t=this;return i(o.a.mark((function e(){return o.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Nova.request().get("/nova-vendor/nova-workflow/logs?resourceName=".concat(t.resourceName,"&resourceId=").concat(t.resourceId));case 2:t.activities=e.sent.data.data;case 3:case"end":return e.stop()}}),e)})))()}}},c=(n(12),n(1)),u=Object(c.a)(s,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("h4",{staticClass:"text-90 font-normal text-2xl mb-3"},[t._v(t._s(t.__("Activities")))]),t._v(" "),n("div",{staticClass:"timeline w-full"},[n("workflow-write-comment",{on:{submit:t.onWriteComment}}),t._v(" "),t._l(t.activities,(function(t){return n("workflow-status",{key:t.id,attrs:{activity:t}})}))],2)])}),[],!1,null,null,null);e.default=u.exports},function(t,e){}]);
\ No newline at end of file
+(()=>{var e,t={757:(e,t,r)=>{e.exports=r(666)},680:(e,t,r)=>{function n(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var o=n(r(669)),i=r(129),a=n(r(996));function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var c,l={modal:null,listener:null,show:function(e){var t=this;"object"==typeof e&&(e="All Inertia requests must receive a valid Inertia response, however a plain JSON response was received.<hr>"+JSON.stringify(e));var r=document.createElement("html");r.innerHTML=e,r.querySelectorAll("a").forEach((function(e){return e.setAttribute("target","_top")})),this.modal=document.createElement("div"),this.modal.style.position="fixed",this.modal.style.width="100vw",this.modal.style.height="100vh",this.modal.style.padding="50px",this.modal.style.boxSizing="border-box",this.modal.style.backgroundColor="rgba(0, 0, 0, .6)",this.modal.style.zIndex=2e5,this.modal.addEventListener("click",(function(){return t.hide()}));var n=document.createElement("iframe");if(n.style.backgroundColor="white",n.style.borderRadius="5px",n.style.width="100%",n.style.height="100%",this.modal.appendChild(n),document.body.prepend(this.modal),document.body.style.overflow="hidden",!n.contentWindow)throw new Error("iframe not yet ready.");n.contentWindow.document.open(),n.contentWindow.document.write(r.outerHTML),n.contentWindow.document.close(),this.listener=this.hideOnEscape.bind(this),document.addEventListener("keydown",this.listener)},hide:function(){this.modal.outerHTML="",this.modal=null,document.body.style.overflow="visible",document.removeEventListener("keydown",this.listener)},hideOnEscape:function(e){27===e.keyCode&&this.hide()}};function u(e,t){var r;return function(){var n=arguments,o=this;clearTimeout(r),r=setTimeout((function(){return e.apply(o,[].slice.call(n))}),t)}}function f(e,t,r){for(var n in void 0===t&&(t=new FormData),void 0===r&&(r=null),e=e||{})Object.prototype.hasOwnProperty.call(e,n)&&p(t,d(r,n),e[n]);return t}function d(e,t){return e?e+"["+t+"]":t}function p(e,t,r){return Array.isArray(r)?Array.from(r.keys()).forEach((function(n){return p(e,d(t,n.toString()),r[n])})):r instanceof Date?e.append(t,r.toISOString()):r instanceof File?e.append(t,r,r.name):r instanceof Blob?e.append(t,r):"boolean"==typeof r?e.append(t,r?"1":"0"):"string"==typeof r?e.append(t,r):"number"==typeof r?e.append(t,""+r):null==r?e.append(t,""):void f(r,e,t)}function h(e){return new URL(e.toString(),window.location.toString())}function m(e,r,n,o){void 0===o&&(o="brackets");var s=/^https?:\/\//.test(r.toString()),c=s||r.toString().startsWith("/"),l=!c&&!r.toString().startsWith("#")&&!r.toString().startsWith("?"),u=r.toString().includes("?")||e===t.n$.GET&&Object.keys(n).length,f=r.toString().includes("#"),d=new URL(r.toString(),"http://localhost");return e===t.n$.GET&&Object.keys(n).length&&(d.search=i.stringify(a(i.parse(d.search,{ignoreQueryPrefix:!0}),n),{encodeValuesOnly:!0,arrayFormat:o}),n={}),[[s?d.protocol+"//"+d.host:"",c?d.pathname:"",l?d.pathname.substring(1):"",u?d.search:"",f?d.hash:""].join(""),n]}function v(e){return(e=new URL(e.href)).hash="",e}function y(e,t){return document.dispatchEvent(new CustomEvent("inertia:"+e,t))}(c=t.n$||(t.n$={})).GET="get",c.POST="post",c.PUT="put",c.PATCH="patch",c.DELETE="delete";var g=function(e){return y("finish",{detail:{visit:e}})},w=function(e){return y("navigate",{detail:{page:e}})},b="undefined"==typeof window,x=function(){function e(){this.visitId=null}var r=e.prototype;return r.init=function(e){var t=e.resolveComponent,r=e.swapComponent;this.page=e.initialPage,this.resolveComponent=t,this.swapComponent=r,this.isBackForwardVisit()?this.handleBackForwardVisit(this.page):this.isLocationVisit()?this.handleLocationVisit(this.page):this.handleInitialPageVisit(this.page),this.setupEventListeners()},r.handleInitialPageVisit=function(e){this.page.url+=window.location.hash,this.setPage(e,{preserveState:!0}).then((function(){return w(e)}))},r.setupEventListeners=function(){window.addEventListener("popstate",this.handlePopstateEvent.bind(this)),document.addEventListener("scroll",u(this.handleScrollEvent.bind(this),100),!0)},r.scrollRegions=function(){return document.querySelectorAll("[scroll-region]")},r.handleScrollEvent=function(e){"function"==typeof e.target.hasAttribute&&e.target.hasAttribute("scroll-region")&&this.saveScrollPositions()},r.saveScrollPositions=function(){this.replaceState(s({},this.page,{scrollRegions:Array.from(this.scrollRegions()).map((function(e){return{top:e.scrollTop,left:e.scrollLeft}}))}))},r.resetScrollPositions=function(){var e;document.documentElement.scrollTop=0,document.documentElement.scrollLeft=0,this.scrollRegions().forEach((function(e){e.scrollTop=0,e.scrollLeft=0})),this.saveScrollPositions(),window.location.hash&&(null==(e=document.getElementById(window.location.hash.slice(1)))||e.scrollIntoView())},r.restoreScrollPositions=function(){var e=this;this.page.scrollRegions&&this.scrollRegions().forEach((function(t,r){var n=e.page.scrollRegions[r];n&&(t.scrollTop=n.top,t.scrollLeft=n.left)}))},r.isBackForwardVisit=function(){return window.history.state&&window.performance&&window.performance.getEntriesByType("navigation").length>0&&"back_forward"===window.performance.getEntriesByType("navigation")[0].type},r.handleBackForwardVisit=function(e){var t=this;window.history.state.version=e.version,this.setPage(window.history.state,{preserveScroll:!0,preserveState:!0}).then((function(){t.restoreScrollPositions(),w(e)}))},r.locationVisit=function(e,t){try{window.sessionStorage.setItem("inertiaLocationVisit",JSON.stringify({preserveScroll:t})),window.location.href=e.href,v(window.location).href===v(e).href&&window.location.reload()}catch(e){return!1}},r.isLocationVisit=function(){try{return null!==window.sessionStorage.getItem("inertiaLocationVisit")}catch(e){return!1}},r.handleLocationVisit=function(e){var t,r,n,o,i=this,a=JSON.parse(window.sessionStorage.getItem("inertiaLocationVisit")||"");window.sessionStorage.removeItem("inertiaLocationVisit"),e.url+=window.location.hash,e.rememberedState=null!=(t=null==(r=window.history.state)?void 0:r.rememberedState)?t:{},e.scrollRegions=null!=(n=null==(o=window.history.state)?void 0:o.scrollRegions)?n:[],this.setPage(e,{preserveScroll:a.preserveScroll,preserveState:!0}).then((function(){a.preserveScroll&&i.restoreScrollPositions(),w(e)}))},r.isLocationVisitResponse=function(e){return e&&409===e.status&&e.headers["x-inertia-location"]},r.isInertiaResponse=function(e){return null==e?void 0:e.headers["x-inertia"]},r.createVisitId=function(){return this.visitId={},this.visitId},r.cancelVisit=function(e,t){var r=t.cancelled,n=void 0!==r&&r,o=t.interrupted,i=void 0!==o&&o;!e||e.completed||e.cancelled||e.interrupted||(e.cancelToken.cancel(),e.onCancel(),e.completed=!1,e.cancelled=n,e.interrupted=i,g(e),e.onFinish(e))},r.finishVisit=function(e){e.cancelled||e.interrupted||(e.completed=!0,e.cancelled=!1,e.interrupted=!1,g(e),e.onFinish(e))},r.resolvePreserveOption=function(e,t){return"function"==typeof e?e(t):"errors"===e?Object.keys(t.props.errors||{}).length>0:e},r.visit=function(e,r){var n=this,i=void 0===r?{}:r,a=i.method,c=void 0===a?t.n$.GET:a,u=i.data,d=void 0===u?{}:u,p=i.replace,g=void 0!==p&&p,w=i.preserveScroll,b=void 0!==w&&w,x=i.preserveState,S=void 0!==x&&x,E=i.only,k=void 0===E?[]:E,O=i.headers,j=void 0===O?{}:O,N=i.errorBag,C=void 0===N?"":N,T=i.forceFormData,P=void 0!==T&&T,L=i.onCancelToken,A=void 0===L?function(){}:L,V=i.onBefore,B=void 0===V?function(){}:V,D=i.onStart,R=void 0===D?function(){}:D,I=i.onProgress,_=void 0===I?function(){}:I,F=i.onFinish,M=void 0===F?function(){}:F,U=i.onCancel,q=void 0===U?function(){}:U,H=i.onSuccess,$=void 0===H?function(){}:H,z=i.onError,G=void 0===z?function(){}:z,J=i.queryStringArrayFormat,W=void 0===J?"brackets":J,X="string"==typeof e?h(e):e;if(!function e(t){return t instanceof File||t instanceof Blob||t instanceof FileList&&t.length>0||t instanceof FormData&&Array.from(t.values()).some((function(t){return e(t)}))||"object"==typeof t&&null!==t&&Object.values(t).some((function(t){return e(t)}))}(d)&&!P||d instanceof FormData||(d=f(d)),!(d instanceof FormData)){var Z=m(c,X,d,W),Q=Z[1];X=h(Z[0]),d=Q}var K={url:X,method:c,data:d,replace:g,preserveScroll:b,preserveState:S,only:k,headers:j,errorBag:C,forceFormData:P,queryStringArrayFormat:W,cancelled:!1,completed:!1,interrupted:!1};if(!1!==B(K)&&function(e){return y("before",{cancelable:!0,detail:{visit:e}})}(K)){this.activeVisit&&this.cancelVisit(this.activeVisit,{interrupted:!0}),this.saveScrollPositions();var Y=this.createVisitId();this.activeVisit=s({},K,{onCancelToken:A,onBefore:B,onStart:R,onProgress:_,onFinish:M,onCancel:q,onSuccess:$,onError:G,queryStringArrayFormat:W,cancelToken:o.CancelToken.source()}),A({cancel:function(){n.activeVisit&&n.cancelVisit(n.activeVisit,{cancelled:!0})}}),function(e){y("start",{detail:{visit:e}})}(K),R(K),o({method:c,url:v(X).href,data:c===t.n$.GET?{}:d,params:c===t.n$.GET?d:{},cancelToken:this.activeVisit.cancelToken.token,headers:s({},j,{Accept:"text/html, application/xhtml+xml","X-Requested-With":"XMLHttpRequest","X-Inertia":!0},k.length?{"X-Inertia-Partial-Component":this.page.component,"X-Inertia-Partial-Data":k.join(",")}:{},C&&C.length?{"X-Inertia-Error-Bag":C}:{},this.page.version?{"X-Inertia-Version":this.page.version}:{}),onUploadProgress:function(e){d instanceof FormData&&(e.percentage=Math.round(e.loaded/e.total*100),function(e){y("progress",{detail:{progress:e}})}(e),_(e))}}).then((function(e){var t;if(!n.isInertiaResponse(e))return Promise.reject({response:e});var r=e.data;k.length&&r.component===n.page.component&&(r.props=s({},n.page.props,r.props)),b=n.resolvePreserveOption(b,r),(S=n.resolvePreserveOption(S,r))&&null!=(t=window.history.state)&&t.rememberedState&&r.component===n.page.component&&(r.rememberedState=window.history.state.rememberedState);var o=X,i=h(r.url);return o.hash&&!i.hash&&v(o).href===i.href&&(i.hash=o.hash,r.url=i.href),n.setPage(r,{visitId:Y,replace:g,preserveScroll:b,preserveState:S})})).then((function(){var e=n.page.props.errors||{};if(Object.keys(e).length>0){var t=C?e[C]?e[C]:{}:e;return function(e){y("error",{detail:{errors:e}})}(t),G(t)}return y("success",{detail:{page:n.page}}),$(n.page)})).catch((function(e){if(n.isInertiaResponse(e.response))return n.setPage(e.response.data,{visitId:Y});if(n.isLocationVisitResponse(e.response)){var t=h(e.response.headers["x-inertia-location"]),r=X;r.hash&&!t.hash&&v(r).href===t.href&&(t.hash=r.hash),n.locationVisit(t,!0===b)}else{if(!e.response)return Promise.reject(e);y("invalid",{cancelable:!0,detail:{response:e.response}})&&l.show(e.response.data)}})).then((function(){n.activeVisit&&n.finishVisit(n.activeVisit)})).catch((function(e){if(!o.isCancel(e)){var t=y("exception",{cancelable:!0,detail:{exception:e}});if(n.activeVisit&&n.finishVisit(n.activeVisit),t)return Promise.reject(e)}}))}},r.setPage=function(e,t){var r=this,n=void 0===t?{}:t,o=n.visitId,i=void 0===o?this.createVisitId():o,a=n.replace,s=void 0!==a&&a,c=n.preserveScroll,l=void 0!==c&&c,u=n.preserveState,f=void 0!==u&&u;return Promise.resolve(this.resolveComponent(e.component)).then((function(t){i===r.visitId&&(e.scrollRegions=e.scrollRegions||[],e.rememberedState=e.rememberedState||{},(s=s||h(e.url).href===window.location.href)?r.replaceState(e):r.pushState(e),r.swapComponent({component:t,page:e,preserveState:f}).then((function(){l||r.resetScrollPositions(),s||w(e)})))}))},r.pushState=function(e){this.page=e,window.history.pushState(e,"",e.url)},r.replaceState=function(e){this.page=e,window.history.replaceState(e,"",e.url)},r.handlePopstateEvent=function(e){var t=this;if(null!==e.state){var r=e.state,n=this.createVisitId();Promise.resolve(this.resolveComponent(r.component)).then((function(e){n===t.visitId&&(t.page=r,t.swapComponent({component:e,page:r,preserveState:!1}).then((function(){t.restoreScrollPositions(),w(r)})))}))}else{var o=h(this.page.url);o.hash=window.location.hash,this.replaceState(s({},this.page,{url:o.href})),this.resetScrollPositions()}},r.get=function(e,r,n){return void 0===r&&(r={}),void 0===n&&(n={}),this.visit(e,s({},n,{method:t.n$.GET,data:r}))},r.reload=function(e){return void 0===e&&(e={}),this.visit(window.location.href,s({},e,{preserveScroll:!0,preserveState:!0}))},r.replace=function(e,t){var r;return void 0===t&&(t={}),console.warn("Inertia.replace() has been deprecated and will be removed in a future release. Please use Inertia."+(null!=(r=t.method)?r:"get")+"() instead."),this.visit(e,s({preserveState:!0},t,{replace:!0}))},r.post=function(e,r,n){return void 0===r&&(r={}),void 0===n&&(n={}),this.visit(e,s({preserveState:!0},n,{method:t.n$.POST,data:r}))},r.put=function(e,r,n){return void 0===r&&(r={}),void 0===n&&(n={}),this.visit(e,s({preserveState:!0},n,{method:t.n$.PUT,data:r}))},r.patch=function(e,r,n){return void 0===r&&(r={}),void 0===n&&(n={}),this.visit(e,s({preserveState:!0},n,{method:t.n$.PATCH,data:r}))},r.delete=function(e,r){return void 0===r&&(r={}),this.visit(e,s({preserveState:!0},r,{method:t.n$.DELETE}))},r.remember=function(e,t){var r,n;void 0===t&&(t="default"),b||this.replaceState(s({},this.page,{rememberedState:s({},null==(r=this.page)?void 0:r.rememberedState,(n={},n[t]=e,n))}))},r.restore=function(e){var t,r;if(void 0===e&&(e="default"),!b)return null==(t=window.history.state)||null==(r=t.rememberedState)?void 0:r[e]},r.on=function(e,t){var r=function(e){var r=t(e);e.cancelable&&!e.defaultPrevented&&!1===r&&e.preventDefault()};return document.addEventListener("inertia:"+e,r),function(){return document.removeEventListener("inertia:"+e,r)}},e}(),S={buildDOMElement:function(e){var t=document.createElement("template");t.innerHTML=e;var r=t.content.firstChild;if(!e.startsWith("<script "))return r;var n=document.createElement("script");return n.innerHTML=r.innerHTML,r.getAttributeNames().forEach((function(e){n.setAttribute(e,r.getAttribute(e)||"")})),n},isInertiaManagedElement:function(e){return e.nodeType===Node.ELEMENT_NODE&&null!==e.getAttribute("inertia")},findMatchingElementIndex:function(e,t){var r=e.getAttribute("inertia");return null!==r?t.findIndex((function(e){return e.getAttribute("inertia")===r})):-1},update:u((function(e){var t=this,r=e.map((function(e){return t.buildDOMElement(e)}));Array.from(document.head.childNodes).filter((function(e){return t.isInertiaManagedElement(e)})).forEach((function(e){var n=t.findMatchingElementIndex(e,r);if(-1!==n){var o,i=r.splice(n,1)[0];i&&!e.isEqualNode(i)&&(null==e||null==(o=e.parentNode)||o.replaceChild(i,e))}else{var a;null==e||null==(a=e.parentNode)||a.removeChild(e)}})),r.forEach((function(e){return document.head.appendChild(e)}))}),1)},E=new x;t.rC=E},669:(e,t,r)=>{e.exports=r(609)},448:(e,t,r)=>{"use strict";var n=r(867),o=r(26),i=r(372),a=r(327),s=r(97),c=r(109),l=r(985),u=r(61);e.exports=function(e){return new Promise((function(t,r){var f=e.data,d=e.headers,p=e.responseType;n.isFormData(f)&&delete d["Content-Type"];var h=new XMLHttpRequest;if(e.auth){var m=e.auth.username||"",v=e.auth.password?unescape(encodeURIComponent(e.auth.password)):"";d.Authorization="Basic "+btoa(m+":"+v)}var y=s(e.baseURL,e.url);function g(){if(h){var n="getAllResponseHeaders"in h?c(h.getAllResponseHeaders()):null,i={data:p&&"text"!==p&&"json"!==p?h.response:h.responseText,status:h.status,statusText:h.statusText,headers:n,config:e,request:h};o(t,r,i),h=null}}if(h.open(e.method.toUpperCase(),a(y,e.params,e.paramsSerializer),!0),h.timeout=e.timeout,"onloadend"in h?h.onloadend=g:h.onreadystatechange=function(){h&&4===h.readyState&&(0!==h.status||h.responseURL&&0===h.responseURL.indexOf("file:"))&&setTimeout(g)},h.onabort=function(){h&&(r(u("Request aborted",e,"ECONNABORTED",h)),h=null)},h.onerror=function(){r(u("Network Error",e,null,h)),h=null},h.ontimeout=function(){var t="timeout of "+e.timeout+"ms exceeded";e.timeoutErrorMessage&&(t=e.timeoutErrorMessage),r(u(t,e,e.transitional&&e.transitional.clarifyTimeoutError?"ETIMEDOUT":"ECONNABORTED",h)),h=null},n.isStandardBrowserEnv()){var w=(e.withCredentials||l(y))&&e.xsrfCookieName?i.read(e.xsrfCookieName):void 0;w&&(d[e.xsrfHeaderName]=w)}"setRequestHeader"in h&&n.forEach(d,(function(e,t){void 0===f&&"content-type"===t.toLowerCase()?delete d[t]:h.setRequestHeader(t,e)})),n.isUndefined(e.withCredentials)||(h.withCredentials=!!e.withCredentials),p&&"json"!==p&&(h.responseType=e.responseType),"function"==typeof e.onDownloadProgress&&h.addEventListener("progress",e.onDownloadProgress),"function"==typeof e.onUploadProgress&&h.upload&&h.upload.addEventListener("progress",e.onUploadProgress),e.cancelToken&&e.cancelToken.promise.then((function(e){h&&(h.abort(),r(e),h=null)})),f||(f=null),h.send(f)}))}},609:(e,t,r)=>{"use strict";var n=r(867),o=r(849),i=r(321),a=r(185);function s(e){var t=new i(e),r=o(i.prototype.request,t);return n.extend(r,i.prototype,t),n.extend(r,t),r}var c=s(r(655));c.Axios=i,c.create=function(e){return s(a(c.defaults,e))},c.Cancel=r(263),c.CancelToken=r(972),c.isCancel=r(502),c.all=function(e){return Promise.all(e)},c.spread=r(713),c.isAxiosError=r(268),e.exports=c,e.exports.default=c},263:e=>{"use strict";function t(e){this.message=e}t.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},t.prototype.__CANCEL__=!0,e.exports=t},972:(e,t,r)=>{"use strict";var n=r(263);function o(e){if("function"!=typeof e)throw new TypeError("executor must be a function.");var t;this.promise=new Promise((function(e){t=e}));var r=this;e((function(e){r.reason||(r.reason=new n(e),t(r.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var e;return{token:new o((function(t){e=t})),cancel:e}},e.exports=o},502:e=>{"use strict";e.exports=function(e){return!(!e||!e.__CANCEL__)}},321:(e,t,r)=>{"use strict";var n=r(867),o=r(327),i=r(782),a=r(572),s=r(185),c=r(875),l=c.validators;function u(e){this.defaults=e,this.interceptors={request:new i,response:new i}}u.prototype.request=function(e){"string"==typeof e?(e=arguments[1]||{}).url=arguments[0]:e=e||{},(e=s(this.defaults,e)).method?e.method=e.method.toLowerCase():this.defaults.method?e.method=this.defaults.method.toLowerCase():e.method="get";var t=e.transitional;void 0!==t&&c.assertOptions(t,{silentJSONParsing:l.transitional(l.boolean,"1.0.0"),forcedJSONParsing:l.transitional(l.boolean,"1.0.0"),clarifyTimeoutError:l.transitional(l.boolean,"1.0.0")},!1);var r=[],n=!0;this.interceptors.request.forEach((function(t){"function"==typeof t.runWhen&&!1===t.runWhen(e)||(n=n&&t.synchronous,r.unshift(t.fulfilled,t.rejected))}));var o,i=[];if(this.interceptors.response.forEach((function(e){i.push(e.fulfilled,e.rejected)})),!n){var u=[a,void 0];for(Array.prototype.unshift.apply(u,r),u=u.concat(i),o=Promise.resolve(e);u.length;)o=o.then(u.shift(),u.shift());return o}for(var f=e;r.length;){var d=r.shift(),p=r.shift();try{f=d(f)}catch(e){p(e);break}}try{o=a(f)}catch(e){return Promise.reject(e)}for(;i.length;)o=o.then(i.shift(),i.shift());return o},u.prototype.getUri=function(e){return e=s(this.defaults,e),o(e.url,e.params,e.paramsSerializer).replace(/^\?/,"")},n.forEach(["delete","get","head","options"],(function(e){u.prototype[e]=function(t,r){return this.request(s(r||{},{method:e,url:t,data:(r||{}).data}))}})),n.forEach(["post","put","patch"],(function(e){u.prototype[e]=function(t,r,n){return this.request(s(n||{},{method:e,url:t,data:r}))}})),e.exports=u},782:(e,t,r)=>{"use strict";var n=r(867);function o(){this.handlers=[]}o.prototype.use=function(e,t,r){return this.handlers.push({fulfilled:e,rejected:t,synchronous:!!r&&r.synchronous,runWhen:r?r.runWhen:null}),this.handlers.length-1},o.prototype.eject=function(e){this.handlers[e]&&(this.handlers[e]=null)},o.prototype.forEach=function(e){n.forEach(this.handlers,(function(t){null!==t&&e(t)}))},e.exports=o},97:(e,t,r)=>{"use strict";var n=r(793),o=r(303);e.exports=function(e,t){return e&&!n(t)?o(e,t):t}},61:(e,t,r)=>{"use strict";var n=r(481);e.exports=function(e,t,r,o,i){var a=new Error(e);return n(a,t,r,o,i)}},572:(e,t,r)=>{"use strict";var n=r(867),o=r(527),i=r(502),a=r(655);function s(e){e.cancelToken&&e.cancelToken.throwIfRequested()}e.exports=function(e){return s(e),e.headers=e.headers||{},e.data=o.call(e,e.data,e.headers,e.transformRequest),e.headers=n.merge(e.headers.common||{},e.headers[e.method]||{},e.headers),n.forEach(["delete","get","head","post","put","patch","common"],(function(t){delete e.headers[t]})),(e.adapter||a.adapter)(e).then((function(t){return s(e),t.data=o.call(e,t.data,t.headers,e.transformResponse),t}),(function(t){return i(t)||(s(e),t&&t.response&&(t.response.data=o.call(e,t.response.data,t.response.headers,e.transformResponse))),Promise.reject(t)}))}},481:e=>{"use strict";e.exports=function(e,t,r,n,o){return e.config=t,r&&(e.code=r),e.request=n,e.response=o,e.isAxiosError=!0,e.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},e}},185:(e,t,r)=>{"use strict";var n=r(867);e.exports=function(e,t){t=t||{};var r={},o=["url","method","data"],i=["headers","auth","proxy","params"],a=["baseURL","transformRequest","transformResponse","paramsSerializer","timeout","timeoutMessage","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","decompress","maxContentLength","maxBodyLength","maxRedirects","transport","httpAgent","httpsAgent","cancelToken","socketPath","responseEncoding"],s=["validateStatus"];function c(e,t){return n.isPlainObject(e)&&n.isPlainObject(t)?n.merge(e,t):n.isPlainObject(t)?n.merge({},t):n.isArray(t)?t.slice():t}function l(o){n.isUndefined(t[o])?n.isUndefined(e[o])||(r[o]=c(void 0,e[o])):r[o]=c(e[o],t[o])}n.forEach(o,(function(e){n.isUndefined(t[e])||(r[e]=c(void 0,t[e]))})),n.forEach(i,l),n.forEach(a,(function(o){n.isUndefined(t[o])?n.isUndefined(e[o])||(r[o]=c(void 0,e[o])):r[o]=c(void 0,t[o])})),n.forEach(s,(function(n){n in t?r[n]=c(e[n],t[n]):n in e&&(r[n]=c(void 0,e[n]))}));var u=o.concat(i).concat(a).concat(s),f=Object.keys(e).concat(Object.keys(t)).filter((function(e){return-1===u.indexOf(e)}));return n.forEach(f,l),r}},26:(e,t,r)=>{"use strict";var n=r(61);e.exports=function(e,t,r){var o=r.config.validateStatus;r.status&&o&&!o(r.status)?t(n("Request failed with status code "+r.status,r.config,null,r.request,r)):e(r)}},527:(e,t,r)=>{"use strict";var n=r(867),o=r(655);e.exports=function(e,t,r){var i=this||o;return n.forEach(r,(function(r){e=r.call(i,e,t)})),e}},655:(e,t,r)=>{"use strict";var n=r(155),o=r(867),i=r(16),a=r(481),s={"Content-Type":"application/x-www-form-urlencoded"};function c(e,t){!o.isUndefined(e)&&o.isUndefined(e["Content-Type"])&&(e["Content-Type"]=t)}var l,u={transitional:{silentJSONParsing:!0,forcedJSONParsing:!0,clarifyTimeoutError:!1},adapter:(("undefined"!=typeof XMLHttpRequest||void 0!==n&&"[object process]"===Object.prototype.toString.call(n))&&(l=r(448)),l),transformRequest:[function(e,t){return i(t,"Accept"),i(t,"Content-Type"),o.isFormData(e)||o.isArrayBuffer(e)||o.isBuffer(e)||o.isStream(e)||o.isFile(e)||o.isBlob(e)?e:o.isArrayBufferView(e)?e.buffer:o.isURLSearchParams(e)?(c(t,"application/x-www-form-urlencoded;charset=utf-8"),e.toString()):o.isObject(e)||t&&"application/json"===t["Content-Type"]?(c(t,"application/json"),function(e,t,r){if(o.isString(e))try{return(t||JSON.parse)(e),o.trim(e)}catch(e){if("SyntaxError"!==e.name)throw e}return(r||JSON.stringify)(e)}(e)):e}],transformResponse:[function(e){var t=this.transitional,r=t&&t.silentJSONParsing,n=t&&t.forcedJSONParsing,i=!r&&"json"===this.responseType;if(i||n&&o.isString(e)&&e.length)try{return JSON.parse(e)}catch(e){if(i){if("SyntaxError"===e.name)throw a(e,this,"E_JSON_PARSE");throw e}}return e}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,maxBodyLength:-1,validateStatus:function(e){return e>=200&&e<300}};u.headers={common:{Accept:"application/json, text/plain, */*"}},o.forEach(["delete","get","head"],(function(e){u.headers[e]={}})),o.forEach(["post","put","patch"],(function(e){u.headers[e]=o.merge(s)})),e.exports=u},849:e=>{"use strict";e.exports=function(e,t){return function(){for(var r=new Array(arguments.length),n=0;n<r.length;n++)r[n]=arguments[n];return e.apply(t,r)}}},327:(e,t,r)=>{"use strict";var n=r(867);function o(e){return encodeURIComponent(e).replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}e.exports=function(e,t,r){if(!t)return e;var i;if(r)i=r(t);else if(n.isURLSearchParams(t))i=t.toString();else{var a=[];n.forEach(t,(function(e,t){null!=e&&(n.isArray(e)?t+="[]":e=[e],n.forEach(e,(function(e){n.isDate(e)?e=e.toISOString():n.isObject(e)&&(e=JSON.stringify(e)),a.push(o(t)+"="+o(e))})))})),i=a.join("&")}if(i){var s=e.indexOf("#");-1!==s&&(e=e.slice(0,s)),e+=(-1===e.indexOf("?")?"?":"&")+i}return e}},303:e=>{"use strict";e.exports=function(e,t){return t?e.replace(/\/+$/,"")+"/"+t.replace(/^\/+/,""):e}},372:(e,t,r)=>{"use strict";var n=r(867);e.exports=n.isStandardBrowserEnv()?{write:function(e,t,r,o,i,a){var s=[];s.push(e+"="+encodeURIComponent(t)),n.isNumber(r)&&s.push("expires="+new Date(r).toGMTString()),n.isString(o)&&s.push("path="+o),n.isString(i)&&s.push("domain="+i),!0===a&&s.push("secure"),document.cookie=s.join("; ")},read:function(e){var t=document.cookie.match(new RegExp("(^|;\\s*)("+e+")=([^;]*)"));return t?decodeURIComponent(t[3]):null},remove:function(e){this.write(e,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},793:e=>{"use strict";e.exports=function(e){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(e)}},268:e=>{"use strict";e.exports=function(e){return"object"==typeof e&&!0===e.isAxiosError}},985:(e,t,r)=>{"use strict";var n=r(867);e.exports=n.isStandardBrowserEnv()?function(){var e,t=/(msie|trident)/i.test(navigator.userAgent),r=document.createElement("a");function o(e){var n=e;return t&&(r.setAttribute("href",n),n=r.href),r.setAttribute("href",n),{href:r.href,protocol:r.protocol?r.protocol.replace(/:$/,""):"",host:r.host,search:r.search?r.search.replace(/^\?/,""):"",hash:r.hash?r.hash.replace(/^#/,""):"",hostname:r.hostname,port:r.port,pathname:"/"===r.pathname.charAt(0)?r.pathname:"/"+r.pathname}}return e=o(window.location.href),function(t){var r=n.isString(t)?o(t):t;return r.protocol===e.protocol&&r.host===e.host}}():function(){return!0}},16:(e,t,r)=>{"use strict";var n=r(867);e.exports=function(e,t){n.forEach(e,(function(r,n){n!==t&&n.toUpperCase()===t.toUpperCase()&&(e[t]=r,delete e[n])}))}},109:(e,t,r)=>{"use strict";var n=r(867),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];e.exports=function(e){var t,r,i,a={};return e?(n.forEach(e.split("\n"),(function(e){if(i=e.indexOf(":"),t=n.trim(e.substr(0,i)).toLowerCase(),r=n.trim(e.substr(i+1)),t){if(a[t]&&o.indexOf(t)>=0)return;a[t]="set-cookie"===t?(a[t]?a[t]:[]).concat([r]):a[t]?a[t]+", "+r:r}})),a):a}},713:e=>{"use strict";e.exports=function(e){return function(t){return e.apply(null,t)}}},875:(e,t,r)=>{"use strict";var n=r(593),o={};["object","boolean","number","function","string","symbol"].forEach((function(e,t){o[e]=function(r){return typeof r===e||"a"+(t<1?"n ":" ")+e}}));var i={},a=n.version.split(".");function s(e,t){for(var r=t?t.split("."):a,n=e.split("."),o=0;o<3;o++){if(r[o]>n[o])return!0;if(r[o]<n[o])return!1}return!1}o.transitional=function(e,t,r){var o=t&&s(t);function a(e,t){return"[Axios v"+n.version+"] Transitional option '"+e+"'"+t+(r?". "+r:"")}return function(r,n,s){if(!1===e)throw new Error(a(n," has been removed in "+t));return o&&!i[n]&&(i[n]=!0,console.warn(a(n," has been deprecated since v"+t+" and will be removed in the near future"))),!e||e(r,n,s)}},e.exports={isOlderVersion:s,assertOptions:function(e,t,r){if("object"!=typeof e)throw new TypeError("options must be an object");for(var n=Object.keys(e),o=n.length;o-- >0;){var i=n[o],a=t[i];if(a){var s=e[i],c=void 0===s||a(s,i,e);if(!0!==c)throw new TypeError("option "+i+" must be "+c)}else if(!0!==r)throw Error("Unknown option "+i)}},validators:o}},867:(e,t,r)=>{"use strict";var n=r(849),o=Object.prototype.toString;function i(e){return"[object Array]"===o.call(e)}function a(e){return void 0===e}function s(e){return null!==e&&"object"==typeof e}function c(e){if("[object Object]"!==o.call(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t===Object.prototype}function l(e){return"[object Function]"===o.call(e)}function u(e,t){if(null!=e)if("object"!=typeof e&&(e=[e]),i(e))for(var r=0,n=e.length;r<n;r++)t.call(null,e[r],r,e);else for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(null,e[o],o,e)}e.exports={isArray:i,isArrayBuffer:function(e){return"[object ArrayBuffer]"===o.call(e)},isBuffer:function(e){return null!==e&&!a(e)&&null!==e.constructor&&!a(e.constructor)&&"function"==typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)},isFormData:function(e){return"undefined"!=typeof FormData&&e instanceof FormData},isArrayBufferView:function(e){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(e):e&&e.buffer&&e.buffer instanceof ArrayBuffer},isString:function(e){return"string"==typeof e},isNumber:function(e){return"number"==typeof e},isObject:s,isPlainObject:c,isUndefined:a,isDate:function(e){return"[object Date]"===o.call(e)},isFile:function(e){return"[object File]"===o.call(e)},isBlob:function(e){return"[object Blob]"===o.call(e)},isFunction:l,isStream:function(e){return s(e)&&l(e.pipe)},isURLSearchParams:function(e){return"undefined"!=typeof URLSearchParams&&e instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!=typeof window&&"undefined"!=typeof document)},forEach:u,merge:function e(){var t={};function r(r,n){c(t[n])&&c(r)?t[n]=e(t[n],r):c(r)?t[n]=e({},r):i(r)?t[n]=r.slice():t[n]=r}for(var n=0,o=arguments.length;n<o;n++)u(arguments[n],r);return t},extend:function(e,t,r){return u(t,(function(t,o){e[o]=r&&"function"==typeof t?n(t,r):t})),e},trim:function(e){return e.trim?e.trim():e.replace(/^\s+|\s+$/g,"")},stripBOM:function(e){return 65279===e.charCodeAt(0)&&(e=e.slice(1)),e}}},696:(e,t,r)=>{"use strict";const n=Vue;var o={class:"space-y-4"},i={class:"flex items-start"},a={class:"flex justify-between w-full"},s={class:"text-xl font-bold"},c={class:"text-sm text-gray-500 mb-3"},l={class:"sr-only"},u=(0,n.createTextVNode)("Status wechseln"),f=["dusk"],d={key:1,class:"flex flex-col space-y-2",style:{"align-items":"baseline"}},p={key:0},h={class:"uppercase tracking-wide text-gray-500 text-sm font-bold"},m={class:"font-light flex space-x-3"},v={class:"action-selector"};var y=r(757),g=r.n(y),w=r(680);function b(e){return function(e){if(Array.isArray(e))return x(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return x(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return x(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function S(e,t,r,n,o,i,a){try{var s=e[i](a),c=s.value}catch(e){return void r(e)}s.done?t(c):Promise.resolve(c).then(n,o)}function E(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){S(i,n,o,a,s,"next",e)}function s(e){S(i,n,o,a,s,"throw",e)}a(void 0)}))}}const k={props:["card","resource","resourceId","resourceName"],data:function(){return{state:0,loading:!1,actions:[]}},mounted:function(){var e=this;return E(g().mark((function t(){return g().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.reloadStatus();case 2:e.state.transition=b(e.state.transitions.filter((function(e){return!0===e.userInteraction}))),Nova.$on("action-executed",(function(){w.rC.reload()})),e.getActions();case 5:case"end":return t.stop()}}),t)})))()},methods:{getActions:function(){var e=this;return this.actions=[],Nova.request().get("/nova-api/"+this.resourceName+"/actions",{params:{resourceId:this.resourceId,editing:!0,editMode:"create",display:""}}).then((function(t){e.actions=t.data.actions,e.actions.filter((function(e){return"workflow-status-change"===e.uriKey})).map((function(e){return e.withoutConfirmation=!0,e}))}))},apply:function(e){var t=this;this.loading=!0;var r=new URLSearchParams(window.location.search);r.set("transition",e.name);var n="".concat(window.location.origin).concat(window.location.pathname,"?").concat(r.toString());window.history.replaceState({path:n},"",n),document.querySelector('[data-action-id="'.concat(e.action,'"]')).click(),setTimeout((function(){t.loading=!1}),500)},reloadStatus:function(){var e=this;return E(g().mark((function t(){return g().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,Nova.request().get("/nova-vendor/nova-workflow/workflow?resourceName=".concat(e.resourceName,"&resourceId=").concat(e.resourceId));case 2:e.state=t.sent.data;case 3:case"end":return t.stop()}}),t)})))()}}};var O=r(379),j=r.n(O),N=r(106),C={insert:"head",singleton:!1};j()(N.Z,C);N.Z.locals;var T=r(744);const P=(0,T.Z)(k,[["render",function(e,t,r,y,g,w){var b=(0,n.resolveComponent)("OutlineButton"),x=(0,n.resolveComponent)("DropdownTrigger"),S=(0,n.resolveComponent)("DropdownMenuItem"),E=(0,n.resolveComponent)("ScrollWrap"),k=(0,n.resolveComponent)("DropdownMenu"),O=(0,n.resolveComponent)("Dropdown"),j=(0,n.resolveComponent)("DefaultButton"),N=(0,n.resolveComponent)("Link"),C=(0,n.resolveComponent)("ActionDropdown"),T=(0,n.resolveComponent)("Card");return(0,n.openBlock)(),(0,n.createBlock)(T,{class:"px-4 py-4 relative"},{default:(0,n.withCtx)((function(){return[e.state.dueIn?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,class:(0,n.normalizeClass)(["whitespace-no-wrap px-2 py-1 rounded-full uppercase text-xs font-bold absolute",{"bg-orange-light text-orange-dark":!1===e.state.duePast,"bg-red-light text-red-dark":!0===e.state.duePast}]),style:{top:"1rem",right:"1rem"}},(0,n.toDisplayString)(e.__("Due"))+" "+(0,n.toDisplayString)(e.state.dueIn),3)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",o,[(0,n.createElementVNode)("div",i,[(0,n.createElementVNode)("div",{class:(0,n.normalizeClass)(["rounded-full mr-3 mt-1","bg-"+e.state.color]),style:{height:"20px",width:"23px"}},null,2),(0,n.createElementVNode)("div",a,[(0,n.createElementVNode)("div",null,[(0,n.createElementVNode)("h2",s,(0,n.toDisplayString)(e.state.title),1),(0,n.createElementVNode)("p",c,(0,n.toDisplayString)(e.state.description),1),e.state.transitions&&e.state.transitions.length>2?((0,n.openBlock)(),(0,n.createBlock)(O,{key:0},{menu:(0,n.withCtx)((function(){return[(0,n.createVNode)(k,{width:"auto",class:"px-1"},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(E,{height:250,class:"divide-y divide-gray-100 dark:divide-gray-800 divide-solid"},{default:(0,n.withCtx)((function(){return[e.state.transitions&&e.state.transitions.length?((0,n.openBlock)(),(0,n.createElementBlock)("div",{key:0,dusk:"".concat(r.resource.id.value,"-inline-actions"),class:"py-1"},[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.state.transitions,(function(e){return(0,n.openBlock)(),(0,n.createBlock)(S,{as:"button",key:e.name,onClick:(0,n.withModifiers)((function(t){return w.apply(e)}),["stop","prevent"]),title:e.title},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(e.title),1)]})),_:2},1032,["onClick","title"])})),128))],8,f)):(0,n.createCommentVNode)("",!0)]})),_:1})]})),_:1})]})),default:(0,n.withCtx)((function(){return[(0,n.createElementVNode)("span",l,(0,n.toDisplayString)(e.__("Resource Row Dropdown")),1),(0,n.createVNode)(x,{dusk:"".concat(r.resource.id.value,"-control-selector"),"show-arrow":!1,class:"rounded hover:bg-gray-200 dark:hover:bg-gray-800 focus:outline-none focus:ring"},{default:(0,n.withCtx)((function(){return[(0,n.createVNode)(b,{component:"span"},{default:(0,n.withCtx)((function(){return[u]})),_:1})]})),_:1},8,["dusk"])]})),_:1})):(0,n.createCommentVNode)("",!0),e.state.transitions&&e.state.transitions.length<=2?((0,n.openBlock)(),(0,n.createElementBlock)("div",d,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.state.transitions,(function(t){return(0,n.openBlock)(),(0,n.createBlock)(j,{disabled:e.loading,key:t.name,onClick:(0,n.withModifiers)((function(e){return w.apply(t)}),["stop","prevent"])},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(t.title),1)]})),_:2},1032,["disabled","onClick"])})),128))])):(0,n.createCommentVNode)("",!0)])])]),e.state&&0!==e.state.responsibleUsers.length?((0,n.openBlock)(),(0,n.createElementBlock)("div",p,[(0,n.createElementVNode)("h3",h,(0,n.toDisplayString)(e.__("Responsibility")),1),(0,n.createElementVNode)("h5",m,[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.state.responsibleUsers,(function(r){return(0,n.openBlock)(),(0,n.createBlock)(N,{key:r.id,onClick:t[0]||(t[0]=(0,n.withModifiers)((function(){}),["stop"])),href:e.$url("/resources/".concat(r.resourceName,"/").concat(r.id)),class:"link-default"},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(r.name),1)]})),_:2},1032,["href"])})),128))])])):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",v,[(0,n.createVNode)(C,{ref:"actionSelector",resource:r.resource,actions:e.actions,"resource-name":r.resourceName,onActionExecuted:t[1]||(t[1]=function(t){return e.$emit("actionExecuted")}),"selected-resources":[r.resource.id.value]},null,8,["resource","actions","resource-name","selected-resources"])])])]})),_:1})}],["__scopeId","data-v-0df71c04"]]);var L={class:"font-normal text-2xl mb-3"},A={class:"timeline w-full"};function V(e,t,r,n,o,i,a){try{var s=e[i](a),c=s.value}catch(e){return void r(e)}s.done?t(c):Promise.resolve(c).then(n,o)}function B(e){return function(){var t=this,r=arguments;return new Promise((function(n,o){var i=e.apply(t,r);function a(e){V(i,n,o,a,s,"next",e)}function s(e){V(i,n,o,a,s,"throw",e)}a(void 0)}))}}const D={props:["resourceName","resourceId","field"],data:function(){return{activities:[]}},mounted:function(){var e=this;return B(g().mark((function t(){return g().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e.fetch(),Nova.$on("workflow-updated",(function(){e.fetch()}));case 2:case"end":return t.stop()}}),t)})))()},beforeDestroy:function(){Nova.$off("workflow-updated")},methods:{onWriteComment:function(e){var t=this;return B(g().mark((function r(){var n;return g().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,Nova.request().post("/nova-vendor/nova-workflow/logs?resourceName=".concat(t.resourceName,"&resourceId=").concat(t.resourceId),{comment:e});case 2:n=r.sent.data,Nova.success("Kommentar erfolgreich gespeichert"),t.activities.unshift(n);case 5:case"end":return r.stop()}}),r)})))()},fetch:function(){var e=this;return B(g().mark((function t(){return g().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,Nova.request().get("/nova-vendor/nova-workflow/logs?resourceName=".concat(e.resourceName,"&resourceId=").concat(e.resourceId));case 2:e.activities=t.sent.data.data;case 3:case"end":return t.stop()}}),t)})))()}}};var R=r(466),I={insert:"head",singleton:!1};j()(R.Z,I);R.Z.locals;const _=(0,T.Z)(D,[["render",function(e,t,r,o,i,a){var s=(0,n.resolveComponent)("workflow-write-comment"),c=(0,n.resolveComponent)("workflow-status");return(0,n.openBlock)(),(0,n.createElementBlock)("div",null,[(0,n.createElementVNode)("h4",L,(0,n.toDisplayString)(e.__("Activities")),1),(0,n.createElementVNode)("div",A,[(0,n.createVNode)(s,{onSubmit:a.onWriteComment},null,8,["onSubmit"]),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(e.activities,(function(e){return(0,n.openBlock)(),(0,n.createBlock)(c,{key:e.id,activity:e},null,8,["activity"])})),128))])])}]]);var F={class:"item flex items-center"},M={class:"flex justify-between text-sm text-gray-800 mb-3"},U={class:"uppercase tracking-wide text-gray-500"},q={key:0,class:"flex items-center"},H={key:0,class:"font-light text-gray-800"},$={class:"text-gray-800"},z={class:"text-gray-800"};const G={props:["activity"],mounted:function(){}},J=(0,T.Z)(G,[["render",function(e,t,r,o,i,a){var s=(0,n.resolveComponent)("Card");return(0,n.openBlock)(),(0,n.createElementBlock)("div",F,[(0,n.createVNode)(s,{class:"px-4 py-4 w-full"},{default:(0,n.withCtx)((function(){return[(0,n.createElementVNode)("div",M,[(0,n.createElementVNode)("h4",null,(0,n.toDisplayString)(r.activity.user.fullname),1),(0,n.createElementVNode)("span",U,(0,n.toDisplayString)(r.activity.created_at),1)]),r.activity.data?((0,n.openBlock)(),(0,n.createElementBlock)("div",q,[(0,n.createElementVNode)("span",{class:(0,n.normalizeClass)(["w-4 h-4 block rounded-full mr-3","bg-"+r.activity.data.status.color])},null,2),(0,n.createElementVNode)("div",null,[r.activity.data.transition?((0,n.openBlock)(),(0,n.createElementBlock)("h5",H,(0,n.toDisplayString)(r.activity.data.transition.title),1)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("h3",$,(0,n.toDisplayString)(r.activity.data.status.title),1)])])):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("p",z,(0,n.toDisplayString)(r.activity.comment),1)]})),_:1})])}]]);var W={class:"item flex items-center"};const X={data:function(){return{comment:""}},methods:{onSend:function(e){this.$emit("submit",this.comment),this.comment=""}}},Z=(0,T.Z)(X,[["render",function(e,t,r,o,i,a){var s=(0,n.resolveComponent)("DefaultButton"),c=(0,n.resolveComponent)("Card");return(0,n.openBlock)(),(0,n.createElementBlock)("div",W,[(0,n.createVNode)(c,{class:"card w-full px-4 py-4"},{default:(0,n.withCtx)((function(){return[(0,n.withDirectives)((0,n.createElementVNode)("textarea",{id:"notes","onUpdate:modelValue":t[0]||(t[0]=function(t){return e.comment=t}),dusk:"notes",rows:"5",class:"block w-full form-control form-input form-input-bordered py-3 h-auto mb-3"},null,512),[[n.vModelText,e.comment]]),(0,n.createVNode)(s,{disabled:e.comment.length<=10,onClick:(0,n.withModifiers)(a.onSend,["prevent","stop"]),dusk:"update-button"},{default:(0,n.withCtx)((function(){return[(0,n.createTextVNode)((0,n.toDisplayString)(e.__("Submit comment")),1)]})),_:1},8,["disabled","onClick"])]})),_:1})])}]]);Nova.booting((function(e,t){e.component("workflow-card",P),e.component("workflow-activity",_),e.component("workflow-status",J),e.component("workflow-write-comment",Z)}))},466:(e,t,r)=>{"use strict";r.d(t,{Z:()=>i});var n=r(645),o=r.n(n)()((function(e){return e[1]}));o.push([e.id,'.timeline{display:flex;flex-direction:column;position:relative;width:100%}.timeline:before{background:#d7e4ed;content:"";height:100%;left:18px;left:50%;margin-left:-2px;position:absolute;top:0;width:4px}.timeline .item{width:48%}.timeline .item:nth-child(odd){align-self:flex-start}.timeline .item:nth-child(odd) svg{margin-left:.75rem}.timeline .item:nth-child(2n){align-self:flex-end;flex-direction:row-reverse}.timeline .item:nth-child(2n) svg{margin-right:.75rem}',""]);const i=o},106:(e,t,r)=>{"use strict";r.d(t,{Z:()=>i});var n=r(645),o=r.n(n)()((function(e){return e[1]}));o.push([e.id,".action-selector>div[data-v-0df71c04]{display:none;visibility:hidden}.action-selector>div.modal[data-v-0df71c04]{display:block;visibility:visible}",""]);const i=o},645:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=e(t);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&o[c[0]]||(r&&(c[2]?c[2]="".concat(r," and ").concat(c[2]):c[2]=r),t.push(c))}},t}},996:e=>{"use strict";var t=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===r}(e)}(e)};var r="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function n(e,t){return!1!==t.clone&&t.isMergeableObject(e)?c((r=e,Array.isArray(r)?[]:{}),e,t):e;var r}function o(e,t,r){return e.concat(t).map((function(e){return n(e,r)}))}function i(e){return Object.keys(e).concat(function(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter((function(t){return e.propertyIsEnumerable(t)})):[]}(e))}function a(e,t){try{return t in e}catch(e){return!1}}function s(e,t,r){var o={};return r.isMergeableObject(e)&&i(e).forEach((function(t){o[t]=n(e[t],r)})),i(t).forEach((function(i){(function(e,t){return a(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))})(e,i)||(a(e,i)&&r.isMergeableObject(t[i])?o[i]=function(e,t){if(!t.customMerge)return c;var r=t.customMerge(e);return"function"==typeof r?r:c}(i,r)(e[i],t[i],r):o[i]=n(t[i],r))})),o}function c(e,r,i){(i=i||{}).arrayMerge=i.arrayMerge||o,i.isMergeableObject=i.isMergeableObject||t,i.cloneUnlessOtherwiseSpecified=n;var a=Array.isArray(r);return a===Array.isArray(e)?a?i.arrayMerge(e,r,i):s(e,r,i):n(r,i)}c.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,r){return c(e,r,t)}),{})};var l=c;e.exports=l},731:()=>{},155:e=>{var t,r,n=e.exports={};function o(){throw new Error("setTimeout has not been defined")}function i(){throw new Error("clearTimeout has not been defined")}function a(e){if(t===setTimeout)return setTimeout(e,0);if((t===o||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(r){try{return t.call(null,e,0)}catch(r){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:o}catch(e){t=o}try{r="function"==typeof clearTimeout?clearTimeout:i}catch(e){r=i}}();var s,c=[],l=!1,u=-1;function f(){l&&s&&(l=!1,s.length?c=s.concat(c):u=-1,c.length&&d())}function d(){if(!l){var e=a(f);l=!0;for(var t=c.length;t;){for(s=c,c=[];++u<t;)s&&s[u].run();u=-1,t=c.length}s=null,l=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===i||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function p(e,t){this.fun=e,this.array=t}function h(){}n.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)t[r-1]=arguments[r];c.push(new p(e,t)),1!==c.length||l||a(d)},p.prototype.run=function(){this.fun.apply(null,this.array)},n.title="browser",n.browser=!0,n.env={},n.argv=[],n.version="",n.versions={},n.on=h,n.addListener=h,n.once=h,n.off=h,n.removeListener=h,n.removeAllListeners=h,n.emit=h,n.prependListener=h,n.prependOnceListener=h,n.listeners=function(e){return[]},n.binding=function(e){throw new Error("process.binding is not supported")},n.cwd=function(){return"/"},n.chdir=function(e){throw new Error("process.chdir is not supported")},n.umask=function(){return 0}},798:e=>{"use strict";var t=String.prototype.replace,r=/%20/g,n="RFC1738",o="RFC3986";e.exports={default:o,formatters:{RFC1738:function(e){return t.call(e,r,"+")},RFC3986:function(e){return String(e)}},RFC1738:n,RFC3986:o}},129:(e,t,r)=>{"use strict";var n=r(261),o=r(235),i=r(798);e.exports={formats:i,parse:o,stringify:n}},235:(e,t,r)=>{"use strict";var n=r(769),o=Object.prototype.hasOwnProperty,i=Array.isArray,a={allowDots:!1,allowPrototypes:!1,arrayLimit:20,charset:"utf-8",charsetSentinel:!1,comma:!1,decoder:n.decode,delimiter:"&",depth:5,ignoreQueryPrefix:!1,interpretNumericEntities:!1,parameterLimit:1e3,parseArrays:!0,plainObjects:!1,strictNullHandling:!1},s=function(e){return e.replace(/&#(\d+);/g,(function(e,t){return String.fromCharCode(parseInt(t,10))}))},c=function(e,t){return e&&"string"==typeof e&&t.comma&&e.indexOf(",")>-1?e.split(","):e},l=function(e,t,r,n){if(e){var i=r.allowDots?e.replace(/\.([^.[]+)/g,"[$1]"):e,a=/(\[[^[\]]*])/g,s=r.depth>0&&/(\[[^[\]]*])/.exec(i),l=s?i.slice(0,s.index):i,u=[];if(l){if(!r.plainObjects&&o.call(Object.prototype,l)&&!r.allowPrototypes)return;u.push(l)}for(var f=0;r.depth>0&&null!==(s=a.exec(i))&&f<r.depth;){if(f+=1,!r.plainObjects&&o.call(Object.prototype,s[1].slice(1,-1))&&!r.allowPrototypes)return;u.push(s[1])}return s&&u.push("["+i.slice(s.index)+"]"),function(e,t,r,n){for(var o=n?t:c(t,r),i=e.length-1;i>=0;--i){var a,s=e[i];if("[]"===s&&r.parseArrays)a=[].concat(o);else{a=r.plainObjects?Object.create(null):{};var l="["===s.charAt(0)&&"]"===s.charAt(s.length-1)?s.slice(1,-1):s,u=parseInt(l,10);r.parseArrays||""!==l?!isNaN(u)&&s!==l&&String(u)===l&&u>=0&&r.parseArrays&&u<=r.arrayLimit?(a=[])[u]=o:"__proto__"!==l&&(a[l]=o):a={0:o}}o=a}return o}(u,t,r,n)}};e.exports=function(e,t){var r=function(e){if(!e)return a;if(null!==e.decoder&&void 0!==e.decoder&&"function"!=typeof e.decoder)throw new TypeError("Decoder has to be a function.");if(void 0!==e.charset&&"utf-8"!==e.charset&&"iso-8859-1"!==e.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var t=void 0===e.charset?a.charset:e.charset;return{allowDots:void 0===e.allowDots?a.allowDots:!!e.allowDots,allowPrototypes:"boolean"==typeof e.allowPrototypes?e.allowPrototypes:a.allowPrototypes,arrayLimit:"number"==typeof e.arrayLimit?e.arrayLimit:a.arrayLimit,charset:t,charsetSentinel:"boolean"==typeof e.charsetSentinel?e.charsetSentinel:a.charsetSentinel,comma:"boolean"==typeof e.comma?e.comma:a.comma,decoder:"function"==typeof e.decoder?e.decoder:a.decoder,delimiter:"string"==typeof e.delimiter||n.isRegExp(e.delimiter)?e.delimiter:a.delimiter,depth:"number"==typeof e.depth||!1===e.depth?+e.depth:a.depth,ignoreQueryPrefix:!0===e.ignoreQueryPrefix,interpretNumericEntities:"boolean"==typeof e.interpretNumericEntities?e.interpretNumericEntities:a.interpretNumericEntities,parameterLimit:"number"==typeof e.parameterLimit?e.parameterLimit:a.parameterLimit,parseArrays:!1!==e.parseArrays,plainObjects:"boolean"==typeof e.plainObjects?e.plainObjects:a.plainObjects,strictNullHandling:"boolean"==typeof e.strictNullHandling?e.strictNullHandling:a.strictNullHandling}}(t);if(""===e||null==e)return r.plainObjects?Object.create(null):{};for(var u="string"==typeof e?function(e,t){var r,l={},u=t.ignoreQueryPrefix?e.replace(/^\?/,""):e,f=t.parameterLimit===1/0?void 0:t.parameterLimit,d=u.split(t.delimiter,f),p=-1,h=t.charset;if(t.charsetSentinel)for(r=0;r<d.length;++r)0===d[r].indexOf("utf8=")&&("utf8=%E2%9C%93"===d[r]?h="utf-8":"utf8=%26%2310003%3B"===d[r]&&(h="iso-8859-1"),p=r,r=d.length);for(r=0;r<d.length;++r)if(r!==p){var m,v,y=d[r],g=y.indexOf("]="),w=-1===g?y.indexOf("="):g+1;-1===w?(m=t.decoder(y,a.decoder,h,"key"),v=t.strictNullHandling?null:""):(m=t.decoder(y.slice(0,w),a.decoder,h,"key"),v=n.maybeMap(c(y.slice(w+1),t),(function(e){return t.decoder(e,a.decoder,h,"value")}))),v&&t.interpretNumericEntities&&"iso-8859-1"===h&&(v=s(v)),y.indexOf("[]=")>-1&&(v=i(v)?[v]:v),o.call(l,m)?l[m]=n.combine(l[m],v):l[m]=v}return l}(e,r):e,f=r.plainObjects?Object.create(null):{},d=Object.keys(u),p=0;p<d.length;++p){var h=d[p],m=l(h,u[h],r,"string"==typeof e);f=n.merge(f,m,r)}return n.compact(f)}},261:(e,t,r)=>{"use strict";var n=r(769),o=r(798),i=Object.prototype.hasOwnProperty,a={brackets:function(e){return e+"[]"},comma:"comma",indices:function(e,t){return e+"["+t+"]"},repeat:function(e){return e}},s=Array.isArray,c=String.prototype.split,l=Array.prototype.push,u=function(e,t){l.apply(e,s(t)?t:[t])},f=Date.prototype.toISOString,d=o.default,p={addQueryPrefix:!1,allowDots:!1,charset:"utf-8",charsetSentinel:!1,delimiter:"&",encode:!0,encoder:n.encode,encodeValuesOnly:!1,format:d,formatter:o.formatters[d],indices:!1,serializeDate:function(e){return f.call(e)},skipNulls:!1,strictNullHandling:!1},h=function e(t,r,o,i,a,l,f,d,h,m,v,y,g,w){var b,x=t;if("function"==typeof f?x=f(r,x):x instanceof Date?x=m(x):"comma"===o&&s(x)&&(x=n.maybeMap(x,(function(e){return e instanceof Date?m(e):e}))),null===x){if(i)return l&&!g?l(r,p.encoder,w,"key",v):r;x=""}if("string"==typeof(b=x)||"number"==typeof b||"boolean"==typeof b||"symbol"==typeof b||"bigint"==typeof b||n.isBuffer(x)){if(l){var S=g?r:l(r,p.encoder,w,"key",v);if("comma"===o&&g){for(var E=c.call(String(x),","),k="",O=0;O<E.length;++O)k+=(0===O?"":",")+y(l(E[O],p.encoder,w,"value",v));return[y(S)+"="+k]}return[y(S)+"="+y(l(x,p.encoder,w,"value",v))]}return[y(r)+"="+y(String(x))]}var j,N=[];if(void 0===x)return N;if("comma"===o&&s(x))j=[{value:x.length>0?x.join(",")||null:void 0}];else if(s(f))j=f;else{var C=Object.keys(x);j=d?C.sort(d):C}for(var T=0;T<j.length;++T){var P=j[T],L="object"==typeof P&&void 0!==P.value?P.value:x[P];if(!a||null!==L){var A=s(x)?"function"==typeof o?o(r,P):r:r+(h?"."+P:"["+P+"]");u(N,e(L,A,o,i,a,l,f,d,h,m,v,y,g,w))}}return N};e.exports=function(e,t){var r,n=e,c=function(e){if(!e)return p;if(null!==e.encoder&&void 0!==e.encoder&&"function"!=typeof e.encoder)throw new TypeError("Encoder has to be a function.");var t=e.charset||p.charset;if(void 0!==e.charset&&"utf-8"!==e.charset&&"iso-8859-1"!==e.charset)throw new TypeError("The charset option must be either utf-8, iso-8859-1, or undefined");var r=o.default;if(void 0!==e.format){if(!i.call(o.formatters,e.format))throw new TypeError("Unknown format option provided.");r=e.format}var n=o.formatters[r],a=p.filter;return("function"==typeof e.filter||s(e.filter))&&(a=e.filter),{addQueryPrefix:"boolean"==typeof e.addQueryPrefix?e.addQueryPrefix:p.addQueryPrefix,allowDots:void 0===e.allowDots?p.allowDots:!!e.allowDots,charset:t,charsetSentinel:"boolean"==typeof e.charsetSentinel?e.charsetSentinel:p.charsetSentinel,delimiter:void 0===e.delimiter?p.delimiter:e.delimiter,encode:"boolean"==typeof e.encode?e.encode:p.encode,encoder:"function"==typeof e.encoder?e.encoder:p.encoder,encodeValuesOnly:"boolean"==typeof e.encodeValuesOnly?e.encodeValuesOnly:p.encodeValuesOnly,filter:a,format:r,formatter:n,serializeDate:"function"==typeof e.serializeDate?e.serializeDate:p.serializeDate,skipNulls:"boolean"==typeof e.skipNulls?e.skipNulls:p.skipNulls,sort:"function"==typeof e.sort?e.sort:null,strictNullHandling:"boolean"==typeof e.strictNullHandling?e.strictNullHandling:p.strictNullHandling}}(t);"function"==typeof c.filter?n=(0,c.filter)("",n):s(c.filter)&&(r=c.filter);var l,f=[];if("object"!=typeof n||null===n)return"";l=t&&t.arrayFormat in a?t.arrayFormat:t&&"indices"in t?t.indices?"indices":"repeat":"indices";var d=a[l];r||(r=Object.keys(n)),c.sort&&r.sort(c.sort);for(var m=0;m<r.length;++m){var v=r[m];c.skipNulls&&null===n[v]||u(f,h(n[v],v,d,c.strictNullHandling,c.skipNulls,c.encode?c.encoder:null,c.filter,c.sort,c.allowDots,c.serializeDate,c.format,c.formatter,c.encodeValuesOnly,c.charset))}var y=f.join(c.delimiter),g=!0===c.addQueryPrefix?"?":"";return c.charsetSentinel&&("iso-8859-1"===c.charset?g+="utf8=%26%2310003%3B&":g+="utf8=%E2%9C%93&"),y.length>0?g+y:""}},769:(e,t,r)=>{"use strict";var n=r(798),o=Object.prototype.hasOwnProperty,i=Array.isArray,a=function(){for(var e=[],t=0;t<256;++t)e.push("%"+((t<16?"0":"")+t.toString(16)).toUpperCase());return e}(),s=function(e,t){for(var r=t&&t.plainObjects?Object.create(null):{},n=0;n<e.length;++n)void 0!==e[n]&&(r[n]=e[n]);return r};e.exports={arrayToObject:s,assign:function(e,t){return Object.keys(t).reduce((function(e,r){return e[r]=t[r],e}),e)},combine:function(e,t){return[].concat(e,t)},compact:function(e){for(var t=[{obj:{o:e},prop:"o"}],r=[],n=0;n<t.length;++n)for(var o=t[n],a=o.obj[o.prop],s=Object.keys(a),c=0;c<s.length;++c){var l=s[c],u=a[l];"object"==typeof u&&null!==u&&-1===r.indexOf(u)&&(t.push({obj:a,prop:l}),r.push(u))}return function(e){for(;e.length>1;){var t=e.pop(),r=t.obj[t.prop];if(i(r)){for(var n=[],o=0;o<r.length;++o)void 0!==r[o]&&n.push(r[o]);t.obj[t.prop]=n}}}(t),e},decode:function(e,t,r){var n=e.replace(/\+/g," ");if("iso-8859-1"===r)return n.replace(/%[0-9a-f]{2}/gi,unescape);try{return decodeURIComponent(n)}catch(e){return n}},encode:function(e,t,r,o,i){if(0===e.length)return e;var s=e;if("symbol"==typeof e?s=Symbol.prototype.toString.call(e):"string"!=typeof e&&(s=String(e)),"iso-8859-1"===r)return escape(s).replace(/%u[0-9a-f]{4}/gi,(function(e){return"%26%23"+parseInt(e.slice(2),16)+"%3B"}));for(var c="",l=0;l<s.length;++l){var u=s.charCodeAt(l);45===u||46===u||95===u||126===u||u>=48&&u<=57||u>=65&&u<=90||u>=97&&u<=122||i===n.RFC1738&&(40===u||41===u)?c+=s.charAt(l):u<128?c+=a[u]:u<2048?c+=a[192|u>>6]+a[128|63&u]:u<55296||u>=57344?c+=a[224|u>>12]+a[128|u>>6&63]+a[128|63&u]:(l+=1,u=65536+((1023&u)<<10|1023&s.charCodeAt(l)),c+=a[240|u>>18]+a[128|u>>12&63]+a[128|u>>6&63]+a[128|63&u])}return c},isBuffer:function(e){return!(!e||"object"!=typeof e)&&!!(e.constructor&&e.constructor.isBuffer&&e.constructor.isBuffer(e))},isRegExp:function(e){return"[object RegExp]"===Object.prototype.toString.call(e)},maybeMap:function(e,t){if(i(e)){for(var r=[],n=0;n<e.length;n+=1)r.push(t(e[n]));return r}return t(e)},merge:function e(t,r,n){if(!r)return t;if("object"!=typeof r){if(i(t))t.push(r);else{if(!t||"object"!=typeof t)return[t,r];(n&&(n.plainObjects||n.allowPrototypes)||!o.call(Object.prototype,r))&&(t[r]=!0)}return t}if(!t||"object"!=typeof t)return[t].concat(r);var a=t;return i(t)&&!i(r)&&(a=s(t,n)),i(t)&&i(r)?(r.forEach((function(r,i){if(o.call(t,i)){var a=t[i];a&&"object"==typeof a&&r&&"object"==typeof r?t[i]=e(a,r,n):t.push(r)}else t[i]=r})),t):Object.keys(r).reduce((function(t,i){var a=r[i];return o.call(t,i)?t[i]=e(t[i],a,n):t[i]=a,t}),a)}}},666:e=>{var t=function(e){"use strict";var t,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var o=t&&t.prototype instanceof v?t:v,i=Object.create(o.prototype),a=new C(n||[]);return i._invoke=function(e,t,r){var n=f;return function(o,i){if(n===p)throw new Error("Generator is already running");if(n===h){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var s=O(a,r);if(s){if(s===m)continue;return s}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===f)throw n=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=p;var c=u(e,t,r);if("normal"===c.type){if(n=r.done?h:d,c.arg===m)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(n=h,r.method="throw",r.arg=c.arg)}}}(e,r,a),i}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var f="suspendedStart",d="suspendedYield",p="executing",h="completed",m={};function v(){}function y(){}function g(){}var w={};c(w,i,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(T([])));x&&x!==r&&n.call(x,i)&&(w=x);var S=g.prototype=v.prototype=Object.create(w);function E(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function k(e,t){function r(o,i,a,s){var c=u(e[o],e,i);if("throw"!==c.type){var l=c.arg,f=l.value;return f&&"object"==typeof f&&n.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,a,s)}),(function(e){r("throw",e,a,s)})):t.resolve(f).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,s)}))}s(c.arg)}var o;this._invoke=function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}}function O(e,r){var n=e.iterator[r.method];if(n===t){if(r.delegate=null,"throw"===r.method){if(e.iterator.return&&(r.method="return",r.arg=t,O(e,r),"throw"===r.method))return m;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return m}var o=u(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,m;var i=o.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,m):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,m)}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function N(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function T(e){if(e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}return{next:P}}function P(){return{value:t,done:!0}}return y.prototype=g,c(S,"constructor",g),c(g,"constructor",y),y.displayName=c(g,s,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,s,"GeneratorFunction")),e.prototype=Object.create(S),e},e.awrap=function(e){return{__await:e}},E(k.prototype),c(k.prototype,a,(function(){return this})),e.AsyncIterator=k,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new k(l(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},E(S),c(S,s,"Generator"),c(S,i,(function(){return this})),c(S,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},e.values=T,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(N),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return s.type="throw",s.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(c&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),m},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),N(r),m}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;N(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:T(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),m}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},379:(e,t,r)=>{"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),a=[];function s(e){for(var t=-1,r=0;r<a.length;r++)if(a[r].identifier===e){t=r;break}return t}function c(e,t){for(var r={},n=[],o=0;o<e.length;o++){var i=e[o],c=t.base?i[0]+t.base:i[0],l=r[c]||0,u="".concat(c," ").concat(l);r[c]=l+1;var f=s(u),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:u,updater:v(d,t),references:1}),n.push(u)}return n}function l(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var u,f=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function d(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,r){var n=r.css,o=r.media,i=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var h=null,m=0;function v(e,t){var r,n,o;if(t.singleton){var i=m++;r=h||(h=l(t)),n=d.bind(null,r,i,!1),o=d.bind(null,r,i,!0)}else r=l(t),n=p.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=s(r[n]);a[o].references--}for(var i=c(e,t),l=0;l<r.length;l++){var u=s(r[l]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}r=i}}}},744:(e,t)=>{"use strict";t.Z=(e,t)=>{const r=e.__vccOpts||e;for(const[e,n]of t)r[e]=n;return r}},593:e=>{"use strict";e.exports=JSON.parse('{"name":"axios","version":"0.21.4","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://axios-http.com","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"jsdelivr":"dist/axios.min.js","unpkg":"dist/axios.min.js","typings":"./index.d.ts","dependencies":{"follow-redirects":"^1.14.0"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}')}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var i=r[e]={id:e,exports:{}};return t[e](i,i.exports,n),i.exports}n.m=t,e=[],n.O=(t,r,o,i)=>{if(!r){var a=1/0;for(u=0;u<e.length;u++){for(var[r,o,i]=e[u],s=!0,c=0;c<r.length;c++)(!1&i||a>=i)&&Object.keys(n.O).every((e=>n.O[e](r[c])))?r.splice(c--,1):(s=!1,i<a&&(a=i));if(s){e.splice(u--,1);var l=o();void 0!==l&&(t=l)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[r,o,i]},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={773:0,170:0};n.O.j=t=>0===e[t];var t=(t,r)=>{var o,i,[a,s,c]=r,l=0;if(a.some((t=>0!==e[t]))){for(o in s)n.o(s,o)&&(n.m[o]=s[o]);if(c)var u=c(n)}for(t&&t(r);l<a.length;l++)i=a[l],n.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return n.O(u)},r=self.webpackChunknova_workflow=self.webpackChunknova_workflow||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),n.O(void 0,[170],(()=>n(696)));var o=n.O(void 0,[170],(()=>n(731)));o=n.O(o)})();
\ No newline at end of file
diff --git a/docs/installation.md b/docs/installation.md
new file mode 100644
index 0000000..24b8a93
--- /dev/null
+++ b/docs/installation.md
@@ -0,0 +1,71 @@
+---
+title: Base installation
+weight: 4
+---
+
+Nova Workflow can be installed via Composer:
+
+```bash
+composer require "orlyapps/nova-workflow"
+```
+
+You can publish the config file with:
+
+```bash
+php artisan vendor:publish --provider="Orlyapps\NovaWorkflow\NovaWorkflowServiceProvider"
+php artisan migrate
+```
+
+Create a new workflow for a Model eg. \App\Models\User
+
+```bash
+php artisan make:workflow User
+```
+
+To use a workflow with a model, the model must implement the following trait:
+
+```php
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Orlyapps\NovaWorkßflow\Traits\HasWorkflow;
+
+class User extends Model
+{
+    use HasWorkflow;
+```
+
+```bash
+php artisan make:migration "add status to users" --table=users
+```
+```php
+<?php
+
+return new class extends Migration {
+
+    public function up()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->string('status')->default('draft')->nullable();
+        });
+    }
+```
+
+Add action to nova resource
+
+```php
+    /**
+     * Get the actions available for the resource.
+     *
+     * @param  \Laravel\Nova\Http\Requests\NovaRequest  $request
+     * @return array
+     */
+    public function actions(NovaRequest $request)
+    {
+        return [
+            WorkflowAction::make()
+        ];
+    }
+```
diff --git a/mix.js b/mix.js
new file mode 100644
index 0000000..14de575
--- /dev/null
+++ b/mix.js
@@ -0,0 +1,30 @@
+const mix = require("laravel-mix");
+const webpack = require("webpack");
+const path = require("path");
+
+class NovaExtension {
+    name() {
+        return "nova-extension";
+    }
+
+    register(name) {
+        this.name = name;
+    }
+
+    webpackConfig(webpackConfig) {
+        webpackConfig.externals = {
+            vue: "Vue",
+        };
+
+        webpackConfig.resolve.alias = {
+            ...(webpackConfig.resolve.alias || {}),
+            "laravel-nova": path.join(__dirname, "../../vendor/laravel/nova/resources/js/mixins/packages.js"),
+        };
+
+        webpackConfig.output = {
+            uniqueName: this.name,
+        };
+    }
+}
+
+mix.extend("nova", new NovaExtension());
diff --git a/package.json b/package.json
index 7813f01..5c9a2f2 100644
--- a/package.json
+++ b/package.json
@@ -2,22 +2,22 @@
     "private": true,
     "scripts": {
         "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "watch-poll": "npm run watch -- --watch-poll",
-        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "development": "mix",
+        "watch": "mix watch",
+        "watch-poll": "mix watch -- --watch-options-poll=1000",
+        "hot": "mix watch --hot",
         "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "production": "mix --production"
     },
     "devDependencies": {
-        "cross-env": "^7.0.2",
-        "laravel-mix": "^5.0.4",
-        "resolve-url-loader": "^3.1.0",
-        "sass": "^1.32.7",
-        "sass-loader": "^8.0.2",
-        "vue-template-compiler": "^2.6.12"
-    },
-    "dependencies": {
-        "vue": "^2.6.11"
+        "@inertiajs/inertia": "^0.11.0",
+        "@vue/compiler-sfc": "^3.2.31",
+        "laravel-mix": "^6.0.6",
+        "postcss": "^8.1.14",
+        "resolve-url-loader": "^5.0.0",
+        "sass": "^1.50.0",
+        "sass-loader": "^12.6.0",
+        "vue": "^3.2.31",
+        "vue-loader": "^16.8.3"
     }
 }
diff --git a/resources/js/app.js b/resources/js/app.js
index dca9db1..050fc6a 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,6 +1,12 @@
-require("./components/ResourceTools/Workflow");
+import Card from "./components/Cards/Workflow";
+import WorkflowActivity from "./components/ResourceTools/Workflow/Tool";
+import Status from "./components/ResourceTools/Workflow/Status";
+import WriteComment from "./components/ResourceTools/Workflow/WriteComment";
 
-Nova.booting((Vue, router, store) => {
-    Vue.component("workflow-card", require("./components/Cards/Workflow").default);
-    Vue.component("todo-card", require("./components/Cards/Todo").default);
+
+Nova.booting((app,  store) => {
+    app.component("workflow-card", Card);
+    app.component("workflow-activity", WorkflowActivity);
+    app.component("workflow-status", Status);
+    app.component("workflow-write-comment", WriteComment);
 });
diff --git a/resources/js/components/Cards/Workflow.vue b/resources/js/components/Cards/Workflow.vue
index 571d3d1..d56f5a6 100644
--- a/resources/js/components/Cards/Workflow.vue
+++ b/resources/js/components/Cards/Workflow.vue
@@ -1,287 +1,174 @@
 <template>
-    <card class="px-4 py-4">
-        <div class="flex mb-3 relative">
-            <h3 class="mr-3 text-base text-80 font-bold">{{ __("Current status") }}</h3>
-            <span
-                v-if="state.dueIn"
-                class="whitespace-no-wrap px-2 py-1 rounded-full uppercase text-xs font-bold absolute pin-t pin-r"
-                :class="{ 'bg-orange-light text-orange-dark': state.duePast === false, 'bg-red-light text-red-dark': state.duePast === true }"
-            >
-                {{ __("Due") }} {{ state.dueIn }}
-            </span>
+    <Card class="px-4 py-4 relative">
+        <div
+            v-if="state.dueIn"
+            class="whitespace-no-wrap px-2 py-1 rounded-full uppercase text-xs font-bold absolute"
+            style="top: 1rem; right: 1rem"
+            :class="{ 'bg-orange-light text-orange-dark': state.duePast === false, 'bg-red-light text-red-dark': state.duePast === true }"
+        >
+            {{ __("Due") }} {{ state.dueIn }}
         </div>
-        <div class="flex items-center mb-6">
-            <span class="w-4 h-4 block rounded-full mr-3 bg-blue" :class="'bg-' + state.color"></span>
-            <div class="flex items-center justify-between w-full">
-                <h2 dusk="workflow-current-status">{{ state.title }}</h2>
-                <button
-                    v-if="state && state.can.changeDue"
-                    @click.prevent="changeDue"
-                    class="btn btn-clear btn-icon btn-white"
-                    data-testid="edit-resource"
-                    dusk="edit-resource-button"
-                    title="Bearbeiten"
-                >
-                    <svg
-                        aria-hidden="true"
-                        focusable="false"
-                        data-prefix="fal"
-                        data-icon="calendar-edit"
-                        class="text-80 h-6 w-6"
-                        role="img"
-                        xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 448 512"
-                    >
-                        <path
-                            fill="currentColor"
-                            d="M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM255.7 269.7l34.6 34.6c2.1 2.1 2.1 5.4 0 7.4L159.1 442.9l-35.1 5c-6.9 1-12.9-4.9-11.9-11.9l5-35.1 131.2-131.2c2-2 5.4-2 7.4 0zm75.2 1.4l-19.2 19.2c-2.1 2.1-5.4 2.1-7.4 0l-34.6-34.6c-2.1-2.1-2.1-5.4 0-7.4l19.2-19.2c6.8-6.8 17.9-6.8 24.7 0l17.3 17.3c6.8 6.8 6.8 17.9 0 24.7z"
-                        />
-                    </svg>
-                </button>
+        <div class="space-y-4">
+            <div class="flex items-start">
+                <div
+                    class="rounded-full mr-3 mt-1"
+                    style="height: 20px; width: 23px"
+                    :class="'bg-' + state.color"
+                ></div>
+                <div class="flex justify-between w-full">
+                    <div>
+                        <h2 class="text-xl font-bold">{{ state.title }}</h2>
+                        <p class="text-sm text-gray-500 mb-3">
+                            {{ state.description }}
+                        </p>
+                        <Dropdown v-if="state.transitions && state.transitions.length > 2">
+                            <span class="sr-only">{{ __("Resource Row Dropdown") }}</span>
+                            <DropdownTrigger
+                                :dusk="`${resource.id.value}-control-selector`"
+                                :show-arrow="false"
+                                class="rounded hover:bg-gray-200 dark:hover:bg-gray-800 focus:outline-none focus:ring"
+                            >
+                                <OutlineButton component="span">Status wechseln</OutlineButton>
+                            </DropdownTrigger>
+
+                            <template #menu>
+                                <DropdownMenu
+                                    width="auto"
+                                    class="px-1"
+                                >
+                                    <ScrollWrap
+                                        :height="250"
+                                        class="divide-y divide-gray-100 dark:divide-gray-800 divide-solid"
+                                    >
+                                        <div
+                                            v-if="state.transitions && state.transitions.length"
+                                            :dusk="`${resource.id.value}-inline-actions`"
+                                            class="py-1"
+                                        >
+                                            <!-- User Actions -->
+                                            <DropdownMenuItem
+                                                as="button"
+                                                v-for="transition in state.transitions"
+                                                :key="transition.name"
+                                                @click.stop.prevent="apply(transition)"
+                                                :title="transition.title"
+                                            >
+                                                {{ transition.title }}
+                                            </DropdownMenuItem>
+                                        </div>
+                                    </ScrollWrap>
+                                </DropdownMenu>
+                            </template>
+                        </Dropdown>
+                        <div
+                            v-if="state.transitions && state.transitions.length <= 2"
+                            class="flex flex-col space-y-2"
+                            style="align-items: baseline"
+                        >
+                            <DefaultButton
+                                :disabled="loading"
+                                v-for="transition in state.transitions"
+                                :key="transition.name"
+                                @click.stop.prevent="apply(transition)"
+                            >
+                                {{ transition.title }}
+                            </DefaultButton>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
-        <div class="mb-6" v-if="state && state.responsibleUsers.length !== 0">
-            <h3 class="mr-3 text-base text-80 mb-2">{{ __("Responsibility") }}</h3>
-            <h5 class="font-light">
-                <span v-for="user in state.responsibleUsers" :key="user.id">
-                    <router-link
-                        :to="{
-                            name: 'detail',
-                            params: {
-                                resourceName: user.resourceName,
-                                resourceId: user.id,
-                            },
-                        }"
-                        class="no-underline font-bold dim text-primary"
+
+            <div v-if="state && state.responsibleUsers.length !== 0">
+                <h3 class="uppercase tracking-wide text-gray-500 text-sm font-bold">{{ __("Responsibility") }}</h3>
+                <h5 class="font-light flex space-x-3">
+                    <Link
+                        v-for="user in state.responsibleUsers"
+                        :key="user.id"
+                        @click.stop
+                        :href="$url(`/resources/${user.resourceName}/${user.id}`)"
+                        class="link-default"
                     >
                         {{ user.name }}
-                    </router-link>
-                    ,&nbsp;
-                </span>
-            </h5>
-        </div>
+                    </Link>
+                </h5>
+            </div>
 
-        <div v-if="state.transitions && state.transitions.length">
-            <h3 class="mr-3 text-base text-80 mb-2">{{ __("Next Step") }}</h3>
-            <p class="text-80 mb-4 text-sm w-1/2" v-if="state.description">{{ state.description }}</p>
-            <div v-for="transition in state.transitions" :key="transition.name">
-                <a
-                    href
-                    class="btn btn-sm flex btn-outline items-center mb-2 block"
-                    :dusk="'workflow-apply-' + transition.name"
-                    @click.stop.prevent="apply(transition)"
-                    v-if="transition.userInteraction"
-                >
-                    {{ transition.title }}
-                </a>
+            <div class="action-selector ">
+                <ActionDropdown
+                    ref="actionSelector"
+                    :resource="resource"
+                    :actions="actions"
+                    :resource-name="resourceName"
+                    @actionExecuted="$emit('actionExecuted')"
+                    :selected-resources="[resource.id.value]"
+                ></ActionDropdown>
             </div>
         </div>
-        <action-selector
-            v-if="resource"
-            ref="actionSelector"
-            :resource-name="resourceName"
-            :actions="actions"
-            :pivot-actions="{ actions: [] }"
-            :selected-resources="[this.resourceId]"
-            :query-string="{}"
-            class="action-selector ml-3"
-        />
-        <portal to="modals">
-            <transition name="fade">
-                <modal @modal-close="handleClose" v-if="dueDateChangeModal" class-whitelist="flatpickr-calendar">
-                    <div class="bg-white rounded-lg shadow-lg overflow-hidden" style="width:500px">
-                        <heading :level="2" class="border-b border-40 py-8 px-8">{{ __("Change due date") }}</heading>
-                        <slot>
-                            <default-field :field="{ attribute: 'due_in', name: __('Due on') }" :fullWidthContent="true">
-                                <template slot="field">
-                                    <date-time-picker
-                                        class="w-full form-control form-input form-input-bordered"
-                                        name="due_in"
-                                        :value="dueAt"
-                                        dateFormat="d.m.Y"
-                                        :enable-time="false"
-                                        :enable-seconds="false"
-                                        :first-day-of-week="1"
-                                        @change="onDueChange"
-                                    />
-                                    <a v-if="dueAt" href class="no-underline font-bold dim text-primary pt-3 block" @click.prevent.stop="clearDue">{{ __("Remove due date") }}</a>
-                                </template>
-                            </default-field>
-                            <div class="bg-30 px-6 py-3 flex">
-                                <div class="flex items-center ml-auto">
-                                    <button type="button" @click.prevent="handleClose" class="btn text-80 font-normal h-9 px-3 mr-3 btn-link">{{ __("Cancel") }}</button>
-
-                                    <button type="submit" @click.prevent="updateDue" class="btn btn-default btn-primary">
-                                        <span>{{ __("Save") }}</span>
-                                    </button>
-                                </div>
-                            </div>
-                        </slot>
-                    </div>
-                </modal>
-            </transition>
-        </portal>
-    </card>
+    </Card>
 </template>
 
 <script>
+import { Inertia } from "@inertiajs/inertia";
 export default {
     props: ["card", "resource", "resourceId", "resourceName"],
-
-    data: () => {
-        return {
-            state: 0,
-            actions: [],
-            executing: false,
-            dueDateChangeModal: false,
-            dueAt: "",
-            originalHandler: null,
-        };
-    },
-
+    data: () => ({
+        state: 0,
+        loading: false,
+        actions: [],
+    }),
     async mounted() {
         await this.reloadStatus();
         this.state.transition = [...this.state.transitions.filter((item) => item.userInteraction === true)];
-        this.dueAt = this.state.dueAt || "";
 
-        this.getActions();
-
-        this.originalHandler = this.$refs.actionSelector.handleActionResponse;
-
-        this.overwriteActionHandler();
-        Nova.$on("resources-loaded", async () => {
-            await this.reloadStatus();
+        Nova.$on("action-executed", () => {
+            Inertia.reload();
         });
-    },
-    destroyed() {
-        Nova.$off("resources-loaded");
+        this.getActions();
     },
     methods: {
-        overwriteActionHandler() {
-            if (!this.$refs.actionSelector) {
-                return;
-            }
-            /**
-             * Overwrites the nova response handler
-             */
-            this.$refs.actionSelector.handleActionResponse = async (response) => {
-                this.getActions();
-                this.reloadDetailView();
-                this.reloadStatus();
-                this.originalHandler(response);
-                Nova.$emit("resources-loaded");
-            };
-        },
-        clearDue() {
-            this.dueAt = "";
-            this.updateDue();
-        },
-        changeDue() {
-            this.dueDateChangeModal = true;
-        },
-        onDueChange(value) {
-            this.dueAt = value;
-        },
-        async updateDue() {
-            try {
-                this.state = (
-                    await Nova.request().put(
-                        `/nova-vendor/nova-workflow/workflow/${this.state.lastLog.id}/?resourceName=${this.resourceName}&resourceId=${this.resourceId}&dueAt=${this.dueAt}`
-                    )
-                ).data;
-            } catch (error) {
-                this.$toasted.show(__("Error when changing the due date"), { type: "error" });
-                return;
-            }
-
-            this.$toasted.show(__("Due date successfully updated"), { type: "success" });
-            this.dueDateChangeModal = false;
-            this.reloadDetailView();
-        },
-        async apply(transition) {
-            /**
-             * Disable Confirmation on all default workflow action
-             */
-            this.$refs.actionSelector.actions.filter((i) => i.uriKey === "workflow-status-change").map((i) => (i.withoutConfirmation = true));
-
-            this.$refs.actionSelector.selectedActionKey = transition.action;
-
-            /**
-             * Removes the 'hidden' transition field so nothing is shown to the end user
-             */
-            this.$refs.actionSelector.selectedAction.fields = this.$refs.actionSelector.selectedAction.fields.filter((i) => i.name !== "transition");
-
-            /**
-             * Inject the 'transition' parameter in the handle request
-             */
-            this.$refs.actionSelector.actionFormData = () => {
-                return _.tap(new FormData(), (formData) => {
-                    formData.append("resources", this.$refs.actionSelector.selectedResources);
-                    formData.append("transition", transition.name);
-                    _.each(this.$refs.actionSelector.selectedAction.fields, (field) => {
-                        field.fill(formData);
-                    });
-                });
-            };
-
-            /**
-             * Open the Action modal or call the nova api directly
-             */
-            this.$refs.actionSelector.determineActionStrategy();
-        },
-        /**
-         * Get the available actions for the resource.
-         */
-        async getActions() {
+        getActions() {
             this.actions = [];
             return Nova.request()
                 .get("/nova-api/" + this.resourceName + "/actions", {
                     params: {
                         resourceId: this.resourceId,
+                        editing: true,
+                        editMode: "create",
+                        display: "",
                     },
                 })
                 .then((response) => {
                     this.actions = response.data.actions;
+
+                    this.actions
+                        .filter((i) => i.uriKey === "workflow-status-change")
+                        .map((i) => {
+                            i.withoutConfirmation = true;
+
+                            return i;
+                        });
                 });
         },
+        apply(transition) {
+            this.loading = true;
 
-        async reloadStatus() {
-            this.state = (await Nova.request().get(`/nova-vendor/nova-workflow/workflow?resourceName=${this.resourceName}&resourceId=${this.resourceId}`)).data;
-        },
-        reloadDetailView() {
-            for (const component of this.$root.$children) {
-                if (component.cards) {
-                    component.initializeComponent();
-                }
-            }
+            const query = new URLSearchParams(window.location.search);
+            query.set("transition", transition.name);
+            const newUrl = `${window.location.origin}${window.location.pathname}?${query.toString()}`;
+            window.history.replaceState({ path: newUrl }, "", newUrl);
+
+            document.querySelector(`[data-action-id="${transition.action}"]`).click();
             setTimeout(() => {
-                this.overwriteActionHandler();
+                 this.loading = false;
             }, 500);
         },
-        /**
-         * Close the modal.
-         */
-        handleClose() {
-            this.dueDateChangeModal = false;
+        async reloadStatus() {
+            this.state = (await Nova.request().get(`/nova-vendor/nova-workflow/workflow?resourceName=${this.resourceName}&resourceId=${this.resourceId}`)).data;
         },
     },
 };
 </script>
-<style>
-.action-selector > div {
-    visibility: hidden;
-    display: none;
-}
-.action-selector > div.modal {
-    visibility: visible;
-    display: block;
-}
-</style>
 <style scoped>
-.card-panel {
-    height: 100% !important;
-    min-height: 150px;
-}
 .action-selector > div {
     visibility: hidden;
     display: none;
diff --git a/resources/js/components/ResourceTools/Workflow/Status.vue b/resources/js/components/ResourceTools/Workflow/Status.vue
index 4fc9a17..9f638a8 100644
--- a/resources/js/components/ResourceTools/Workflow/Status.vue
+++ b/resources/js/components/ResourceTools/Workflow/Status.vue
@@ -1,19 +1,19 @@
 <template>
     <div class="item flex items-center">
-        <div class="card w-full px-4 py-4">
-            <div class="flex justify-between text-sm text-80 mb-3">
+        <Card class="px-4 py-4 w-full">
+            <div class="flex justify-between text-sm text-gray-800 mb-3">
                 <h4>{{ activity.user.fullname }}</h4>
-                <span class="uppercase tracking-wide">{{ activity.created_at }}</span>
+                <span class="uppercase tracking-wide text-gray-500">{{ activity.created_at }}</span>
             </div>
             <div class="flex items-center" v-if="activity.data">
                 <span class="w-4 h-4 block rounded-full mr-3" :class="'bg-' + activity.data.status.color"></span>
                 <div>
-                    <h5 class="font-light" v-if="activity.data.transition">{{ activity.data.transition.title }}</h5>
-                    <h3>{{ activity.data.status.title }}</h3>
+                    <h5 class="font-light text-gray-800" v-if="activity.data.transition">{{ activity.data.transition.title }}</h5>
+                    <h3 class="text-gray-800">{{ activity.data.status.title }}</h3>
                 </div>
             </div>
-            <p>{{ activity.comment }}</p>
-        </div>
+            <p class="text-gray-800">{{ activity.comment }}</p>
+        </Card>
     </div>
 </template>
 
diff --git a/resources/js/components/ResourceTools/Workflow/Tool.vue b/resources/js/components/ResourceTools/Workflow/Tool.vue
index 131526d..e0a05c7 100644
--- a/resources/js/components/ResourceTools/Workflow/Tool.vue
+++ b/resources/js/components/ResourceTools/Workflow/Tool.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <h4 class="text-90 font-normal text-2xl mb-3">{{ __("Activities") }}</h4>
+        <h4 class="font-normal text-2xl mb-3">{{ __("Activities") }}</h4>
         <div class="timeline w-full">
             <workflow-write-comment @submit="onWriteComment"></workflow-write-comment>
             <workflow-status v-for="activity in activities" :key="activity.id" :activity="activity"></workflow-status>
@@ -10,6 +10,7 @@
 
 <script>
 export default {
+
     props: ["resourceName", "resourceId", "field"],
     data: () => {
         return {
@@ -17,6 +18,7 @@ export default {
         };
     },
     async mounted() {
+
         this.fetch();
         Nova.$on("workflow-updated", () => {
             this.fetch();
@@ -28,11 +30,12 @@ export default {
     methods: {
         async onWriteComment(comment) {
             const activity = (await Nova.request().post(`/nova-vendor/nova-workflow/logs?resourceName=${this.resourceName}&resourceId=${this.resourceId}`, { comment })).data;
-            this.$toasted.show("Kommentar erfolgreich gespeichert", { type: "success" });
+            Nova.success("Kommentar erfolgreich gespeichert")
             this.activities.unshift(activity);
         },
         async fetch() {
             this.activities = (await Nova.request().get(`/nova-vendor/nova-workflow/logs?resourceName=${this.resourceName}&resourceId=${this.resourceId}`)).data.data;
+
         },
     },
 };
diff --git a/resources/js/components/ResourceTools/Workflow/WriteComment.vue b/resources/js/components/ResourceTools/Workflow/WriteComment.vue
index 3426ab4..30be32a 100644
--- a/resources/js/components/ResourceTools/Workflow/WriteComment.vue
+++ b/resources/js/components/ResourceTools/Workflow/WriteComment.vue
@@ -1,22 +1,20 @@
 <template>
     <div class="item flex items-center">
-        <div class="card w-full px-4 py-4">
+        <Card class="card w-full px-4 py-4">
             <textarea
                 id="notes"
                 v-model="comment"
                 dusk="notes"
                 rows="5"
-                class="w-full form-control form-input form-input-bordered py-3 h-auto"
+                class="block w-full form-control form-input form-input-bordered py-3 h-auto mb-3"
             ></textarea>
-            <button
+
+            <DefaultButton
                 :disabled="comment.length <= 10"
                 @click.prevent.stop="onSend"
-                class="btn btn-default btn-primary inline-flex items-center relative"
-                dusk="update-button"
-            >
-                <span class>{{ __('Submit comment') }}</span>
-            </button>
-        </div>
+                dusk="update-button">{{ __('Submit comment') }}</DefaultButton>
+
+        </Card>
     </div>
 </template>
 
diff --git a/resources/js/components/ResourceTools/Workflow/index.js b/resources/js/components/ResourceTools/Workflow/index.js
deleted file mode 100644
index d426244..0000000
--- a/resources/js/components/ResourceTools/Workflow/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-Nova.booting((Vue, router, store) => {
-    Vue.component("workflow-write-comment", require("./WriteComment").default);
-    Vue.component("workflow-status", require("./Status").default);
-    Vue.component("workflow-activity", require("./Tool").default);
-});
diff --git a/src/Actions/WorkflowAction.php b/src/Actions/WorkflowAction.php
index cc6b04f..18bb03b 100644
--- a/src/Actions/WorkflowAction.php
+++ b/src/Actions/WorkflowAction.php
@@ -6,6 +6,7 @@
 use Laravel\Nova\Actions\Action;
 use Laravel\Nova\Fields\ActionFields;
 use Laravel\Nova\Fields\Text;
+use Laravel\Nova\Http\Requests\NovaRequest;
 
 class WorkflowAction extends Action
 {
@@ -35,6 +36,8 @@ public function uriKey()
      */
     public $showOnIndex = false;
 
+    public $transition = null;
+
     /**
      * Perform the action on the given models.
      *
@@ -44,27 +47,19 @@ public function uriKey()
      */
     public function handle(ActionFields $fields, Collection $models)
     {
+        $refererUrl = request()->headers->get('referer');
+        $refererParams = parse_url($refererUrl, PHP_URL_QUERY);
+        parse_str($refererParams, $params);
+        $this->transition = data_get($params, 'transition');
+
         foreach ($models as $model) {
             try {
                 $workflow = \Workflow::get($model, \Str::lower(class_basename($model)));
-                $workflow->apply($model, request()->transition);
+                $workflow->apply($model, $this->transition ?? $model->getTransitionForAction($this));
                 $model->save();
             } catch (\Throwable $th) {
-                //throw $th;
+                throw $th;
             }
-           
         }
     }
-
-    /**
-     * Get the fields available on the action.
-     *
-     * @return array
-     */
-    public function fields()
-    {
-        return [
-            Text::make('transition')
-        ];
-    }
 }
diff --git a/src/Actions/WorkflowTransisitionAction.php b/src/Actions/WorkflowTransisitionAction.php
new file mode 100644
index 0000000..0248982
--- /dev/null
+++ b/src/Actions/WorkflowTransisitionAction.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace Orlyapps\NovaWorkflow\Actions;
+
+use Illuminate\Bus\Queueable;
+use Illuminate\Http\Request;
+use Illuminate\Queue\InteractsWithQueue;
+use Illuminate\Support\Collection;
+use Laravel\Nova\Actions\Action;
+use Laravel\Nova\Fields\ActionFields;
+use Laravel\Nova\Fields\Select;
+use Laravel\Nova\Makeable;
+
+class WorkflowTransisitionAction extends Action
+{
+    use InteractsWithQueue;
+    use Queueable;
+    use Makeable;
+
+    /**
+     * Indicates if this action is available on the resource's table row.
+     *
+     * @var bool
+     */
+    public $showOnTableRow = true;
+
+    public $workflowClass = null;
+
+    public function __construct($workflowClass)
+    {
+        $this->workflowClass = $workflowClass;
+    }
+
+    public function uriKey()
+    {
+        return 'status-change';
+    }
+
+    /**
+     * The displayable name of the action.
+     *
+     * @var string
+     */
+    public $name = 'Status ändern';
+
+    /**
+     * Perform the action on the given models.
+     *
+     * @param  \Laravel\Nova\Fields\ActionFields  $fields
+     * @param  \Illuminate\Support\Collection  $models
+     * @return mixed
+     */
+    public function handle(ActionFields $fields, Collection $models)
+    {
+        foreach ($models as $model) {
+            if (! $model->workflow_can($fields->transition)) {
+                return Action::danger('Dieser Statuswechsel aus dem aktuellen Status ist nicht möglich');
+            }
+            $model->workflow_apply($fields->transition)->save();
+        }
+    }
+
+    /**
+     * Get the fields available on the action.
+     *
+     * @return array
+     */
+    public function fields(Request $request)
+    {
+        return [
+            Select::make('Status', 'transition')
+                ->options($this->workflowClass::make()->transistionsOptionArray()),
+        ];
+    }
+}
diff --git a/src/Console/MakeWorkflowCommand.php b/src/Console/MakeWorkflowCommand.php
new file mode 100644
index 0000000..6d7a198
--- /dev/null
+++ b/src/Console/MakeWorkflowCommand.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace Orlyapps\NovaWorkflow\Console;
+
+use Illuminate\Console\GeneratorCommand;
+
+class MakeWorkflowCommand extends GeneratorCommand
+{
+    protected $name = 'make:workflow';
+
+    protected $description = 'Create a new Workflow';
+
+    protected $type = 'Workflow';
+
+    protected function getStub()
+    {
+        return $this->resolveStubPath('/stubs/workflow.stub');
+    }
+
+    public function handle()
+    {
+        parent::handle();
+
+        $class = $this->qualifyClass($this->getNameInput());
+        $path = $this->getPath($class);
+        rename($path, dirname($path) . '/' . $this->getNameInput() . "Workflow.php");
+    }
+
+    /**
+     * Resolve the fully-qualified path to the stub.
+     *
+     * @param string $stub
+     * @return string
+     */
+    protected function resolveStubPath($stub)
+    {
+        return file_exists($customPath = $this->laravel->basePath(trim($stub, '/')))
+            ? $customPath
+            : __DIR__ . $stub;
+    }
+
+    protected function getDefaultNamespace($rootNamespace)
+    {
+        return $rootNamespace.'\Nova\Workflows';
+    }
+}
diff --git a/src/Console/stubs/workflow.stub b/src/Console/stubs/workflow.stub
new file mode 100644
index 0000000..0534440
--- /dev/null
+++ b/src/Console/stubs/workflow.stub
@@ -0,0 +1,50 @@
+<?php
+
+namespace {{ namespace }};
+
+use Laravel\Nova\Makeable;
+use App\Models\{{ class }};
+use Orlyapps\NovaWorkflow\Models\Place;
+use Orlyapps\NovaWorkflow\Models\Transition;
+use Orlyapps\NovaWorkflow\Models\WorkflowDefinition;
+
+class {{ class }}Workflow extends WorkflowDefinition
+{
+    use Makeable;
+
+    /**
+     * Internal name of the Workflow
+     */
+    public $name = '{{ class }}';
+
+    public $initialPlace = 'draft';
+
+    /**
+     * The class the workflow corresponds to.
+     *
+     * @var string
+     */
+    public $supports = [{{ class }}::class];
+
+    public function places()
+    {
+        return [
+            Place::make('Draft', 'draft')->color('yellow'),
+            Place::make('Published', 'published')->color('green')
+        ];
+    }
+
+    public function transitions()
+    {
+        return [
+             Transition::make('Publish', 'publish')
+                ->from(['draft'])
+                ->to('published'),
+        ];
+    }
+
+    public function users($order, $placeName)
+    {
+        return [];
+    }
+}
diff --git a/src/Events/WorkflowSubscriber.php b/src/Events/WorkflowSubscriber.php
index 965fe48..925d5c9 100755
--- a/src/Events/WorkflowSubscriber.php
+++ b/src/Events/WorkflowSubscriber.php
@@ -25,7 +25,7 @@ public function guardEvent(SymfonyGuardEvent $event)
         }
 
         if ($user && $policyExists) {
-            $event->setBlocked(!$user->can($policyName, $object));
+            $event->setBlocked(! $user->can($policyName, $object));
         } else {
             $event->setBlocked(false);
         }
@@ -56,29 +56,27 @@ public function enteredEvent(Event $event)
         $to = $event->getTransition()->getTos();
         $from = $event->getTransition()->getFroms();
 
-        $logModelClass = config('workflow.log_model');
-        $log = new $logModelClass();
-        $log->fill(['from' => $from[0], 'to' => $to[0], 'transition' => $transitionName]);
-        $log->subject()->associate($object);
+        if ($from[0] != $to[0]) {
+            $logModelClass = config('workflow.log_model');
+            $log = new $logModelClass();
+            $log->fill(['from' => $from[0], 'to' => $to[0], 'transition' => $transitionName]);
+            $log->subject()->associate($object);
 
-        if (\Auth::user()) {
-            $log->causer()->associate(\Auth::user());
+            if (\Auth::user()) {
+                $log->causer()->associate(\Auth::user());
+            }
+            $log->save();
+            event('nova-workflow.entered', $log);
+            event(sprintf('nova-workflow.%s.entered', $workflowName), $log);
         }
 
-        // Fälligkeit setzen: Heute + Due In aus Workflow Definition
         $place = $definition->place($to[0]);
-        if ($place->dueIn) {
+        if (isset($log) && $place->dueIn) {
             $log->due_at = (new \DateTime())->add(\DateInterval::createFromDateString($place->dueIn));
         }
-        // only save when a place change
-        if (optional($object->lastLog)->to !== $to[0]) {
-            $log->save();
-            event('nova-workflow.entered', $log);
-            event(sprintf('nova-workflow.%s.entered', $workflowName), $log);
-            // Observer Events werden aufgerufen
-            $method = \Str::camel($transitionName);
-            $object->fire($method);
-        }
+
+        $method = \Str::camel($transitionName);
+        $object->fire($method);
     }
 
     public function completedEvent(Event $event)
@@ -95,7 +93,6 @@ public static function getSubscribedEvents()
     {
         return [
             'workflow.guard' => ['guardEvent'],
-
             'workflow.entered' => ['enteredEvent'],
         ];
     }
diff --git a/src/Filters/StatusFilter.php b/src/Filters/StatusFilter.php
index 9cf0da1..21e814d 100644
--- a/src/Filters/StatusFilter.php
+++ b/src/Filters/StatusFilter.php
@@ -14,7 +14,7 @@ class StatusFilter extends Filter
      */
     public $name = 'Status';
 
-
+    public $defaultStatus = '';
 
     /**
      * The filter's component.
@@ -23,7 +23,7 @@ class StatusFilter extends Filter
      */
     public $component = 'select-filter';
 
-    public function __construct(public $resource, public $whereField = "status")
+    public function __construct(public $resource, public $whereField = 'status')
     {
     }
 
@@ -40,6 +40,23 @@ public function apply(Request $request, $query, $value)
         return $query->where($this->whereField, $value);
     }
 
+    public function defaultStatus($status)
+    {
+        $this->defaultStatus = $status;
+
+        return $this;
+    }
+
+    /**
+     * Set the default options for the filter.
+     *
+     * @return array|mixed
+     */
+    public function default()
+    {
+        return $this->defaultStatus;
+    }
+
     /**
      * Get the filter's available options.
      *
diff --git a/src/Http/Controllers/LogController.php b/src/Http/Controllers/LogController.php
index 8848e41..9899d40 100644
--- a/src/Http/Controllers/LogController.php
+++ b/src/Http/Controllers/LogController.php
@@ -18,7 +18,6 @@ public function index(Request $request)
         $model = $this->getModelForResource($request->resourceName, $request->resourceId);
 
         $activities = config('workflow.log_model')::forSubject($model)->orderBy('created_at', 'desc')->get();
-
         return ActivityResource::collection($activities);
     }
 
@@ -31,7 +30,6 @@ public function index(Request $request)
     public function store(Request $request)
     {
         $model = $this->getModelForResource($request->resourceName, $request->resourceId);
-        \Gate::authorize('update', $model);
 
         $log = config('workflow.log_model')::create($request->only(['comment']));
         $log->subject()->associate($model);
diff --git a/src/Http/Controllers/WorkflowController.php b/src/Http/Controllers/WorkflowController.php
index 8eb7a35..5d6ae0d 100644
--- a/src/Http/Controllers/WorkflowController.php
+++ b/src/Http/Controllers/WorkflowController.php
@@ -14,20 +14,21 @@ class WorkflowController
     use AuthorizesRequests;
 
     /**
-    * Display a listing of the resource.
-    *
-    * @return \Illuminate\Http\Response
-    */
+     * Display a listing of the resource.
+     *
+     * @return \Illuminate\Http\Response
+     */
     public function index(Request $request)
     {
         $model = $this->getModelForResource($request->resourceName, $request->resourceId);
+
         return $this->getWorkflowForModel($model);
     }
 
     public function update(Request $request, $logId)
     {
         $request->validate([
-            'dueAt' => 'nullable|date_format:d.m.Y|after:today'
+            'dueAt' => 'nullable|date_format:d.m.Y|after:today',
         ]);
 
         $model = $this->getModelForResource($request->resourceName, $request->resourceId);
@@ -49,12 +50,14 @@ public function update(Request $request, $logId)
         }
         $log->save();
         $commentLog->save();
+
         return $this->getWorkflowForModel($model);
     }
 
     private function getModelForResource($resourceName, $resourceId)
     {
         $resource = Nova::resourceInstanceForKey($resourceName);
+
         return $resource->model()->newQueryWithoutScopes()->find($resourceId);
     }
 
@@ -77,7 +80,7 @@ private function getWorkflowForModel($model)
         $placeMetadata['responsibleUsers'] = UserResource::collection($definition->users($model, $model->status));
         $placeMetadata['lastLog'] = $model->lastLog;
         $placeMetadata['can'] = [
-            'changeDue' => \Auth::user()->can('changeDue', $model)
+            'changeDue' => \Auth::user()->can('changeDue', $model),
         ];
 
         if ($model->dueIn) {
@@ -95,7 +98,7 @@ private function getWorkflowForModel($model)
             $transitionName = $transition->getName();
             $metadata = $metadataStore->getTransitionMetadata($transition);
 
-            $policyName = \Str::camel('can_see_' . $transitionName);
+            $policyName = \Str::camel('can_see_'.$transitionName);
             $policyExists = false;
             if ($policy) {
                 $policyExists = method_exists($policy, $policyName);
@@ -107,7 +110,7 @@ private function getWorkflowForModel($model)
                 $canSee = \Auth::user()->can($policyName, $model);
             }
 
-            if ($canSee) {
+            if ($canSee && data_get($metadata, 'userInteraction', true)) {
                 $transitions[] = [
                     'name' => $transitionName,
                     'title' => $metadata['title'],
@@ -118,7 +121,7 @@ private function getWorkflowForModel($model)
         }
 
         return array_merge($placeMetadata, [
-            'transitions' => collect($transitions)
+            'transitions' => collect($transitions),
         ]);
     }
 }
diff --git a/src/Models/Place.php b/src/Models/Place.php
index 98cb04f..a0fabd8 100644
--- a/src/Models/Place.php
+++ b/src/Models/Place.php
@@ -12,10 +12,14 @@ class Place
 
     public $dueIn;
 
+    public $emoji;
+
     public $externalLabel;
 
     public $externalColor;
 
+    public $description;
+
     public function __construct(string $label, string $name)
     {
         $this->label = $label;
@@ -41,6 +45,13 @@ public function dueIn($dueIn)
         return $this;
     }
 
+    public function description($description)
+    {
+        $this->description = $description;
+
+        return $this;
+    }
+
     public function color($color)
     {
         $this->color = $color;
@@ -48,6 +59,13 @@ public function color($color)
         return $this;
     }
 
+    public function emoji($emoji)
+    {
+        $this->emoji = $emoji;
+
+        return $this;
+    }
+
     public function externalColor($externalColor)
     {
         $this->externalColor = $externalColor;
@@ -68,7 +86,9 @@ public function metadata()
     {
         return [
             'title' => $this->label,
+            'description' => $this->description,
             'color' => $this->color,
+            'emoji' => $this->emoji,
             'dueIn' => $this->dueIn,
             'externalLabel' => $this->externalLabel,
             'externalColor' => $this->externalColor,
diff --git a/src/Models/Transition.php b/src/Models/Transition.php
index aa31e23..a49194c 100644
--- a/src/Models/Transition.php
+++ b/src/Models/Transition.php
@@ -7,10 +7,17 @@
 class Transition
 {
     public $from = [];
+
     public $to = [];
+
     public $action;
+
     public $entered;
 
+    public $label;
+
+    public $name;
+
     protected $userInteraction = true;
 
     public function __construct(string $label, string $name)
@@ -25,27 +32,38 @@ public static function make(string $label, string $name)
         return new static($label,$name);
     }
 
+    public function description($description)
+    {
+        $this->description = $description;
+
+        return $this;
+    }
+
     public function from($place)
     {
         $this->from = $place;
+
         return $this;
     }
 
     public function to($place)
     {
         $this->to = $place;
+
         return $this;
     }
 
     public function action($action)
     {
         $this->action = $action->uriKey();
+
         return $this;
     }
 
     public function noUserInteraction()
     {
         $this->userInteraction = false;
+
         return $this;
     }
 
@@ -61,7 +79,7 @@ public function toArray()
                 'from' => $this->from,
                 'to' => $this->to,
                 'metadata' => $this->metadata(),
-            ]
+            ],
         ];
     }
 
@@ -70,7 +88,7 @@ public function metadata()
         return [
             'title' => $this->label,
             'action' => $this->action,
-            'userInteraction' => $this->userInteraction
+            'userInteraction' => $this->userInteraction,
         ];
     }
 }
diff --git a/src/Models/WorkflowDefinition.php b/src/Models/WorkflowDefinition.php
index e2fd1a2..868efe1 100644
--- a/src/Models/WorkflowDefinition.php
+++ b/src/Models/WorkflowDefinition.php
@@ -68,16 +68,20 @@ function ($place) {
         );
     }
     
+
     public function transistionsOptionArray()
     {
-        return $this->toArray()['transitions']->mapWithKeys(
-            function ($place) {
-                return [array_key_first($place) => head($place)['metadata']['title']];
-            }
-        );
+        return $this->toArray()['transitions']
+            ->mapWithKeys(
+                function ($place) {
+                    if (head($place)['metadata']['action'] == 'workflow-status-change') {
+                        return [array_key_first($place) => head($place)['metadata']['title']];
+                    }
+                    return [];
+                }
+            );
     }
 
-
     public function place($placeName)
     {
         return collect($this->places())->where('name', $placeName)->first();
diff --git a/src/Models/WorkflowRegistry.php b/src/Models/WorkflowRegistry.php
index 4ecfcbd..9a10009 100644
--- a/src/Models/WorkflowRegistry.php
+++ b/src/Models/WorkflowRegistry.php
@@ -18,17 +18,17 @@ class WorkflowRegistry
     /**
      * @var Registry
      */
-    protected $registry;
+    public $registry;
 
     /**
      * @var EventDispatcher
      */
-    protected $dispatcher;
+    public $dispatcher;
 
     /**
      * @var array
      */
-    protected $definitions = [];
+    public $definitions = [];
 
     /**
      * WorkflowRegistry constructor
@@ -138,7 +138,7 @@ public function add(WorkflowDefinition $workflow)
 
         $definition = $builder->build();
         $markingStore = new MethodMarkingStore(true, config('workflow.marking_store_field'));
-        $workflowObj = new Workflow($definition, $markingStore, $this->dispatcher, $workflow->name);
+        $workflowObj = new Workflow($definition, $markingStore, $this->dispatcher, \Str::lower($workflow->name));
 
         foreach ($workflow->supports as $supportedClass) {
             $supportStrategy = $workflow->supportStrategy();
diff --git a/src/NovaWorkflowServiceProvider.php b/src/NovaWorkflowServiceProvider.php
index 182c0d0..970bb9d 100644
--- a/src/NovaWorkflowServiceProvider.php
+++ b/src/NovaWorkflowServiceProvider.php
@@ -9,6 +9,7 @@
 use Laravel\Nova\Events\ServingNova;
 use Laravel\Nova\Fields\Field;
 use Laravel\Nova\Nova;
+use Orlyapps\NovaWorkflow\Console\MakeWorkflowCommand;
 use Orlyapps\NovaWorkflow\Models\WorkflowDefinition;
 use Orlyapps\NovaWorkflow\Models\WorkflowRegistry;
 use Symfony\Component\Finder\Finder;
@@ -22,26 +23,50 @@ class NovaWorkflowServiceProvider extends ServiceProvider
      */
     public function boot()
     {
-        $this->loadTranslationsFrom(__DIR__ . '/../resources/lang', 'nova-workflow');
+        $this->loadTranslationsFrom(__DIR__.'/../resources/lang', 'nova-workflow');
 
         $this->app->booted(function () {
             $this->routes();
         });
 
         Nova::serving(function (ServingNova $event) {
-            Nova::script('nova-workflow', __DIR__ . '/../dist/js/app.js');
-            Nova::style('nova-workflow', __DIR__ . '/../dist/css/app.css');
+            Nova::script('nova-workflow', __DIR__.'/../dist/js/app.js');
+            Nova::style('nova-workflow', __DIR__.'/../dist/css/app.css');
         });
 
         // Regiter migrations
-        $this->loadMigrationsFrom(__DIR__ . '/../database/migrations');
+        $this->loadMigrationsFrom(__DIR__.'/../database/migrations');
 
         // Publish your config
         $this->publishes([
-            __DIR__ . '/../config/config.php' => config_path('workflow.php'),
+            __DIR__.'/../config/config.php' => config_path('workflow.php'),
         ], 'config');
 
         $this->macros();
+
+        $this->commands([
+            MakeWorkflowCommand::class,
+        ]);
+
+        if ($this->app->runningInConsole()) {
+            $this->publishes([
+                __DIR__.'/../database/migrations/2017_09_28_1000001_workflow_migration.php' => database_path('migrations/'.date('Y_m_d_His', time()).'_workflow_migration.php'),
+                // you can add any number of migrations here
+            ], 'migrations');
+        }
+
+        // Automatically apply the package configuration
+        $this->mergeConfigFrom(__DIR__.'/../config/config.php', 'workflow');
+
+        $this->app->singleton('workflow', function ($app) {
+            $registry = new WorkflowRegistry();
+            foreach ($this->workflows() as $workflow) {
+                $registry->add($workflow);
+            }
+
+            return $registry;
+        });
+        app('workflow');
     }
 
     public function macros()
@@ -51,6 +76,7 @@ public function macros()
                 if (in_array($resource->status, $status)) {
                     $this->exceptOnForms();
                 }
+
                 return $value;
             });
         });
@@ -62,6 +88,7 @@ public function macros()
                 } else {
                     $this->exceptOnForms();
                 }
+
                 return $value;
             });
         });
@@ -73,6 +100,7 @@ public function macros()
                     $this->showOnCreation = false;
                     $this->showOnUpdate = false;
                 }
+
                 return $value;
             });
         });
@@ -92,7 +120,7 @@ protected function routes()
         Route::middleware(['nova'])
             ->namespace('Orlyapps\NovaWorkflow\Http\Controllers')
             ->prefix('nova-vendor/nova-workflow')
-            ->group(__DIR__ . '/../routes/api.php');
+            ->group(__DIR__.'/../routes/api.php');
     }
 
     /**
@@ -102,17 +130,6 @@ protected function routes()
      */
     public function register()
     {
-        // Automatically apply the package configuration
-        $this->mergeConfigFrom(__DIR__ . '/../config/config.php', 'workflow');
-
-        $this->app->singleton('workflow', function ($app) {
-            $registry = new WorkflowRegistry();
-            foreach ($this->workflows() as $workflow) {
-                $registry->add($workflow);
-            }
-            return $registry;
-        });
-        app('workflow');
     }
 
     /**
@@ -124,24 +141,25 @@ protected function workflows()
     {
         $namespace = app()->getNamespace();
         $workflows = [];
-        if (!File::isDirectory(app_path('Nova/Workflows'))) {
+        if (! File::isDirectory(app_path('Nova/Workflows'))) {
             File::makeDirectory(app_path('Nova/Workflows'), 0777, true, true);
         }
 
         foreach ((new Finder)->in(app_path('Nova/Workflows'))->files() as $workflow) {
-            $workflow = $namespace . str_replace(
+            $workflow = $namespace.str_replace(
                 ['/', '.php'],
                 ['\\', ''],
-                Str::after($workflow->getPathname(), app_path() . DIRECTORY_SEPARATOR)
+                Str::after($workflow->getPathname(), app_path().DIRECTORY_SEPARATOR)
             );
 
             if (
                 is_subclass_of($workflow, WorkflowDefinition::class) &&
-                !(new \ReflectionClass($workflow))->isAbstract()
+                ! (new \ReflectionClass($workflow))->isAbstract()
             ) {
                 $workflows[] = new $workflow();
             }
         }
+
         return $workflows;
     }
 
diff --git a/src/Traits/HasWorkflow.php b/src/Traits/HasWorkflow.php
index e652234..914d284 100644
--- a/src/Traits/HasWorkflow.php
+++ b/src/Traits/HasWorkflow.php
@@ -25,6 +25,7 @@ public function getObservableEvents()
         $observables = collect($definition->transitions())->map(function ($transition) {
             return \Str::camel($transition->name);
         });
+
         return array_merge(
             array_merge($this->observables, parent::getObservableEvents()),
             $observables->toArray()
@@ -75,6 +76,7 @@ public static function statusColors()
         foreach ($definition->places() as $place) {
             $status[$place->name] = $place->color;
         }
+
         return $status;
     }
 
@@ -88,6 +90,7 @@ public static function statusLabels()
         foreach ($definition->places() as $place) {
             $status[$place->name] = $place->label;
         }
+
         return $status;
     }
 
@@ -100,10 +103,11 @@ public static function getColorMappingForStatus()
         foreach ($definition->places() as $place) {
             $colors[$place->label] = 'var(--' . $place->color . ')';
         }
+
         return $colors;
     }
 
-    public function logComment(User $user, $comment)
+    public function logComment($user, $comment)
     {
         $log = config('workflow.log_model')::create(['comment' => $comment]);
         $log->subject()->associate($this);
@@ -146,7 +150,9 @@ public function getPlace($place)
         return [
             'name' => $place,
             'title' => $meta['title'],
+            'emoji' => $meta['emoji'],
             'color' => $meta['color'],
+            'description' => $meta['description'],
             'externalLabel' => $meta['externalLabel'] ?? $meta['title'],
             'externalColor' => $meta['externalColor'] ?? $meta['color'],
         ];
@@ -197,12 +203,14 @@ public function getWorkflowDefinition()
     {
         $reflection = new \ReflectionClass($this);
         $definition = \Workflow::getDefinitionForClass($reflection->getName());
+
         return $definition;
     }
 
     public function getWorkflowMetadataForStatus()
     {
         $definition = $this->getWorkflowDefinition();
+
         return $definition->place($this->status)->metadata();
     }
 
@@ -225,4 +233,17 @@ public function getLastLogCommentAttribute()
     {
         return config('workflow.log_model')::forSubject($this)->whereNotNull('comment')->orderByDesc('created_at')->first();
     }
+
+    public function getTransitionForAction(\Laravel\Nova\Actions\Action $action)
+    {
+        $transitions = $this->getTransitions();
+
+        foreach ($transitions as $transition) {
+            if ($transition['action'] == $action->uriKey()) {
+                return $transition['name'];
+            }
+        }
+
+        return null;
+    }
 }
diff --git a/webpack.mix.js b/webpack.mix.js
index e1a27cb..dd9052f 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -1,5 +1,10 @@
 let mix = require("laravel-mix");
 
-mix.setPublicPath("dist")
+require("./mix");
+
+mix
+    .setPublicPath("dist")
     .js("resources/js/app.js", "js")
-    .sass("resources/sass/app.scss", "css");
+    .vue({ version: 3 })
+    .sass("resources/sass/app.scss", "css")
+    .nova("nova-workflow");