Restructure component and container directories

126 files changed, 242 insertions, 245 deletions

diff --git a/src/components/map/LoadingScreen.js b/src/components/app/map/LoadingScreen.js
index 3d5753e2..3d5753e2 100644
--- a/src/components/map/LoadingScreen.js
+++ b/src/components/app/map/LoadingScreen.js
diff --git a/src/components/map/MapConstants.js b/src/components/app/map/MapConstants.js
index a0166d15..a0166d15 100644
--- a/src/components/map/MapConstants.js
+++ b/src/components/app/map/MapConstants.js
diff --git a/src/components/map/MapStageComponent.js b/src/components/app/map/MapStageComponent.js
index d3c75da0..271ae64f 100644
--- a/src/components/map/MapStageComponent.js
+++ b/src/components/app/map/MapStageComponent.js
@@ -1,11 +1,11 @@
 import React from "react";
 import {Stage} from "react-konva";
 import {Shortcuts} from "react-shortcuts";
-import MapLayer from "../../containers/map/layers/MapLayer";
-import ObjectHoverLayer from "../../containers/map/layers/ObjectHoverLayer";
-import RoomHoverLayer from "../../containers/map/layers/RoomHoverLayer";
-import jQuery from "../../util/jquery";
-import {NAVBAR_HEIGHT} from "../navigation/Navbar";
+import MapLayer from "../../../containers/app/map/layers/MapLayer";
+import ObjectHoverLayer from "../../../containers/app/map/layers/ObjectHoverLayer";
+import RoomHoverLayer from "../../../containers/app/map/layers/RoomHoverLayer";
+import jQuery from "../../../util/jquery";
+import {NAVBAR_HEIGHT} from "../../navigation/Navbar";
 import {
     MAP_MAX_SCALE,
     MAP_MIN_SCALE,
diff --git a/src/components/map/controls/ExportCanvasComponent.js b/src/components/app/map/controls/ExportCanvasComponent.js
index 2f044ffe..2f044ffe 100644
--- a/src/components/map/controls/ExportCanvasComponent.js
+++ b/src/components/app/map/controls/ExportCanvasComponent.js
diff --git a/src/components/map/controls/ScaleIndicatorComponent.js b/src/components/app/map/controls/ScaleIndicatorComponent.js
index fd9483b5..fd9483b5 100644
--- a/src/components/map/controls/ScaleIndicatorComponent.js
+++ b/src/components/app/map/controls/ScaleIndicatorComponent.js
diff --git a/src/components/map/controls/ScaleIndicatorComponent.sass b/src/components/app/map/controls/ScaleIndicatorComponent.sass
index f2d2b55b..f2d2b55b 100644
--- a/src/components/map/controls/ScaleIndicatorComponent.sass
+++ b/src/components/app/map/controls/ScaleIndicatorComponent.sass
diff --git a/src/components/map/controls/ToolPanelComponent.js b/src/components/app/map/controls/ToolPanelComponent.js
index 19e9f0d9..a065358a 100644
--- a/src/components/map/controls/ToolPanelComponent.js
+++ b/src/components/app/map/controls/ToolPanelComponent.js
@@ -1,5 +1,5 @@
 import React from "react";
-import ZoomControlContainer from "../../../containers/map/controls/ZoomControlContainer";
+import ZoomControlContainer from "../../../../containers/app/map/controls/ZoomControlContainer";
 import ExportCanvasComponent from "./ExportCanvasComponent";
 import "./ToolPanelComponent.css";
 
diff --git a/src/components/map/controls/ToolPanelComponent.sass b/src/components/app/map/controls/ToolPanelComponent.sass
index 996712b3..996712b3 100644
--- a/src/components/map/controls/ToolPanelComponent.sass
+++ b/src/components/app/map/controls/ToolPanelComponent.sass
diff --git a/src/components/map/controls/ZoomControlComponent.js b/src/components/app/map/controls/ZoomControlComponent.js
index c5628d16..c5628d16 100644
--- a/src/components/map/controls/ZoomControlComponent.js
+++ b/src/components/app/map/controls/ZoomControlComponent.js
diff --git a/src/components/map/elements/Backdrop.js b/src/components/app/map/elements/Backdrop.js
index 5022f747..9c01df63 100644
--- a/src/components/map/elements/Backdrop.js
+++ b/src/components/app/map/elements/Backdrop.js
@@ -1,6 +1,6 @@
 import React from "react";
 import {Rect} from "react-konva";
-import {BACKDROP_COLOR} from "../../../util/colors";
+import {BACKDROP_COLOR} from "../../../../util/colors";
 import {MAP_SIZE_IN_PIXELS} from "../MapConstants";
 
 const Backdrop = () => (
diff --git a/src/components/map/elements/GrayLayer.js b/src/components/app/map/elements/GrayLayer.js
index 0cd91df8..c5994d06 100644
--- a/src/components/map/elements/GrayLayer.js
+++ b/src/components/app/map/elements/GrayLayer.js
@@ -1,6 +1,6 @@
 import React from "react";
 import {Rect} from "react-konva";
-import {GRAYED_OUT_AREA_COLOR} from "../../../util/colors";
+import {GRAYED_OUT_AREA_COLOR} from "../../../../util/colors";
 import {MAP_SIZE_IN_PIXELS} from "../MapConstants";
 
 const GrayLayer = ({onClick}) => (
diff --git a/src/components/map/elements/HoverTile.js b/src/components/app/map/elements/HoverTile.js
index b967f2f9..fc12cbdd 100644
--- a/src/components/map/elements/HoverTile.js
+++ b/src/components/app/map/elements/HoverTile.js
@@ -1,7 +1,7 @@
 import PropTypes from "prop-types";
 import React from "react";
 import {Rect} from "react-konva";
-import {ROOM_HOVER_INVALID_COLOR, ROOM_HOVER_VALID_COLOR} from "../../../util/colors";
+import {ROOM_HOVER_INVALID_COLOR, ROOM_HOVER_VALID_COLOR} from "../../../../util/colors";
 import {TILE_SIZE_IN_PIXELS} from "../MapConstants";
 
 const HoverTile = ({pixelX, pixelY, isValid, scale, onClick}) => (
diff --git a/src/components/map/elements/ImageComponent.js b/src/components/app/map/elements/ImageComponent.js
index 486296ea..486296ea 100644
--- a/src/components/map/elements/ImageComponent.js
+++ b/src/components/app/map/elements/ImageComponent.js
diff --git a/src/components/map/elements/RackFillBar.js b/src/components/app/map/elements/RackFillBar.js
index 5b36d442..3a8a1137 100644
--- a/src/components/map/elements/RackFillBar.js
+++ b/src/components/app/map/elements/RackFillBar.js
@@ -6,7 +6,7 @@ import {
     RACK_ENERGY_BAR_FILL_COLOR,
     RACK_SPACE_BAR_BACKGROUND_COLOR,
     RACK_SPACE_BAR_FILL_COLOR
-} from "../../../util/colors";
+} from "../../../../util/colors";
 import {
     OBJECT_BORDER_WIDTH_IN_PIXELS,
     OBJECT_MARGIN_IN_PIXELS,
diff --git a/src/components/map/elements/RoomTile.js b/src/components/app/map/elements/RoomTile.js
index 87dd2f03..11948a7a 100644
--- a/src/components/map/elements/RoomTile.js
+++ b/src/components/app/map/elements/RoomTile.js
@@ -1,6 +1,6 @@
 import React from "react";
 import {Rect} from "react-konva";
-import Shapes from "../../../shapes/index";
+import Shapes from "../../../../shapes/index";
 import {TILE_SIZE_IN_PIXELS} from "../MapConstants";
 
 const RoomTile = ({tile, color}) => (
diff --git a/src/components/map/elements/TileObject.js b/src/components/app/map/elements/TileObject.js
index 252fcfc2..73bfddba 100644
--- a/src/components/map/elements/TileObject.js
+++ b/src/components/app/map/elements/TileObject.js
@@ -1,7 +1,7 @@
 import PropTypes from "prop-types";
 import React from "react";
 import {Rect} from "react-konva";
-import {OBJECT_BORDER_COLOR} from "../../../util/colors";
+import {OBJECT_BORDER_COLOR} from "../../../../util/colors";
 import {OBJECT_BORDER_WIDTH_IN_PIXELS, OBJECT_MARGIN_IN_PIXELS, TILE_SIZE_IN_PIXELS} from "../MapConstants";
 
 const TileObject = ({positionX, positionY, color}) => (
diff --git a/src/components/map/elements/TilePlusIcon.js b/src/components/app/map/elements/TilePlusIcon.js
index 3283c3cd..b96bf0f5 100644
--- a/src/components/map/elements/TilePlusIcon.js
+++ b/src/components/app/map/elements/TilePlusIcon.js
@@ -1,7 +1,7 @@
 import PropTypes from "prop-types";
 import React from "react";
 import {Group, Line} from "react-konva";
-import {TILE_PLUS_COLOR} from "../../../util/colors";
+import {TILE_PLUS_COLOR} from "../../../../util/colors";
 import {TILE_PLUS_MARGIN_IN_PIXELS, TILE_PLUS_WIDTH_IN_PIXELS, TILE_SIZE_IN_PIXELS} from "../MapConstants";
 
 const TilePlusIcon = ({pixelX, pixelY, mapScale}) => {
diff --git a/src/components/map/elements/WallSegment.js b/src/components/app/map/elements/WallSegment.js
index b029579b..14efd3fc 100644
--- a/src/components/map/elements/WallSegment.js
+++ b/src/components/app/map/elements/WallSegment.js
@@ -1,7 +1,7 @@
 import React from "react";
 import {Line} from "react-konva";
-import Shapes from "../../../shapes/index";
-import {WALL_COLOR} from "../../../util/colors";
+import Shapes from "../../../../shapes/index";
+import {WALL_COLOR} from "../../../../util/colors";
 import {TILE_SIZE_IN_PIXELS, WALL_WIDTH_IN_PIXELS} from "../MapConstants";
 
 const WallSegment = ({wallSegment}) => {
diff --git a/src/components/map/groups/DatacenterGroup.js b/src/components/app/map/groups/DatacenterGroup.js
index 0830ac4e..1c978360 100644
--- a/src/components/map/groups/DatacenterGroup.js
+++ b/src/components/app/map/groups/DatacenterGroup.js
@@ -1,8 +1,8 @@
 import React from "react";
 import {Group} from "react-konva";
-import GrayContainer from "../../../containers/map/GrayContainer";
-import RoomContainer from "../../../containers/map/RoomContainer";
-import Shapes from "../../../shapes/index";
+import GrayContainer from "../../../../containers/app/map/GrayContainer";
+import RoomContainer from "../../../../containers/app/map/RoomContainer";
+import Shapes from "../../../../shapes/index";
 
 const DatacenterGroup = ({datacenter, interactionLevel}) => {
     if (!datacenter) {
diff --git a/src/components/map/groups/GridGroup.js b/src/components/app/map/groups/GridGroup.js
index bd2a78c3..b3c6e1d5 100644
--- a/src/components/map/groups/GridGroup.js
+++ b/src/components/app/map/groups/GridGroup.js
@@ -1,6 +1,6 @@
 import React from "react";
 import {Group, Line} from "react-konva";
-import {GRID_COLOR} from "../../../util/colors";
+import {GRID_COLOR} from "../../../../util/colors";
 import {GRID_LINE_WIDTH_IN_PIXELS, MAP_SIZE, MAP_SIZE_IN_PIXELS, TILE_SIZE_IN_PIXELS} from "../MapConstants";
 
 const MAP_COORDINATE_ENTRIES = Array.from(new Array(MAP_SIZE), (x, i) => i);
diff --git a/src/components/map/groups/RackGroup.js b/src/components/app/map/groups/RackGroup.js
index 7bf8855e..233d0c20 100644
--- a/src/components/map/groups/RackGroup.js
+++ b/src/components/app/map/groups/RackGroup.js
@@ -1,10 +1,10 @@
 import React from "react";
 import {Group} from "react-konva";
-import RackEnergyFillContainer from "../../../containers/map/RackEnergyFillContainer";
-import RackSpaceFillContainer from "../../../containers/map/RackSpaceFillContainer";
-import Shapes from "../../../shapes/index";
-import {RACK_BACKGROUND_COLOR} from "../../../util/colors";
-import {convertLoadToSimulationColor} from "../../../util/simulation-load";
+import RackEnergyFillContainer from "../../../../containers/app/map/RackEnergyFillContainer";
+import RackSpaceFillContainer from "../../../../containers/app/map/RackSpaceFillContainer";
+import Shapes from "../../../../shapes/index";
+import {RACK_BACKGROUND_COLOR} from "../../../../util/colors";
+import {convertLoadToSimulationColor} from "../../../../util/simulation-load";
 import TileObject from "../elements/TileObject";
 
 const RackGroup = ({tile, inSimulation, rackLoad}) => {
diff --git a/src/components/map/groups/RoomGroup.js b/src/components/app/map/groups/RoomGroup.js
index 7c8392aa..18a6bd84 100644
--- a/src/components/map/groups/RoomGroup.js
+++ b/src/components/app/map/groups/RoomGroup.js
@@ -1,9 +1,9 @@
 import React from "react";
 import {Group} from "react-konva";
-import GrayContainer from "../../../containers/map/GrayContainer";
-import TileContainer from "../../../containers/map/TileContainer";
-import WallContainer from "../../../containers/map/WallContainer";
-import Shapes from "../../../shapes/index";
+import GrayContainer from "../../../../containers/app/map/GrayContainer";
+import TileContainer from "../../../../containers/app/map/TileContainer";
+import WallContainer from "../../../../containers/app/map/WallContainer";
+import Shapes from "../../../../shapes/index";
 
 const RoomGroup = ({room, interactionLevel, currentRoomInConstruction, onClick}) => {
     if (currentRoomInConstruction === room.id) {
diff --git a/src/components/map/groups/TileGroup.js b/src/components/app/map/groups/TileGroup.js
index b88867b3..c41e78a4 100644
--- a/src/components/map/groups/TileGroup.js
+++ b/src/components/app/map/groups/TileGroup.js
@@ -1,10 +1,10 @@
 import PropTypes from "prop-types";
 import React from "react";
 import {Group} from "react-konva";
-import RackContainer from "../../../containers/map/RackContainer";
-import Shapes from "../../../shapes/index";
-import {ROOM_DEFAULT_COLOR, ROOM_IN_CONSTRUCTION_COLOR} from "../../../util/colors";
-import {convertLoadToSimulationColor} from "../../../util/simulation-load";
+import RackContainer from "../../../../containers/app/map/RackContainer";
+import Shapes from "../../../../shapes/index";
+import {ROOM_DEFAULT_COLOR, ROOM_IN_CONSTRUCTION_COLOR} from "../../../../util/colors";
+import {convertLoadToSimulationColor} from "../../../../util/simulation-load";
 import RoomTile from "../elements/RoomTile";
 
 const TileGroup = ({tile, newTile, inSimulation, roomLoad, onClick}) => {
diff --git a/src/components/map/groups/WallGroup.js b/src/components/app/map/groups/WallGroup.js
index f21d91a5..6de22523 100644
--- a/src/components/map/groups/WallGroup.js
+++ b/src/components/app/map/groups/WallGroup.js
@@ -1,8 +1,8 @@
 import PropTypes from "prop-types";
 import React from "react";
 import {Group} from "react-konva";
-import Shapes from "../../../shapes/index";
-import {deriveWallLocations} from "../../../util/tile-calculations";
+import Shapes from "../../../../shapes/index";
+import {deriveWallLocations} from "../../../../util/tile-calculations";
 import WallSegment from "../elements/WallSegment";
 
 const WallGroup = ({tiles}) => {
diff --git a/src/components/map/layers/HoverLayerComponent.js b/src/components/app/map/layers/HoverLayerComponent.js
index aa2e8313..aa2e8313 100644
--- a/src/components/map/layers/HoverLayerComponent.js
+++ b/src/components/app/map/layers/HoverLayerComponent.js
diff --git a/src/components/map/layers/MapLayerComponent.js b/src/components/app/map/layers/MapLayerComponent.js
index 3476bbc9..c969249c 100644
--- a/src/components/map/layers/MapLayerComponent.js
+++ b/src/components/app/map/layers/MapLayerComponent.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {Group, Layer} from "react-konva";
-import DatacenterContainer from "../../../containers/map/DatacenterContainer";
+import DatacenterContainer from "../../../../containers/app/map/DatacenterContainer";
 import Backdrop from "../elements/Backdrop";
 import GridGroup from "../groups/GridGroup";
 
diff --git a/src/components/map/layers/ObjectHoverLayerComponent.js b/src/components/app/map/layers/ObjectHoverLayerComponent.js
index aa79f8c3..aa79f8c3 100644
--- a/src/components/map/layers/ObjectHoverLayerComponent.js
+++ b/src/components/app/map/layers/ObjectHoverLayerComponent.js
diff --git a/src/components/map/layers/RoomHoverLayerComponent.js b/src/components/app/map/layers/RoomHoverLayerComponent.js
index 2133c8d8..2133c8d8 100644
--- a/src/components/map/layers/RoomHoverLayerComponent.js
+++ b/src/components/app/map/layers/RoomHoverLayerComponent.js
diff --git a/src/components/sidebars/Sidebar.js b/src/components/app/sidebars/Sidebar.js
index 00e3607a..00e3607a 100644
--- a/src/components/sidebars/Sidebar.js
+++ b/src/components/app/sidebars/Sidebar.js
diff --git a/src/components/sidebars/Sidebar.sass b/src/components/app/sidebars/Sidebar.sass
index b987ef07..4d0e5f1e 100644
--- a/src/components/sidebars/Sidebar.sass
+++ b/src/components/app/sidebars/Sidebar.sass
@@ -1,5 +1,5 @@
-@import ../../style-globals/_variables.sass
-@import ../../style-globals/_mixins.sass
+@import ../../../style-globals/_variables.sass
+@import ../../../style-globals/_mixins.sass
 
 .sidebar-collapse-button
   position: absolute
diff --git a/src/components/sidebars/elements/LoadBarComponent.js b/src/components/app/sidebars/elements/LoadBarComponent.js
index 65f94b3d..65f94b3d 100644
--- a/src/components/sidebars/elements/LoadBarComponent.js
+++ b/src/components/app/sidebars/elements/LoadBarComponent.js
diff --git a/src/components/sidebars/elements/LoadChartComponent.js b/src/components/app/sidebars/elements/LoadChartComponent.js
index a4e14a24..19d58f77 100644
--- a/src/components/sidebars/elements/LoadChartComponent.js
+++ b/src/components/app/sidebars/elements/LoadChartComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
 import {VictoryAxis, VictoryChart, VictoryLine, VictoryScatter} from "victory";
-import {convertSecondsToFormattedTime} from "../../../util/date-time";
+import {convertSecondsToFormattedTime} from "../../../../util/date-time";
 
 const LoadChartComponent = ({data, currentTick}) => (
     <div className="mt-1">
diff --git a/src/components/sidebars/simulation/ExperimentMetadataComponent.js b/src/components/app/sidebars/simulation/ExperimentMetadataComponent.js
index 3649045b..3649045b 100644
--- a/src/components/sidebars/simulation/ExperimentMetadataComponent.js
+++ b/src/components/app/sidebars/simulation/ExperimentMetadataComponent.js
diff --git a/src/components/sidebars/simulation/LoadMetricComponent.js b/src/components/app/sidebars/simulation/LoadMetricComponent.js
index d9a1ed71..e72e6b67 100644
--- a/src/components/sidebars/simulation/LoadMetricComponent.js
+++ b/src/components/app/sidebars/simulation/LoadMetricComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
-import {SIM_HIGH_COLOR, SIM_LOW_COLOR, SIM_MID_HIGH_COLOR, SIM_MID_LOW_COLOR} from "../../../util/colors";
-import {LOAD_NAME_MAP} from "../../../util/simulation-load";
+import {SIM_HIGH_COLOR, SIM_LOW_COLOR, SIM_MID_HIGH_COLOR, SIM_MID_LOW_COLOR} from "../../../../util/colors";
+import {LOAD_NAME_MAP} from "../../../../util/simulation-load";
 
 const LoadMetricComponent = ({loadMetric}) => (
     <div>
diff --git a/src/components/sidebars/simulation/SimulationSidebarComponent.js b/src/components/app/sidebars/simulation/SimulationSidebarComponent.js
index 5cb83c2c..92651dfc 100644
--- a/src/components/sidebars/simulation/SimulationSidebarComponent.js
+++ b/src/components/app/sidebars/simulation/SimulationSidebarComponent.js
@@ -1,7 +1,7 @@
 import React from "react";
-import ExperimentMetadataContainer from "../../../containers/sidebars/simulation/ExperimentMetadataContainer";
-import LoadMetricContainer from "../../../containers/sidebars/simulation/LoadMetricContainer";
-import TraceContainer from "../../../containers/sidebars/simulation/TraceContainer";
+import ExperimentMetadataContainer from "../../../../containers/app/sidebars/simulation/ExperimentMetadataContainer";
+import LoadMetricContainer from "../../../../containers/app/sidebars/simulation/LoadMetricContainer";
+import TraceContainer from "../../../../containers/app/sidebars/simulation/TraceContainer";
 import Sidebar from "../Sidebar";
 import "./SimulationSidebarComponent.css";
 
diff --git a/src/components/sidebars/simulation/SimulationSidebarComponent.sass b/src/components/app/sidebars/simulation/SimulationSidebarComponent.sass
index 82af97fa..82af97fa 100644
--- a/src/components/sidebars/simulation/SimulationSidebarComponent.sass
+++ b/src/components/app/sidebars/simulation/SimulationSidebarComponent.sass
diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/app/sidebars/simulation/TaskComponent.js
index 03b6a279..f7f65817 100644
--- a/src/components/sidebars/simulation/TaskComponent.js
+++ b/src/components/app/sidebars/simulation/TaskComponent.js
@@ -1,6 +1,6 @@
 import approx from "approximate-number";
 import React from "react";
-import {convertSecondsToFormattedTime} from "../../../util/date-time";
+import {convertSecondsToFormattedTime} from "../../../../util/date-time";
 
 const TaskComponent = ({task, flopsLeft}) => {
     let stateInfo;
diff --git a/src/components/sidebars/simulation/TraceComponent.js b/src/components/app/sidebars/simulation/TraceComponent.js
index ffb470ba..b43a8cea 100644
--- a/src/components/sidebars/simulation/TraceComponent.js
+++ b/src/components/app/sidebars/simulation/TraceComponent.js
@@ -1,5 +1,5 @@
 import React from "react";
-import TaskContainer from "../../../containers/sidebars/simulation/TaskContainer";
+import TaskContainer from "../../../../containers/app/sidebars/simulation/TaskContainer";
 
 const TraceComponent = ({jobs}) => (
     <div>
diff --git a/src/components/sidebars/topology/NameComponent.js b/src/components/app/sidebars/topology/NameComponent.js
index d663f4ae..d663f4ae 100644
--- a/src/components/sidebars/topology/NameComponent.js
+++ b/src/components/app/sidebars/topology/NameComponent.js
diff --git a/src/components/sidebars/topology/TopologySidebarComponent.js b/src/components/app/sidebars/topology/TopologySidebarComponent.js
index b61c7e3c..ff4260a9 100644
--- a/src/components/sidebars/topology/TopologySidebarComponent.js
+++ b/src/components/app/sidebars/topology/TopologySidebarComponent.js
@@ -1,8 +1,8 @@
 import React from "react";
-import BuildingSidebarContainer from "../../../containers/sidebars/topology/building/BuildingSidebarContainer";
-import MachineSidebarContainer from "../../../containers/sidebars/topology/machine/MachineSidebarContainer";
-import RackSidebarContainer from "../../../containers/sidebars/topology/rack/RackSidebarContainer";
-import RoomSidebarContainer from "../../../containers/sidebars/topology/room/RoomSidebarContainer";
+import BuildingSidebarContainer from "../../../../containers/app/sidebars/topology/building/BuildingSidebarContainer";
+import MachineSidebarContainer from "../../../../containers/app/sidebars/topology/machine/MachineSidebarContainer";
+import RackSidebarContainer from "../../../../containers/app/sidebars/topology/rack/RackSidebarContainer";
+import RoomSidebarContainer from "../../../../containers/app/sidebars/topology/room/RoomSidebarContainer";
 import Sidebar from "../Sidebar";
 
 const TopologySidebarComponent = ({interactionLevel}) => {
diff --git a/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js b/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js
new file mode 100644
index 00000000..2bf81a48
--- /dev/null
+++ b/src/components/app/sidebars/topology/building/BuildingSidebarComponent.js
@@ -0,0 +1,19 @@
+import React from "react";
+import NewRoomConstructionContainer from "../../../../../containers/app/sidebars/topology/building/NewRoomConstructionContainer";
+
+const BuildingSidebarComponent = ({inSimulation}) => {
+    return (
+        <div>
+            <h2>Building</h2>
+            {inSimulation ?
+                <div className="alert alert-info">
+                    <span className="fa fa-info-circle mr-2"/>
+                    <strong>Click on individual rooms</strong> to see their stats!
+                </div> :
+                <NewRoomConstructionContainer/>
+            }
+        </div>
+    );
+};
+
+export default BuildingSidebarComponent;
diff --git a/src/components/sidebars/topology/building/NewRoomConstructionComponent.js b/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js
index d89b0ac0..d89b0ac0 100644
--- a/src/components/sidebars/topology/building/NewRoomConstructionComponent.js
+++ b/src/components/app/sidebars/topology/building/NewRoomConstructionComponent.js
diff --git a/src/components/sidebars/topology/machine/BackToRackComponent.js b/src/components/app/sidebars/topology/machine/BackToRackComponent.js
index 19e33904..19e33904 100644
--- a/src/components/sidebars/topology/machine/BackToRackComponent.js
+++ b/src/components/app/sidebars/topology/machine/BackToRackComponent.js
diff --git a/src/components/app/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/app/sidebars/topology/machine/DeleteMachineComponent.js
new file mode 100644
index 00000000..7ba08352
--- /dev/null
+++ b/src/components/app/sidebars/topology/machine/DeleteMachineComponent.js
@@ -0,0 +1,10 @@
+import React from "react";
+
+const DeleteMachineComponent = ({onClick}) => (
+    <div className="btn btn-danger btn-block" onClick={onClick}>
+        <span className="fa fa-trash mr-2"/>
+        Delete this machine
+    </div>
+);
+
+export default DeleteMachineComponent;
diff --git a/src/components/sidebars/topology/machine/MachineNameComponent.js b/src/components/app/sidebars/topology/machine/MachineNameComponent.js
index 321e350d..321e350d 100644
--- a/src/components/sidebars/topology/machine/MachineNameComponent.js
+++ b/src/components/app/sidebars/topology/machine/MachineNameComponent.js
diff --git a/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js
new file mode 100644
index 00000000..cf4db80e
--- /dev/null
+++ b/src/components/app/sidebars/topology/machine/MachineSidebarComponent.js
@@ -0,0 +1,26 @@
+import React from "react";
+import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
+import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
+import BackToRackContainer from "../../../../../containers/app/sidebars/topology/machine/BackToRackContainer";
+import DeleteMachineContainer from "../../../../../containers/app/sidebars/topology/machine/DeleteMachineContainer";
+import MachineNameContainer from "../../../../../containers/app/sidebars/topology/machine/MachineNameContainer";
+import UnitTabsContainer from "../../../../../containers/app/sidebars/topology/machine/UnitTabsContainer";
+
+const MachineSidebarComponent = ({inSimulation, machineId}) => {
+    return (
+        <div>
+            <MachineNameContainer/>
+            <BackToRackContainer/>
+            {inSimulation ?
+                <div>
+                    <LoadBarContainer objectType="machine" objectId={machineId}/>
+                    <LoadChartContainer objectType="machine" objectId={machineId}/>
+                </div> :
+                <DeleteMachineContainer/>
+            }
+            <UnitTabsContainer/>
+        </div>
+    );
+};
+
+export default MachineSidebarComponent;
diff --git a/src/components/sidebars/topology/machine/UnitAddComponent.js b/src/components/app/sidebars/topology/machine/UnitAddComponent.js
index f16700df..f16700df 100644
--- a/src/components/sidebars/topology/machine/UnitAddComponent.js
+++ b/src/components/app/sidebars/topology/machine/UnitAddComponent.js
diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/app/sidebars/topology/machine/UnitComponent.js
index c734f508..c734f508 100644
--- a/src/components/sidebars/topology/machine/UnitComponent.js
+++ b/src/components/app/sidebars/topology/machine/UnitComponent.js
diff --git a/src/components/sidebars/topology/machine/UnitListComponent.js b/src/components/app/sidebars/topology/machine/UnitListComponent.js
index 307edc0a..683f6023 100644
--- a/src/components/sidebars/topology/machine/UnitListComponent.js
+++ b/src/components/app/sidebars/topology/machine/UnitListComponent.js
@@ -1,5 +1,5 @@
 import React from "react";
-import UnitContainer from "../../../../containers/sidebars/topology/machine/UnitContainer";
+import UnitContainer from "../../../../../containers/app/sidebars/topology/machine/UnitContainer";
 
 const UnitListComponent = ({unitType, unitIds, inSimulation}) => (
     <ul className="list-group mt-1">
diff --git a/src/components/sidebars/topology/machine/UnitTabsComponent.js b/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
index a7692ecf..2113d6d8 100644
--- a/src/components/sidebars/topology/machine/UnitTabsComponent.js
+++ b/src/components/app/sidebars/topology/machine/UnitTabsComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
-import UnitAddContainer from "../../../../containers/sidebars/topology/machine/UnitAddContainer";
-import UnitListContainer from "../../../../containers/sidebars/topology/machine/UnitListContainer";
+import UnitAddContainer from "../../../../../containers/app/sidebars/topology/machine/UnitAddContainer";
+import UnitListContainer from "../../../../../containers/app/sidebars/topology/machine/UnitListContainer";
 
 const UnitTabsComponent = ({inSimulation}) => (
     <div>
diff --git a/src/components/sidebars/topology/rack/BackToRoomComponent.js b/src/components/app/sidebars/topology/rack/BackToRoomComponent.js
index 267001c6..267001c6 100644
--- a/src/components/sidebars/topology/rack/BackToRoomComponent.js
+++ b/src/components/app/sidebars/topology/rack/BackToRoomComponent.js
diff --git a/src/components/app/sidebars/topology/rack/DeleteRackComponent.js b/src/components/app/sidebars/topology/rack/DeleteRackComponent.js
new file mode 100644
index 00000000..b268bd72
--- /dev/null
+++ b/src/components/app/sidebars/topology/rack/DeleteRackComponent.js
@@ -0,0 +1,10 @@
+import React from "react";
+
+const DeleteRackComponent = ({onClick}) => (
+    <div className="btn btn-danger btn-block" onClick={onClick}>
+        <span className="fa fa-trash mr-2"/>
+        Delete this rack
+    </div>
+);
+
+export default DeleteRackComponent;
diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/app/sidebars/topology/rack/EmptySlotComponent.js
index 08665072..08665072 100644
--- a/src/components/sidebars/topology/rack/EmptySlotComponent.js
+++ b/src/components/app/sidebars/topology/rack/EmptySlotComponent.js
diff --git a/src/components/sidebars/topology/rack/MachineComponent.js b/src/components/app/sidebars/topology/rack/MachineComponent.js
index c9211115..545bb916 100644
--- a/src/components/sidebars/topology/rack/MachineComponent.js
+++ b/src/components/app/sidebars/topology/rack/MachineComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
-import Shapes from "../../../../shapes";
-import {convertLoadToSimulationColor} from "../../../../util/simulation-load";
+import Shapes from "../../../../../shapes";
+import {convertLoadToSimulationColor} from "../../../../../util/simulation-load";
 
 const UnitIcon = ({id, type}) => (
     <div>
diff --git a/src/components/sidebars/topology/rack/MachineListComponent.js b/src/components/app/sidebars/topology/rack/MachineListComponent.js
index 41522e36..fcb90d66 100644
--- a/src/components/sidebars/topology/rack/MachineListComponent.js
+++ b/src/components/app/sidebars/topology/rack/MachineListComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
-import EmptySlotContainer from "../../../../containers/sidebars/topology/rack/EmptySlotContainer";
-import MachineContainer from "../../../../containers/sidebars/topology/rack/MachineContainer";
+import EmptySlotContainer from "../../../../../containers/app/sidebars/topology/rack/EmptySlotContainer";
+import MachineContainer from "../../../../../containers/app/sidebars/topology/rack/MachineContainer";
 import "./MachineListComponent.css";
 
 const MachineListComponent = ({machineIds}) => {
diff --git a/src/components/sidebars/topology/rack/MachineListComponent.sass b/src/components/app/sidebars/topology/rack/MachineListComponent.sass
index bbcfe696..bbcfe696 100644
--- a/src/components/sidebars/topology/rack/MachineListComponent.sass
+++ b/src/components/app/sidebars/topology/rack/MachineListComponent.sass
diff --git a/src/components/sidebars/topology/rack/RackNameComponent.js b/src/components/app/sidebars/topology/rack/RackNameComponent.js
index ee8d194b..ee8d194b 100644
--- a/src/components/sidebars/topology/rack/RackNameComponent.js
+++ b/src/components/app/sidebars/topology/rack/RackNameComponent.js
diff --git a/src/components/sidebars/topology/rack/RackSidebarComponent.js b/src/components/app/sidebars/topology/rack/RackSidebarComponent.js
index 6a36972f..f563a52f 100644
--- a/src/components/sidebars/topology/rack/RackSidebarComponent.js
+++ b/src/components/app/sidebars/topology/rack/RackSidebarComponent.js
@@ -1,10 +1,10 @@
 import React from "react";
-import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
-import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
-import BackToRoomContainer from "../../../../containers/sidebars/topology/rack/BackToRoomContainer";
-import DeleteRackContainer from "../../../../containers/sidebars/topology/rack/DeleteRackContainer";
-import MachineListContainer from "../../../../containers/sidebars/topology/rack/MachineListContainer";
-import RackNameContainer from "../../../../containers/sidebars/topology/rack/RackNameContainer";
+import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
+import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
+import BackToRoomContainer from "../../../../../containers/app/sidebars/topology/rack/BackToRoomContainer";
+import DeleteRackContainer from "../../../../../containers/app/sidebars/topology/rack/DeleteRackContainer";
+import MachineListContainer from "../../../../../containers/app/sidebars/topology/rack/MachineListContainer";
+import RackNameContainer from "../../../../../containers/app/sidebars/topology/rack/RackNameContainer";
 import "./RackSidebarComponent.css";
 
 const RackSidebarComponent = ({inSimulation, rackId}) => {
diff --git a/src/components/sidebars/topology/rack/RackSidebarComponent.sass b/src/components/app/sidebars/topology/rack/RackSidebarComponent.sass
index 822804bc..822804bc 100644
--- a/src/components/sidebars/topology/rack/RackSidebarComponent.sass
+++ b/src/components/app/sidebars/topology/rack/RackSidebarComponent.sass
diff --git a/src/components/sidebars/topology/room/BackToBuildingComponent.js b/src/components/app/sidebars/topology/room/BackToBuildingComponent.js
index 81384ba5..81384ba5 100644
--- a/src/components/sidebars/topology/room/BackToBuildingComponent.js
+++ b/src/components/app/sidebars/topology/room/BackToBuildingComponent.js
diff --git a/src/components/app/sidebars/topology/room/DeleteRoomComponent.js b/src/components/app/sidebars/topology/room/DeleteRoomComponent.js
new file mode 100644
index 00000000..3f41eac0
--- /dev/null
+++ b/src/components/app/sidebars/topology/room/DeleteRoomComponent.js
@@ -0,0 +1,10 @@
+import React from "react";
+
+const DeleteRoomComponent = ({onClick}) => (
+    <div className="btn btn-danger btn-block" onClick={onClick}>
+        <span className="fa fa-trash mr-2"/>
+        Delete this room
+    </div>
+);
+
+export default DeleteRoomComponent;
diff --git a/src/components/sidebars/topology/room/RackConstructionComponent.js b/src/components/app/sidebars/topology/room/RackConstructionComponent.js
index 9bfe28ce..9bfe28ce 100644
--- a/src/components/sidebars/topology/room/RackConstructionComponent.js
+++ b/src/components/app/sidebars/topology/room/RackConstructionComponent.js
diff --git a/src/components/sidebars/topology/room/RoomNameComponent.js b/src/components/app/sidebars/topology/room/RoomNameComponent.js
index 4d3e41cc..4d3e41cc 100644
--- a/src/components/sidebars/topology/room/RoomNameComponent.js
+++ b/src/components/app/sidebars/topology/room/RoomNameComponent.js
diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/app/sidebars/topology/room/RoomSidebarComponent.js
index fb3c3296..53857408 100644
--- a/src/components/sidebars/topology/room/RoomSidebarComponent.js
+++ b/src/components/app/sidebars/topology/room/RoomSidebarComponent.js
@@ -1,11 +1,11 @@
 import React from "react";
-import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
-import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
-import BackToBuildingContainer from "../../../../containers/sidebars/topology/room/BackToBuildingContainer";
-import DeleteRoomContainer from "../../../../containers/sidebars/topology/room/DeleteRoomContainer";
-import RackConstructionContainer from "../../../../containers/sidebars/topology/room/RackConstructionContainer";
-import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
-import RoomTypeContainer from "../../../../containers/sidebars/topology/room/RoomTypeContainer";
+import LoadBarContainer from "../../../../../containers/app/sidebars/elements/LoadBarContainer";
+import LoadChartContainer from "../../../../../containers/app/sidebars/elements/LoadChartContainer";
+import BackToBuildingContainer from "../../../../../containers/app/sidebars/topology/room/BackToBuildingContainer";
+import DeleteRoomContainer from "../../../../../containers/app/sidebars/topology/room/DeleteRoomContainer";
+import RackConstructionContainer from "../../../../../containers/app/sidebars/topology/room/RackConstructionContainer";
+import RoomNameContainer from "../../../../../containers/app/sidebars/topology/room/RoomNameContainer";
+import RoomTypeContainer from "../../../../../containers/app/sidebars/topology/room/RoomTypeContainer";
 
 const RoomSidebarComponent = ({roomId, roomType, inSimulation}) => {
     let allowedObjects;
diff --git a/src/components/sidebars/topology/room/RoomTypeComponent.js b/src/components/app/sidebars/topology/room/RoomTypeComponent.js
index c48c185a..d42eefb6 100644
--- a/src/components/sidebars/topology/room/RoomTypeComponent.js
+++ b/src/components/app/sidebars/topology/room/RoomTypeComponent.js
@@ -1,5 +1,5 @@
 import React from "react";
-import {ROOM_TYPE_TO_NAME_MAP} from "../../../../util/room-types";
+import {ROOM_TYPE_TO_NAME_MAP} from "../../../../../util/room-types";
 
 const RoomTypeComponent = ({roomType}) => (
     <p className="lead">
diff --git a/src/components/timeline/PlayButtonComponent.js b/src/components/app/timeline/PlayButtonComponent.js
index 6ec70cc3..6ec70cc3 100644
--- a/src/components/timeline/PlayButtonComponent.js
+++ b/src/components/app/timeline/PlayButtonComponent.js
diff --git a/src/components/timeline/Timeline.sass b/src/components/app/timeline/Timeline.sass
index bfb1a4d7..5003e80d 100644
--- a/src/components/timeline/Timeline.sass
+++ b/src/components/app/timeline/Timeline.sass
@@ -1,5 +1,5 @@
-@import ../../style-globals/_variables.sass
-@import ../../style-globals/_mixins.sass
+@import ../../../style-globals/_variables.sass
+@import ../../../style-globals/_mixins.sass
 
 $container-size: 500px
 $play-btn-size: 40px
diff --git a/src/components/timeline/TimelineComponent.js b/src/components/app/timeline/TimelineComponent.js
index 119c396b..950a25bd 100644
--- a/src/components/timeline/TimelineComponent.js
+++ b/src/components/app/timeline/TimelineComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
-import TimelineControlsContainer from "../../containers/timeline/TimelineControlsContainer";
-import TimelineLabelsContainer from "../../containers/timeline/TimelineLabelsContainer";
+import TimelineControlsContainer from "../../../containers/app/timeline/TimelineControlsContainer";
+import TimelineLabelsContainer from "../../../containers/app/timeline/TimelineLabelsContainer";
 import "./Timeline.css";
 
 class TimelineComponent extends React.Component {
diff --git a/src/components/timeline/TimelineControlsComponent.js b/src/components/app/timeline/TimelineControlsComponent.js
index bd98afc3..72fc4a60 100644
--- a/src/components/timeline/TimelineControlsComponent.js
+++ b/src/components/app/timeline/TimelineControlsComponent.js
@@ -1,6 +1,6 @@
 import React from "react";
-import PlayButtonContainer from "../../containers/timeline/PlayButtonContainer";
-import {convertTickToPercentage} from "../../util/timeline";
+import PlayButtonContainer from "../../../containers/app/timeline/PlayButtonContainer";
+import {convertTickToPercentage} from "../../../util/timeline";
 
 class TimelineControlsComponent extends React.Component {
     onTimelineClick(e) {
diff --git a/src/components/timeline/TimelineLabelsComponent.js b/src/components/app/timeline/TimelineLabelsComponent.js
index 1f6053a1..e795691f 100644
--- a/src/components/timeline/TimelineLabelsComponent.js
+++ b/src/components/app/timeline/TimelineLabelsComponent.js
@@ -1,5 +1,5 @@
 import React from "react";
-import {convertSecondsToFormattedTime} from "../../util/date-time";
+import {convertSecondsToFormattedTime} from "../../../util/date-time";
 
 const TimelineLabelsComponent = ({currentTick, lastSimulatedTick}) => (
     <div className="timeline-labels">
diff --git a/src/components/sidebars/topology/building/BuildingSidebarComponent.js b/src/components/sidebars/topology/building/BuildingSidebarComponent.js
deleted file mode 100644
index 835943f2..00000000
--- a/src/components/sidebars/topology/building/BuildingSidebarComponent.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-import NewRoomConstructionContainer from "../../../../containers/sidebars/topology/building/NewRoomConstructionContainer";
-
-const BuildingSidebarComponent = ({inSimulation}) => {
-    return (
-        <div>
-            <h2>Building</h2>
-            {inSimulation ?
-                undefined :
-                <NewRoomConstructionContainer/>
-            }
-        </div>
-    );
-};
-
-export default BuildingSidebarComponent;
diff --git a/src/components/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/sidebars/topology/machine/DeleteMachineComponent.js
deleted file mode 100644
index 14713158..00000000
--- a/src/components/sidebars/topology/machine/DeleteMachineComponent.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-const DeleteMachineComponent = ({onClick}) => {
-    return (
-        <div className="btn btn-danger btn-block" onClick={onClick}>
-            <span className="fa fa-trash mr-2"/>
-            Delete this machine
-        </div>
-    );
-};
-
-export default DeleteMachineComponent;
diff --git a/src/components/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
deleted file mode 100644
index e8009c34..00000000
--- a/src/components/sidebars/topology/machine/MachineSidebarComponent.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from "react";
-import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
-import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
-import BackToRackContainer from "../../../../containers/sidebars/topology/machine/BackToRackContainer";
-import DeleteMachineContainer from "../../../../containers/sidebars/topology/machine/DeleteMachineContainer";
-import MachineNameContainer from "../../../../containers/sidebars/topology/machine/MachineNameContainer";
-import UnitTabsContainer from "../../../../containers/sidebars/topology/machine/UnitTabsContainer";
-
-const MachineSidebarComponent = ({inSimulation, machineId}) => {
-    return (
-        <div>
-            <MachineNameContainer/>
-            <BackToRackContainer/>
-            {inSimulation ?
-                <div>
-                    <LoadBarContainer objectType="machine" objectId={machineId}/>
-                    <LoadChartContainer objectType="machine" objectId={machineId}/>
-                </div> :
-                <DeleteMachineContainer/>
-            }
-            <UnitTabsContainer/>
-        </div>
-    );
-};
-
-export default MachineSidebarComponent;
diff --git a/src/components/sidebars/topology/rack/DeleteRackComponent.js b/src/components/sidebars/topology/rack/DeleteRackComponent.js
deleted file mode 100644
index 06c45048..00000000
--- a/src/components/sidebars/topology/rack/DeleteRackComponent.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-const DeleteRackComponent = ({onClick}) => {
-    return (
-        <div className="btn btn-danger btn-block" onClick={onClick}>
-            <span className="fa fa-trash mr-2"/>
-            Delete this rack
-        </div>
-    );
-};
-
-export default DeleteRackComponent;
diff --git a/src/components/sidebars/topology/room/DeleteRoomComponent.js b/src/components/sidebars/topology/room/DeleteRoomComponent.js
deleted file mode 100644
index 72bb6a83..00000000
--- a/src/components/sidebars/topology/room/DeleteRoomComponent.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-const DeleteRoomComponent = ({onClick}) => {
-    return (
-        <div className="btn btn-danger btn-block" onClick={onClick}>
-            <span className="fa fa-trash mr-2"/>
-            Delete this room
-        </div>
-    );
-};
-
-export default DeleteRoomComponent;
diff --git a/src/containers/map/DatacenterContainer.js b/src/containers/app/map/DatacenterContainer.js
index b56adbac..6859f2d8 100644
--- a/src/containers/map/DatacenterContainer.js
+++ b/src/containers/app/map/DatacenterContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import DatacenterGroup from "../../components/map/groups/DatacenterGroup";
+import DatacenterGroup from "../../../components/app/map/groups/DatacenterGroup";
 
 const mapStateToProps = state => {
     if (state.currentDatacenterId === -1) {
diff --git a/src/containers/map/GrayContainer.js b/src/containers/app/map/GrayContainer.js
index bc1dcc59..a22ef3c8 100644
--- a/src/containers/map/GrayContainer.js
+++ b/src/containers/app/map/GrayContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {goDownOneInteractionLevel} from "../../actions/interaction-level";
-import GrayLayer from "../../components/map/elements/GrayLayer";
+import {goDownOneInteractionLevel} from "../../../actions/interaction-level";
+import GrayLayer from "../../../components/app/map/elements/GrayLayer";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/map/MapStage.js b/src/containers/app/map/MapStage.js
index 62dd7463..e0c85651 100644
--- a/src/containers/map/MapStage.js
+++ b/src/containers/app/map/MapStage.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {setMapDimensions, setMapPosition, setMapScale} from "../../actions/map";
-import MapStageComponent from "../../components/map/MapStageComponent";
+import {setMapDimensions, setMapPosition, setMapScale} from "../../../actions/map";
+import MapStageComponent from "../../../components/app/map/MapStageComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/map/RackContainer.js b/src/containers/app/map/RackContainer.js
index 60df9aaf..38f01efc 100644
--- a/src/containers/map/RackContainer.js
+++ b/src/containers/app/map/RackContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import RackGroup from "../../components/map/groups/RackGroup";
-import {getStateLoad} from "../../util/simulation-load";
+import RackGroup from "../../../components/app/map/groups/RackGroup";
+import {getStateLoad} from "../../../util/simulation-load";
 
 const mapStateToProps = (state, ownProps) => {
     const inSimulation = state.currentExperimentId !== -1;
diff --git a/src/containers/map/RackEnergyFillContainer.js b/src/containers/app/map/RackEnergyFillContainer.js
index 0143ce80..d83dc386 100644
--- a/src/containers/map/RackEnergyFillContainer.js
+++ b/src/containers/app/map/RackEnergyFillContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import RackFillBar from "../../components/map/elements/RackFillBar";
+import RackFillBar from "../../../components/app/map/elements/RackFillBar";
 
 const mapStateToProps = (state, ownProps) => {
     let energyConsumptionTotal = 0;
diff --git a/src/containers/map/RackSpaceFillContainer.js b/src/containers/app/map/RackSpaceFillContainer.js
index d6be823f..bbcf4e2e 100644
--- a/src/containers/map/RackSpaceFillContainer.js
+++ b/src/containers/app/map/RackSpaceFillContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import RackFillBar from "../../components/map/elements/RackFillBar";
+import RackFillBar from "../../../components/app/map/elements/RackFillBar";
 
 const mapStateToProps = (state, ownProps) => {
     const machineIds = state.objects.rack[state.objects.tile[ownProps.tileId].objectId].machineIds;
diff --git a/src/containers/map/RoomContainer.js b/src/containers/app/map/RoomContainer.js
index 9edcb096..c8e146d6 100644
--- a/src/containers/map/RoomContainer.js
+++ b/src/containers/app/map/RoomContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {goFromBuildingToRoom} from "../../actions/interaction-level";
-import RoomGroup from "../../components/map/groups/RoomGroup";
+import {goFromBuildingToRoom} from "../../../actions/interaction-level";
+import RoomGroup from "../../../components/app/map/groups/RoomGroup";
 
 const mapStateToProps = (state, ownProps) => {
     return {
diff --git a/src/containers/map/TileContainer.js b/src/containers/app/map/TileContainer.js
index 75fac5ad..299016d1 100644
--- a/src/containers/map/TileContainer.js
+++ b/src/containers/app/map/TileContainer.js
@@ -1,7 +1,7 @@
 import {connect} from "react-redux";
-import {goFromRoomToRack} from "../../actions/interaction-level";
-import TileGroup from "../../components/map/groups/TileGroup";
-import {getStateLoad} from "../../util/simulation-load";
+import {goFromRoomToRack} from "../../../actions/interaction-level";
+import TileGroup from "../../../components/app/map/groups/TileGroup";
+import {getStateLoad} from "../../../util/simulation-load";
 
 const mapStateToProps = (state, ownProps) => {
     const tile = state.objects.tile[ownProps.tileId];
diff --git a/src/containers/map/WallContainer.js b/src/containers/app/map/WallContainer.js
index f8ccb2e9..0ce8875a 100644
--- a/src/containers/map/WallContainer.js
+++ b/src/containers/app/map/WallContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import WallGroup from "../../components/map/groups/WallGroup";
+import WallGroup from "../../../components/app/map/groups/WallGroup";
 
 const mapStateToProps = (state, ownProps) => {
     return {
diff --git a/src/containers/map/controls/ScaleIndicatorContainer.js b/src/containers/app/map/controls/ScaleIndicatorContainer.js
index 06cc96f5..12596c9c 100644
--- a/src/containers/map/controls/ScaleIndicatorContainer.js
+++ b/src/containers/app/map/controls/ScaleIndicatorContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import ScaleIndicatorComponent from "../../../components/map/controls/ScaleIndicatorComponent";
+import ScaleIndicatorComponent from "../../../../components/app/map/controls/ScaleIndicatorComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/map/controls/ZoomControlContainer.js b/src/containers/app/map/controls/ZoomControlContainer.js
index 280ede4f..b9cf0a63 100644
--- a/src/containers/map/controls/ZoomControlContainer.js
+++ b/src/containers/app/map/controls/ZoomControlContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {setMapScale} from "../../../actions/map";
-import ZoomControlComponent from "../../../components/map/controls/ZoomControlComponent";
+import {setMapScale} from "../../../../actions/map";
+import ZoomControlComponent from "../../../../components/app/map/controls/ZoomControlComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/map/layers/MapLayer.js b/src/containers/app/map/layers/MapLayer.js
index 9ef5c662..ea3a0b57 100644
--- a/src/containers/map/layers/MapLayer.js
+++ b/src/containers/app/map/layers/MapLayer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import MapLayerComponent from "../../../components/map/layers/MapLayerComponent";
+import MapLayerComponent from "../../../../components/app/map/layers/MapLayerComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/map/layers/ObjectHoverLayer.js b/src/containers/app/map/layers/ObjectHoverLayer.js
index b0201257..d905fd42 100644
--- a/src/containers/map/layers/ObjectHoverLayer.js
+++ b/src/containers/app/map/layers/ObjectHoverLayer.js
@@ -1,7 +1,7 @@
 import {connect} from "react-redux";
-import {addRackToTile} from "../../../actions/topology/room";
-import ObjectHoverLayerComponent from "../../../components/map/layers/ObjectHoverLayerComponent";
-import {findTileWithPosition} from "../../../util/tile-calculations";
+import {addRackToTile} from "../../../../actions/topology/room";
+import ObjectHoverLayerComponent from "../../../../components/app/map/layers/ObjectHoverLayerComponent";
+import {findTileWithPosition} from "../../../../util/tile-calculations";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/map/layers/RoomHoverLayer.js b/src/containers/app/map/layers/RoomHoverLayer.js
index 528e45d3..801ce549 100644
--- a/src/containers/map/layers/RoomHoverLayer.js
+++ b/src/containers/app/map/layers/RoomHoverLayer.js
@@ -1,11 +1,11 @@
 import {connect} from "react-redux";
-import {toggleTileAtLocation} from "../../../actions/topology/building";
-import RoomHoverLayerComponent from "../../../components/map/layers/RoomHoverLayerComponent";
+import {toggleTileAtLocation} from "../../../../actions/topology/building";
+import RoomHoverLayerComponent from "../../../../components/app/map/layers/RoomHoverLayerComponent";
 import {
     deriveValidNextTilePositions,
     findPositionInPositions,
     findPositionInRooms
-} from "../../../util/tile-calculations";
+} from "../../../../util/tile-calculations";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/elements/LoadBarContainer.js b/src/containers/app/sidebars/elements/LoadBarContainer.js
index 08aec93c..ccaf1729 100644
--- a/src/containers/sidebars/elements/LoadBarContainer.js
+++ b/src/containers/app/sidebars/elements/LoadBarContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import LoadBarComponent from "../../../components/sidebars/elements/LoadBarComponent";
-import {getStateLoad} from "../../../util/simulation-load";
+import LoadBarComponent from "../../../../components/app/sidebars/elements/LoadBarComponent";
+import {getStateLoad} from "../../../../util/simulation-load";
 
 const mapStateToProps = (state, ownProps) => {
     let percent = 0;
diff --git a/src/containers/sidebars/elements/LoadChartContainer.js b/src/containers/app/sidebars/elements/LoadChartContainer.js
index 33b99a51..227a4fd5 100644
--- a/src/containers/sidebars/elements/LoadChartContainer.js
+++ b/src/containers/app/sidebars/elements/LoadChartContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import LoadChartComponent from "../../../components/sidebars/elements/LoadChartComponent";
-import {getStateLoad} from "../../../util/simulation-load";
+import LoadChartComponent from "../../../../components/app/sidebars/elements/LoadChartComponent";
+import {getStateLoad} from "../../../../util/simulation-load";
 
 const mapStateToProps = (state, ownProps) => {
     const data = [];
diff --git a/src/containers/sidebars/simulation/ExperimentMetadataContainer.js b/src/containers/app/sidebars/simulation/ExperimentMetadataContainer.js
index 55323f11..a5e403ce 100644
--- a/src/containers/sidebars/simulation/ExperimentMetadataContainer.js
+++ b/src/containers/app/sidebars/simulation/ExperimentMetadataContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import ExperimentMetadataComponent from "../../../components/sidebars/simulation/ExperimentMetadataComponent";
+import ExperimentMetadataComponent from "../../../../components/app/sidebars/simulation/ExperimentMetadataComponent";
 
 const mapStateToProps = state => {
     if (!state.objects.experiment[state.currentExperimentId]) {
diff --git a/src/containers/sidebars/simulation/LoadMetricContainer.js b/src/containers/app/sidebars/simulation/LoadMetricContainer.js
index 71a50163..5ce3542c 100644
--- a/src/containers/sidebars/simulation/LoadMetricContainer.js
+++ b/src/containers/app/sidebars/simulation/LoadMetricContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import LoadMetricComponent from "../../../components/sidebars/simulation/LoadMetricComponent";
+import LoadMetricComponent from "../../../../components/app/sidebars/simulation/LoadMetricComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/simulation/TaskContainer.js b/src/containers/app/sidebars/simulation/TaskContainer.js
index df06b5b8..357bd7ed 100644
--- a/src/containers/sidebars/simulation/TaskContainer.js
+++ b/src/containers/app/sidebars/simulation/TaskContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import TaskComponent from "../../../components/sidebars/simulation/TaskComponent";
+import TaskComponent from "../../../../components/app/sidebars/simulation/TaskComponent";
 
 const mapStateToProps = (state, ownProps) => {
     let flopsLeft = state.objects.task[ownProps.taskId].totalFlopCount;
diff --git a/src/containers/sidebars/simulation/TraceContainer.js b/src/containers/app/sidebars/simulation/TraceContainer.js
index 6539823d..7955f313 100644
--- a/src/containers/sidebars/simulation/TraceContainer.js
+++ b/src/containers/app/sidebars/simulation/TraceContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import TraceComponent from "../../../components/sidebars/simulation/TraceComponent";
+import TraceComponent from "../../../../components/app/sidebars/simulation/TraceComponent";
 
 const mapStateToProps = state => {
     if (!state.objects.experiment[state.currentExperimentId] ||
diff --git a/src/containers/sidebars/topology/TopologySidebar.js b/src/containers/app/sidebars/topology/TopologySidebar.js
index 6ed836da..ac59f5cc 100644
--- a/src/containers/sidebars/topology/TopologySidebar.js
+++ b/src/containers/app/sidebars/topology/TopologySidebar.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import TopologySidebarComponent from "../../../components/sidebars/topology/TopologySidebarComponent";
+import TopologySidebarComponent from "../../../../components/app/sidebars/topology/TopologySidebarComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/building/BuildingSidebarContainer.js b/src/containers/app/sidebars/topology/building/BuildingSidebarContainer.js
index 28bd0b93..ce7a308a 100644
--- a/src/containers/sidebars/topology/building/BuildingSidebarContainer.js
+++ b/src/containers/app/sidebars/topology/building/BuildingSidebarContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import BuildingSidebarComponent from "../../../../components/sidebars/topology/building/BuildingSidebarComponent";
+import BuildingSidebarComponent from "../../../../../components/app/sidebars/topology/building/BuildingSidebarComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/building/NewRoomConstructionContainer.js b/src/containers/app/sidebars/topology/building/NewRoomConstructionContainer.js
index 0236522d..3ec1349b 100644
--- a/src/containers/sidebars/topology/building/NewRoomConstructionContainer.js
+++ b/src/containers/app/sidebars/topology/building/NewRoomConstructionContainer.js
@@ -3,8 +3,8 @@ import {
     cancelNewRoomConstruction,
     finishNewRoomConstruction,
     startNewRoomConstruction
-} from "../../../../actions/topology/building";
-import StartNewRoomConstructionComponent from "../../../../components/sidebars/topology/building/NewRoomConstructionComponent";
+} from "../../../../../actions/topology/building";
+import StartNewRoomConstructionComponent from "../../../../../components/app/sidebars/topology/building/NewRoomConstructionComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/machine/BackToRackContainer.js b/src/containers/app/sidebars/topology/machine/BackToRackContainer.js
index 9f31fab9..f0ac9220 100644
--- a/src/containers/sidebars/topology/machine/BackToRackContainer.js
+++ b/src/containers/app/sidebars/topology/machine/BackToRackContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {goDownOneInteractionLevel} from "../../../../actions/interaction-level";
-import BackToRackComponent from "../../../../components/sidebars/topology/machine/BackToRackComponent";
+import {goDownOneInteractionLevel} from "../../../../../actions/interaction-level";
+import BackToRackComponent from "../../../../../components/app/sidebars/topology/machine/BackToRackComponent";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/sidebars/topology/machine/DeleteMachineContainer.js b/src/containers/app/sidebars/topology/machine/DeleteMachineContainer.js
index 0c18598b..bfdde179 100644
--- a/src/containers/sidebars/topology/machine/DeleteMachineContainer.js
+++ b/src/containers/app/sidebars/topology/machine/DeleteMachineContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {openDeleteMachineModal} from "../../../../actions/modals/topology";
-import DeleteMachineComponent from "../../../../components/sidebars/topology/machine/DeleteMachineComponent";
+import {openDeleteMachineModal} from "../../../../../actions/modals/topology";
+import DeleteMachineComponent from "../../../../../components/app/sidebars/topology/machine/DeleteMachineComponent";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/sidebars/topology/machine/MachineNameContainer.js b/src/containers/app/sidebars/topology/machine/MachineNameContainer.js
index 8e5413ef..9d23dcb6 100644
--- a/src/containers/sidebars/topology/machine/MachineNameContainer.js
+++ b/src/containers/app/sidebars/topology/machine/MachineNameContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import MachineNameComponent from "../../../../components/sidebars/topology/machine/MachineNameComponent";
+import MachineNameComponent from "../../../../../components/app/sidebars/topology/machine/MachineNameComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/machine/MachineSidebarContainer.js b/src/containers/app/sidebars/topology/machine/MachineSidebarContainer.js
index f99fc05e..5c28248c 100644
--- a/src/containers/sidebars/topology/machine/MachineSidebarContainer.js
+++ b/src/containers/app/sidebars/topology/machine/MachineSidebarContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import MachineSidebarComponent from "../../../../components/sidebars/topology/machine/MachineSidebarComponent";
+import MachineSidebarComponent from "../../../../../components/app/sidebars/topology/machine/MachineSidebarComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/machine/UnitAddContainer.js b/src/containers/app/sidebars/topology/machine/UnitAddContainer.js
index 66e35030..f194ebcf 100644
--- a/src/containers/sidebars/topology/machine/UnitAddContainer.js
+++ b/src/containers/app/sidebars/topology/machine/UnitAddContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {addUnit} from "../../../../actions/topology/machine";
-import UnitAddComponent from "../../../../components/sidebars/topology/machine/UnitAddComponent";
+import {addUnit} from "../../../../../actions/topology/machine";
+import UnitAddComponent from "../../../../../components/app/sidebars/topology/machine/UnitAddComponent";
 
 const mapStateToProps = (state, ownProps) => {
     return {
diff --git a/src/containers/sidebars/topology/machine/UnitContainer.js b/src/containers/app/sidebars/topology/machine/UnitContainer.js
index 33001b99..12024d5a 100644
--- a/src/containers/sidebars/topology/machine/UnitContainer.js
+++ b/src/containers/app/sidebars/topology/machine/UnitContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {deleteUnit} from "../../../../actions/topology/machine";
-import UnitComponent from "../../../../components/sidebars/topology/machine/UnitComponent";
+import {deleteUnit} from "../../../../../actions/topology/machine";
+import UnitComponent from "../../../../../components/app/sidebars/topology/machine/UnitComponent";
 
 const mapStateToProps = (state, ownProps) => {
     return {
diff --git a/src/containers/sidebars/topology/machine/UnitListContainer.js b/src/containers/app/sidebars/topology/machine/UnitListContainer.js
index 9aed3f60..e351c63c 100644
--- a/src/containers/sidebars/topology/machine/UnitListContainer.js
+++ b/src/containers/app/sidebars/topology/machine/UnitListContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import UnitListComponent from "../../../../components/sidebars/topology/machine/UnitListComponent";
+import UnitListComponent from "../../../../../components/app/sidebars/topology/machine/UnitListComponent";
 
 const mapStateToProps = (state, ownProps) => {
     return {
diff --git a/src/containers/sidebars/topology/machine/UnitTabsContainer.js b/src/containers/app/sidebars/topology/machine/UnitTabsContainer.js
index c92afcb5..46952c74 100644
--- a/src/containers/sidebars/topology/machine/UnitTabsContainer.js
+++ b/src/containers/app/sidebars/topology/machine/UnitTabsContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import UnitTabsComponent from "../../../../components/sidebars/topology/machine/UnitTabsComponent";
+import UnitTabsComponent from "../../../../../components/app/sidebars/topology/machine/UnitTabsComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/rack/BackToRoomContainer.js b/src/containers/app/sidebars/topology/rack/BackToRoomContainer.js
index 876078d5..01653540 100644
--- a/src/containers/sidebars/topology/rack/BackToRoomContainer.js
+++ b/src/containers/app/sidebars/topology/rack/BackToRoomContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {goDownOneInteractionLevel} from "../../../../actions/interaction-level";
-import BackToRoomComponent from "../../../../components/sidebars/topology/rack/BackToRoomComponent";
+import {goDownOneInteractionLevel} from "../../../../../actions/interaction-level";
+import BackToRoomComponent from "../../../../../components/app/sidebars/topology/rack/BackToRoomComponent";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/sidebars/topology/rack/DeleteRackContainer.js b/src/containers/app/sidebars/topology/rack/DeleteRackContainer.js
index f95c48b8..cf225558 100644
--- a/src/containers/sidebars/topology/rack/DeleteRackContainer.js
+++ b/src/containers/app/sidebars/topology/rack/DeleteRackContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {openDeleteRackModal} from "../../../../actions/modals/topology";
-import DeleteRackComponent from "../../../../components/sidebars/topology/rack/DeleteRackComponent";
+import {openDeleteRackModal} from "../../../../../actions/modals/topology";
+import DeleteRackComponent from "../../../../../components/app/sidebars/topology/rack/DeleteRackComponent";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/sidebars/topology/rack/EmptySlotContainer.js b/src/containers/app/sidebars/topology/rack/EmptySlotContainer.js
index aa0673d1..b8f5e553 100644
--- a/src/containers/sidebars/topology/rack/EmptySlotContainer.js
+++ b/src/containers/app/sidebars/topology/rack/EmptySlotContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {addMachine} from "../../../../actions/topology/rack";
-import EmptySlotComponent from "../../../../components/sidebars/topology/rack/EmptySlotComponent";
+import {addMachine} from "../../../../../actions/topology/rack";
+import EmptySlotComponent from "../../../../../components/app/sidebars/topology/rack/EmptySlotComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/rack/MachineContainer.js b/src/containers/app/sidebars/topology/rack/MachineContainer.js
index 7406d191..cd15ddd0 100644
--- a/src/containers/sidebars/topology/rack/MachineContainer.js
+++ b/src/containers/app/sidebars/topology/rack/MachineContainer.js
@@ -1,7 +1,7 @@
 import {connect} from "react-redux";
-import {goFromRackToMachine} from "../../../../actions/interaction-level";
-import MachineComponent from "../../../../components/sidebars/topology/rack/MachineComponent";
-import {getStateLoad} from "../../../../util/simulation-load";
+import {goFromRackToMachine} from "../../../../../actions/interaction-level";
+import MachineComponent from "../../../../../components/app/sidebars/topology/rack/MachineComponent";
+import {getStateLoad} from "../../../../../util/simulation-load";
 
 const mapStateToProps = (state, ownProps) => {
     const machine = state.objects.machine[ownProps.machineId];
diff --git a/src/containers/sidebars/topology/rack/MachineListContainer.js b/src/containers/app/sidebars/topology/rack/MachineListContainer.js
index eef2a4e1..dbedfbb2 100644
--- a/src/containers/sidebars/topology/rack/MachineListContainer.js
+++ b/src/containers/app/sidebars/topology/rack/MachineListContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import MachineListComponent from "../../../../components/sidebars/topology/rack/MachineListComponent";
+import MachineListComponent from "../../../../../components/app/sidebars/topology/rack/MachineListComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/rack/RackNameContainer.js b/src/containers/app/sidebars/topology/rack/RackNameContainer.js
index 34416938..49a58155 100644
--- a/src/containers/sidebars/topology/rack/RackNameContainer.js
+++ b/src/containers/app/sidebars/topology/rack/RackNameContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {openEditRackNameModal} from "../../../../actions/modals/topology";
-import RackNameComponent from "../../../../components/sidebars/topology/rack/RackNameComponent";
+import {openEditRackNameModal} from "../../../../../actions/modals/topology";
+import RackNameComponent from "../../../../../components/app/sidebars/topology/rack/RackNameComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/rack/RackSidebarContainer.js b/src/containers/app/sidebars/topology/rack/RackSidebarContainer.js
index 4652b968..ba51ee4a 100644
--- a/src/containers/sidebars/topology/rack/RackSidebarContainer.js
+++ b/src/containers/app/sidebars/topology/rack/RackSidebarContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import RackSidebarComponent from "../../../../components/sidebars/topology/rack/RackSidebarComponent";
+import RackSidebarComponent from "../../../../../components/app/sidebars/topology/rack/RackSidebarComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/room/BackToBuildingContainer.js b/src/containers/app/sidebars/topology/room/BackToBuildingContainer.js
index 5ab772f6..a6366552 100644
--- a/src/containers/sidebars/topology/room/BackToBuildingContainer.js
+++ b/src/containers/app/sidebars/topology/room/BackToBuildingContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {goDownOneInteractionLevel} from "../../../../actions/interaction-level";
-import BackToBuildingComponent from "../../../../components/sidebars/topology/room/BackToBuildingComponent";
+import {goDownOneInteractionLevel} from "../../../../../actions/interaction-level";
+import BackToBuildingComponent from "../../../../../components/app/sidebars/topology/room/BackToBuildingComponent";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/sidebars/topology/room/DeleteRoomContainer.js b/src/containers/app/sidebars/topology/room/DeleteRoomContainer.js
index 23a8fa0a..0c9aef1c 100644
--- a/src/containers/sidebars/topology/room/DeleteRoomContainer.js
+++ b/src/containers/app/sidebars/topology/room/DeleteRoomContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {openDeleteRoomModal} from "../../../../actions/modals/topology";
-import DeleteRoomComponent from "../../../../components/sidebars/topology/room/DeleteRoomComponent";
+import {openDeleteRoomModal} from "../../../../../actions/modals/topology";
+import DeleteRoomComponent from "../../../../../components/app/sidebars/topology/room/DeleteRoomComponent";
 
 const mapDispatchToProps = dispatch => {
     return {
diff --git a/src/containers/sidebars/topology/room/RackConstructionContainer.js b/src/containers/app/sidebars/topology/room/RackConstructionContainer.js
index 0c539c75..f06a3ab2 100644
--- a/src/containers/sidebars/topology/room/RackConstructionContainer.js
+++ b/src/containers/app/sidebars/topology/room/RackConstructionContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {startRackConstruction, stopRackConstruction} from "../../../../actions/topology/room";
-import RackConstructionComponent from "../../../../components/sidebars/topology/room/RackConstructionComponent";
+import {startRackConstruction, stopRackConstruction} from "../../../../../actions/topology/room";
+import RackConstructionComponent from "../../../../../components/app/sidebars/topology/room/RackConstructionComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/room/RoomNameContainer.js b/src/containers/app/sidebars/topology/room/RoomNameContainer.js
index 7b9dc249..c1f7f397 100644
--- a/src/containers/sidebars/topology/room/RoomNameContainer.js
+++ b/src/containers/app/sidebars/topology/room/RoomNameContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {openEditRoomNameModal} from "../../../../actions/modals/topology";
-import RoomNameComponent from "../../../../components/sidebars/topology/room/RoomNameComponent";
+import {openEditRoomNameModal} from "../../../../../actions/modals/topology";
+import RoomNameComponent from "../../../../../components/app/sidebars/topology/room/RoomNameComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/room/RoomSidebarContainer.js b/src/containers/app/sidebars/topology/room/RoomSidebarContainer.js
index 6dded3e7..6371e6a1 100644
--- a/src/containers/sidebars/topology/room/RoomSidebarContainer.js
+++ b/src/containers/app/sidebars/topology/room/RoomSidebarContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import RoomSidebarComponent from "../../../../components/sidebars/topology/room/RoomSidebarComponent";
+import RoomSidebarComponent from "../../../../../components/app/sidebars/topology/room/RoomSidebarComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/sidebars/topology/room/RoomTypeContainer.js b/src/containers/app/sidebars/topology/room/RoomTypeContainer.js
index 392bc479..8cc1126a 100644
--- a/src/containers/sidebars/topology/room/RoomTypeContainer.js
+++ b/src/containers/app/sidebars/topology/room/RoomTypeContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import RoomTypeComponent from "../../../../components/sidebars/topology/room/RoomTypeComponent";
+import RoomTypeComponent from "../../../../../components/app/sidebars/topology/room/RoomTypeComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/timeline/PlayButtonContainer.js b/src/containers/app/timeline/PlayButtonContainer.js
index 6d4a9f25..3db5302c 100644
--- a/src/containers/timeline/PlayButtonContainer.js
+++ b/src/containers/app/timeline/PlayButtonContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {pauseSimulation, playSimulation} from "../../actions/simulation/playback";
-import PlayButtonComponent from "../../components/timeline/PlayButtonComponent";
+import {pauseSimulation, playSimulation} from "../../../actions/simulation/playback";
+import PlayButtonComponent from "../../../components/app/timeline/PlayButtonComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/containers/timeline/TimelineContainer.js b/src/containers/app/timeline/TimelineContainer.js
index d52d5477..46491f9b 100644
--- a/src/containers/timeline/TimelineContainer.js
+++ b/src/containers/app/timeline/TimelineContainer.js
@@ -1,8 +1,8 @@
 import {connect} from "react-redux";
-import {pauseSimulation} from "../../actions/simulation/playback";
-import {incrementTick} from "../../actions/simulation/tick";
-import {setCurrentDatacenter} from "../../actions/topology/building";
-import TimelineComponent from "../../components/timeline/TimelineComponent";
+import {pauseSimulation} from "../../../actions/simulation/playback";
+import {incrementTick} from "../../../actions/simulation/tick";
+import {setCurrentDatacenter} from "../../../actions/topology/building";
+import TimelineComponent from "../../../components/app/timeline/TimelineComponent";
 
 const mapStateToProps = state => {
     let sections = [];
diff --git a/src/containers/timeline/TimelineControlsContainer.js b/src/containers/app/timeline/TimelineControlsContainer.js
index e7f27fbf..e91a0aca 100644
--- a/src/containers/timeline/TimelineControlsContainer.js
+++ b/src/containers/app/timeline/TimelineControlsContainer.js
@@ -1,6 +1,6 @@
 import {connect} from "react-redux";
-import {goToTick} from "../../actions/simulation/tick";
-import TimelineControlsComponent from "../../components/timeline/TimelineControlsComponent";
+import {goToTick} from "../../../actions/simulation/tick";
+import TimelineControlsComponent from "../../../components/app/timeline/TimelineControlsComponent";
 
 const mapStateToProps = state => {
     let sectionTicks = [];
diff --git a/src/containers/timeline/TimelineLabelsContainer.js b/src/containers/app/timeline/TimelineLabelsContainer.js
index b6ff0774..3dfad9f2 100644
--- a/src/containers/timeline/TimelineLabelsContainer.js
+++ b/src/containers/app/timeline/TimelineLabelsContainer.js
@@ -1,5 +1,5 @@
 import {connect} from "react-redux";
-import TimelineLabelsComponent from "../../components/timeline/TimelineLabelsComponent";
+import TimelineLabelsComponent from "../../../components/app/timeline/TimelineLabelsComponent";
 
 const mapStateToProps = state => {
     return {
diff --git a/src/pages/App.js b/src/pages/App.js
index 583b9476..801aefcd 100644
--- a/src/pages/App.js
+++ b/src/pages/App.js
@@ -6,19 +6,19 @@ import {ShortcutManager} from "react-shortcuts";
 import {openExperimentSucceeded} from "../actions/experiments";
 import {openSimulationSucceeded} from "../actions/simulations";
 import {resetCurrentDatacenter} from "../actions/topology/building";
-import ToolPanelComponent from "../components/map/controls/ToolPanelComponent";
-import LoadingScreen from "../components/map/LoadingScreen";
+import ToolPanelComponent from "../components/app/map/controls/ToolPanelComponent";
+import LoadingScreen from "../components/app/map/LoadingScreen";
+import SimulationSidebarComponent from "../components/app/sidebars/simulation/SimulationSidebarComponent";
 import AppNavbar from "../components/navigation/AppNavbar";
-import SimulationSidebarComponent from "../components/sidebars/simulation/SimulationSidebarComponent";
-import ScaleIndicatorContainer from "../containers/map/controls/ScaleIndicatorContainer";
-import MapStage from "../containers/map/MapStage";
+import ScaleIndicatorContainer from "../containers/app/map/controls/ScaleIndicatorContainer";
+import MapStage from "../containers/app/map/MapStage";
+import TopologySidebar from "../containers/app/sidebars/topology/TopologySidebar";
+import TimelineContainer from "../containers/app/timeline/TimelineContainer";
 import DeleteMachineModal from "../containers/modals/DeleteMachineModal";
 import DeleteRackModal from "../containers/modals/DeleteRackModal";
 import DeleteRoomModal from "../containers/modals/DeleteRoomModal";
 import EditRackNameModal from "../containers/modals/EditRackNameModal";
 import EditRoomNameModal from "../containers/modals/EditRoomNameModal";
-import TopologySidebar from "../containers/sidebars/topology/TopologySidebar";
-import TimelineContainer from "../containers/timeline/TimelineContainer";
 import KeymapConfiguration from "../shortcuts/keymap";
 
 const shortcutManager = new ShortcutManager(KeymapConfiguration);
diff --git a/src/sagas/topology.js b/src/sagas/topology.js
index 6a3e03af..12f02e4b 100644
--- a/src/sagas/topology.js
+++ b/src/sagas/topology.js
@@ -26,7 +26,7 @@ import {
     DEFAULT_RACK_POWER_CAPACITY,
     DEFAULT_RACK_SLOT_CAPACITY,
     MAX_NUM_UNITS_PER_MACHINE
-} from "../components/map/MapConstants";
+} from "../components/app/map/MapConstants";
 import {
     fetchAndStoreAllCPUs,
     fetchAndStoreAllGPUs,
diff --git a/src/store/middlewares/viewport-adjustment.js b/src/store/middlewares/viewport-adjustment.js
index e5500d5e..fddbf038 100644
--- a/src/store/middlewares/viewport-adjustment.js
+++ b/src/store/middlewares/viewport-adjustment.js
@@ -6,7 +6,7 @@ import {
     SIDEBAR_WIDTH,
     TILE_SIZE_IN_PIXELS,
     VIEWPORT_PADDING
-} from "../../components/map/MapConstants";
+} from "../../components/app/map/MapConstants";
 import {calculateRoomListBounds} from "../../util/tile-calculations";
 
 export const viewportAdjustmentMiddleware = store => next => action => {