   []
   (let [workspace (mx/react wb/workspace-ref)
         selected (:selected workspace)
-        shapes-by-id (mx/react wb/shapes-by-id-ref)
+        shapes-map (mx/react wb/shapes-by-id-ref)
         page (mx/react (focus-page (:page workspace)))
         close #(rs/emit! (udw/toggle-flag :layers))
         duplicate #(rs/emit! (uds/duplicate-selected))

              (swap! local assoc :over true))
            (on-drag-leave [event]
              (swap! local assoc :over false))]
      [:li.group {:class (when open? "open")}
       [:div.element-list-body
        {:class classes
         :draggable true

              (swap! local assoc :dragging false :over nil))
            (on-drop [event]
              (dom/stop-propagation event)
              (let [coming-id (dnd/get-data event)
                    over (:over @local)]
                (case (:over @local)
                  :top (rs/emit! (uds/drop-shape coming-id id :before))
                  :bottom (rs/emit! (uds/drop-shape coming-id id :after))
                  :middle (rs/emit! (uds/drop-shape coming-id id :inside)))
                (swap! local assoc :dragging false :over nil)))
            (on-drag-over [event]
              (dom/prevent-default event)
