diff --git a/public/js/libProcessScript.js b/public/js/libProcessScript.js
index fc33781..3668fae 100644
--- a/public/js/libProcessScript.js
+++ b/public/js/libProcessScript.js
@@ -77,6 +77,9 @@ async function updatePdfFields(
         }
         let ii = 0
         dataSource.forEach((record, recIndex) => {
+            if (ii == 0) {
+                console.log(JSON.stringify(record, null, 2))
+            }
             console.log(`Processing record[${recIndex}]:`, record);
 
             if (!record || typeof record !== 'object') {
@@ -85,17 +88,26 @@ async function updatePdfFields(
             }
 
             // Extract numSection and pointValue dynamically or other 'key' components.
-            const { numSection } = record;
-            const pointValue = record.pointValue || record.Points;  // Fallback to Points if pointValue is missing
+            /**  
+             * Working area - to wrap assignment of numSection, pointValue or a Key-Value for other datasources.
+             * so far this is working and success on downloading the PDF prefilled on the score.
+             */
+            const recordToKeyArray = Object.keys(record).includes("$id")
 
+            if (recordToKeyArray) { console.log("$ID EXIST") }
+            const { numSection, pointValue } = record;
+            const rKey = numSection
+            const rValue = pointValue
+            //const pointValue = record.pointValue || record.Points;  // Fallback to Points if pointValue is missing
+            console.log(`[numSection 2 key  ==>] ${rKey},${rValue}`)
 
             if (numSection && pointValue) {
                 console.log(`Updating PDF field: ${numSection} with value: ${pointValue}`);
 
                 try {
                     // Use numSection as the dynamic field name
-                    const formField = form.getTextField(numSection);
-
+                    //const formField = form.getTextField(numSection);
+                    const formField = form.getFieldMaybe(String(numSection));  // if cannot find, then just returns 'undefined' rather than throw err.
                     if (formField) {
                         ii++
                         formField.setText(String(pointValue));
@@ -111,6 +123,7 @@ async function updatePdfFields(
             }
         });
         console.log(`${ii} Form field updates complete.`);
+        ii = 0;
     });
 
 
diff --git a/public/listFields.html b/public/listFields.html
index b5c5240..44ea008 100644
--- a/public/listFields.html
+++ b/public/listFields.html
@@ -1,19 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
-<base href="/">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>PDF Form Fields</title>
-    <script src="https://unpkg.com/pdf-lib/dist/pdf-lib.js"></script>
+  <base href="/">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>PDF Form Fields</title>
+  <script src="https://unpkg.com/pdf-lib/dist/pdf-lib.js"></script>
 </head>
+
 <body>
-    <h1>Hardcoded PDF Form Fields</h1>
-    <ul id="field-list"></ul>
+  <h1>Hardcoded PDF Form Fields</h1>
+  <ul id="field-list"></ul>
 
-    <script>
-
-      const filePath = "/PDF/Template-EDV-ERT_v4.1.pdf"
+  <script>
+    const filePath = "/PDF/Template-EDV-ERT_v4.1.pdf"
 
        const pdfBytes = await fetchPdfBytes(filePath);
       // Function to load a PDF and list all form fields
@@ -38,6 +39,7 @@
         .then(response => response.arrayBuffer())
         .then(pdfBytes => listPdfFields(pdfBytes))
         .catch(error => console.error('Error loading PDF:', error));
-    </script>
+  </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
