diff --git a/src/templates/settings/plugins/index.twig b/src/templates/settings/plugins/index.twig
index 53c7c419811..0577b523792 100644
--- a/src/templates/settings/plugins/index.twig
+++ b/src/templates/settings/plugins/index.twig
@@ -147,29 +147,27 @@
                                 <form method="post" accept-charset="UTF-8">
                                     {{ hiddenInput('pluginHandle', handle) }}
                                     {{ csrfInput() }}
-                                    <div class="btngroup">
-                                        <button type="button" class="btn menubtn" data-icon="settings" aria-label="{{ 'Settings'|t('app') }}"></button>
-                                        <div class="menu" data-align="right">
-                                            <ul>
-                                                {% if not config.isInstalled %}
-                                                    {% if forceDisabled %}
-                                                        <li><a class="disabled" title="{{ '{plugin} can’t be installed due to the {setting} config setting.'|t({plugin: config.name, setting: 'disabledPlugins'}) }}">{{ 'Install'|t('app') }}</a></li>
-                                                    {% else %}
-                                                        <li><a class="formsubmit" data-action="plugins/install-plugin">{{ 'Install'|t('app') }}</a></li>
-                                                    {% endif %}
-                                                    <li><a class="formsubmit error" data-action="pluginstore/remove" data-param="packageName" data-value="{{ config.packageName }}">{{ 'Remove'|t('app') }}</a></li>
+                                    <button type="button" class="btn menubtn action-btn hairline" aria-label="{{ 'Settings'|t('app') }}"></button>
+                                    <div class="menu" data-align="right">
+                                        <ul>
+                                            {% if not config.isInstalled %}
+                                                {% if forceDisabled %}
+                                                    <li><a class="disabled" title="{{ '{plugin} can’t be installed due to the {setting} config setting.'|t({plugin: config.name, setting: 'disabledPlugins'}) }}">{{ 'Install'|t('app') }}</a></li>
                                                 {% else %}
-                                                    {% if config.isEnabled %}
-                                                        <li><a class="formsubmit" data-action="plugins/disable-plugin">{{ 'Disable'|t('app') }}</a></li>
-                                                        <li><a class="formsubmit error" data-action="plugins/uninstall-plugin" data-confirm="{{ 'Are you sure you want to uninstall {plugin}? You will lose all of its associated data.'|t('app', { plugin: config.name }) }}">{{ 'Uninstall'|t('app') }}</a></li>
-                                                    {% elseif forceDisabled %}
-                                                        <li><a class="disabled" title="{{ '{plugin} is disabled by the {setting} config setting.'|t({plugin: config.name, setting: 'disabledPlugins'}) }}">{{ 'Enable'|t('app') }}</a></li>
-                                                    {% else %}
-                                                        <li><a class="formsubmit" data-action="plugins/enable-plugin">{{ 'Enable'|t('app') }}</a></li>
-                                                    {% endif %}
+                                                    <li><a class="formsubmit" data-action="plugins/install-plugin">{{ 'Install'|t('app') }}</a></li>
                                                 {% endif %}
-                                            </ul>
-                                        </div>
+                                                <li><a class="formsubmit error" data-action="pluginstore/remove" data-param="packageName" data-value="{{ config.packageName }}">{{ 'Remove'|t('app') }}</a></li>
+                                            {% else %}
+                                                {% if config.isEnabled %}
+                                                    <li><a class="formsubmit" data-action="plugins/disable-plugin">{{ 'Disable'|t('app') }}</a></li>
+                                                    <li><a class="formsubmit error" data-action="plugins/uninstall-plugin" data-confirm="{{ 'Are you sure you want to uninstall {plugin}? You will lose all of its associated data.'|t('app', { plugin: config.name }) }}">{{ 'Uninstall'|t('app') }}</a></li>
+                                                {% elseif forceDisabled %}
+                                                    <li><a class="disabled" title="{{ '{plugin} is disabled by the {setting} config setting.'|t({plugin: config.name, setting: 'disabledPlugins'}) }}">{{ 'Enable'|t('app') }}</a></li>
+                                                {% else %}
+                                                    <li><a class="formsubmit" data-action="plugins/enable-plugin">{{ 'Enable'|t('app') }}</a></li>
+                                                {% endif %}
+                                            {% endif %}
+                                        </ul>
                                     </div>
                                 </form>
                             </td>
