From 93a2ab903794979968b960c5aae143d137bcc115 Mon Sep 17 00:00:00 2001
From: Nettika <git@nettika.cat>
Date: Thu, 29 Jan 2026 11:53:45 -0800
Subject: [PATCH] Rename primitives panel

---
 src/components/AppLayout.vue                           |  6 +++---
 .../{PrimitivesSidebar.vue => PrimitivesPanel.vue}     | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)
 rename src/components/{PrimitivesSidebar.vue => PrimitivesPanel.vue} (87%)

diff --git a/src/components/AppLayout.vue b/src/components/AppLayout.vue
index cc00cdf1d..29ceefebe 100644
--- a/src/components/AppLayout.vue
+++ b/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" />
diff --git a/src/components/PrimitivesSidebar.vue b/src/components/PrimitivesPanel.vue
similarity index 87%
rename from src/components/PrimitivesSidebar.vue
rename to src/components/PrimitivesPanel.vue
index 5da168f1d..72e436409 100644
--- a/src/components/PrimitivesSidebar.vue
+++ b/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;