                           (swap! modes rest)
                           next-mode))]
     (fn cljs-buttons-form2 []
-      (let [children [[md-icon-button
-                       :md-icon-name "zmdi-delete"
-                       :on-click #(dispatch [:reset-console-items :cljs-console])
-                       :class "cljs-btn"
-                       :size (if-not (= :medium @media-query) :regular :smaller)
-                       :tooltip "Reset"
-                       :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
-                       :disabled? (not @console-created?)]
-                      [md-icon-button
-                       :md-icon-name "zmdi-format-clear-all"
-                       :on-click #(dispatch [:clear-console-items :cljs-console])
-                       :class "cljs-btn"
-                       :size (if-not (= :medium @media-query) :regular :smaller)
-                       :tooltip "Clear"
-                       :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
-                       :disabled? (not @console-created?)]
+      (let [children [(create-tour-step 2 :below-center
+                                        [md-icon-button
+                                         :md-icon-name "zmdi-delete"
+                                         :on-click #(dispatch [:reset-console-items :cljs-console])
+                                         :class "cljs-btn"
+                                         :size (if-not (= :medium @media-query) :regular :smaller)
+                                         :tooltip "Reset"
+                                         :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
+                                         :disabled? (not @console-created?)])
+                      (create-tour-step 3 :below-center [md-icon-button
+                                                         :md-icon-name "zmdi-format-clear-all"
+                                                         :on-click #(dispatch [:clear-console-items :cljs-console])
+                                                         :class "cljs-btn"
+                                                         :size (if-not (= :medium @media-query) :regular :smaller)
+                                                         :tooltip "Clear"
+                                                         :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
+                                                         :disabled? (not @console-created?)])
                       [gist-login-dialog]
-                      [md-icon-button
-                       :md-icon-name "zmdi-stop"
-                       :on-click #(dispatch [:clear-console-queued-forms :cljs-console])
-                       :class "cljs-btn"
-                       :size (if-not (= :medium @media-query) :regular :smaller)
-                       :tooltip "Clear examples"
-                       :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
-                       :disabled? (not @example-mode?)]
-                      [md-icon-button
-                       :md-icon-name "zmdi-keyboard"
-                       :on-click #(dispatch [:switch-console-mode (get-next-mode)])
-                       :class "cljs-btn"
-                       :size (if-not (= :medium @media-query) :regular :smaller)
-                       :tooltip "Switch input mode"
-                       :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)]]]
+                      (create-tour-step 5 :below-center [md-icon-button
+                                                         :md-icon-name "zmdi-stop"
+                                                         :on-click #(dispatch [:clear-console-queued-forms :cljs-console])
+                                                         :class "cljs-btn"
+                                                         :size (if-not (= :medium @media-query) :regular :smaller)
+                                                         :tooltip "Clear examples"
+                                                         :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
+                                                         :disabled? (not @example-mode?)])
+                      (create-tour-step 6 :below-center [md-icon-button
+                                                         :md-icon-name "zmdi-keyboard"
+                                                         :on-click #(dispatch [:switch-console-mode (get-next-mode)])
+                                                         :class "cljs-btn"
+                                                         :size (if-not (= :medium @media-query) :regular :smaller)
+                                                         :tooltip "Switch input mode"
+                                                         :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)])]]
         (if-not (= :narrow @media-query)
           [v-box
            :gap "8px"

            [re-frame.core :refer [subscribe dispatch]]
            [re-com.core :refer [md-icon-button h-box v-box box gap button input-text
                                 popover-content-wrapper popover-anchor-wrapper hyperlink-href
                                 popover-tooltip title label scroller line modal-panel]]
            [re-com.box :refer [flex-child-style]]
            [re-com.util :refer [px]]
            [clairvoyant.core :refer-macros [trace-forms]]

        showing? (subscribe [:gist-showing?])
        media-query (subscribe [:media-query-size])]
    (fn []
      (if @showing?
        [popover-anchor-wrapper
         :showing? showing?
         :position (gist-position media-query)
         :anchor   [md-icon-button
                    :md-icon-name "zmdi-github"
                    :on-click #(dispatch [:show-gist-login])
                    :class "cljs-btn"
                    :size (if-not (= :medium @media-query) :regular :smaller)
                    :tooltip "Create Gist"
                    :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
                    :disabled? @can-dump-gist?]
         :popover  [gist-login-dialog-body]]
        (create-tour-step 4 :below-center [md-icon-button
                                           :md-icon-name "zmdi-github"
                                           :on-click #(dispatch [:show-gist-login])
                                           :class "cljs-btn"
                                           :size (if-not (= :medium @media-query) :regular :smaller)
                                           :tooltip "Create Gist"
                                           :tooltip-position (if-not (= :narrow @media-query) :left-center :above-center)
                                           :disabled? @can-dump-gist?])))))

(defn cljs-buttons
  "Return a vector of components containing the cljs console buttons.
