diff -u b/panels_ipe/css/panels_ipe.css b/panels_ipe/css/panels_ipe.css
--- b/panels_ipe/css/panels_ipe.css
+++ b/panels_ipe/css/panels_ipe.css
@@ -3,6 +3,49 @@
  * Contains all CSS for the Panels In-Place Editor.
  */
 
+/* Define our icon font, which is generated from the SVGs in /images. */
+@font-face {
+  font-family: PanelsIPEIcon;
+  src: url(../fonts/ipeicons.woff);
+}
+
+.ipe-icon {
+  display:inline-block;
+  vertical-align: middle;
+  font-family: PanelsIPEIcon;
+  font-size: 24px;
+}
+
+.ipe-icon.ipe-icon-warning:before {
+  content: "\e902";
+}
+
+.ipe-icon.ipe-icon-change_layout:before {
+  content: "\e903";
+}
+
+.ipe-icon.ipe-icon-manage_content:before {
+  content: "\e905";
+}
+
+.ipe-icon.ipe-icon-edit:before {
+  content: "\e904";
+}
+
+.ipe-icon.ipe-icon-save:before {
+  content: "\e906";
+}
+
+.ipe-icon.ipe-icon-loading:before {
+  content: "\e907";
+  animation: spin 1s infinite linear;
+}
+
+@keyframes spin {
+  from {transform:rotate(360deg);}
+  to {transform:rotate(0deg);}
+}
+
 /* Fix the output of the AppView to the bottom of the screen. */
 #panels-ipe-tray {
   position: fixed;
