Rename primitives panel

src/components/AppLayout.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, watch } from 'vue'
-import PrimitivesSidebar from './PrimitivesSidebar.vue'
+import PrimitivesPanel from './PrimitivesPanel.vue'
 import PropertiesPanel from './PropertiesPanel.vue'
 
 const STORAGE_KEY = 'rapidmodel-sidebar-state'
@@ -60,13 +60,13 @@ onMounted(() => {
         <slot />
       </main>
 
-      <PrimitivesSidebar
+      <PrimitivesPanel
         v-model:collapsed="leftCollapsed"
         class="left-sidebar"
         :style="{ width: leftSidebarWidth }"
       >
         <slot name="left-sidebar" />
-      </PrimitivesSidebar>
+      </PrimitivesPanel>
 
       <PropertiesPanel class="properties-panel">
         <slot name="properties-panel" />

src/components/PrimitivesPanel.vue

@@ -25,16 +25,16 @@ function toggle() {
 </script>
 
 <template>
-  <div class="primitives-sidebar-container">
+  <div class="primitives-panel-container">
     <button
       class="toggle"
       :class="{ 'toggle--floating': isCollapsed }"
-      :title="isCollapsed ? 'Expand primitives toolbox' : 'Collapse primitives toolbox'"
+      :title="isCollapsed ? 'Expand primitives panel' : 'Collapse primitives panel'"
       @click="toggle"
     >
       <span class="toggle-icon">{{ isCollapsed ? '»' : '«' }}</span>
     </button>
-    <aside v-show="!isCollapsed" class="primitives-sidebar">
+    <aside v-show="!isCollapsed" class="primitives-panel">
       <div class="content">
         <slot />
       </div>
@@ -43,13 +43,13 @@ function toggle() {
 </template>
 
 <style scoped>
-.primitives-sidebar-container {
+.primitives-panel-container {
   position: relative;
   height: 100%;
   overflow: visible;
 }
 
-.primitives-sidebar {
+.primitives-panel {
   height: 100%;
   display: flex;
   flex-direction: column;