Rename the "Layers" panel to "Layer Graph"

client/web/src/components/panel-system/DockablePanel.vue

@@ -166,10 +166,10 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import Document from "../panels/DocumentPanel.vue";
-import Properties from "../panels/PropertiesPanel.vue";
-import Layers from "../panels/LayersPanel.vue";
-import Minimap from "../panels/MinimapPanel.vue";
+import Document from "../panels/Document.vue";
+import Properties from "../panels/Properties.vue";
+import LayerTree from "../panels/LayerTree.vue";
+import Minimap from "../panels/Minimap.vue";
 import VerticalEllipsis from "../../../assets/svg/16x24-bounds-8x16-icon/vertical-ellipsis.svg";
 import CloseX from "../../../assets/svg/16x16-bounds-12x12-icon/close-x.svg";
 
@@ -177,7 +177,7 @@ export default defineComponent({
 	components: {
 		Document,
 		Properties,
-		Layers,
+		LayerTree,
 		Minimap,
 		CloseX,
 		VerticalEllipsis,

client/web/src/components/panel-system/PanelArea.vue

@@ -10,7 +10,7 @@
 			</LayoutRow>
 			<LayoutRow class="dockable-grid-resize-gutter"></LayoutRow>
 			<LayoutRow class="dockable-grid-subdivision">
-				<DockablePanel :panelType="'Layers'" :tabLabels="['Layers']" :tabActiveIndex="0" />
+				<DockablePanel :panelType="'LayerTree'" :tabLabels="['Layer Tree']" :tabActiveIndex="0" />
 			</LayoutRow>
 			<LayoutRow class="dockable-grid-resize-gutter"></LayoutRow>
 			<LayoutRow class="dockable-grid-subdivision" style="flex-grow: 0; height: 0;">

client/web/src/components/panels/Document.vue

@@ -10,8 +10,8 @@
 				<!-- <span class="label">Layer 1</span> -->
 			</div>
 		</LayoutRow>
-		<LayoutRow :class="'toolbar-and-viewport'">
-			<LayoutCol :class="'toolbar'"></LayoutCol>
+		<LayoutRow :class="'shelf-and-viewport'">
+			<LayoutCol :class="'shelf'"></LayoutCol>
 			<LayoutCol :class="'viewport'">
 				<div
 					class="canvas"
@@ -61,8 +61,8 @@
 		}
 	}
 
-	.toolbar-and-viewport {
-		.toolbar {
+	.shelf-and-viewport {
+		.shelf {
 			flex: 0 0 32px;
 		}
 
@@ -79,9 +79,8 @@
 					height: 100%;
 				}
 			}
-
 		}
-}
+	}
 }
 </style>