FOUR-30436 | Record List Column Selector Does Not Show All Collection Fields When Configuring a Collection Source

src/components/inspector/collection-data-source.vue

@@ -185,13 +185,24 @@ export default {
       }
     },
     getCollectionColumns(records) {
-      const [firstRecord] = records?.dataRecordList || [];
+      this.singleFieldOptions = [];
 
-      if (firstRecord?.data) {
-        this.singleFieldOptions = [];
-        const dataObject = firstRecord.data;
+      // Prefer the collection schema when CollectionRecordsList has
+      // forwarded it on the v-model payload.
+      if (Array.isArray(records?.fields) && records.fields.length > 0) {
+        records.fields.forEach((field) => {
+          this.singleFieldOptions.push({
+            text: field.text || field.value,
+            value: field.value
+          });
+        });
+        return;
+      }
 
-        for (const [key] of Object.entries(dataObject)) {
+      // Fallback: get columns from the first record's populated keys.
+      const [firstRecord] = records?.dataRecordList || [];
+      if (firstRecord?.data) {
+        for (const [key] of Object.entries(firstRecord.data)) {
           this.singleFieldOptions.push({ text: key, value: key });
         }
       }

src/components/inspector/collection-records-list.vue

@@ -35,7 +35,8 @@ import ScreenVariableSelector from "../screen-variable-selector.vue";
 const CONFIG_FIELDS = [
   "collectionId",
   "pmql",
-  "dataRecordList"
+  "dataRecordList",
+  "fields"
 ];
 
 export default {
@@ -144,22 +145,18 @@ export default {
     },
     getFields() {
       if (!this.collectionId) {
+        this.fields = [];
         return;
       }
 
       this.$dataProvider
         .getCollectionFields(this.collectionId)
         .then((response) => {
-          this.fields = [
-            { value: null, text: this.$t("Select a field") },
-            { value: "id", text: this.$t("Collection Record ID") },
-            ...response.data.data.map((field) => {
-              return {
-                text: field.label,
-                value: field.field
-              };
-            })
-          ];
+          const dataColumns = response?.data?.data || [];
+          this.fields = dataColumns.map((field) => ({
+            text: field.label || field.field,
+            value: field.field
+          }));
 
           this.onCollectionChange();
         });

src/components/inspector/column-setup.vue

@@ -395,12 +395,23 @@ export default {
     },
     getCollectionColumns(collection) {
       this.collectionOptions = [{ text: "All columns", value: "all" }];
-      const [firstRecord] = collection?.dataRecordList || [];
 
-      if (firstRecord?.data) {
-        const dataObject = firstRecord.data;
+      // Prefer the collection schema when CollectionRecordsList
+      // has forwarded it on the v-model payload.
+      if (Array.isArray(collection?.fields) && collection.fields.length > 0) {
+        collection.fields.forEach((field) => {
+          this.collectionOptions.push({
+            text: field.text || field.value,
+            value: field.value
+          });
+        });
+        return;
+      }
 
-        for (const [key, value] of Object.entries(dataObject)) {
+      // Fallback: get columns from the first record's populated keys.
+      const [firstRecord] = collection?.dataRecordList || [];
+      if (firstRecord?.data) {
+        for (const [key] of Object.entries(firstRecord.data)) {
           this.collectionOptions.push({ text: key, value: key });
         }
       }