updated the script code ✅✅

mediSync/app.py

@@ -1083,49 +1083,92 @@ def create_interface():
             console.log('Found appointment ID:', appointmentId);
             
             if (appointmentId) {
-                // Try multiple selectors to find the appointment ID input
-                var selectors = [
-                    'input[placeholder*="appointment ID"]',
-                    'input[placeholder*="appointment_id"]',
-                    'input[placeholder*="Appointment ID"]',
-                    'textarea[placeholder*="appointment ID"]',
-                    'textarea[placeholder*="appointment_id"]',
-                    'textarea[placeholder*="Appointment ID"]'
-                ];
+                // Try multiple methods to find and populate the appointment ID input
+                var success = false;
                 
-                for (var selector of selectors) {
-                    var elements = document.querySelectorAll(selector);
-                    for (var element of elements) {
-                        console.log('Found element:', element);
-                        element.value = appointmentId;
-                        // Trigger change event
-                        var event = new Event('input', { bubbles: true });
-                        element.dispatchEvent(event);
-                        console.log('Set appointment ID to:', appointmentId);
-                        return true;
+                // Method 1: Try by specific element ID
+                var elementById = document.getElementById('appointment_id_input');
+                if (elementById) {
+                    elementById.value = appointmentId;
+                    var event = new Event('input', { bubbles: true });
+                    elementById.dispatchEvent(event);
+                    console.log('Set appointment ID by ID to:', appointmentId);
+                    success = true;
+                }
+                
+                // Method 2: Try by placeholder text
+                if (!success) {
+                    var selectors = [
+                        'input[placeholder*="appointment ID"]',
+                        'input[placeholder*="appointment_id"]',
+                        'input[placeholder*="Appointment ID"]',
+                        'textarea[placeholder*="appointment ID"]',
+                        'textarea[placeholder*="appointment_id"]',
+                        'textarea[placeholder*="Appointment ID"]'
+                    ];
+                    
+                    for (var selector of selectors) {
+                        var elements = document.querySelectorAll(selector);
+                        for (var element of elements) {
+                            console.log('Found element by placeholder:', element);
+                            element.value = appointmentId;
+                            var event = new Event('input', { bubbles: true });
+                            element.dispatchEvent(event);
+                            console.log('Set appointment ID by placeholder to:', appointmentId);
+                            success = true;
+                            break;
+                        }
+                        if (success) break;
                     }
                 }
                 
-                // If not found by placeholder, try by label
-                var labels = document.querySelectorAll('label');
-                for (var label of labels) {
-                    if (label.textContent && label.textContent.toLowerCase().includes('appointment id')) {
-                        var input = label.nextElementSibling;
-                        if (input && (input.tagName === 'INPUT' || input.tagName === 'TEXTAREA')) {
+                // Method 3: Try by label text
+                if (!success) {
+                    var labels = document.querySelectorAll('label');
+                    for (var label of labels) {
+                        if (label.textContent && label.textContent.toLowerCase().includes('appointment id')) {
+                            var input = label.nextElementSibling;
+                            if (input && (input.tagName === 'INPUT' || input.tagName === 'TEXTAREA')) {
+                                input.value = appointmentId;
+                                var event = new Event('input', { bubbles: true });
+                                input.dispatchEvent(event);
+                                console.log('Set appointment ID by label to:', appointmentId);
+                                success = true;
+                                break;
+                            }
+                        }
+                    }
+                }
+                
+                // Method 4: Try by Gradio component attributes
+                if (!success) {
+                    var gradioInputs = document.querySelectorAll('[data-testid="textbox"]');
+                    for (var input of gradioInputs) {
+                        var label = input.closest('.form').querySelector('label');
+                        if (label && label.textContent.toLowerCase().includes('appointment id')) {
                             input.value = appointmentId;
                             var event = new Event('input', { bubbles: true });
                             input.dispatchEvent(event);
-                            console.log('Set appointment ID by label to:', appointmentId);
-                            return true;
+                            console.log('Set appointment ID by Gradio component to:', appointmentId);
+                            success = true;
+                            break;
                         }
                     }
                 }
                 
-                console.log('Could not find appointment ID input field');
+                if (!success) {
+                    console.log('Could not find appointment ID input field');
+                    // Log all input elements for debugging
+                    var allInputs = document.querySelectorAll('input, textarea');
+                    console.log('All input elements found:', allInputs.length);
+                    for (var i = 0; i < allInputs.length; i++) {
+                        console.log('Input', i, ':', allInputs[i].placeholder, allInputs[i].id, allInputs[i].className);
+                    }
+                }
             } else {
                 console.log('No appointment ID found in URL');
             }
-            return false;
+            return success;
         }
         
         // Function to wait for Gradio to be ready