Fix hide/show of palette in tour and add MQTT nodes

packages/node_modules/@node-red/editor-client/src/tours/welcome.js

@@ -93,6 +93,8 @@ export default {
         {
             title: {"en-US":"Link Call node added"},
             prepare(done) {
+                this.paletteWasClosed = $("#red-ui-main-container").hasClass("red-ui-palette-closed");
+                RED.actions.invoke("core:toggle-palette",true)
                 $('[data-palette-type="link call"]')[0].scrollIntoView({block:"center"})
                 setTimeout(done,100);
             },
@@ -100,13 +102,27 @@ export default {
             direction: "right",
             description: { "en-US": '<p>The <code>Link Call</code> node lets you call another flow that begins with a <code>Link In</code> node and get the result back when the message reaches a <code>Link Out</code> node.</p>' },
         },
-
+        {
+            title: {"en-US":"MQTT nodes support dynamic connections"},
+            prepare(done) {
+                $('[data-palette-type="mqtt out"]')[0].scrollIntoView({block:"center"})
+                setTimeout(done,100);
+            },
+            element: '[data-palette-type="mqtt out"]',
+            direction: "right",
+            description: { "en-US": '<p>The <code>MQTT</code> nodes now support creating their connections and subscriptions dynamically.</p>' },
+        },
         {
             title: {"en-US":"File nodes renamed"},
             prepare(done) {
                 $('[data-palette-type="file"]')[0].scrollIntoView({block:"center"})
                 setTimeout(done,100);
             },
+            complete() {
+                if (this.paletteWasClosed) {
+                    RED.actions.invoke("core:toggle-palette",false)
+                }
+            },
             element: '[data-palette-type="file"]',
             direction: "right",
             description: { "en-US": '<p>The file nodes have been renamed to make it clearer which node does what.</p>' },