🐳 10/02 - 14:24 - 1. Can you please change :Edit JSON with intuitive visual editing and keyboard navigation" to "The way JSON should ALWAYS (italics) been editored!"2. Problem with dragon drop: it no

index.html

@@ -26,7 +26,7 @@
     <div class="max-w-7xl mx-auto">
         <header class="mb-8 text-center">
             <h1 class="text-3xl md:text-4xl font-bold text-slate-100 mb-2">Visual JSON Editor</h1>
-            <p class="text-slate-300">Edit JSON with intuitive visual editing and keyboard navigation</p>
+            <p class="text-slate-300">The way JSON should <i class="italic font-semibold">ALWAYS</i> been edited!</p>
         </header>
 
         <!-- Menu Bar -->

script.js

@@ -1025,11 +1025,25 @@ document.addEventListener('DOMContentLoaded', function() {
             return;
         }
         
+        // Don't allow dropping on closing brackets
+        if (dropKey === 'closing') {
+            return;
+        }
+        
         // Get the value being moved BEFORE removing
         const draggedParent = findElementByKey(jsonData, draggedParentKey);
         let movedValue = null;
         
-        if (draggedParent && typeof draggedParent === 'object') {
+        if (draggedParent === 'root') {
+            if (Array.isArray(jsonData)) {
+                const index = parseInt(draggedKey);
+                if (!isNaN(index) && index >= 0 && index < jsonData.length) {
+                    movedValue = jsonData[index];
+                }
+            } else {
+                movedValue = jsonData[draggedKey];
+            }
+        } else if (draggedParent && typeof draggedParent === 'object') {
             if (Array.isArray(draggedParent)) {
                 const index = parseInt(draggedKey);
                 if (!isNaN(index) && index >= 0 && index < draggedParent.length) {
@@ -1072,13 +1086,33 @@ document.addEventListener('DOMContentLoaded', function() {
         }
         
         // Get the new parent object
-        const newParent = findElementByKey(jsonData, newParentKey);
+        let newParent = null;
+        if (newParentKey === 'root') {
+            newParent = jsonData;
+        } else {
+            newParent = findElementByKey(jsonData, newParentKey);
+        }
         
-        if (!newParent || typeof newParent !== 'object') {
-            showNotification('Cannot move here - invalid parent', true);
+        if (!newParent) {
+            showNotification('Cannot move here - parent not found', true);
             return;
         }
         
+        // If parent is a primitive, we can't insert inside - move to parent's parent
+        if (typeof newParent !== 'object' || newParent === null) {
+            // Try to find the parent's parent
+            const grandParent = findElementByKey(jsonData, dropParentKey);
+            if (grandParent && typeof grandParent === 'object') {
+                newParent = grandParent;
+                newParentKey = dropParentKey;
+                insertPosition = 'after';
+                insertKey = dropKey;
+            } else {
+                showNotification('Cannot move here - invalid parent type', true);
+                return;
+            }
+        }
+        
         // Remove from original location
         if (draggedParent === 'root') {
             if (Array.isArray(jsonData)) {