@@ -28,7 +71,8 @@
 /* Display tabs inline and slightly on top of .ipe-tabs-content. */
 .ipe-tab {
   display: inline-block;
-  padding: 10px;
+  vertical-align: bottom;
+  padding: 10px 5px 10px 5px;
   background-color: white;
   border-top: 1px solid darkgray;
   margin-bottom: -1px;
@@ -50,9 +94,13 @@
 
 .ipe-tab a {
   color: black;
+  height: 30px;
+  display: block;
   text-transform: uppercase;
+  vertical-align: top;
   border: none;
   cursor: pointer;
+  transition: .2s;
 }
 
 .ipe-tab a:hover {
@@ -64,7 +112,7 @@
 .ipe-tab-content {
   display: none;
   min-height: 100px;
-  padding: 25px;
+  padding: 5px 5px 10px 5px;
   background-color: white;
   border-top: 1px solid darkgray;
 }
@@ -73,27 +121,38 @@
   display: block;
 }
 
+/* Don't show text for these tabs */
+[data-tab-id="save"], [data-tab-id="edit"] {
+  overflow-x: hidden;
+  width: 24px;
+}
+
 /* Styles for the Layout selector. */
 .ipe-current-layout, .ipe-all-layouts {
   display: inline-block;
-  height: 50px;
 }
 
 .ipe-current-layout {
-  margin-right: 50px;
+  vertical-align: top;
+  padding-right: 10px;
 }
 
-/* Remove <ul> list styling. */
+/* Remove <ul> list styling and make list scrollable. */
 .ipe-layouts {
+  vertical-align: top;
   list-style: none;
   margin: 0;
   padding: 0;
+  max-width: 600px;
+  white-space: nowrap;
+  overflow-x: auto;
 }
 
 /* Show layouts as clickable things. */
 .ipe-layout {
   cursor: pointer;
   display: inline-block;
+  margin-right: 5px;
 }
 
 .ipe-layout-title {
@@ -111,0 +171,51 @@
+
+/* Style the block/region headers. */
+div.ipe-actions {
+  display: block;
+  height: 20px;
+  background-color: rgb(222, 222, 222);
+  padding: 5px;
+  margin-top: 1px;
+  clear: both;
+}
+
+.ipe-actions ul.ipe-action-list {
+  float: right;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.ipe-actions h5, .ipe-actions li {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 12px;
+  text-transform: uppercase;
+  font-weight: bold;
+  margin: 0;
+}
+
+.ipe-actions h5 {
+  float: left;
+}
+
+.ipe-actions a {
+  color: black;
+  text-transform: uppercase;
+  border: none;
+  cursor: pointer;
+}
+
+.ipe-actions a:hover {
+  color: #393939;
+  border: none;
+}
+
+.ipe-action-list li {
+  display: inline-block;
+}
+
+.ipe-action-list [data-action-id="move"] select {
+  background: transparent;
+  border: none;
+  text-transform: uppercase;
+}
reverted:
--- b/panels_ipe/js/models/AppModel.js
+++ /dev/null
@@ -1,67 +0,0 @@
-/**
- * @file
- * The primary Backbone model for Panels IPE.
- *
- * @see Drupal.panels_ipe.AppView
- */
-
-(function (Backbone, Drupal) {
-
-  'use strict';
-
-  /**
-   * @constructor
-   *
-   * @augments Backbone.Model
-   */
-  Drupal.panels_ipe.AppModel = Backbone.Model.extend(/** @lends Drupal.panels_ipe.AppModel# */{
-
-    /**
-     * @type {object}
-     *
-     * @prop {bool} active
-     * @prop {Drupal.panels_ipe.TabModel} activeTab
-     * @prop {Drupal.panels_ipe.BlockModel} activeBlock
-     * @prop {Drupal.panels_ipe.RegionModel} activeRegion
-     */
-    defaults: /** @lends Drupal.panels_ipe.AppModel# */{
-
-      /**
-       * Whether or not the editing part of the application is active.
-       *
-       * @type {bool}
-       */
-      active: false,
-
-      /**
-       * The current Layout.
-       *
-       * @type {Drupal.panels_ipe.LayoutModel}
-       */
-      layout: null,
-
-      /**
-       * A collection of all tabs on screen.
-       *
-       * @type {Drupal.panels_ipe.TabCollection}
-       */
-      tabCollection: null,
-
-      /**
-       * The "Edit" tab.
-       *
-       * @type {Drupal.panels_ipe.TabModel}
-       */
-      editTab: null,
-
-      /**
-       * The "Save" tab.
-       *
-       * @type {Drupal.panels_ipe.TabModel}
-       */
-      saveTab: null
-    }
-
-  });
-
-}(Backbone, Drupal));
reverted:
--- b/panels_ipe/js/models/BlockModel.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * @file
- * Base Backbone model for a Block.
- */
-
-(function (_, $, Backbone, Drupal, drupalSettings) {
-
-  'use strict';
-
-  Drupal.panels_ipe.BlockModel = Backbone.Model.extend(/** @lends Drupal.panels_ipe.BlockModel# */{
-
-    /**
-     * @type {object}
-     */
-    defaults: /** @lends Drupal.panels_ipe.BlockModel# */{
-
-      /**
-       * The block state.
-       *
-       * @type {bool}
-       */
-      active: false,
-
-      /**
-       * The ID of the block.
-       *
-       * @type {string}
-       */
-      id: null,
-
-      /**
-       * The unique ID of the block.
-       *
-       * @type {string}
-       */
-      uuid: null,
-
-      /**
-       * The label of the block.
-       *
-       * @type {string}
-       */
-      label: null,
-
-      /**
-       * The HTML content of the block. This is stored in the model as the
-       * IPE doesn't actually care what the block's content is, the functional
-       * elements of the model are the metadata. The BlockView renders this
-       * wrapped inside IPE elements.
-       *
-       * @type {string}
-       */
-      html: null
-    },
-
-    /**
-     * @type {function}
-     */
-    url: function() {
-      return Drupal.panels_ipe.urlRoot(drupalSettings) + '/block/' + this.get('uuid');
-    }
-
-  });
-
-  /**
-   * @constructor
-   *
-   * @augments Backbone.Collection
-   */
-  Drupal.panels_ipe.BlockCollection = Backbone.Collection.extend(/** @lends Drupal.panels_ipe.BlockCollection# */{
-
-    /**
-     * @type {Drupal.panels_ipe.BlockModel}
-     */
-    model: Drupal.panels_ipe.BlockModel
-  });
-
-}(_, jQuery, Backbone, Drupal, drupalSettings));
reverted:
--- b/panels_ipe/js/models/LayoutModel.js
+++ /dev/null
@@ -1,96 +0,0 @@
-/**
- * @file
- * Base Backbone model for a Layout.
- */
-
-(function (_, $, Backbone, Drupal) {
-
-  'use strict';
-
-  Drupal.panels_ipe.LayoutModel = Backbone.Model.extend(/** @lends Drupal.panels_ipe.LayoutModel# */{
-
-    /**
-     * @type {object}
-     */
-    defaults: /** @lends Drupal.panels_ipe.LayoutModel# */{
-
-      /**
-       * The layout machine name.
-       *
-       * @type {string}
-       */
-      id: null,
-
-      /**
-       * The layout label.
-       *
-       * @type {string}
-       */
-      label: null,
-
-      /**
-       * Whether or not this is the current layout.
-       *
-       * @type {bool}
-       */
-      current: false,
-
-      /**
-       * The wrapping HTML for this layout. Only used for initial rendering.
-       *
-       * @type {string}
-       */
-      html: null,
-
-      /**
-       * A collection of regions contained in this Layout.
-       *
-       * @type {Drupal.panels_ipe.RegionCollection}
-       */
-      regionCollection: null
-
-    },
-
-    /**
-     * Overrides the parse method to set our regionCollection dynamically.
-     *
-     * @param {Object} resp
-     * @param {Object} options
-     */
-    parse: function(resp, options) {
-      // If possible, initialize our region collection.
-      if (typeof resp.regions != 'undefined') {
-        resp.regionCollection = new Drupal.panels_ipe.RegionCollection();
-        for (var i in resp.regions) {
-          var region = new Drupal.panels_ipe.RegionModel(resp.regions[i]);
-          region.set({'blockCollection': new Drupal.panels_ipe.BlockCollection()});
-          resp.regionCollection.add(region);
-        }
-      }
-      return resp;
-    }
-
-  });
-
-  /**
-   * @constructor
-   *
-   * @augments Backbone.Collection
-   */
-  Drupal.panels_ipe.LayoutCollection = Backbone.Collection.extend(/** @lends Drupal.panels_ipe.LayoutCollection# */{
-
-    /**
-     * @type {Drupal.panels_ipe.LayoutModel}
-     */
-    model: Drupal.panels_ipe.LayoutModel,
-
-    /**
-     * @type {function}
-     */
-    url: function() {
-      return Drupal.panels_ipe.urlRoot(drupalSettings) + '/layouts'
-    }
-
-  });
-
-}(_, jQuery, Backbone, Drupal));
reverted:
--- b/panels_ipe/js/models/RegionModel.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * @file
- * Base Backbone model for a Region.
- *
- * @todo Support sync operations to refresh a region, even if we don't have
- * a use case for that yet.
- */
-
-(function (_, $, Backbone, Drupal) {
-
-  'use strict';
-
-  Drupal.panels_ipe.RegionModel = Backbone.Model.extend(/** @lends Drupal.panels_ipe.RegionModel# */{
-
-    /**
-     * @type {object}
-     */
-    defaults: /** @lends Drupal.panels_ipe.RegionModel# */{
-
-      /**
-       * The machine name of the region.
-       *
-       * @type {string}
-       */
-      name: null,
-
-      /**
-       * The label of the region.
-       *
-       * @type {string}
-       */
-      label: null,
-
-      /**
-       * A BlockCollection for all blocks in this region.
-       *
-       * @type {Drupal.panels_ipe.BlockCollection}
-       *
-       * @see Drupal.panels_ipe.BlockCollection
-       */
-      blockCollection: null
-    }
-
-  });
-
-  /**
-   * @constructor
-   *
-   * @augments Backbone.Collection
-   */
-  Drupal.panels_ipe.RegionCollection = Backbone.Collection.extend(/** @lends Drupal.panels_ipe.RegionCollection# */{
-
-    /**
-     * @type {Drupal.panels_ipe.RegionModel}
-     */
-    model: Drupal.panels_ipe.RegionModel
-  });
-
-}(_, jQuery, Backbone, Drupal));
reverted:
--- b/panels_ipe/js/models/TabModel.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/**
- * @file
- * A .
- *
- * @see Drupal.panels_ipe.TabView
- */
-
-(function (Backbone, Drupal) {
-
-  'use strict';
-
-  /**
-   * @constructor
-   *
-   * @augments Backbone.Model
-   */
-  Drupal.panels_ipe.TabModel = Backbone.Model.extend(/** @lends Drupal.panels_ipe.TabModel# */{
-
-    /**
-     * @type {object}
-     *
-     * @prop {bool} active
-     * @prop {string} title
-     */
-    defaults: /** @lends Drupal.panels_ipe.TabModel# */{
-
-      /**
-       * The ID of the tab.
-       *
-       * @type {int}
-       */
-      id: null,
-
-      /**
-       * Whether or not the tab is active.
-       *
-       * @type {bool}
-       */
-      active: false,
-
-      /**
-       * The title of the tab.
-       *
-       * @type {string}
-       */
-      title: null
-    }
-
-  });
-
-  /**
-   * @constructor
-   *
-   * @augments Backbone.Collection
-   */
-  Drupal.panels_ipe.TabCollection = Backbone.Collection.extend(/** @lends Drupal.panels_ipe.TabCollection# */{
-
-    /**
-     * @type {Drupal.panels_ipe.TabModel}
-     */
-    model: Drupal.panels_ipe.TabModel
-  });
-
-}(Backbone, Drupal));
reverted:
--- b/panels_ipe/js/views/AppView.js
+++ /dev/null
@@ -1,165 +0,0 @@
-/**
- * @file
- * The primary Backbone view for Panels IPE. For now this only controls the
- * bottom tray, but in the future could have a larger scope.
- *
- * see Drupal.panels_ipe.AppModel
- */
-
-(function ($, _, Backbone, Drupal) {
-
-  'use strict';
-
-  Drupal.panels_ipe.AppView = Backbone.View.extend(/** @lends Drupal.panels_ipe.AppView# */{
-
-    /**
-     * @type {function}
-     */
-    template: _.template('<div class="ipe-tab-wrapper"></div>'),
-
-    /**
-     * @type {Drupal.panels_ipe.TabsView}
-     */
-    tabsView: null,
-
-    /**
-     * @type {Drupal.panels_ipe.LayoutView}
-     */
-    layoutView: null,
-
-    /**
-     * @type {Drupal.panels_ipe.AppModel}
-     */
-    model: null,
-
-    /**
-     * @constructs
-     *
-     * @augments Backbone.View
-     *
-     * @param {object} options
-     *   An object with the following keys:
-     * @param {Drupal.panels_ipe.AppModel} options.model
-     *   The application state model.
-     * @param {Object} options.tabContentViews
-     *   An object mapping TabModel ids to arbitrary Backbone views.
-     */
-    initialize: function (options) {
-      this.model = options.model;
-
-      // Create a TabsView instance.
-      this.tabsView = new Drupal.panels_ipe.TabsView({
-        'collection': this.model.get('tabCollection'),
-        'tabViews': options.tabContentViews
-      });
-
-      // Listen to important events throughout the app.
-      this.listenTo(this.model, "changeLayout", this.changeLayout);
-      this.listenTo(this.model.get('editTab'), "change:active", this.clickEditTab);
-    },
-
-    /**
-     * Appends the IPE tray to the bottom of the screen.
-     */
-    render: function() {
-      // Empty our list.
-      this.$el.html(this.template(this.model.toJSON()));
-      // Add our tab collection to the App.
-      this.tabsView.setElement(this.$('.ipe-tab-wrapper')).render();
-      // Re-render our layout.
-      if (this.layoutView) {
-        this.layoutView.render();
-      }
-      return this;
-    },
-
-    /**
-     * Actives all regions and blocks for editing.
-     */
-    openIPE: function() {
-      var active = this.model.get('active');
-      if (active) {
-        return;
-      }
-
-      // Set our active state correctly.
-      this.model.set({'active': true});
-
-      // Set the layout's active state correctly.
-      this.model.get('layout').set({'active': true});
-
-      this.$el.addClass('active');
-    },
-
-    /**
-     * Deactivate all regions and blocks for editing.
-     */
-    closeIPE: function() {
-      var active = this.model.get('active');
-      if (!active) {
-        return;
-      }
-
-      // Set our active state correctly.
-      this.model.set({'active': false});
-
-      // Set the layout's active state correctly.
-      this.model.get('layout').set({'active': false});
-
-      this.$el.removeClass('active');
-    },
-
-    /**
-     * Event callback for when a new layout has been selected.
-     */
-    changeLayout: function (args) {
-      // Grab the layout from the argument list.
-      var layout = args[0];
-
-      // Sync the layout from Drupal.
-      var self = this;
-      layout.fetch().done(function() {
-        // Grab all the blocks from the current layout.
-        var regions = self.model.get('layout').get('regionCollection');
-        var block_collection = new Drupal.panels_ipe.BlockCollection();
-        regions.each(function(region) {
-          block_collection.add(region.get('blockCollection').toJSON());
-        });
-
-        // Get the first region in the layout.
-        // @todo Be smarter about re-adding blocks.
-        var first_region = layout.get('regionCollection').at(0);
-
-        // Append all blocks from previous layout.
-        first_region.set({'blockCollection': block_collection});
-
-        // Change the default layout in our AppModel.
-        self.model.set({'layout': layout});
-
-        // Create a new LayoutView.
-        self.layoutView = new Drupal.panels_ipe.LayoutView({
-          'model': layout,
-          'el': "#panels-ipe-content"
-        });
-
-        // Re-render the app.
-        self.render();
-      });
-    },
-
-    /**
-     * Sets the IPE active state based on the "Edit" TabModel.
-     */
-    clickEditTab: function(){
-      var active = this.model.get('editTab').get('active');
-      if (active) {
-        this.openIPE();
-      }
-      else {
-        this.closeIPE();
-      }
-    }
-
-  });
-
-}(jQuery, _, Backbone, Drupal));
reverted:
--- b/panels_ipe/js/views/BlockView.js
+++ /dev/null
@@ -1,61 +0,0 @@
-/**
- * @file
- * The primary Backbone view for a Block.
- *
- * see Drupal.panels_ipe.BlockModel
- */
-
-(function ($, _, Backbone, Drupal) {
-
-  'use strict';
-
-  Drupal.panels_ipe.BlockView = Backbone.View.extend(/** @lends Drupal.panels_ipe.BlockView# */{
-
-    /**
-     * @type {function}
-     */
-    template: _.template('<div class="panels-ipe-header"><h5>Block: <%= label %></h5></div>'),
-
-    /**
-     * @type {Drupal.panels_ipe.BlockModel}
-     */
-    model: null,
-
-    /**
-     * @constructs
-     *
-     * @augments Backbone.View
-     *
-     * @param {object} options
-     *   An object with the following keys:
-     * @param {Drupal.panels_ipe.BlockModel} options.model
-     *   The block state model.
-     * @param {string} options.el
-     *   An optional selector if an existing element is already on screen.
-     */
-    initialize: function (options) {
-      this.model = options.model;
-      if (options.el && !this.model.get('html')) {
-        this.model.set({'html': this.$el.prop('outerHTML')});
-      }
-      this.listenTo(this.model, 'reset', this.render);
-    },
-
-    /**
-     * Renders the wrapping elements and refreshes a block model.
-     */
-    render: function() {
-      // Replace our current HTML.
-      this.$el.replaceWith(this.model.get('html'));
-      this.setElement("[data-block-id='" + this.model.get('uuid') + "']");
-
-      // Check our active state.
-      if (this.model.get('active')) {
-        this.$el.prepend(this.template(this.model.toJSON()));
-      }
-      return this;
-    }
-
-  });
-
-}(jQuery, _, Backbone, Drupal));
reverted:
--- b/panels_ipe/js/views/LayoutPicker.js
+++ /dev/null
@@ -1,99 +0,0 @@
-/**
- * @file
- * Renders a collection of Layouts for selection.
- *
- * see Drupal.panels_ipe.LayoutCollection
- */
-
-(function ($, _, Backbone, Drupal) {
-
-  'use strict';
-
-  Drupal.panels_ipe.LayoutPicker = Backbone.View.extend(/** @lends Drupal.panels_ipe.LayoutPicker# */{
-
-    /**
-     * @type {function}
-     */
-    template_layout: _.template('<li class="ipe-layout" data-layout-id="<%= id %>"><h5 class="ipe-layout-title"><a><%= label %></a></h5></li>'),
-
-    /**
-     * @type {function}
-     */
-    template_current: _.template('<p>Current Layout: </p><h5 class="ipe-layout-title"><%= label %></h5>'),
-
-    /**
-     * @type {function}
-     */
-    template: _.template(
-      '<div class="ipe-current-layout"></div><div class="ipe-all-layouts"><p>Available Layouts:</p><ul class="ipe-layouts"></ul></div>'
-    ),
-
-    /**
-     * @type {Drupal.panels_ipe.LayoutCollection}
-     */
-    collection: null,
-
-    /**
-     * @type {object}
-     */
-    events: {
-      'click .ipe-layout': 'selectLayout'
-    },
-
-    /**
-     * Renders the selection menu for picking Layouts.
-     */
-    render: function() {
-      // If we don't have layouts yet, pull some from the server.
-      if (!this.collection) {
-        this.collection = new Drupal.panels_ipe.LayoutCollection;
-        var self = this;
-        this.collection.fetch().done(function(){
-          self.render();
-        });
-      }
-      // Render our LayoutCollection.
-      else {
-        this.$el.empty();
-
-        // Setup the empty list.
-        this.$el.html(this.template());
-
-        // Append each layout option.
-        this.collection.each(function(layout) {
-          if (!layout.get('current')) {
-            this.$('.ipe-layouts').append(this.template_layout(layout.toJSON()));
-          }
-          else {
-            this.$('.ipe-current-layout').append(this.template_current(layout.toJSON()));
-          }
-        }, this);
-      }
-    },
-
-    /**
-     * Fires a global Backbone event that the App watches to switch layouts.
-     */
-    selectLayout: function(e) {
-      e.preventDefault();
-      var id = $(e.currentTarget).data('layout-id');
-
-      // Unset the current tab.
-      this.collection.each(function(layout) {
-        if (id == layout.id) {
-          layout.set('current', true);
-          // @todo Investigate using non-global events.
-          Drupal.panels_ipe.app.trigger('changeLayout', [layout]);
-        }
-        else {
-          layout.set('current', false);
-        }
-      });
-
-      // Trigger a re-render.
-      this.render();
-    }
-
-  });
-
-}(jQuery, _, Backbone, Drupal));
reverted:
--- b/panels_ipe/js/views/LayoutView.js
+++ /dev/null
@@ -1,108 +0,0 @@
-/**
- * @file
- * The primary Backbone view for a Layout.
- *
- * see Drupal.panels_ipe.LayoutModel
- */
-
-(function ($, _, Backbone, Drupal) {
-
-  'use strict';
-
-  Drupal.panels_ipe.LayoutView = Backbone.View.extend(/** @lends Drupal.panels_ipe.LayoutView# */{
-
-    /**
-     * @type {Drupal.panels_ipe.LayoutModel}
-     */
-    model: null,
-
-    /**
-     * @type {Array}
-     *   An array of child Drupal.panels_ipe.BlockView objects.
-     */
-    blockViews: [],
-
-    /**
-     * @constructs
-     *
-     * @augments Backbone.View
-     *
-     * @param {object} options
-     *   An object with the following keys:
-     * @param {Drupal.panels_ipe.LayoutModel} options.model
-     *   The layout state model.
-     * @param {string} options.el
-     *   An optional selector if an existing element is already on screen.
-     */
-    initialize: function (options) {
-      this.model = options.model;
-      // Initialiaze our html, this never changes.
-      if (this.model.get('html')) {
-        this.$el.html(this.model.get('html'));
-      }
-      // Initialize our Block Views, if HTML is already provided to us.
-      if (this.el) {
-        this.initBlockViews();
-      }
-      this.listenTo(this.model, 'change:active', this.changeState);
-    },
-
-    /**
-     * Re-renders our blocks, we have no HTML to be re-rendered.
-     */
-    render: function() {
-      // Re-render all of our blocks.
-      for (var i in this.blockViews) {
-        this.blockViews[i].render();
-      }
-      return this;
-    },
-
-    changeState: function(model, value, options) {
-      // Set all of our blocks active as well.
-      this.model.get('regionCollection').each(function (region) {
-        region.get('blockCollection').each(function (block) {
-            block.set({'active': value});
-        });
-      });
-      // Re-render all blocks.
-      this.render();
-    },
-
-    /**
-     * Initializes our blockViews property if HTML is provided to us.
-     *
-     * If anything in our BlockCollection isn't already on screen, this
-     * function will also fetch new HTML from the server and render that.
-     */
-    initBlockViews: function() {
-      this.model.get('regionCollection').each(function (region) {
-        region.get('blockCollection').each(function (block) {
-
-          // If the target element doesn't exist, append an empty one.
-          // The "empty_elem" variable will be later used to trigger a
-          // BlockModel.fetch() call, which will re-render and remove our
-          // placeholder.
-          if (this.$("[data-block-id='" + block.get('uuid') + "']").length == 0) {
-            var empty_elem = $('<div data-block-id="' + block.get('uuid') + '">');
-            this.$('[data-region-name="' + region.get('name') + '"]').append(empty_elem);
-          }
-
-          // Attach a View to this empty element.
-          this.blockViews.push(new Drupal.panels_ipe.BlockView({
-            'model': block,
-            'el': "[data-block-id='" + block.get('uuid') + "']"
-          }));
-
-          // Fetch the block content from the server
-          if (typeof empty_elem != 'undefined') {
-            block.fetch();
-          }
-
-        }, this);
-      }, this);
-    }
-
-  });
-
-}(jQuery, _, Backbone, Drupal));
reverted:
--- b/panels_ipe/js/views/TabsView.js
+++ /dev/null
@@ -1,111 +0,0 @@
-/**
- * @file
- * The primary Backbone view for a tab collection.
- *
- * see Drupal.panels_ipe.TabCollection
- */
-
-(function ($, _, Backbone, Drupal) {
-
-  Drupal.panels_ipe.TabsView = Backbone.View.extend(/** @lends Drupal.panels_ipe.TabsView# */{
-
-    /**
-     * @type {function}
-     */
-    template_tab: _.template('<li class="ipe-tab<% if (active) { %> active<% } %>" data-tab-id="<%= id %>"><a><%= title %></a></li>'),
-
-    /**
-     * @type {function}
-     */
-    template_content: _.template('<div class="ipe-tab-content<% if (active) { %> active<% } %>" data-tab-content-id="<%= id %>"></div>'),
-
-    /**
-     * @type {object}
-     */
-    events: {
-      'click .ipe-tab > a': 'switchTab'
-    },
-
-    /**
-     * @type {Drupal.panels_ipe.TabCollection}
-     */
-    collection: null,
-
-    /**
-     * @type {Object}
-     *
-     * An object mapping tab IDs to Backbone views.
-     */
-    tabViews: {},
-
-    /**
-     * @constructs
-     *
-     * @augments Backbone.TabsView
-     *
-     * @param {object} options
-     *   An object with the following keys:
-     * @param {object} options.tabViews
-     *   An object mapping tab IDs to Backbone views.
-     */
-    initialize: function (options) {
-      this.tabViews = options.tabViews;
-    },
-
-    /**
-     * Renders our tab collection.
-     */
-    render: function() {
-      // Empty our list.
-      this.$el.empty();
-
-      // Setup the initial wrapping elements.
-      this.$el.append('<ul class="ipe-tabs"></ul>');
-      this.$el.append('<div class="ipe-tabs-content"></div>');
-
-      // Append each of our tabs and their tab content view.
-      this.collection.each(function(tab) {
-        // Append the tab.
-        var id = tab.get('id');
-        this.$('.ipe-tabs').append(this.template_tab(tab.toJSON()));
-
-        // Render the tab content.
-        this.$('.ipe-tabs-content').append(this.template_content(tab.toJSON()));
-        // Check to see if this tab has content.
-        if (tab.get('active') && this.tabViews[id]) {
-          this.tabViews[id].setElement('[data-tab-content-id="' + id + '"]').render();
-        }
-      }, this);
-      return this;
-    },
-
-    /**
-     * Switches the current tab.
-     */
-    switchTab: function(e) {
-      e.preventDefault();
-      var id = $(e.currentTarget).parent().data('tab-id');
-
-      // Disable all existing tabs.
-      this.collection.each(function(tab) {
-        // If the user is clicking the same tab twice, close it.
-        if (tab.get('id') == id && tab.get('active') == true) {
-          tab.set('active', false);
-        }
-        // If this is the first click, open the tab.
-        else if (tab.get('id') == id) {
-          tab.set('active', true);
-        }
-        // The tab wasn't clicked, make sure it's closed.
-        else {
-          tab.set('active', false);
-        }
-      });
-
-      // Trigger a re-render.
-      this.render();
-    }
-
-  });
-
-}(jQuery, _, Backbone, Drupal));
reverted:
--- b/panels_ipe/panels_ipe.info.yml
+++ /dev/null
@@ -1,8 +0,0 @@
-name: Panels IPE
-type: module
-description: Panels In-place editor.
-core: 8.x
-package: Panels
-dependencies:
-  - panels
-  - page_manager
\ No newline at end of file
reverted:
--- b/panels_ipe/panels_ipe.libraries.yml
+++ /dev/null
@@ -1,35 +0,0 @@
-panels_ipe:
-  version: VERSION
-  js:
-    # Core.
-    js/panels_ipe.js: {}
-    # Models.
-    js/models/AppModel.js: {}
-    js/models/BlockModel.js: {}
-    js/models/RegionModel.js: {}
-    js/models/TabModel.js: {}
-    js/models/LayoutModel.js: {}
-    # Views.
-    js/views/AppView.js: {}
-    js/views/BlockView.js: {}
-    js/views/LayoutPicker.js: {}
-    js/views/LayoutView.js: {}
-    js/views/TabsView.js: {}
-  css:
-    component:
-      css/panels_ipe.css: {}
-  dependencies:
-    - core/jquery
-    - core/jquery.once
-    - core/jquery.ui
-    - core/jquery.ui.draggable
-    - core/jquery.form
-    - core/underscore
-    - core/backbone
-    - core/drupal
-    - core/drupal.displace
-    - core/drupal.form
-    - core/drupal.ajax
-    - core/drupal.debounce
-    - core/drupalSettings
-    - core/drupal.dialog
reverted:
--- b/panels_ipe/panels_ipe.permissions.yml
+++ /dev/null
@@ -1,2 +0,0 @@
-access panels in-place editing:
-  title: 'Access panels in-place editing'
\ No newline at end of file
reverted:
--- b/panels_ipe/panels_ipe.routing.yml
+++ /dev/null
@@ -1,20 +0,0 @@
-panels_ipe.block:
-  path: '/admin/panels_ipe/variant/{variant_id}/block/{block_id}'
-  defaults:
-      _controller: '\Drupal\panels_ipe\Controller\PanelsIPEPageController::getBlock'
-  requirements:
-    _permission: 'access panels in-place editing'
-
-panels_ipe.layouts:
-  path: '/admin/panels_ipe/variant/{variant_id}/layouts'
-  defaults:
-      _controller: '\Drupal\panels_ipe\Controller\PanelsIPEPageController::getLayouts'
-  requirements:
-    _permission: 'access panels in-place editing'
-
-panels_ipe.layout:
-  path: '/admin/panels_ipe/variant/{variant_id}/layouts/{layout_id}'
-  defaults:
-      _controller: '\Drupal\panels_ipe\Controller\PanelsIPEPageController::getLayout'
-  requirements:
-    _permission: 'access panels in-place editing'
\ No newline at end of file
reverted:
--- b/panels_ipe/src/Controller/PanelsIPEPageController.php
+++ /dev/null
@@ -1,222 +0,0 @@
-<?php
-
-/**
- * @file
- * Contains \Drupal\panels_ipe\Controller\PanelsIPEPageController.
- */
-
-namespace Drupal\panels_ipe\Controller;
-
-use Drupal\Core\Block\BlockManagerInterface;
-use Drupal\Core\Controller\ControllerBase;
-use Drupal\Core\Render\Element;
-use Drupal\layout_plugin\Layout;
-use Drupal\Core\Render\RendererInterface;
-use Drupal\page_manager\Entity\PageVariant;
-use Symfony\Component\DependencyInjection\ContainerInterface;
-use Symfony\Component\HttpKernel\Exception\AccessDeniedHttpException;
-use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
-use Zend\Diactoros\Response\JsonResponse;
-
-/**
- * Contains all JSON endpoints required for Panels IPE + Page Manager.
- */
-class PanelsIPEPageController extends ControllerBase {
-
-  /**
-   * @var \Drupal\Core\Block\BlockManagerInterface
-   */
-  protected $blockManager;
-
-  /**
-   * @var \Drupal\Core\Render\RendererInterface
-   */
-  protected $renderer;
-
-  /**
-   * Constructs a new PanelsIPEController.
-   *
-   * @param \Drupal\Core\Block\BlockManagerInterface $block_manager
-   *   The block manager.
-   * @param \Drupal\Core\Render\RendererInterface $renderer
-   *   The renderer.
-   */
-  public function __construct(BlockManagerInterface $block_manager, RendererInterface $renderer) {
-    $this->blockManager = $block_manager;
-    $this->renderer = $renderer;
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public static function create(ContainerInterface $container) {
-    return new static(
-      $container->get('plugin.manager.block'),
-      $container->get('renderer')
-    );
-  }
-
-  /**
-   * Gets a block's metadata and rendered HTML.
-   *
-   * @param string $variant_id
-   *   The machine name of the current display variant.
-   * @param string $block_id
-   *   The UUID of the requested block.
-   *
-   * @return JsonResponse
-   *
-   * @throws AccessDeniedHttpException|NotFoundHttpException
-   */
-  public function getBlock($variant_id, $block_id) {
-    // Check if the variant exists.
-    /** @var \Drupal\page_manager\PageVariantInterface $variant */
-    if (!$variant = PageVariant::load($variant_id)) {
-      throw new NotFoundHttpException();
-    }
-
-    /** @var \Drupal\panels\Plugin\DisplayVariant\PanelsDisplayVariant $variant_plugin */
-    $variant_plugin = $variant->getVariantPlugin();
-
-    // Check if the block exists.
-    if (!$block = $variant_plugin->getBlock($block_id)) {
-      throw new NotFoundHttpException();
-    }
-
-    // Check entity access before continuing.
-    $user = $this->currentUser();
-    if (!$block->access($user)) {
-      throw new AccessDeniedHttpException();
-    }
-
-    // Assemble a render array for the block.
-    // @todo Support contexts and revisions for all entities.
-    $configuration = $block->getConfiguration();
-    $elements = [
-      '#theme' => 'block',
-      '#attributes' => [
-        'data-block-id' => $block->getConfiguration()['uuid']
-      ],
-      '#configuration' => $configuration,
-      '#plugin_id' => $block->getPluginId(),
-      '#base_plugin_id' => $block->getBaseId(),
-      '#derivative_plugin_id' => $block->getDerivativeId(),
-      'content' => $block->build()
-    ];
-
-    // Return a structured JSON response for our Backbone App.
-    $data = [
-      'html' => $this->renderer->render($elements),
-      'uuid' => $configuration['uuid'],
-      'label' => $block->label(),
-      'id' => $block->getPluginId()
-    ];
-
-    return new JsonResponse($data);
-  }
-
-  /**
-   * Gets a list of available Layouts, without wrapping HTML.
-   *
-   * @param string $variant_id
-   *   The machine name of the current display variant.
-   *
-   * @return JsonResponse
-   *
-   * @throws AccessDeniedHttpException|NotFoundHttpException
-   */
-  public function getLayouts($variant_id) {
-    // Check if the variant exists.
-    /** @var \Drupal\page_manager\PageVariantInterface $variant */
-    if (!$variant = PageVariant::load($variant_id)) {
-      throw new NotFoundHttpException();
-    }
-
-    /** @var \Drupal\panels\Plugin\DisplayVariant\PanelsDisplayVariant $variant_plugin */
-    $variant_plugin = $variant->getVariantPlugin();
-
-    // Get the current layout.
-    $layout = $variant_plugin->getConfiguration()['layout'];
-
-    // Get a list of all available layouts.
-    $layouts = Layout::getLayoutOptions();
-    $data = [];
-    foreach ($layouts as $id => $label) {
-      $data[] = [
-        'id' => $id,
-        'label' => $label,
-        'current' => $layout == $id
-      ];
-    }
-
-    // Return a structured JSON response for our Backbone App.
-    return new JsonResponse($data);
-  }
-
-  /**
-   * Gets a given layout with empty regions and relevant metadata.
-   *
-   * @param string $variant_id
-   *   The machine name of the current display variant.
-   * @param string $layout_id
-   *   The machine name of the requested layout.
-   *
-   * @return JsonResponse
-   *
-   * @throws AccessDeniedHttpException|NotFoundHttpException
-   */
-  public function getLayout($variant_id, $layout_id) {
-    // Check if the variant exists.
-    /** @var \Drupal\page_manager\PageVariantInterface $variant */
-    if (!$variant = PageVariant::load($variant_id)) {
-      throw new NotFoundHttpException();
-    }
-
-    /** @var \Drupal\panels\Plugin\DisplayVariant\PanelsDisplayVariant $variant_plugin */
-    $variant_plugin = $variant->getVariantPlugin();
-
-    // Build the requested layout.
-    $configuration = $variant_plugin->getConfiguration();
-    $configuration['layout'] = $layout_id;
-    $variant_plugin->setConfiguration($configuration);
-    $build = $variant_plugin->build();
-
-    // Remove all blocks from the build.
-    $regions = $variant_plugin->getRegionNames();
-    $region_data = [];
-    foreach ($regions as $id => $label) {
-      // Get all block/random keys.
-      $children = Element::getVisibleChildren($build[$id]);
-      // Unset those keys, retaining the theme variables for the region.
-      $build[$id] = array_diff_key($build[$id], array_flip($children));
-
-      // Format region metadata.
-      $region_data[] = [
-        'name' => $id,
-        'label' => $label
-      ];
-    }
-
-    // Remove the wrapping elements, which our builder adds to every build.
-    unset($build['#suffix']);
-    unset($build['#prefix']);
-
-    // Get the current layout.
-    $current_layout = $variant_plugin->getConfiguration()['layout'];
-
-    // Get a list of all available layouts.
-    $layouts = Layout::getLayoutOptions();
-
-    $data = [
-      'id' => $layout_id,
-      'label' => $layouts[$layout_id],
-      'current' => $current_layout == $layout_id,
-      'html' => $this->renderer->render($build),
-      'regions' => $region_data
-    ];
-
-    // Return a structured JSON response for our Backbone App.
-    return new JsonResponse($data);
-  }
-
-}
reverted:
--- b/panels_ipe/src/Plugin/DisplayBuilder/InPlaceEditorDisplayBuilder.php
+++ /dev/null
@@ -1,118 +0,0 @@
-<?php
-
-/**
- * @file
- * Contains \Drupal\panels_ipe\Plugin\DisplayBuilder\InPlaceEditorDisplayBuilder.
- */
-
-namespace Drupal\panels_ipe\Plugin\DisplayBuilder;
-
-use Drupal\Component\Utility\Html;
-use Drupal\layout_plugin\Plugin\Layout\LayoutInterface;
-use Drupal\panels\Plugin\DisplayBuilder\StandardDisplayBuilder;
-
-/**
- * The In-place editor display builder for viewing and editing a 
- * PanelsDisplayVariant in the same place.
- *
- * @DisplayBuilder(
- *   id = "in_place_editor",
- *   label = @Translation("In-place editor")
- * )
- */
-class InPlaceEditorDisplayBuilder extends StandardDisplayBuilder {
-
-  /**
-   * Compiles settings needed for the IPE to function.
-   *
-   * @param array $regions
-   *   The render array representing regions.
-   *
-   * @return array
-   *   An associative array representing the contents of drupalSettings.
-   */
-  protected function getDrupalSettings(array $regions, array $contexts, LayoutInterface $layout = NULL) {
-    $settings = [
-      'regions' => [],
-    ];
-
-    // Add current block IDs to settings sorted by region.
-    foreach ($regions as $region => $blocks) {
-      $settings['regions'][$region]  = [
-        'name' => $region,
-        'label' => '',
-        'blocks' => []
-      ];
-
-      if (!$blocks) {
-        continue;
-      }
-
-      /** @var \Drupal\Core\Block\BlockPluginInterface[] $blocks */
-      foreach ($blocks as $block_uuid => $block) {
-        $settings['regions'][$region]['blocks'][$block_uuid] = [
-          'uuid' => $block_uuid,
-          'label' => $block->label(),
-          'id' => $block->getPluginId()
-        ];
-      }
-    }
-
-    // Add the layout information.
-    if ($layout) {
-      $layout_definition = $layout->getPluginDefinition();
-      $settings['layout'] = [
-        'id' => $layout->getPluginId(),
-        'label' => $layout_definition['label']
-      ];
-    }
-
-    // Explicitly support Page Manger, as we need to have a reference for where
-    // to save the display.
-    $variant = \Drupal::request()->attributes->get('page_manager_page_variant');
-    if ($variant) {
-      // Add the display variant's config.
-      $settings['display_variant'] = [
-        'label' => $variant->label(),
-        'id' => $variant->id(),
-        'uuid' => $variant->uuid(),
-      ];
-    }
-
-    return ['panels_ipe' => $settings];
-  }
-
-  /**
-   * {@inheritdoc}
-   */
-  public function build(array $regions, array $contexts, LayoutInterface $layout = NULL) {
-    $build = parent::build($regions, $contexts, $layout);
-    // Attach the Panels In-place editor library based on permissions.
-    if ($this->account->hasPermission('access panels in-place editing')) {
-      foreach ($regions as $region => $blocks) {
-        // Wrap each region with a unique class and data attribute.
-        $region_name = Html::getClass("block-region-$region");
-        $build[$region]['#prefix'] = '<div class="' . $region_name . '" data-region-name="' . $region . '">';
-        $build[$region]['#suffix'] = '</div>';
-
-        if ($blocks) {
-          foreach ($blocks as $block_id => $block) {
-            $build[$region][$block_id]['#attributes']['data-block-id'] = $block_id;
-          }
-        }
-      }
-
-      // Attach the required settings and IPE.
-      $build['#attached'] = [
-        'library' => ['panels_ipe/panels_ipe'],
-        'drupalSettings' => $this->getDrupalSettings($regions, $contexts, $layout)
-      ];
-
-      // Add our custom elements to the build.
-      $build['#prefix'] = '<div id="panels-ipe-content">';
-      $build['#suffix'] = '</div><div id="panels-ipe-tray"></div>';
-    }
-    return $build;
-  }
-
-}