             [goog.dom.Range]
             [goog.dom.selection]
             [goog.labs.userAgent.browser :as ua]
+            [goog.userAgent]
             [om.core :as om :include-macros true]
             [om.dom :as dom :include-macros true])
   (:require-macros [sablono.core :refer (html)])

(defn shortcuts [app owner]
  (reify
    om/IDisplayName (display-name [_] "Overlay Shortcuts")
    om/IRender
    (render [_]
      (let [cast! (om/get-shared owner :cast!)]
        (html
         [:section.menu-view

             [:tr.make
              [:td
               [:div.shortcuts-keys
                (if mac?
                  [:div.shortcuts-key  {:title "Option Key"} (common/icon :option)]
                  [:div.shortcuts-key  {:title "Alt Key"} "Alt"])
                [:div.shortcuts-misc {:title "Left Click + Drag"} (common/icon :click)]]]
              [:td [:div.shortcuts-result {:title "Hold option, drag shape(s)."} "Duplicate"]]]
             [:tr.make
              [:td
               [:div.shortcuts-keys
                [:div.shortcuts-key {:title "A key"} "A"]
                [:div.shortcuts-misc {:title "Left Click + Drag"} (common/icon :click)]]]
              [:td [:div.shortcuts-result {:title "Hold A, click shape borders."} "Connect"]]]
             ]]]])))))

(defn username [app owner]
