    :right 0
    :bottom 0
    :height "auto"
+   ;;:margin 10
+   ;; :border-radius 2
+   ;; :box-shadow "0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12)"
    :flex-direction "column"})
 
 (defstyled term-container :div [_]

                      (.send ws (pr-str msg))
                      (recur))))

              (rd/render (ui) (dom/by-id "root"))

              (ws-loop)


   :padding-left 10})

(defstyled editor-container :div [_]
  {:height 200
   :border-top "2px solid #eee"})

(defstyled html-toolbar :div [_]
  {:padding 10
   :margin-bottom 10
   :background-color "#eee"
   :font-weight "bold"})

(defn ui [state]
  (html/div
    (html-container
      (html-toolbar "[ALPHA] shadow-cljs REPL")

      (term-container {:ref attach-terminal})
      (editor-container
        (html/input {:ref attach-codemirror})))))

(defn ^:dev/after-load start []
  (let [cmd-in
