why does it not move? - Follow Up Deployment

index.html

@@ -306,6 +306,19 @@
 
             <!-- Main Content -->
             <div class="lg:col-span-3 space-y-6">
+                <!-- Pinned Scripts -->
+                <div class="bg-white p-6 rounded-lg shadow">
+                    <div class="flex justify-between items-center mb-4">
+                        <h2 class="text-xl font-semibold text-blue-500">Pinned Scripts</h2>
+                        <button id="togglePinnedDatesBtn" class="toggle-dates-btn text-gray-500 hover:text-blue-500" title="Toggle dates">
+                            <i class="fa-solid fa-eye-slash"></i>
+                        </button>
+                    </div>
+                    <div id="pinnedScriptsContainer" class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <!-- Pinned scripts will be rendered here -->
+                    </div>
+                </div>
+
                 <!-- Time Zone Converter -->
                 <div class="bg-white p-6 rounded-lg shadow">
                     <h2 class="text-xl font-semibold text-blue-500 mb-4">Appointment Time Converter</h2>
@@ -358,19 +371,6 @@
                     </div>
                 </div>
 
-                <!-- Pinned Scripts -->
-                <div class="bg-white p-6 rounded-lg shadow">
-                    <div class="flex justify-between items-center mb-4">
-                        <h2 class="text-xl font-semibold text-blue-500">Pinned Scripts</h2>
-                        <button id="togglePinnedDatesBtn" class="toggle-dates-btn text-gray-500 hover:text-blue-500" title="Toggle dates">
-                            <i class="fa-solid fa-eye-slash"></i>
-                        </button>
-                    </div>
-                    <div id="pinnedScriptsContainer" class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                        <!-- Pinned scripts will be rendered here -->
-                    </div>
-                </div>
-
                 <!-- All Scripts -->
                 <div class="bg-white p-6 rounded-lg shadow">
                     <div class="import-export-container">
@@ -1369,6 +1369,12 @@
                                 <button onclick="copyScript(${script.id})" class="text-gray-400 hover:text-blue-500" title="Copy script">
                                     <i class="fas fa-copy"></i>
                                 </button>
+                                <button onclick="moveScriptUp(${script.id})" class="move-btn text-gray-500 hover:text-blue-500" title="Move up">
+                                    <i class="fas fa-arrow-up text-xs"></i>
+                                </button>
+                                <button onclick="moveScriptDown(${script.id})" class="move-btn text-gray-500 hover:text-blue-500" title="Move down">
+                                    <i class="fas fa-arrow-down text-xs"></i>
+                                </button>
                                 <button onclick="togglePinScript(${script.id})" class="text-yellow-500 hover:text-yellow-600" title="Unpin">
                                     <i class="fas fa-star"></i>
                                 </button>
@@ -1552,6 +1558,52 @@
             scriptModal.classList.add('hidden');
         }
 
+        // Move script up in pinned list
+        function moveScriptUp(id) {
+            const pinnedScripts = scripts.filter(script => script.pinned);
+            const scriptIndex = pinnedScripts.findIndex(s => s.id === id);
+            if (scriptIndex > 0) {
+                // Find the actual indices in the main scripts array
+                const scriptMainIndex = scripts.findIndex(s => s.id === id);
+                const prevScriptId = pinnedScripts[scriptIndex - 1].id;
+                const prevScriptMainIndex = scripts.findIndex(s => s.id === prevScriptId);
+                
+                // Reorder directly in the scripts array
+                [scripts[scriptMainIndex], scripts[prevScriptMainIndex]] = 
+                    [scripts[prevScriptMainIndex], scripts[scriptMainIndex]];
+                
+                // Update timestamps
+                scripts[scriptMainIndex].updatedAt = new Date().toISOString();
+                scripts[prevScriptMainIndex].updatedAt = new Date().toISOString();
+                
+                saveData();
+                renderPinnedScripts();
+            }
+        }
+
+        // Move script down in pinned list
+        function moveScriptDown(id) {
+            const pinnedScripts = scripts.filter(script => script.pinned);
+            const scriptIndex = pinnedScripts.findIndex(s => s.id === id);
+            if (scriptIndex < pinnedScripts.length - 1) {
+                // Find the actual indices in the main scripts array
+                const scriptMainIndex = scripts.findIndex(s => s.id === id);
+                const nextScriptId = pinnedScripts[scriptIndex + 1].id;
+                const nextScriptMainIndex = scripts.findIndex(s => s.id === nextScriptId);
+                
+                // Reorder directly in the scripts array
+                [scripts[scriptMainIndex], scripts[nextScriptMainIndex]] = 
+                    [scripts[nextScriptMainIndex], scripts[scriptMainIndex]];
+                
+                // Update timestamps
+                scripts[scriptMainIndex].updatedAt = new Date().toISOString();
+                scripts[nextScriptMainIndex].updatedAt = new Date().toISOString();
+                
+                saveData();
+                renderPinnedScripts();
+            }
+        }
+
         // Show add label form
         function showAddLabelForm() {
             addLabelForm.classList.remove('hidden');
@@ -1653,6 +1705,8 @@
 
         // Make functions available globally
         window.copyScript = copyScript;
+        window.moveScriptUp = moveScriptUp;
+        window.moveScriptDown = moveScriptDown;
         window.togglePinScript = togglePinScript;
         window.editScript = editScript;
         window.deleteScript = deleteScript;

prompts.txt

@@ -1 +1,4 @@
-In the Appointment Time Converter and the script it generates allow me to add the client's name and email address to invite them as an attendee. Keep the same style and layout
+Allow me to change the order and move the pinned scripts. Keep same style
+add a pinned scripts movement to move the scripts around
+the arrows dont move the script. please fix
+why does it not move?