diff --git a/src/web/assets/plugins/dist/PluginManager.js b/src/web/assets/plugins/dist/PluginManager.js
index f294f2e2aa7..d422e5d4b03 100644
--- a/src/web/assets/plugins/dist/PluginManager.js
+++ b/src/web/assets/plugins/dist/PluginManager.js
@@ -1,2 +1,2 @@
-!function(){var e={811:function(){},447:function(e,t,n){var i=n(811);i.__esModule&&(i=i.default),"string"==typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals),(0,n(673).Z)("7690077b",i,!0,{})},673:function(e,t,n){"use strict";function i(e,t){for(var n=[],i={},a=0;a<t.length;a++){var s=t[a],r=s[0],l={id:e+":"+a,css:s[1],media:s[2],sourceMap:s[3]};i[r]?i[r].parts.push(l):n.push(i[r]={id:r,parts:[l]})}return n}n.d(t,{Z:function(){return f}});var a="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var s={},r=a&&(document.head||document.getElementsByTagName("head")[0]),l=null,o=0,d=!1,p=function(){},u=null,c="data-vue-ssr-id",h="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(e,t,n,a){d=n,u=a||{};var r=i(e,t);return g(r),function(t){for(var n=[],a=0;a<r.length;a++){var l=r[a];(o=s[l.id]).refs--,n.push(o)}for(t?g(r=i(e,t)):r=[],a=0;a<n.length;a++){var o;if(0===(o=n[a]).refs){for(var d=0;d<o.parts.length;d++)o.parts[d]();delete s[o.id]}}}}function g(e){for(var t=0;t<e.length;t++){var n=e[t],i=s[n.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](n.parts[a]);for(;a<n.parts.length;a++)i.parts.push(m(n.parts[a]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var r=[];for(a=0;a<n.parts.length;a++)r.push(m(n.parts[a]));s[n.id]={id:n.id,refs:1,parts:r}}}}function v(){var e=document.createElement("style");return e.type="text/css",r.appendChild(e),e}function m(e){var t,n,i=document.querySelector("style["+c+'~="'+e.id+'"]');if(i){if(d)return p;i.parentNode.removeChild(i)}if(h){var a=o++;i=l||(l=v()),t=b.bind(null,i,a,!1),n=b.bind(null,i,a,!0)}else i=v(),t=$.bind(null,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}var y,C=(y=[],function(e,t){return y[e]=t,y.filter(Boolean).join("\n")});function b(e,t,n,i){var a=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=C(t,a);else{var s=document.createTextNode(a),r=e.childNodes;r[t]&&e.removeChild(r[t]),r.length?e.insertBefore(s,r[t]):e.appendChild(s)}}function $(e,t){var n=t.css,i=t.media,a=t.sourceMap;if(i&&e.setAttribute("media",i),u.ssrId&&e.setAttribute(c,t.id),a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(i){var a=t[i];if(void 0!==a)return a.exports;var s=t[i]={id:i,exports:{}};return e[i](s,s.exports,n),s.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";n(447),function(e){Craft.PluginManager=Garnish.Base.extend({init:function(){var n=this;this.getPluginLicenseInfo().then((function(i){for(var a in i)i.hasOwnProperty(a)&&(i[a].isComposerInstalled?new t(n,e("#plugin-"+a)).update(i[a]):n.addUninstalledPluginRow(a,i[a]))}))},getPluginLicenseInfo:function(){return new Promise((function(e,t){Craft.sendApiRequest("GET","cms-licenses",{params:{include:"plugins"}}).then((function(n){var i={pluginLicenses:n.license.pluginLicenses||[]};Craft.sendActionRequest("POST","app/get-plugin-license-info",{data:i}).then((function(t){e(t.data)})).catch((function(){t()}))})).catch(t)}))},addUninstalledPluginRow:function(t,n){var i=e("#plugins");i.length||(e("<table/>",{id:"plugins",class:"data fullwidth collapsible",html:"<tbody></tbody>"}),function(e){throw new TypeError('"$table" is read-only')}(),e("#no-plugins").replaceWith(i));var a=e("<tr/>",{data:{handle:t}}).appendTo(i.children("tbody")).append(e("<th/>").append(e("<div/>",{class:"plugin-infos"}).append(e("<div/>",{class:"icon"}).append(e("<img/>",{src:n.iconUrl}))).append(e("<div/>",{class:"plugin-details"}).append(e("<h2/>",{text:n.name})).append(n.description?e("<p/>",{text:n.description}):e()).append(n.documentationUrl?e("<p/>",{class:"links"}).append(e("<a/>",{href:n.documentationUrl,target:"_blank",text:Craft.t("app","Documentation")})):e()).append(e("<div/>",{class:"flex license-key"}).append(e("<div />",{class:"pane"}).append(e("<input/>",{class:"text code",size:29,maxlength:29,value:Craft.PluginManager.normalizeUserKey(n.licenseKey),readonly:!0,disabled:!0}))))))).append(e("<td/>",{class:"nowrap","data-title":Craft.t("app","Status")}).append(e("<span/>",{class:"status"})).append(e("<span/>",{class:"light",text:Craft.t("app","Missing")}))).append(n.latestVersion?e("<td/>",{class:"nowrap thin","data-title":Craft.t("app","Action")}).append(e("<form/>",{method:"post","accept-charset":"UTF-8"}).append(e("<input/>",{type:"hidden",name:"action",value:"pluginstore/install"})).append(e("<input/>",{type:"hidden",name:"packageName",value:n.packageName})).append(e("<input/>",{type:"hidden",name:"handle",value:t})).append(e("<input/>",{type:"hidden",name:"edition",value:n.licensedEdition})).append(e("<input/>",{type:"hidden",name:"version",value:n.latestVersion})).append(e("<input/>",{type:"hidden",name:"licenseKey",value:n.licenseKey})).append(e("<input/>",{type:"hidden",name:"return",value:"settings/plugins"})).append(Craft.getCsrfInput()).append(e("<div/>",{class:"btngroup"}).append(e("<button/>",{type:"button",class:"btn menubtn","data-icon":"settings"})).append(e("<div/>",{class:"menu","data-align":"right"}).append(e("<ul/>").append(e("<li/>").append(e("<a/>",{class:"formsubmit",text:Craft.t("app","Install")}))))))):e());Craft.initUiElements(a)}},{normalizeUserKey:function(e){return"string"!=typeof e||""===e?"":"$"===e[0]?e:e.replace(/.{4}/g,"$&-").substring(0,29).toUpperCase()}});var t=Garnish.Base.extend({manager:null,$row:null,$details:null,$keyContainer:null,$keyInput:null,$spinner:null,$buyBtn:null,handle:null,updateTimeout:null,init:function(e,t){this.manager=e,this.$row=t,this.$details=this.$row.find(".plugin-details"),this.$keyContainer=t.find(".license-key"),this.$keyInput=this.$keyContainer.find("input.text").removeAttr("readonly"),this.$buyBtn=this.$keyContainer.find(".btn"),this.$spinner=t.find(".spinner"),this.handle=this.$row.data("handle"),this.addListener(this.$keyInput,"focus","onKeyFocus"),this.addListener(this.$keyInput,"input","onKeyChange")},getKey:function(){return this.$keyInput.val().replace(/\-/g,"").toUpperCase()},onKeyFocus:function(){this.$keyInput.select()},onKeyChange:function(){this.updateTimeout&&clearTimeout(this.updateTimeout);var e=this.getKey();if(0===e.length||24===e.length||e.length>1&&"$"===e[0]){var t=Craft.PluginManager.normalizeUserKey(e);this.$keyInput.val(t),this.updateTimeout=setTimeout(this.updateLicenseStatus.bind(this),100)}},updateLicenseStatus:function(){var e=this;this.$spinner.removeClass("hidden");var t={handle:this.handle,key:this.getKey()};Craft.sendActionRequest("POST","app/update-plugin-license",{data:t}).then((function(){e.manager.getPluginLicenseInfo().then((function(t){e.$spinner.addClass("hidden"),e.update(t[e.handle])}))}))},update:function(t){var n=this.$row.find(".license-key-status");if("valid"==t.licenseKeyStatus||t.licenseIssues.length){var i=e("<span/>",{class:"license-key-status "+(0===t.licenseIssues.length?"valid":"")});n.length?n.replaceWith(i):i.appendTo(this.$row.find(".icon"))}else n.length&&n.remove();var a=this.$row.find(".edition");if(t.hasMultipleEditions||t.isTrial){var s=t.upgradeAvailable?e("<a/>",{href:Craft.getUrl("plugin-store/"+this.handle),class:"edition"}):e("<div/>",{class:"edition"});t.hasMultipleEditions&&e("<div/>",{class:"edition-name",text:t.edition}).appendTo(s),t.isTrial&&e("<div/>",{class:"edition-trial",text:Craft.t("app","Trial")}).appendTo(s),a.length?a.replaceWith(s):s.insertBefore(this.$row.find(".version"))}else a.length&&a.remove();var r=t.licenseKey||"unknown"!==t.licenseKeyStatus;if(r?(this.$keyContainer.removeClass("hidden"),t.licenseKey&&!this.$keyInput.val().match(/^\$/)&&this.$keyInput.val(Craft.PluginManager.normalizeUserKey(t.licenseKey))):this.$keyContainer.addClass("hidden"),r&&t.licenseIssues.length?this.$keyInput.addClass("error"):this.$keyInput.removeClass("error"),this.$row.find("p.error").remove(),t.licenseIssues.length){for(var l=e(),o=0;o<t.licenseIssues.length;o++){var d=void 0;switch(t.licenseIssues[o]){case"no_trials":d=Craft.t("app","Plugin trials are not allowed on this domain.");break;case"wrong_edition":d=Craft.t("app","This license is for the {name} edition.",{name:t.licensedEdition.charAt(0).toUpperCase()+t.licensedEdition.substring(1)})+' <button type="button" class="btn submit small formsubmit">'+Craft.t("app","Switch")+"</button>";break;case"mismatched":d=Craft.t("app",'This license is tied to another Craft install. Visit {accountLink} to detach it, or <a href="{buyUrl}">buy a new license</a>',{accountLink:'<a href="https://console.craftcms.com" rel="noopener" target="_blank">console.craftcms.com</a>',buyUrl:Craft.getCpUrl("plugin-store/buy/".concat(this.handle,"/").concat(t.edition))});break;case"astray":d=Craft.t("app","This license isn’t allowed to run version {version}.",{version:t.version});break;case"required":d=Craft.t("app","A license key is required.");break;default:d=Craft.t("app","Your license key is invalid.")}var p=e("<p/>",{class:"error",html:d});if("wrong_edition"===t.licenseIssues[o]){var u=e("<form/>",{method:"post","accept-charset":"UTF-8"}).append(Craft.getCsrfInput()).append(e("<input/>",{type:"hidden",name:"action",value:"plugins/switch-edition"})).append(e("<input/>",{type:"hidden",name:"pluginHandle",value:this.handle})).append(e("<input/>",{type:"hidden",name:"edition",value:t.licensedEdition})).append(p);Craft.initUiElements(u),l=l.add(u)}else l=l.add(p)}l.appendTo(this.$details),Craft.initUiElements()}var c=this.$row.find(".expired");if(t.expired){var h=e("<p/>",{class:"warning with-icon expired",html:Craft.t("app","This license has expired.")+" "+Craft.t("app","<a>Renew now</a> for another year of updates.").replace("<a>",'<a href="'+t.renewalUrl+'" target="_blank">')});c.length?c.replaceWith(h):h.appendTo(this.$details)}"trial"===t.licenseKeyStatus?(this.$buyBtn.removeClass("hidden"),t.licenseIssues.length?this.$buyBtn.addClass("submit"):this.$buyBtn.removeClass("submit")):this.$buyBtn.addClass("hidden")}})}(jQuery)}()}();
+!function(){var e={811:function(){},447:function(e,t,n){var i=n(811);i.__esModule&&(i=i.default),"string"==typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals),(0,n(673).Z)("7690077b",i,!0,{})},673:function(e,t,n){"use strict";function i(e,t){for(var n=[],i={},a=0;a<t.length;a++){var s=t[a],r=s[0],l={id:e+":"+a,css:s[1],media:s[2],sourceMap:s[3]};i[r]?i[r].parts.push(l):n.push(i[r]={id:r,parts:[l]})}return n}n.d(t,{Z:function(){return f}});var a="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!a)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var s={},r=a&&(document.head||document.getElementsByTagName("head")[0]),l=null,o=0,d=!1,p=function(){},u=null,c="data-vue-ssr-id",h="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function f(e,t,n,a){d=n,u=a||{};var r=i(e,t);return g(r),function(t){for(var n=[],a=0;a<r.length;a++){var l=r[a];(o=s[l.id]).refs--,n.push(o)}for(t?g(r=i(e,t)):r=[],a=0;a<n.length;a++){var o;if(0===(o=n[a]).refs){for(var d=0;d<o.parts.length;d++)o.parts[d]();delete s[o.id]}}}}function g(e){for(var t=0;t<e.length;t++){var n=e[t],i=s[n.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](n.parts[a]);for(;a<n.parts.length;a++)i.parts.push(m(n.parts[a]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var r=[];for(a=0;a<n.parts.length;a++)r.push(m(n.parts[a]));s[n.id]={id:n.id,refs:1,parts:r}}}}function v(){var e=document.createElement("style");return e.type="text/css",r.appendChild(e),e}function m(e){var t,n,i=document.querySelector("style["+c+'~="'+e.id+'"]');if(i){if(d)return p;i.parentNode.removeChild(i)}if(h){var a=o++;i=l||(l=v()),t=b.bind(null,i,a,!1),n=b.bind(null,i,a,!0)}else i=v(),t=$.bind(null,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}var y,C=(y=[],function(e,t){return y[e]=t,y.filter(Boolean).join("\n")});function b(e,t,n,i){var a=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=C(t,a);else{var s=document.createTextNode(a),r=e.childNodes;r[t]&&e.removeChild(r[t]),r.length?e.insertBefore(s,r[t]):e.appendChild(s)}}function $(e,t){var n=t.css,i=t.media,a=t.sourceMap;if(i&&e.setAttribute("media",i),u.ssrId&&e.setAttribute(c,t.id),a&&(n+="\n/*# sourceURL="+a.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},t={};function n(i){var a=t[i];if(void 0!==a)return a.exports;var s=t[i]={id:i,exports:{}};return e[i](s,s.exports,n),s.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";n(447),function(e){Craft.PluginManager=Garnish.Base.extend({init:function(){var n=this;this.getPluginLicenseInfo().then((function(i){for(var a in i)i.hasOwnProperty(a)&&(i[a].isComposerInstalled?new t(n,e("#plugin-"+a)).update(i[a]):n.addUninstalledPluginRow(a,i[a]))}))},getPluginLicenseInfo:function(){return new Promise((function(e,t){Craft.sendApiRequest("GET","cms-licenses",{params:{include:"plugins"}}).then((function(n){var i={pluginLicenses:n.license.pluginLicenses||[]};Craft.sendActionRequest("POST","app/get-plugin-license-info",{data:i}).then((function(t){e(t.data)})).catch((function(){t()}))})).catch(t)}))},addUninstalledPluginRow:function(t,n){var i=e("#plugins");i.length||(e("<table/>",{id:"plugins",class:"data fullwidth collapsible",html:"<tbody></tbody>"}),function(e){throw new TypeError('"$table" is read-only')}(),e("#no-plugins").replaceWith(i));var a=e("<tr/>",{data:{handle:t}}).appendTo(i.children("tbody")).append(e("<th/>").append(e("<div/>",{class:"plugin-infos"}).append(e("<div/>",{class:"icon"}).append(e("<img/>",{src:n.iconUrl}))).append(e("<div/>",{class:"plugin-details"}).append(e("<h2/>",{text:n.name})).append(n.description?e("<p/>",{text:n.description}):e()).append(n.documentationUrl?e("<p/>",{class:"links"}).append(e("<a/>",{href:n.documentationUrl,target:"_blank",text:Craft.t("app","Documentation")})):e()).append(e("<div/>",{class:"flex license-key"}).append(e("<div />",{class:"pane"}).append(e("<input/>",{class:"text code",size:29,maxlength:29,value:Craft.PluginManager.normalizeUserKey(n.licenseKey),readonly:!0,disabled:!0}))))))).append(e("<td/>",{class:"nowrap","data-title":Craft.t("app","Status")}).append(e("<span/>",{class:"status"})).append(e("<span/>",{class:"light",text:Craft.t("app","Missing")}))).append(n.latestVersion?e("<td/>",{class:"nowrap thin","data-title":Craft.t("app","Action")}).append(e("<form/>",{method:"post","accept-charset":"UTF-8"}).append(e("<input/>",{type:"hidden",name:"action",value:"pluginstore/install"})).append(e("<input/>",{type:"hidden",name:"packageName",value:n.packageName})).append(e("<input/>",{type:"hidden",name:"handle",value:t})).append(e("<input/>",{type:"hidden",name:"edition",value:n.licensedEdition})).append(e("<input/>",{type:"hidden",name:"version",value:n.latestVersion})).append(e("<input/>",{type:"hidden",name:"licenseKey",value:n.licenseKey})).append(e("<input/>",{type:"hidden",name:"return",value:"settings/plugins"})).append(Craft.getCsrfInput()).append(e("<button/>",{type:"button",class:"btn menubtn action-btn hairline"})).append(e("<div/>",{class:"menu","data-align":"right"}).append(e("<ul/>").append(e("<li/>").append(e("<a/>",{class:"formsubmit",text:Craft.t("app","Install")})))))):e());Craft.initUiElements(a)}},{normalizeUserKey:function(e){return"string"!=typeof e||""===e?"":"$"===e[0]?e:e.replace(/.{4}/g,"$&-").substring(0,29).toUpperCase()}});var t=Garnish.Base.extend({manager:null,$row:null,$details:null,$keyContainer:null,$keyInput:null,$spinner:null,$buyBtn:null,handle:null,updateTimeout:null,init:function(e,t){this.manager=e,this.$row=t,this.$details=this.$row.find(".plugin-details"),this.$keyContainer=t.find(".license-key"),this.$keyInput=this.$keyContainer.find("input.text").removeAttr("readonly"),this.$buyBtn=this.$keyContainer.find(".btn"),this.$spinner=t.find(".spinner"),this.handle=this.$row.data("handle"),this.addListener(this.$keyInput,"focus","onKeyFocus"),this.addListener(this.$keyInput,"input","onKeyChange")},getKey:function(){return this.$keyInput.val().replace(/\-/g,"").toUpperCase()},onKeyFocus:function(){this.$keyInput.select()},onKeyChange:function(){this.updateTimeout&&clearTimeout(this.updateTimeout);var e=this.getKey();if(0===e.length||24===e.length||e.length>1&&"$"===e[0]){var t=Craft.PluginManager.normalizeUserKey(e);this.$keyInput.val(t),this.updateTimeout=setTimeout(this.updateLicenseStatus.bind(this),100)}},updateLicenseStatus:function(){var e=this;this.$spinner.removeClass("hidden");var t={handle:this.handle,key:this.getKey()};Craft.sendActionRequest("POST","app/update-plugin-license",{data:t}).then((function(){e.manager.getPluginLicenseInfo().then((function(t){e.$spinner.addClass("hidden"),e.update(t[e.handle])}))}))},update:function(t){var n=this.$row.find(".license-key-status");if("valid"==t.licenseKeyStatus||t.licenseIssues.length){var i=e("<span/>",{class:"license-key-status "+(0===t.licenseIssues.length?"valid":"")});n.length?n.replaceWith(i):i.appendTo(this.$row.find(".icon"))}else n.length&&n.remove();var a=this.$row.find(".edition");if(t.hasMultipleEditions||t.isTrial){var s=t.upgradeAvailable?e("<a/>",{href:Craft.getUrl("plugin-store/"+this.handle),class:"edition"}):e("<div/>",{class:"edition"});t.hasMultipleEditions&&e("<div/>",{class:"edition-name",text:t.edition}).appendTo(s),t.isTrial&&e("<div/>",{class:"edition-trial",text:Craft.t("app","Trial")}).appendTo(s),a.length?a.replaceWith(s):s.insertBefore(this.$row.find(".version"))}else a.length&&a.remove();var r=t.licenseKey||"unknown"!==t.licenseKeyStatus;if(r?(this.$keyContainer.removeClass("hidden"),t.licenseKey&&!this.$keyInput.val().match(/^\$/)&&this.$keyInput.val(Craft.PluginManager.normalizeUserKey(t.licenseKey))):this.$keyContainer.addClass("hidden"),r&&t.licenseIssues.length?this.$keyInput.addClass("error"):this.$keyInput.removeClass("error"),this.$row.find("p.error").remove(),t.licenseIssues.length){for(var l=e(),o=0;o<t.licenseIssues.length;o++){var d=void 0;switch(t.licenseIssues[o]){case"no_trials":d=Craft.t("app","Plugin trials are not allowed on this domain.");break;case"wrong_edition":d=Craft.t("app","This license is for the {name} edition.",{name:t.licensedEdition.charAt(0).toUpperCase()+t.licensedEdition.substring(1)})+' <button type="button" class="btn submit small formsubmit">'+Craft.t("app","Switch")+"</button>";break;case"mismatched":d=Craft.t("app",'This license is tied to another Craft install. Visit {accountLink} to detach it, or <a href="{buyUrl}">buy a new license</a>',{accountLink:'<a href="https://console.craftcms.com" rel="noopener" target="_blank">console.craftcms.com</a>',buyUrl:Craft.getCpUrl("plugin-store/buy/".concat(this.handle,"/").concat(t.edition))});break;case"astray":d=Craft.t("app","This license isn’t allowed to run version {version}.",{version:t.version});break;case"required":d=Craft.t("app","A license key is required.");break;default:d=Craft.t("app","Your license key is invalid.")}var p=e("<p/>",{class:"error",html:d});if("wrong_edition"===t.licenseIssues[o]){var u=e("<form/>",{method:"post","accept-charset":"UTF-8"}).append(Craft.getCsrfInput()).append(e("<input/>",{type:"hidden",name:"action",value:"plugins/switch-edition"})).append(e("<input/>",{type:"hidden",name:"pluginHandle",value:this.handle})).append(e("<input/>",{type:"hidden",name:"edition",value:t.licensedEdition})).append(p);Craft.initUiElements(u),l=l.add(u)}else l=l.add(p)}l.appendTo(this.$details),Craft.initUiElements()}var c=this.$row.find(".expired");if(t.expired){var h=e("<p/>",{class:"warning with-icon expired",html:Craft.t("app","This license has expired.")+" "+Craft.t("app","<a>Renew now</a> for another year of updates.").replace("<a>",'<a href="'+t.renewalUrl+'" target="_blank">')});c.length?c.replaceWith(h):h.appendTo(this.$details)}"trial"===t.licenseKeyStatus?(this.$buyBtn.removeClass("hidden"),t.licenseIssues.length?this.$buyBtn.addClass("submit"):this.$buyBtn.removeClass("submit")):this.$buyBtn.addClass("hidden")}})}(jQuery)}()}();
 //# sourceMappingURL=PluginManager.js.map
\ No newline at end of file
diff --git a/src/web/assets/plugins/dist/PluginManager.js.map b/src/web/assets/plugins/dist/PluginManager.js.map
index 3c037ae99cf..129d76d93e5 100644
--- a/src/web/assets/plugins/dist/PluginManager.js.map
+++ b/src/web/assets/plugins/dist/PluginManager.js.map
@@ -1 +1 @@
-{"version":3,"file":"PluginManager.js","mappings":"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","sources":["webpack:///./plugins.scss?64be","webpack:///../../../../../node_modules/vue-style-loader/lib/listToStyles.js","webpack:///../../../../../node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///./PluginManager.js"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ruleSet[1].rules[3].use[1]!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!./plugins.scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"7690077b\", content, true, {});","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","import './plugins.scss';\n\n(function ($) {\n  /** global: Craft */\n  /** global: Garnish */\n  Craft.PluginManager = Garnish.Base.extend(\n    {\n      init: function () {\n        this.getPluginLicenseInfo().then((response) => {\n          for (let handle in response) {\n            if (response.hasOwnProperty(handle)) {\n              if (!response[handle].isComposerInstalled) {\n                this.addUninstalledPluginRow(handle, response[handle]);\n              } else {\n                new Plugin(this, $('#plugin-' + handle)).update(\n                  response[handle]\n                );\n              }\n            }\n          }\n        });\n      },\n\n      getPluginLicenseInfo: function () {\n        return new Promise(function (resolve, reject) {\n          Craft.sendApiRequest('GET', 'cms-licenses', {\n            params: {\n              include: 'plugins',\n            },\n          })\n            .then((response) => {\n              let data = {\n                pluginLicenses: response.license.pluginLicenses || [],\n              };\n              Craft.sendActionRequest('POST', 'app/get-plugin-license-info', {\n                data,\n              })\n                .then((response) => {\n                  resolve(response.data);\n                })\n                .catch(() => {\n                  reject();\n                });\n            })\n            .catch(reject);\n        });\n      },\n\n      addUninstalledPluginRow: function (handle, info) {\n        const $table = $('#plugins');\n        if (!$table.length) {\n          $table = $('<table/>', {\n            id: 'plugins',\n            class: 'data fullwidth collapsible',\n            html: '<tbody></tbody>',\n          });\n          $('#no-plugins').replaceWith($table);\n        }\n\n        const $row = $('<tr/>', {\n          data: {\n            handle: handle,\n          },\n        })\n          .appendTo($table.children('tbody'))\n          .append(\n            $('<th/>').append(\n              $('<div/>', {class: 'plugin-infos'})\n                .append(\n                  $('<div/>', {class: 'icon'}).append(\n                    $('<img/>', {src: info.iconUrl})\n                  )\n                )\n                .append(\n                  $('<div/>', {class: 'plugin-details'})\n                    .append($('<h2/>', {text: info.name}))\n                    .append(\n                      info.description\n                        ? $('<p/>', {text: info.description})\n                        : $()\n                    )\n                    .append(\n                      info.documentationUrl\n                        ? $('<p/>', {class: 'links'}).append(\n                            $('<a/>', {\n                              href: info.documentationUrl,\n                              target: '_blank',\n                              text: Craft.t('app', 'Documentation'),\n                            })\n                          )\n                        : $()\n                    )\n                    .append(\n                      $('<div/>', {class: 'flex license-key'}).append(\n                        $('<div />', {class: 'pane'}).append(\n                          $('<input/>', {\n                            class: 'text code',\n                            size: 29,\n                            maxlength: 29,\n                            value: Craft.PluginManager.normalizeUserKey(\n                              info.licenseKey\n                            ),\n                            readonly: true,\n                            disabled: true,\n                          })\n                        )\n                      )\n                    )\n                )\n            )\n          )\n          .append(\n            $('<td/>', {\n              class: 'nowrap',\n              'data-title': Craft.t('app', 'Status'),\n            })\n              .append($('<span/>', {class: 'status'}))\n              .append(\n                $('<span/>', {class: 'light', text: Craft.t('app', 'Missing')})\n              )\n          )\n          .append(\n            info.latestVersion\n              ? $('<td/>', {\n                  class: 'nowrap thin',\n                  'data-title': Craft.t('app', 'Action'),\n                }).append(\n                  $('<form/>', {\n                    method: 'post',\n                    'accept-charset': 'UTF-8',\n                  })\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'action',\n                        value: 'pluginstore/install',\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'packageName',\n                        value: info.packageName,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'handle',\n                        value: handle,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'edition',\n                        value: info.licensedEdition,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'version',\n                        value: info.latestVersion,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'licenseKey',\n                        value: info.licenseKey,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'return',\n                        value: 'settings/plugins',\n                      })\n                    )\n                    .append(Craft.getCsrfInput())\n                    .append(\n                      $('<div/>', {class: 'btngroup'})\n                        .append(\n                          $('<button/>', {\n                            type: 'button',\n                            class: 'btn menubtn',\n                            'data-icon': 'settings',\n                          })\n                        )\n                        .append(\n                          $('<div/>', {\n                            class: 'menu',\n                            'data-align': 'right',\n                          }).append(\n                            $('<ul/>').append(\n                              $('<li/>').append(\n                                $('<a/>', {\n                                  class: 'formsubmit',\n                                  text: Craft.t('app', 'Install'),\n                                })\n                              )\n                            )\n                          )\n                        )\n                    )\n                )\n              : $()\n          );\n        Craft.initUiElements($row);\n      },\n    },\n    {\n      normalizeUserKey: function (key) {\n        if (typeof key !== 'string' || key === '') {\n          return '';\n        }\n        if (key[0] === '$') {\n          return key;\n        }\n        return key.replace(/.{4}/g, '$&-').substring(0, 29).toUpperCase();\n      },\n    }\n  );\n\n  const Plugin = Garnish.Base.extend({\n    manager: null,\n    $row: null,\n    $details: null,\n    $keyContainer: null,\n    $keyInput: null,\n    $spinner: null,\n    $buyBtn: null,\n    handle: null,\n    updateTimeout: null,\n\n    init: function (manager, $row) {\n      this.manager = manager;\n      this.$row = $row;\n      this.$details = this.$row.find('.plugin-details');\n      this.$keyContainer = $row.find('.license-key');\n      this.$keyInput = this.$keyContainer\n        .find('input.text')\n        .removeAttr('readonly');\n      this.$buyBtn = this.$keyContainer.find('.btn');\n      this.$spinner = $row.find('.spinner');\n      this.handle = this.$row.data('handle');\n      this.addListener(this.$keyInput, 'focus', 'onKeyFocus');\n      this.addListener(this.$keyInput, 'input', 'onKeyChange');\n    },\n\n    getKey: function () {\n      return this.$keyInput.val().replace(/\\-/g, '').toUpperCase();\n    },\n\n    onKeyFocus: function () {\n      this.$keyInput.select();\n    },\n\n    onKeyChange: function () {\n      if (this.updateTimeout) {\n        clearTimeout(this.updateTimeout);\n      }\n      const key = this.getKey();\n      if (\n        key.length === 0 ||\n        key.length === 24 ||\n        (key.length > 1 && key[0] === '$')\n      ) {\n        // normalize\n        const userKey = Craft.PluginManager.normalizeUserKey(key);\n        this.$keyInput.val(userKey);\n        this.updateTimeout = setTimeout(\n          this.updateLicenseStatus.bind(this),\n          100\n        );\n      }\n    },\n\n    updateLicenseStatus: function () {\n      this.$spinner.removeClass('hidden');\n\n      let data = {handle: this.handle, key: this.getKey()};\n      Craft.sendActionRequest('POST', 'app/update-plugin-license', {data}).then(\n        () => {\n          this.manager.getPluginLicenseInfo().then((response) => {\n            this.$spinner.addClass('hidden');\n            this.update(response[this.handle]);\n          });\n        }\n      );\n    },\n\n    update: function (info) {\n      // update the status icon\n      const $oldIcon = this.$row.find('.license-key-status');\n      if (info.licenseKeyStatus == 'valid' || info.licenseIssues.length) {\n        const $newIcon = $('<span/>', {\n          class:\n            'license-key-status ' +\n            (info.licenseIssues.length === 0 ? 'valid' : ''),\n        });\n        if ($oldIcon.length) {\n          $oldIcon.replaceWith($newIcon);\n        } else {\n          $newIcon.appendTo(this.$row.find('.icon'));\n        }\n      } else if ($oldIcon.length) {\n        $oldIcon.remove();\n      }\n\n      // add the edition/trial badge\n      const $oldEdition = this.$row.find('.edition');\n      if (info.hasMultipleEditions || info.isTrial) {\n        const $newEdition = info.upgradeAvailable\n          ? $('<a/>', {\n              href: Craft.getUrl('plugin-store/' + this.handle),\n              class: 'edition',\n            })\n          : $('<div/>', {class: 'edition'});\n        if (info.hasMultipleEditions) {\n          $('<div/>', {class: 'edition-name', text: info.edition}).appendTo(\n            $newEdition\n          );\n        }\n        if (info.isTrial) {\n          $('<div/>', {\n            class: 'edition-trial',\n            text: Craft.t('app', 'Trial'),\n          }).appendTo($newEdition);\n        }\n        if ($oldEdition.length) {\n          $oldEdition.replaceWith($newEdition);\n        } else {\n          $newEdition.insertBefore(this.$row.find('.version'));\n        }\n      } else if ($oldEdition.length) {\n        $oldEdition.remove();\n      }\n\n      // show the license key?\n      const showLicenseKey =\n        info.licenseKey || info.licenseKeyStatus !== 'unknown';\n      if (showLicenseKey) {\n        this.$keyContainer.removeClass('hidden');\n        if (info.licenseKey && !this.$keyInput.val().match(/^\\$/)) {\n          this.$keyInput.val(\n            Craft.PluginManager.normalizeUserKey(info.licenseKey)\n          );\n        }\n      } else {\n        this.$keyContainer.addClass('hidden');\n      }\n\n      // update the license key input class\n      if (showLicenseKey && info.licenseIssues.length) {\n        this.$keyInput.addClass('error');\n      } else {\n        this.$keyInput.removeClass('error');\n      }\n\n      // add the error message\n      this.$row.find('p.error').remove();\n      if (info.licenseIssues.length) {\n        let $issues = $();\n        for (let i = 0; i < info.licenseIssues.length; i++) {\n          let message;\n          switch (info.licenseIssues[i]) {\n            case 'no_trials':\n              message = Craft.t(\n                'app',\n                'Plugin trials are not allowed on this domain.'\n              );\n              break;\n            case 'wrong_edition':\n              message =\n                Craft.t('app', 'This license is for the {name} edition.', {\n                  name:\n                    info.licensedEdition.charAt(0).toUpperCase() +\n                    info.licensedEdition.substring(1),\n                }) +\n                ' <button type=\"button\" class=\"btn submit small formsubmit\">' +\n                Craft.t('app', 'Switch') +\n                '</button>';\n              break;\n            case 'mismatched':\n              message = Craft.t(\n                'app',\n                'This license is tied to another Craft install. Visit {accountLink} to detach it, or <a href=\"{buyUrl}\">buy a new license</a>',\n                {\n                  accountLink:\n                    '<a href=\"https://console.craftcms.com\" rel=\"noopener\" target=\"_blank\">console.craftcms.com</a>',\n                  buyUrl: Craft.getCpUrl(\n                    `plugin-store/buy/${this.handle}/${info.edition}`\n                  ),\n                }\n              );\n              break;\n            case 'astray':\n              message = Craft.t(\n                'app',\n                'This license isn’t allowed to run version {version}.',\n                {\n                  version: info.version,\n                }\n              );\n              break;\n            case 'required':\n              message = Craft.t('app', 'A license key is required.');\n              break;\n            default:\n              message = Craft.t('app', 'Your license key is invalid.');\n          }\n\n          const $p = $('<p/>', {class: 'error', html: message});\n          if (info.licenseIssues[i] === 'wrong_edition') {\n            const $form = $('<form/>', {\n              method: 'post',\n              'accept-charset': 'UTF-8',\n            })\n              .append(Craft.getCsrfInput())\n              .append(\n                $('<input/>', {\n                  type: 'hidden',\n                  name: 'action',\n                  value: 'plugins/switch-edition',\n                })\n              )\n              .append(\n                $('<input/>', {\n                  type: 'hidden',\n                  name: 'pluginHandle',\n                  value: this.handle,\n                })\n              )\n              .append(\n                $('<input/>', {\n                  type: 'hidden',\n                  name: 'edition',\n                  value: info.licensedEdition,\n                })\n              )\n              .append($p);\n\n            Craft.initUiElements($form);\n            $issues = $issues.add($form);\n          } else {\n            $issues = $issues.add($p);\n          }\n        }\n        $issues.appendTo(this.$details);\n        Craft.initUiElements();\n      }\n\n      // add the expired badge\n      var $oldExpired = this.$row.find('.expired');\n      if (info.expired) {\n        var $newExpired = $('<p/>', {\n          class: 'warning with-icon expired',\n          html:\n            Craft.t('app', 'This license has expired.') +\n            ' ' +\n            Craft.t(\n              'app',\n              '<a>Renew now</a> for another year of updates.'\n            ).replace(\n              '<a>',\n              '<a href=\"' + info.renewalUrl + '\" target=\"_blank\">'\n            ),\n        });\n        if ($oldExpired.length) {\n          $oldExpired.replaceWith($newExpired);\n        } else {\n          $newExpired.appendTo(this.$details);\n        }\n      }\n\n      // show/hide the Buy button\n      if (info.licenseKeyStatus === 'trial') {\n        this.$buyBtn.removeClass('hidden');\n        if (info.licenseIssues.length) {\n          this.$buyBtn.addClass('submit');\n        } else {\n          this.$buyBtn.removeClass('submit');\n        }\n      } else {\n        this.$buyBtn.addClass('hidden');\n      }\n    },\n  });\n})(jQuery);\n"],"names":["content","__esModule","default","module","id","locals","exports","add","listToStyles","parentId","list","styles","newStyles","i","length","item","part","css","media","sourceMap","parts","push","hasDocument","document","DEBUG","Error","stylesInDom","head","getElementsByTagName","singletonElement","singletonCounter","isProduction","noop","options","ssrIdKey","isOldIE","navigator","test","userAgent","toLowerCase","addStylesClient","_isProduction","_options","addStylesToDom","newList","mayRemove","domStyle","refs","j","addStyle","createStyleElement","styleElement","createElement","type","appendChild","obj","update","remove","querySelector","parentNode","removeChild","styleIndex","applyToSingletonTag","bind","applyToTag","newObj","textStore","replaceText","index","replacement","filter","Boolean","join","styleSheet","cssText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","ssrId","sources","btoa","unescape","encodeURIComponent","JSON","stringify","firstChild","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","d","a","definition","key","o","Object","defineProperty","enumerable","get","prop","prototype","hasOwnProperty","call","$","Craft","PluginManager","Garnish","Base","extend","init","_this","this","getPluginLicenseInfo","then","response","handle","isComposerInstalled","Plugin","addUninstalledPluginRow","Promise","resolve","reject","sendApiRequest","params","include","data","pluginLicenses","license","sendActionRequest","catch","info","$table","class","html","_readOnlyError","replaceWith","$row","appendTo","children","append","src","iconUrl","text","name","description","documentationUrl","href","target","t","size","maxlength","value","normalizeUserKey","licenseKey","readonly","disabled","latestVersion","method","packageName","licensedEdition","getCsrfInput","initUiElements","replace","substring","toUpperCase","manager","$details","$keyContainer","$keyInput","$spinner","$buyBtn","updateTimeout","find","removeAttr","addListener","getKey","val","onKeyFocus","select","onKeyChange","clearTimeout","userKey","setTimeout","updateLicenseStatus","_this2","removeClass","addClass","$oldIcon","licenseKeyStatus","licenseIssues","$newIcon","$oldEdition","hasMultipleEditions","isTrial","$newEdition","upgradeAvailable","getUrl","edition","showLicenseKey","match","$issues","message","charAt","accountLink","buyUrl","getCpUrl","concat","version","$p","$form","$oldExpired","expired","$newExpired","renewalUrl","jQuery"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"PluginManager.js","mappings":"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","sources":["webpack:///./plugins.scss?64be","webpack:///../../../../../node_modules/vue-style-loader/lib/listToStyles.js","webpack:///../../../../../node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///webpack/bootstrap","webpack:///webpack/runtime/compat get default export","webpack:///webpack/runtime/define property getters","webpack:///webpack/runtime/hasOwnProperty shorthand","webpack:///./PluginManager.js"],"sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ruleSet[1].rules[3].use[1]!../../../../../node_modules/css-loader/dist/cjs.js!../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!../../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[4]!./plugins.scss\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"7690077b\", content, true, {});","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","import './plugins.scss';\n\n(function ($) {\n  /** global: Craft */\n  /** global: Garnish */\n  Craft.PluginManager = Garnish.Base.extend(\n    {\n      init: function () {\n        this.getPluginLicenseInfo().then((response) => {\n          for (let handle in response) {\n            if (response.hasOwnProperty(handle)) {\n              if (!response[handle].isComposerInstalled) {\n                this.addUninstalledPluginRow(handle, response[handle]);\n              } else {\n                new Plugin(this, $('#plugin-' + handle)).update(\n                  response[handle]\n                );\n              }\n            }\n          }\n        });\n      },\n\n      getPluginLicenseInfo: function () {\n        return new Promise(function (resolve, reject) {\n          Craft.sendApiRequest('GET', 'cms-licenses', {\n            params: {\n              include: 'plugins',\n            },\n          })\n            .then((response) => {\n              let data = {\n                pluginLicenses: response.license.pluginLicenses || [],\n              };\n              Craft.sendActionRequest('POST', 'app/get-plugin-license-info', {\n                data,\n              })\n                .then((response) => {\n                  resolve(response.data);\n                })\n                .catch(() => {\n                  reject();\n                });\n            })\n            .catch(reject);\n        });\n      },\n\n      addUninstalledPluginRow: function (handle, info) {\n        const $table = $('#plugins');\n        if (!$table.length) {\n          $table = $('<table/>', {\n            id: 'plugins',\n            class: 'data fullwidth collapsible',\n            html: '<tbody></tbody>',\n          });\n          $('#no-plugins').replaceWith($table);\n        }\n\n        const $row = $('<tr/>', {\n          data: {\n            handle: handle,\n          },\n        })\n          .appendTo($table.children('tbody'))\n          .append(\n            $('<th/>').append(\n              $('<div/>', {class: 'plugin-infos'})\n                .append(\n                  $('<div/>', {class: 'icon'}).append(\n                    $('<img/>', {src: info.iconUrl})\n                  )\n                )\n                .append(\n                  $('<div/>', {class: 'plugin-details'})\n                    .append($('<h2/>', {text: info.name}))\n                    .append(\n                      info.description\n                        ? $('<p/>', {text: info.description})\n                        : $()\n                    )\n                    .append(\n                      info.documentationUrl\n                        ? $('<p/>', {class: 'links'}).append(\n                            $('<a/>', {\n                              href: info.documentationUrl,\n                              target: '_blank',\n                              text: Craft.t('app', 'Documentation'),\n                            })\n                          )\n                        : $()\n                    )\n                    .append(\n                      $('<div/>', {class: 'flex license-key'}).append(\n                        $('<div />', {class: 'pane'}).append(\n                          $('<input/>', {\n                            class: 'text code',\n                            size: 29,\n                            maxlength: 29,\n                            value: Craft.PluginManager.normalizeUserKey(\n                              info.licenseKey\n                            ),\n                            readonly: true,\n                            disabled: true,\n                          })\n                        )\n                      )\n                    )\n                )\n            )\n          )\n          .append(\n            $('<td/>', {\n              class: 'nowrap',\n              'data-title': Craft.t('app', 'Status'),\n            })\n              .append($('<span/>', {class: 'status'}))\n              .append(\n                $('<span/>', {class: 'light', text: Craft.t('app', 'Missing')})\n              )\n          )\n          .append(\n            info.latestVersion\n              ? $('<td/>', {\n                  class: 'nowrap thin',\n                  'data-title': Craft.t('app', 'Action'),\n                }).append(\n                  $('<form/>', {\n                    method: 'post',\n                    'accept-charset': 'UTF-8',\n                  })\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'action',\n                        value: 'pluginstore/install',\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'packageName',\n                        value: info.packageName,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'handle',\n                        value: handle,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'edition',\n                        value: info.licensedEdition,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'version',\n                        value: info.latestVersion,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'licenseKey',\n                        value: info.licenseKey,\n                      })\n                    )\n                    .append(\n                      $('<input/>', {\n                        type: 'hidden',\n                        name: 'return',\n                        value: 'settings/plugins',\n                      })\n                    )\n                    .append(Craft.getCsrfInput())\n                    .append(\n                      $('<button/>', {\n                        type: 'button',\n                        class: 'btn menubtn action-btn hairline',\n                      })\n                    )\n                    .append(\n                      $('<div/>', {\n                        class: 'menu',\n                        'data-align': 'right',\n                      }).append(\n                        $('<ul/>').append(\n                          $('<li/>').append(\n                            $('<a/>', {\n                              class: 'formsubmit',\n                              text: Craft.t('app', 'Install'),\n                            })\n                          )\n                        )\n                      )\n                    )\n                )\n              : $()\n          );\n        Craft.initUiElements($row);\n      },\n    },\n    {\n      normalizeUserKey: function (key) {\n        if (typeof key !== 'string' || key === '') {\n          return '';\n        }\n        if (key[0] === '$') {\n          return key;\n        }\n        return key.replace(/.{4}/g, '$&-').substring(0, 29).toUpperCase();\n      },\n    }\n  );\n\n  const Plugin = Garnish.Base.extend({\n    manager: null,\n    $row: null,\n    $details: null,\n    $keyContainer: null,\n    $keyInput: null,\n    $spinner: null,\n    $buyBtn: null,\n    handle: null,\n    updateTimeout: null,\n\n    init: function (manager, $row) {\n      this.manager = manager;\n      this.$row = $row;\n      this.$details = this.$row.find('.plugin-details');\n      this.$keyContainer = $row.find('.license-key');\n      this.$keyInput = this.$keyContainer\n        .find('input.text')\n        .removeAttr('readonly');\n      this.$buyBtn = this.$keyContainer.find('.btn');\n      this.$spinner = $row.find('.spinner');\n      this.handle = this.$row.data('handle');\n      this.addListener(this.$keyInput, 'focus', 'onKeyFocus');\n      this.addListener(this.$keyInput, 'input', 'onKeyChange');\n    },\n\n    getKey: function () {\n      return this.$keyInput.val().replace(/\\-/g, '').toUpperCase();\n    },\n\n    onKeyFocus: function () {\n      this.$keyInput.select();\n    },\n\n    onKeyChange: function () {\n      if (this.updateTimeout) {\n        clearTimeout(this.updateTimeout);\n      }\n      const key = this.getKey();\n      if (\n        key.length === 0 ||\n        key.length === 24 ||\n        (key.length > 1 && key[0] === '$')\n      ) {\n        // normalize\n        const userKey = Craft.PluginManager.normalizeUserKey(key);\n        this.$keyInput.val(userKey);\n        this.updateTimeout = setTimeout(\n          this.updateLicenseStatus.bind(this),\n          100\n        );\n      }\n    },\n\n    updateLicenseStatus: function () {\n      this.$spinner.removeClass('hidden');\n\n      let data = {handle: this.handle, key: this.getKey()};\n      Craft.sendActionRequest('POST', 'app/update-plugin-license', {data}).then(\n        () => {\n          this.manager.getPluginLicenseInfo().then((response) => {\n            this.$spinner.addClass('hidden');\n            this.update(response[this.handle]);\n          });\n        }\n      );\n    },\n\n    update: function (info) {\n      // update the status icon\n      const $oldIcon = this.$row.find('.license-key-status');\n      if (info.licenseKeyStatus == 'valid' || info.licenseIssues.length) {\n        const $newIcon = $('<span/>', {\n          class:\n            'license-key-status ' +\n            (info.licenseIssues.length === 0 ? 'valid' : ''),\n        });\n        if ($oldIcon.length) {\n          $oldIcon.replaceWith($newIcon);\n        } else {\n          $newIcon.appendTo(this.$row.find('.icon'));\n        }\n      } else if ($oldIcon.length) {\n        $oldIcon.remove();\n      }\n\n      // add the edition/trial badge\n      const $oldEdition = this.$row.find('.edition');\n      if (info.hasMultipleEditions || info.isTrial) {\n        const $newEdition = info.upgradeAvailable\n          ? $('<a/>', {\n              href: Craft.getUrl('plugin-store/' + this.handle),\n              class: 'edition',\n            })\n          : $('<div/>', {class: 'edition'});\n        if (info.hasMultipleEditions) {\n          $('<div/>', {class: 'edition-name', text: info.edition}).appendTo(\n            $newEdition\n          );\n        }\n        if (info.isTrial) {\n          $('<div/>', {\n            class: 'edition-trial',\n            text: Craft.t('app', 'Trial'),\n          }).appendTo($newEdition);\n        }\n        if ($oldEdition.length) {\n          $oldEdition.replaceWith($newEdition);\n        } else {\n          $newEdition.insertBefore(this.$row.find('.version'));\n        }\n      } else if ($oldEdition.length) {\n        $oldEdition.remove();\n      }\n\n      // show the license key?\n      const showLicenseKey =\n        info.licenseKey || info.licenseKeyStatus !== 'unknown';\n      if (showLicenseKey) {\n        this.$keyContainer.removeClass('hidden');\n        if (info.licenseKey && !this.$keyInput.val().match(/^\\$/)) {\n          this.$keyInput.val(\n            Craft.PluginManager.normalizeUserKey(info.licenseKey)\n          );\n        }\n      } else {\n        this.$keyContainer.addClass('hidden');\n      }\n\n      // update the license key input class\n      if (showLicenseKey && info.licenseIssues.length) {\n        this.$keyInput.addClass('error');\n      } else {\n        this.$keyInput.removeClass('error');\n      }\n\n      // add the error message\n      this.$row.find('p.error').remove();\n      if (info.licenseIssues.length) {\n        let $issues = $();\n        for (let i = 0; i < info.licenseIssues.length; i++) {\n          let message;\n          switch (info.licenseIssues[i]) {\n            case 'no_trials':\n              message = Craft.t(\n                'app',\n                'Plugin trials are not allowed on this domain.'\n              );\n              break;\n            case 'wrong_edition':\n              message =\n                Craft.t('app', 'This license is for the {name} edition.', {\n                  name:\n                    info.licensedEdition.charAt(0).toUpperCase() +\n                    info.licensedEdition.substring(1),\n                }) +\n                ' <button type=\"button\" class=\"btn submit small formsubmit\">' +\n                Craft.t('app', 'Switch') +\n                '</button>';\n              break;\n            case 'mismatched':\n              message = Craft.t(\n                'app',\n                'This license is tied to another Craft install. Visit {accountLink} to detach it, or <a href=\"{buyUrl}\">buy a new license</a>',\n                {\n                  accountLink:\n                    '<a href=\"https://console.craftcms.com\" rel=\"noopener\" target=\"_blank\">console.craftcms.com</a>',\n                  buyUrl: Craft.getCpUrl(\n                    `plugin-store/buy/${this.handle}/${info.edition}`\n                  ),\n                }\n              );\n              break;\n            case 'astray':\n              message = Craft.t(\n                'app',\n                'This license isn’t allowed to run version {version}.',\n                {\n                  version: info.version,\n                }\n              );\n              break;\n            case 'required':\n              message = Craft.t('app', 'A license key is required.');\n              break;\n            default:\n              message = Craft.t('app', 'Your license key is invalid.');\n          }\n\n          const $p = $('<p/>', {class: 'error', html: message});\n          if (info.licenseIssues[i] === 'wrong_edition') {\n            const $form = $('<form/>', {\n              method: 'post',\n              'accept-charset': 'UTF-8',\n            })\n              .append(Craft.getCsrfInput())\n              .append(\n                $('<input/>', {\n                  type: 'hidden',\n                  name: 'action',\n                  value: 'plugins/switch-edition',\n                })\n              )\n              .append(\n                $('<input/>', {\n                  type: 'hidden',\n                  name: 'pluginHandle',\n                  value: this.handle,\n                })\n              )\n              .append(\n                $('<input/>', {\n                  type: 'hidden',\n                  name: 'edition',\n                  value: info.licensedEdition,\n                })\n              )\n              .append($p);\n\n            Craft.initUiElements($form);\n            $issues = $issues.add($form);\n          } else {\n            $issues = $issues.add($p);\n          }\n        }\n        $issues.appendTo(this.$details);\n        Craft.initUiElements();\n      }\n\n      // add the expired badge\n      var $oldExpired = this.$row.find('.expired');\n      if (info.expired) {\n        var $newExpired = $('<p/>', {\n          class: 'warning with-icon expired',\n          html:\n            Craft.t('app', 'This license has expired.') +\n            ' ' +\n            Craft.t(\n              'app',\n              '<a>Renew now</a> for another year of updates.'\n            ).replace(\n              '<a>',\n              '<a href=\"' + info.renewalUrl + '\" target=\"_blank\">'\n            ),\n        });\n        if ($oldExpired.length) {\n          $oldExpired.replaceWith($newExpired);\n        } else {\n          $newExpired.appendTo(this.$details);\n        }\n      }\n\n      // show/hide the Buy button\n      if (info.licenseKeyStatus === 'trial') {\n        this.$buyBtn.removeClass('hidden');\n        if (info.licenseIssues.length) {\n          this.$buyBtn.addClass('submit');\n        } else {\n          this.$buyBtn.removeClass('submit');\n        }\n      } else {\n        this.$buyBtn.addClass('hidden');\n      }\n    },\n  });\n})(jQuery);\n"],"names":["content","__esModule","default","module","id","locals","exports","add","listToStyles","parentId","list","styles","newStyles","i","length","item","part","css","media","sourceMap","parts","push","hasDocument","document","DEBUG","Error","stylesInDom","head","getElementsByTagName","singletonElement","singletonCounter","isProduction","noop","options","ssrIdKey","isOldIE","navigator","test","userAgent","toLowerCase","addStylesClient","_isProduction","_options","addStylesToDom","newList","mayRemove","domStyle","refs","j","addStyle","createStyleElement","styleElement","createElement","type","appendChild","obj","update","remove","querySelector","parentNode","removeChild","styleIndex","applyToSingletonTag","bind","applyToTag","newObj","textStore","replaceText","index","replacement","filter","Boolean","join","styleSheet","cssText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","ssrId","sources","btoa","unescape","encodeURIComponent","JSON","stringify","firstChild","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","d","a","definition","key","o","Object","defineProperty","enumerable","get","prop","prototype","hasOwnProperty","call","$","Craft","PluginManager","Garnish","Base","extend","init","_this","this","getPluginLicenseInfo","then","response","handle","isComposerInstalled","Plugin","addUninstalledPluginRow","Promise","resolve","reject","sendApiRequest","params","include","data","pluginLicenses","license","sendActionRequest","catch","info","$table","class","html","_readOnlyError","replaceWith","$row","appendTo","children","append","src","iconUrl","text","name","description","documentationUrl","href","target","t","size","maxlength","value","normalizeUserKey","licenseKey","readonly","disabled","latestVersion","method","packageName","licensedEdition","getCsrfInput","initUiElements","replace","substring","toUpperCase","manager","$details","$keyContainer","$keyInput","$spinner","$buyBtn","updateTimeout","find","removeAttr","addListener","getKey","val","onKeyFocus","select","onKeyChange","clearTimeout","userKey","setTimeout","updateLicenseStatus","_this2","removeClass","addClass","$oldIcon","licenseKeyStatus","licenseIssues","$newIcon","$oldEdition","hasMultipleEditions","isTrial","$newEdition","upgradeAvailable","getUrl","edition","showLicenseKey","match","$issues","message","charAt","accountLink","buyUrl","getCpUrl","concat","version","$p","$form","$oldExpired","expired","$newExpired","renewalUrl","jQuery"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/plugins/dist/css/PluginManager.css.map b/src/web/assets/plugins/dist/css/PluginManager.css.map
index b8a1cf6f0d8..b5869b1367b 100644
--- a/src/web/assets/plugins/dist/css/PluginManager.css.map
+++ b/src/web/assets/plugins/dist/css/PluginManager.css.map
@@ -1 +1 @@
-{"version":3,"file":"css/PluginManager.css","mappings":"AAKI,oCAGE,oBADA,gBACA,CAGF,6BAEE,cADA,eACA,CAEA,gFAEE,mBAGF,mCACE,cAGA,kBAFA,kBAEA,CC0eN,4CACE,iBD5eI,CC8eN,4CACE,gBD/eI,CAGA,qCACE,cACA,cAGF,8EAEE,cAEA,YADA,UACA,CAGF,uDAOE,kFACA,CAPA,cAKA,YAJA,kBACA,SAEA,UAGA,iEC2TR,SACE,iEAEF,UACE,8DD7TM,8CACE,8CAKN,qBACE,yDAEA,oBAEE,CAFF,aAKE,eAHA,aACA,CADA,gBACA,kBAEA,4DAGA,iFAQE,yCACA,mBACA,mBACA,aAPF,kBACE,SAMA,kCAEA,CARA,wBAGA,4DAKA,2EC2aV,0FAGA,gLD5aU,cAEE,CACA,eACA,CAFA,gBACA,CAHF,aAKE,gFAGF,mCACE,qBACA,mBACA,wBACA,4BACA,iFAIA,mCACA,CACA,yBACA,CAFA,kBACA,CACA,kBACA,CALF,kBAKE,wBACA,iCACA,wGCkZZ,uHAGA,wHAwBA,wHAGA,kBACE,qGDraY,kBAGA,CANA,WAFF,cAEE,WAEA,CACA,SALF,iBACE,CACA,MAMA,kCACA,CALA,OAKA,+GAIE,yEACA,CAHF,yBAEE,CAFF,SAGE,+GAMA,yEACA,CAHF,yBAEE,CAFF,UAGE,yEAQN,8BACA,CAFF,oBAEE,uFAEA,uBACE,wFAGF,4BACE,sHAOI,oCACA,CAHF,yBAEE,CAFF,SAGE,sHAGF,mCACE,kEAMR,8BACE,gBACA,2ECkVV,2FAGA,kBACE,qGDjVI,oEAOE,6BAEA,CAJF,aAEE,eAFF,kBAIE,0DAEA,kBACE,CADF,YAEE,qFCgUV,qGAGA,kBACE,uID5TU,iBC6CZ,aAWA,aACA,CAZA,uCAKA,uCACA,oCACA,CAEA,mBACA,CAFA,eACA,CAEA,cAJA,iCACA,CAEA,mBACA,CACA,kCAEA,kCACA,qBAEA,CACA,kBADA,kBAEA,qBACA,2BACA,CACA,qBD/Dc,CC+Dd,gBADA,wBACA,4DD/Dc,0JC6Td,0KAGA,qLDzTc,kBACE,6EAKN,+FAIA,kBACE,2DAKN,+EAII,+BAEA,0CACA,CAJF,oBAIE,4EAEA,wBAEE,CAFF,gBAGE,YACA,CAFA,mBACA,WACA,mIAKJ,+DAMF,4EAQA","sources":["webpack:///./plugins.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#plugins {\n  tbody {\n    th,\n    td {\n      padding-top: 20px;\n      padding-bottom: 20px;\n    }\n\n    .plugin-infos {\n      font-weight: normal;\n      display: table;\n\n      .icon,\n      .plugin-details {\n        display: table-cell;\n      }\n\n      .icon {\n        display: block;\n        vertical-align: top;\n        @include margin-right(14px);\n        position: relative;\n\n        a {\n          display: block;\n          line-height: 0;\n        }\n\n        svg,\n        img {\n          display: block;\n          width: 44px;\n          height: 44px;\n        }\n\n        .license-key-status {\n          display: block;\n          position: absolute;\n          top: 26px;\n          @include left(26px);\n          width: 20px;\n          height: 20px;\n          background: no-repeat 0 0 url(images/invalid-icon.svg);\n          background-size: 100% 100%;\n\n          &.valid {\n            background-image: url(images/valid-icon.svg);\n          }\n        }\n      }\n\n      .plugin-details {\n        vertical-align: middle;\n\n        .plugin-id {\n          display: flex;\n          align-items: baseline;\n          margin-bottom: 0;\n          font-size: 1em;\n          white-space: nowrap;\n          flex-wrap: wrap;\n\n          h2 {\n            margin-bottom: 0;\n          }\n\n          .edition {\n            position: relative;\n            top: -1px;\n            @include margin-left(7px);\n            user-select: none;\n            border: 1px solid var(--medium-text-color);\n            border-radius: 3px;\n            display: inline-flex;\n            height: 18px;\n            transition: border-color linear 100ms;\n\n            & > .edition-name,\n            & > .edition-trial {\n              padding: 0 6px;\n              font-size: 11px;\n              line-height: 16px;\n              font-weight: normal;\n            }\n\n            & > .edition-name {\n              color: var(--medium-dark-text-color);\n              letter-spacing: 1.5px;\n              padding-right: 5px;\n              text-transform: uppercase;\n              transition: color linear 100ms;\n            }\n\n            & > .edition-trial {\n              position: relative;\n              background: var(--medium-text-color);\n              color: var(--white);\n              border-radius: 0 1px 1px 0;\n              letter-spacing: 1px;\n              text-transform: lowercase;\n              transition: background linear 100ms;\n            }\n\n            & .edition-name + .edition-trial {\n              @include margin-left(4px);\n              @include padding-left(4px);\n\n              &:before {\n                display: block;\n                position: absolute;\n                top: 0;\n                content: '';\n                font-size: 0;\n                width: 0;\n                height: 0;\n                border-style: solid;\n                transition: border-color linear 100ms;\n\n                body.ltr & {\n                  left: -7px;\n                  border-width: 0 7px 16px 0;\n                  border-color: transparent var(--medium-text-color) transparent\n                    transparent;\n                }\n\n                body.rtl & {\n                  right: -7px;\n                  border-width: 0 0 16px 7px;\n                  border-color: transparent transparent transparent\n                    var(--medium-text-color);\n                }\n              }\n            }\n          }\n\n          a.edition:hover {\n            text-decoration: none;\n            border-color: var(--link-color);\n\n            & > .edition-name {\n              color: var(--link-color);\n            }\n\n            & > .edition-trial {\n              background: var(--link-color);\n            }\n\n            & .edition-name + .edition-trial {\n              &:before {\n                body.ltr & {\n                  left: -7px;\n                  border-width: 0 7px 16px 0;\n                  border-right-color: var(--link-color);\n                }\n\n                body.rtl & {\n                  border-left-color: var(--link-color);\n                }\n              }\n            }\n          }\n\n          .version {\n            color: var(--medium-text-color);\n            font-weight: normal;\n            @include margin-left(14px);\n          }\n        }\n\n        p,\n        ul.links {\n          margin: 0.2em 0;\n        }\n\n        ul.links {\n          display: flex;\n          white-space: nowrap;\n          flex-wrap: wrap;\n          color: var(--light-text-color);\n\n          li {\n            display: flex;\n            align-items: center;\n\n            &:not(:first-child) {\n              @include margin-left(14px);\n            }\n\n            a,\n            span {\n              &:before {\n                @include icon;\n                @include margin-right(4px);\n                margin-top: -3px;\n                color: var(--gray-300);\n              }\n            }\n\n            &.link-developer {\n              a,\n              span {\n                &:before {\n                  content: 'building';\n                }\n              }\n            }\n\n            &.link-docs a:before {\n              content: 'book';\n            }\n\n            &.link-settings a:before {\n              content: 'settings';\n            }\n          }\n        }\n\n        .license-key {\n          margin-top: 1em;\n\n          .pane {\n            margin: 0;\n            padding: 3px;\n            background: transparentize($inputColor, 0.75);\n            border-radius: var(--medium-border-radius);\n\n            input.text {\n              font-weight: bold;\n              font-size: 11px !important;\n              padding: 3px 7px 1px;\n              width: 19em;\n              min-height: 0;\n            }\n          }\n\n          .btn,\n          .spinner {\n            margin: 0;\n          }\n        }\n\n        .expired {\n          margin-top: 1em;\n        }\n      }\n    }\n\n    &:not(.collapsed) {\n      .plugin-infos {\n        .plugin-details {\n          min-width: 150px;\n        }\n      }\n    }\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing:\n  0 0 0 1px $lightFocusColor,\n  0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n  0 0 0 1px $mediumFocusColor,\n  0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n  0 0 0 1px $darkFocusColor,\n  0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n\n@mixin sans-serif-font {\n  font-family:\n    system-ui,\n    BlinkMacSystemFont,\n    -apple-system,\n    'Segoe UI',\n    'Roboto',\n    'Oxygen',\n    'Ubuntu',\n    'Cantarell',\n    'Fira Sans',\n    'Droid Sans',\n    'Helvetica Neue',\n    sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n  $max: length($values);\n  $remValues: '';\n\n  @for $i from 1 through $max {\n    $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n    @if $i < $max {\n      $remValues: #{$remValues + ' '};\n    }\n  }\n\n  @return $remValues;\n}\n\n@mixin fontSize($size) {\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &:focus-visible {\n    @content;\n  }\n}\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: never;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: calc(7rem / 16);\n  height: calc(7rem / 16);\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow:\n    0 0 0 1px $grey200,\n    0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5) !important;\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n    0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n  @if $secondary != null {\n    --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n  } @else {\n    --focus-ring: 0 0 0 3px #{$primary};\n  }\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n  // Creates a two-color focus ring, with a white\n  // If button is light, the dark box shadow is adjacent to the button\n  // Else the light box shadow is adjacent to the button\n  --light-color: var(--white);\n  --dark-color: var(--gray-800);\n\n  @if $light-button {\n    --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n  } @else {\n    --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n  }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: calc(30rem / 16);\n  height: calc(30rem / 16);\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow:\n    0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-item-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n  input::-webkit-input-placeholder,\n  textarea::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder,\n  textarea:-ms-input-placeholder {\n    color: $color;\n  }\n\n  input::-ms-input-placeholder,\n  textarea::-ms-input-placeholder {\n    color: $color;\n  }\n\n  input:-moz-placeholder,\n  textarea:-moz-placeholder {\n    color: $color;\n  }\n\n  input::-moz-placeholder,\n  textarea::-moz-placeholder {\n    color: $color;\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n  color: var(--ui-control-color);\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1,\n  .h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2,\n  .h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  .tip-dismiss-btn {\n    position: absolute;\n    top: 12px;\n    @include right(12px);\n\n    & + p {\n      margin-top: 0;\n    }\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(50px);\n      border: 1px solid;\n\n      &.dismissible {\n        @include padding-right(36px);\n      }\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $linkColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        opacity: 1;\n        position: absolute;\n        top: 15px;\n        @include left(16px);\n        font-size: 24px;\n        width: 24px;\n      }\n\n      a[href] {\n        color: currentColor;\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .go:after {\n    font-size: 14px;\n  }\n}\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size * 0.5;\n  background-image: linear-gradient(\n      45deg,\n      #{transparentize($grey300, 0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #{transparentize($grey300, 0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      45deg,\n      transparent 75%,\n      #{transparentize($grey300, 0.75)} 75%\n    ),\n    linear-gradient(\n      135deg,\n      transparent 75%,\n      #{transparentize($grey300, 0.75)} 75%\n    );\n  background-size: $size $size;\n  background-position:\n    0 0,\n    $halfSize 0,\n    $halfSize -#{$halfSize},\n    0 $halfSize;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"css/PluginManager.css","mappings":"AAKI,oCAGE,oBADA,gBACA,CAGF,6BAEE,cADA,eACA,CAEA,gFAEE,mBAGF,mCACE,cAGA,kBAFA,kBAEA,CC0eN,4CACE,iBD5eI,CC8eN,4CACE,gBD/eI,CAGA,qCACE,cACA,cAGF,8EAEE,cAEA,YADA,UACA,CAGF,uDAOE,kFACA,CAPA,cAKA,YAJA,kBACA,SAEA,UAGA,iEC2TR,SACE,iEAEF,UACE,8DD7TM,8CACE,8CAKN,qBACE,yDAEA,oBAEE,CAFF,aAKE,eAHA,aACA,CADA,gBACA,kBAEA,4DAGA,iFAQE,yCACA,mBACA,mBACA,aAPF,kBACE,SAMA,kCAEA,CARA,wBAGA,4DAKA,2EC2aV,0FAGA,gLD5aU,cAEE,CACA,eACA,CAFA,gBACA,CAHF,aAKE,gFAGF,mCACE,qBACA,mBACA,wBACA,4BACA,iFAIA,mCACA,CACA,yBACA,CAFA,kBACA,CACA,kBACA,CALF,kBAKE,wBACA,iCACA,wGCkZZ,uHAGA,wHAwBA,wHAGA,kBACE,qGDraY,kBAGA,CANA,WAFF,cAEE,WAEA,CACA,SALF,iBACE,CACA,MAMA,kCACA,CALA,OAKA,+GAIE,yEACA,CAHF,yBAEE,CAFF,SAGE,+GAMA,yEACA,CAHF,yBAEE,CAFF,UAGE,yEAQN,8BACA,CAFF,oBAEE,uFAEA,uBACE,wFAGF,4BACE,sHAOI,oCACA,CAHF,yBAEE,CAFF,SAGE,sHAGF,mCACE,kEAMR,8BACE,gBACA,2ECkVV,2FAGA,kBACE,qGDjVI,oEAOE,6BAEA,CAJF,aAEE,eAFF,kBAIE,0DAEA,kBACE,CADF,YAEE,qFCgUV,qGAGA,kBACE,uID5TU,iBC6CZ,aAWA,aACA,CAZA,uCAKA,uCACA,oCACA,CAEA,mBACA,CAFA,eACA,CAEA,cAJA,iCACA,CAEA,mBACA,CACA,kCAEA,kCACA,qBAEA,CACA,kBADA,kBAEA,qBACA,2BACA,CACA,qBD/Dc,CC+Dd,gBADA,wBACA,4DD/Dc,0JC6Td,0KAGA,qLDzTc,kBACE,6EAKN,+FAIA,kBACE,2DAKN,+EAII,+BAEA,0CACA,CAJF,oBAIE,4EAEA,wBAEE,CAFF,gBAGE,YACA,CAFA,mBACA,WACA,mIAKJ,+DAMF,4EAQA","sources":["webpack:///./plugins.scss","webpack:///../../../../../packages/craftcms-sass/_mixins.scss"],"sourcesContent":["@charset \"UTF-8\";\n@import '@craftcms/sass/mixins';\n\n#plugins {\n  tbody {\n    th,\n    td {\n      padding-top: 20px;\n      padding-bottom: 20px;\n    }\n\n    .plugin-infos {\n      font-weight: normal;\n      display: table;\n\n      .icon,\n      .plugin-details {\n        display: table-cell;\n      }\n\n      .icon {\n        display: block;\n        vertical-align: top;\n        @include margin-right(14px);\n        position: relative;\n\n        a {\n          display: block;\n          line-height: 0;\n        }\n\n        svg,\n        img {\n          display: block;\n          width: 44px;\n          height: 44px;\n        }\n\n        .license-key-status {\n          display: block;\n          position: absolute;\n          top: 26px;\n          @include left(26px);\n          width: 20px;\n          height: 20px;\n          background: no-repeat 0 0 url(images/invalid-icon.svg);\n          background-size: 100% 100%;\n\n          &.valid {\n            background-image: url(images/valid-icon.svg);\n          }\n        }\n      }\n\n      .plugin-details {\n        vertical-align: middle;\n\n        .plugin-id {\n          display: flex;\n          align-items: baseline;\n          margin-bottom: 0;\n          font-size: 1em;\n          white-space: nowrap;\n          flex-wrap: wrap;\n\n          h2 {\n            margin-bottom: 0;\n          }\n\n          .edition {\n            position: relative;\n            top: -1px;\n            @include margin-left(7px);\n            user-select: none;\n            border: 1px solid var(--medium-text-color);\n            border-radius: 3px;\n            display: inline-flex;\n            height: 18px;\n            transition: border-color linear 100ms;\n\n            & > .edition-name,\n            & > .edition-trial {\n              padding: 0 6px;\n              font-size: 11px;\n              line-height: 16px;\n              font-weight: normal;\n            }\n\n            & > .edition-name {\n              color: var(--medium-dark-text-color);\n              letter-spacing: 1.5px;\n              padding-right: 5px;\n              text-transform: uppercase;\n              transition: color linear 100ms;\n            }\n\n            & > .edition-trial {\n              position: relative;\n              background: var(--medium-text-color);\n              color: var(--white);\n              border-radius: 0 1px 1px 0;\n              letter-spacing: 1px;\n              text-transform: lowercase;\n              transition: background linear 100ms;\n            }\n\n            & .edition-name + .edition-trial {\n              @include margin-left(4px);\n              @include padding-left(4px);\n\n              &:before {\n                display: block;\n                position: absolute;\n                top: 0;\n                content: '';\n                font-size: 0;\n                width: 0;\n                height: 0;\n                border-style: solid;\n                transition: border-color linear 100ms;\n\n                body.ltr & {\n                  left: -7px;\n                  border-width: 0 7px 16px 0;\n                  border-color: transparent var(--medium-text-color) transparent\n                    transparent;\n                }\n\n                body.rtl & {\n                  right: -7px;\n                  border-width: 0 0 16px 7px;\n                  border-color: transparent transparent transparent\n                    var(--medium-text-color);\n                }\n              }\n            }\n          }\n\n          a.edition:hover {\n            text-decoration: none;\n            border-color: var(--link-color);\n\n            & > .edition-name {\n              color: var(--link-color);\n            }\n\n            & > .edition-trial {\n              background: var(--link-color);\n            }\n\n            & .edition-name + .edition-trial {\n              &:before {\n                body.ltr & {\n                  left: -7px;\n                  border-width: 0 7px 16px 0;\n                  border-right-color: var(--link-color);\n                }\n\n                body.rtl & {\n                  border-left-color: var(--link-color);\n                }\n              }\n            }\n          }\n\n          .version {\n            color: var(--medium-text-color);\n            font-weight: normal;\n            @include margin-left(14px);\n          }\n        }\n\n        p,\n        ul.links {\n          margin: 0.2em 0;\n        }\n\n        ul.links {\n          display: flex;\n          white-space: nowrap;\n          flex-wrap: wrap;\n          color: var(--light-text-color);\n\n          li {\n            display: flex;\n            align-items: center;\n\n            &:not(:first-child) {\n              @include margin-left(14px);\n            }\n\n            a,\n            span {\n              &:before {\n                @include icon;\n                @include margin-right(4px);\n                margin-top: -3px;\n                color: var(--gray-300);\n              }\n            }\n\n            &.link-developer {\n              a,\n              span {\n                &:before {\n                  content: 'building';\n                }\n              }\n            }\n\n            &.link-docs a:before {\n              content: 'book';\n            }\n\n            &.link-settings a:before {\n              content: 'settings';\n            }\n          }\n        }\n\n        .license-key {\n          margin-top: 1em;\n\n          .pane {\n            margin: 0;\n            padding: 3px;\n            background: transparentize($inputColor, 0.75);\n            border-radius: var(--medium-border-radius);\n\n            input.text {\n              font-weight: bold;\n              font-size: 11px !important;\n              padding: 3px 7px 1px;\n              width: 19em;\n              min-height: 0;\n            }\n          }\n\n          .btn,\n          .spinner {\n            margin: 0;\n          }\n        }\n\n        .expired {\n          margin-top: 1em;\n        }\n      }\n    }\n\n    &:not(.collapsed) {\n      .plugin-infos {\n        .plugin-details {\n          min-width: 150px;\n        }\n      }\n    }\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$red050: #fef2f2;\n$red100: #fee2e2;\n$red200: #fecaca;\n$red300: #fca5a5;\n$red400: #f87171;\n$red500: #ef4444;\n$red600: #dc2626;\n$red700: #b91c1c;\n$red800: #991b1b;\n$red900: #7f1d1d;\n\n$orange050: #fff7ed;\n$orange100: #ffedd5;\n$orange200: #fed7aa;\n$orange300: #fdba74;\n$orange400: #fb923c;\n$orange500: #f97316;\n$orange600: #ea580c;\n$orange700: #c2410c;\n$orange800: #9a3412;\n$orange900: #7c2d12;\n\n$yellow050: #fefce8;\n$yellow100: #fef9c3;\n$yellow200: #fef08a;\n$yellow300: #fde047;\n$yellow400: #facc15;\n$yellow500: #eab308;\n$yellow600: #ca8a04;\n$yellow700: #a16207;\n$yellow800: #854d0e;\n$yellow900: #713f12;\n\n$green050: #f0fdf4;\n$green100: #dcfce7;\n$green200: #bbf7d0;\n$green300: #86efac;\n$green400: #4ade80;\n$green500: #22c55e;\n$green600: #16a34a;\n$green700: #15803d;\n$green800: #166534;\n$green900: #14532d;\n\n$teal050: #f0fdfa;\n$teal100: #ccfbf1;\n$teal200: #99f6e4;\n$teal300: #5eead4;\n$teal400: #2dd4bf;\n$teal500: #14b8a6;\n$teal550: #11a697;\n$teal600: #0d9488;\n$teal700: #0f766e;\n$teal800: #115e59;\n$teal900: #134e4a;\n\n$cyan050: #ecfeff;\n$cyan100: #cffafe;\n$cyan200: #a5f3fc;\n$cyan300: #67e8f9;\n$cyan400: #22d3ee;\n$cyan500: #06b6d4;\n$cyan600: #0891b2;\n$cyan700: #0e7490;\n$cyan800: #155e75;\n$cyan900: #164e63;\n\n$blue050: #eff6ff;\n$blue100: #dbeafe;\n$blue200: #bfdbfe;\n$blue300: #93c5fd;\n$blue400: #60a5fa;\n$blue500: #3b82f6;\n$blue600: #2563eb;\n$blue700: #1d4ed8;\n$blue800: #1e40af;\n$blue900: #1e3a8a;\n\n$violet050: #f5f3ff;\n$violet100: #ede9fe;\n$violet200: #ddd6fe;\n$violet300: #c4b5fd;\n$violet400: #a78bfa;\n$violet500: #8b5cf6;\n$violet600: #7c3aed;\n$violet700: #6d28d9;\n$violet800: #5b21b6;\n$violet900: #4c1d95;\n\n$pink050: #fdf2f8;\n$pink100: #fce7f3;\n$pink200: #fbcfe8;\n$pink300: #f9a8d4;\n$pink400: #f472b6;\n$pink500: #ec4899;\n$pink600: #db2777;\n$pink700: #be185d;\n$pink800: #9d174d;\n$pink900: #831843;\n\n// submit button colors\n$primaryColor: $red600;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: #1f5fea;\n\n// menu colors\n$menuOptionColor: $textColor;\n$menuOptionActiveColor: $textColor;\n$menuOptionActiveBackgroundColor: $grey050;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue300;\n$mediumFocusColor: $blue500;\n$darkFocusColor: #0f74b1;\n\n// focus rings\n$lightFocusRing:\n  0 0 0 1px $lightFocusColor,\n  0 0 0 3px transparentize($lightFocusColor, 0.3);\n$mediumFocusRing:\n  0 0 0 1px $mediumFocusColor,\n  0 0 0 3px transparentize($mediumFocusColor, 0.3);\n$darkFocusRing:\n  0 0 0 1px $darkFocusColor,\n  0 0 0 3px transparentize($darkFocusColor, 0.3);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey500;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$menuBorderRadius: $mediumBorderRadius;\n\n@mixin sans-serif-font {\n  font-family:\n    system-ui,\n    BlinkMacSystemFont,\n    -apple-system,\n    'Segoe UI',\n    'Roboto',\n    'Oxygen',\n    'Ubuntu',\n    'Cantarell',\n    'Fira Sans',\n    'Droid Sans',\n    'Helvetica Neue',\n    sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n    monospace;\n  font-size: 0.9em !important;\n}\n\n@function toRem($values...) {\n  $max: length($values);\n  $remValues: '';\n\n  @for $i from 1 through $max {\n    $remValues: #{$remValues + calc(nth($values, $i) / 16)}rem;\n\n    @if $i < $max {\n      $remValues: #{$remValues + ' '};\n    }\n  }\n\n  @return $remValues;\n}\n\n@mixin fontSize($size) {\n  font-size: toRem($size);\n}\n\n// Other\n\n@mixin focus-styles {\n  body:not(.reduce-focus-visibility) &:focus,\n  body.reduce-focus-visibility &:focus-visible {\n    @content;\n  }\n}\n\n@mixin svg-mask($color) {\n  rect,\n  circle,\n  ellipse,\n  line,\n  polyline,\n  polygon,\n  path,\n  text {\n    fill: $color;\n    stroke-width: 0;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: never;\n  -webkit-font-feature-settings: 'liga', 'dlig';\n  -moz-font-feature-settings: 'liga=1, dlig=1';\n  -moz-font-feature-settings: 'liga', 'dlig';\n  -ms-font-feature-settings: 'liga', 'dlig';\n  -o-font-feature-settings: 'liga', 'dlig';\n  font-feature-settings: 'liga', 'dlig';\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n}\n\n@mixin angle($dir: down, $color: currentColor, $width: calc(2rem / 16)) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: calc(7rem / 16);\n  height: calc(7rem / 16);\n  border: solid $color;\n  border-width: 0 $width $width 0;\n  opacity: 0.8;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow:\n    0 0 0 1px $grey200,\n    0 2px 12px transparentize($grey200, 0.5);\n\n  &:focus {\n    box-shadow: var(--focus-ring);\n  }\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5) !important;\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n@mixin light-focus-ring() {\n  --focus-ring: 0 0 0 1px hsl(var(--light-focus-hsl)),\n    0 0 0 3px hsla(var(--light-focus-hsl), 0.7);\n}\n\n@mixin custom-color-focus-ring($primary, $secondary: null) {\n  @if $secondary != null {\n    --focus-ring: 0 0 0 1px #{$primary}, 0 0 0 3px #{$secondary};\n  } @else {\n    --focus-ring: 0 0 0 3px #{$primary};\n  }\n}\n\n@mixin two-color-focus-ring($light-button: true) {\n  // Creates a two-color focus ring, with a white\n  // If button is light, the dark box shadow is adjacent to the button\n  // Else the light box shadow is adjacent to the button\n  --light-color: var(--white);\n  --dark-color: var(--gray-800);\n\n  @if $light-button {\n    --focus-ring: 0 0 0 3px var(--dark-color), 0 0 0 6px var(--light-color);\n  } @else {\n    --focus-ring: 0 0 0 3px var(--light-color), 0 0 0 6px var(--dark-color);\n  }\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin header-btn {\n  width: calc(30rem / 16);\n  height: calc(30rem / 16);\n  padding-left: 0;\n  padding-right: 0;\n\n  &:not(:hover):not(:active):not(.active) {\n    background-color: transparent;\n  }\n  &:not(:active):not(.active):hover {\n    background-color: transparentize($grey300, 0.85);\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 11px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: $smallBorderRadius;\n  padding: 3px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: $grey100;\n}\n\n@mixin active-token-styles {\n  background-color: $grey200;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $menuBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow:\n    0 0 0 1px transparentize($grey900, 0.9),\n    0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-item-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $menuOptionColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-item-active-styles {\n  color: $menuOptionActiveColor;\n  background-color: $menuOptionActiveBackgroundColor;\n}\n\n@mixin disclosure-link-hover-styles {\n  color: $menuOptionColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  box-shadow: var(--focus-ring);\n}\n\n@mixin placeholder-styles($color) {\n  input::-webkit-input-placeholder,\n  textarea::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder,\n  textarea:-ms-input-placeholder {\n    color: $color;\n  }\n\n  input::-ms-input-placeholder,\n  textarea::-ms-input-placeholder {\n    color: $color;\n  }\n\n  input:-moz-placeholder,\n  textarea:-moz-placeholder {\n    color: $color;\n  }\n\n  input::-moz-placeholder,\n  textarea::-moz-placeholder {\n    color: $color;\n  }\n\n  input::placeholder,\n  textarea::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n  color: var(--ui-control-color);\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: hsl(212, 25%, 90%);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: hsl(212, 25%, 85%);\n  box-shadow: var(--focus-ring);\n}\n\n@mixin touch-target {\n  height: var(--touch-target-size);\n  width: var(--touch-target-size);\n}\n\n// https://tailwindcss.com/docs/screen-readers#undoing-screen-reader-only-elements\n@mixin visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n@mixin not-visually-hidden {\n  position: static;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  overflow: visible;\n  clip: auto;\n  white-space: normal;\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1,\n  .h1,\n  h2,\n  .h2,\n  h3,\n  .h3,\n  h4,\n  .h4,\n  h5,\n  .h5,\n  h6,\n  .h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1,\n  .h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2,\n  .h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3,\n  .h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4,\n  .h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5,\n  .h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6,\n  .h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  .tip-dismiss-btn {\n    position: absolute;\n    top: 12px;\n    @include right(12px);\n\n    & + p {\n      margin-top: 0;\n    }\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(50px);\n      border: 1px solid;\n\n      &.dismissible {\n        @include padding-right(36px);\n      }\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $linkColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        opacity: 1;\n        position: absolute;\n        top: 15px;\n        @include left(16px);\n        font-size: 24px;\n        width: 24px;\n      }\n\n      a[href] {\n        color: currentColor;\n        text-decoration: underline;\n      }\n    }\n  }\n\n  .go:after {\n    font-size: 14px;\n  }\n}\n\n@mixin checkered-bg($size) {\n  // h/t https://gist.github.com/dfrankland/f6fed3e3ccc42e3de482b324126f9542\n  $halfSize: $size * 0.5;\n  background-image: linear-gradient(\n      45deg,\n      #{transparentize($grey300, 0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #{transparentize($grey300, 0.75)} 25%,\n      transparent 25%\n    ),\n    linear-gradient(\n      45deg,\n      transparent 75%,\n      #{transparentize($grey300, 0.75)} 75%\n    ),\n    linear-gradient(\n      135deg,\n      transparent 75%,\n      #{transparentize($grey300, 0.75)} 75%\n    );\n  background-size: $size $size;\n  background-position:\n    0 0,\n    $halfSize 0,\n    $halfSize -#{$halfSize},\n    0 $halfSize;\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/web/assets/plugins/src/PluginManager.js b/src/web/assets/plugins/src/PluginManager.js
index 4bc9e281480..1bf478945e8 100644
--- a/src/web/assets/plugins/src/PluginManager.js
+++ b/src/web/assets/plugins/src/PluginManager.js
@@ -180,29 +180,25 @@ import './plugins.scss';
                     )
                     .append(Craft.getCsrfInput())
                     .append(
-                      $('<div/>', {class: 'btngroup'})
-                        .append(
-                          $('<button/>', {
-                            type: 'button',
-                            class: 'btn menubtn',
-                            'data-icon': 'settings',
-                          })
-                        )
-                        .append(
-                          $('<div/>', {
-                            class: 'menu',
-                            'data-align': 'right',
-                          }).append(
-                            $('<ul/>').append(
-                              $('<li/>').append(
-                                $('<a/>', {
-                                  class: 'formsubmit',
-                                  text: Craft.t('app', 'Install'),
-                                })
-                              )
-                            )
+                      $('<button/>', {
+                        type: 'button',
+                        class: 'btn menubtn action-btn hairline',
+                      })
+                    )
+                    .append(
+                      $('<div/>', {
+                        class: 'menu',
+                        'data-align': 'right',
+                      }).append(
+                        $('<ul/>').append(
+                          $('<li/>').append(
+                            $('<a/>', {
+                              class: 'formsubmit',
+                              text: Craft.t('app', 'Install'),
+                            })
                           )
                         )
+                      )
                     )
                 )
               : $()