diff --git a/frontend/src/components/ui/TreeItem.vue b/frontend/src/components/ui/TreeItem.vue
index 1dcecd5..d540151 100644
--- a/frontend/src/components/ui/TreeItem.vue
+++ b/frontend/src/components/ui/TreeItem.vue
@@ -9,7 +9,7 @@
       <button
         v-if="expandable"
         @click.prevent.stop="toggleExpand"
-        class="w-5 h-5 flex items-center justify-center text-gray-400 hover:text-gray-600 shrink-0 transition-colors"
+        class="w-5 h-5 flex items-center justify-center text-gray-400 hover:text-gray-600 shrink-0 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-1 rounded"
         :aria-label="expanded ? 'Collapse' : 'Expand'"
       >
         <AppIcon
@@ -24,7 +24,7 @@
       <router-link
         v-if="to"
         :to="to"
-        class="flex items-center gap-2 flex-1 min-w-0 px-2 py-1.5 rounded-lg text-sm font-medium transition-colors"
+        class="flex items-center gap-2 flex-1 min-w-0 px-2 py-1.5 rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-1"
         :class="isActive
           ? 'bg-indigo-50 text-indigo-700'
           : 'text-gray-600 hover:bg-gray-100 hover:text-gray-900'"
@@ -35,7 +35,7 @@
       <button
         v-else
         @click="$emit('select')"
-        class="flex items-center gap-2 flex-1 min-w-0 px-2 py-1.5 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:bg-gray-100 hover:text-gray-900"
+        class="flex items-center gap-2 flex-1 min-w-0 px-2 py-1.5 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:bg-gray-100 hover:text-gray-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-1"
       >
         <slot name="icon" />
         <span class="truncate">{{ label }}</span>
@@ -51,7 +51,7 @@
       >
         <div v-for="n in 3" :key="`sk-t-${n}`" class="flex items-center gap-2 py-1">
           <div class="w-4 h-4 bg-gray-100 rounded animate-pulse shrink-0"></div>
-          <div class="h-3 bg-gray-100 rounded animate-pulse" :style="{ width: (50 + n * 15) + 'px' }"></div>
+          <div class="h-3 bg-gray-100 rounded animate-pulse" :class="n === 1 ? 'w-12' : n === 2 ? 'w-16' : 'w-20'"></div>
         </div>
       </div>
       <div