feat: implement cross-canvas linking, enhanced node type selection, and canvas management

app/pages/canvases.vue

@@ -60,8 +60,11 @@
               </button>
             </div>
             <button v-if="canDeleteCanvas(canvas)" @click.stop="deleteCanvas(canvas.id)" 
-              class="text-xs text-slate-400 hover:text-red-400 transition">
-              Удалить
+              class="p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-400/10 rounded transition-colors"
+              title="Удалить карту">
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+              </svg>
             </button>
           </div>
         </div>
@@ -118,7 +121,7 @@ definePageMeta({
 })
 
 const auth = useAuth()
-const user = computed(() => auth.user)
+const user = computed(() => auth.user.value)
 const authFetch = async (url, opts = {}) => {
   try {
     return await $fetch(url, {
@@ -145,7 +148,7 @@ const activeTab = ref('personal')
     groupId: ''
   })
 
-const currentUserId = computed(() => auth.user.value?.id || '')
+const currentUserId = computed(() => user.value?.id || '')
 
 // Load data
 const loadData = async () => {