Update data sources to correctly include block context suffixes in provider IDs

packages/builder/src/builderStore/dataBinding.js

@@ -207,11 +207,11 @@ const getProviderContextBindings = (asset, dataProviders) => {
       const keys = Object.keys(schema).sort()
 
       // Generate safe unique runtime prefix
-      let runtimeId = component._id
+      let providerId = component._id
       if (runtimeSuffix) {
-        runtimeId += `-${runtimeSuffix}`
+        providerId += `-${runtimeSuffix}`
       }
-      const safeComponentId = makePropSafe(runtimeId)
+      const safeComponentId = makePropSafe(providerId)
 
       // Create bindable properties for each schema field
       keys.forEach(key => {
@@ -235,7 +235,7 @@ const getProviderContextBindings = (asset, dataProviders) => {
           // Field schema and provider are required to construct relationship
           // datasource options, based on bindable properties
           fieldSchema,
-          providerId: component._id,
+          providerId,
         })
       })
     })

packages/builder/src/components/design/PropertiesPanel/PropertyControls/DataSourceSelect.svelte

@@ -89,8 +89,8 @@
   $: fields = bindings
     .filter(x => arrayTypes.includes(x.fieldSchema?.type))
     .map(binding => {
-      const { providerId, readableBinding, fieldSchema } = binding || {}
-      const { name, type, tableId } = fieldSchema || {}
+      const { providerId, readableBinding, runtimeBinding } = binding
+      const { name, type, tableId } = binding.fieldSchema
       return {
         providerId,
         label: readableBinding,
@@ -98,7 +98,7 @@
         fieldType: type,
         tableId,
         type: "field",
-        value: `{{ literal ${safe(providerId)}.${safe(name)} }}`,
+        value: `{{ literal ${runtimeBinding} }}`,
       }
     })