feat: improve transition effects and refine JsonNode selection behavior

Author: mcnaveen

src/App.vue

@@ -412,12 +412,16 @@ html, body {
   padding: 8px 16px;
   border-radius: 4px;
   border: 1px solid var(--border-color);
-  transition: transform 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
   z-index: 1000;
   font-size: 13px;
+  opacity: 0;
+  visibility: hidden;
   
   &.show {
     transform: translateX(-50%) translateY(0);
+    opacity: 1;
+    visibility: visible;
   }
 }
 

src/components/JsonNode.vue

@@ -149,12 +149,8 @@ const toggleSelect = () => {
   const newPaths = []
   
   if (!isSelected.value) {
+    // Only add the current path, don't automatically select children
     newPaths.push(props.path)
-    
-    // If this is an object/array, add all child paths
-    if (isObject.value) {
-      newPaths.push(...getAllChildPaths(props.value, props.path))
-    }
   }
   
   emit('select', newPaths)