@startinblox/core 2.0.6-beta.6 → 2.0.6-beta.7

package/dist/index.js

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { g as getDefaultExportFromCjs, S as StoreService, b as base_context, f as formatAttributesToServerPaginationOptions, m as mergeServerSearchOptions, a as formatAttributesToServerSearchOptions, c as StoreType, d as StoreFactory, h as hasSetLocalData, e as hasQueryIndex, __tla as __tla_0 } from "./store-B7CtE5CD.js";
+import { g as getDefaultExportFromCjs, S as StoreService, b as base_context, f as formatAttributesToServerPaginationOptions, m as mergeServerSearchOptions, a as formatAttributesToServerSearchOptions, c as StoreType, d as StoreFactory, h as hasSetLocalData, e as hasQueryIndex, __tla as __tla_0 } from "./store-pxHgUL4R.js";
 import { d as defineComponent, n as normalizeContext, u as uniqID, f as fuzzyCompare, a as asyncQuerySelector, i as importInlineCSS, b as importCSS, c as doesResourceContainList, e as findClosingBracketMatchIndex, p as parseFieldsString, g as evalTemplateString, h as compare, j as generalComparator, t as transformArrayToContainer, s as setDeepProperty } from "./helpers-vZrb1UDN.js";
 import { k } from "./helpers-vZrb1UDN.js";
 let index$4, BaseWidgetMixin, index$3, CounterMixin, EdcAssetsDisplay, EdcCatalogDisplay, EdcFederatedCatalogDisplay, FederationMixin, FilterMixin, GrouperMixin, HighlighterMixin, ListMixin, NextMixin, PaginateMixin, RequiredMixin, Sib, SolidAcChecker, SolidDelete, SolidDisplay, SolidForm, SolidFormSearch, SolidLang, SolidMemberAdd, SolidMemberDelete, SolidMembership, SolidTable, SolidTemplateElement, SolidWidget, SorterMixin, StoreMixin, index$2, index$1, index, TranslationMixin, ValidationMixin, WidgetMixin, x, o$2, newWidgetFactory, B, o$1, m, widgetFactory;
@@ -2703,6 +2703,46 @@ Component: ${componentName}
     }, "SolidDelete:render")
   };
   Sib.register(SolidDelete);
+  class ProviderRegistry {
+    constructor(initialProviders) {
+      __publicField(this, "providers", /* @__PURE__ */ new Map());
+      if (initialProviders) {
+        for (const provider of initialProviders) {
+          this.addProvider(provider);
+        }
+      }
+    }
+    addProvider(provider) {
+      this.providers.set(provider.protocolAddress, provider);
+    }
+    getProviderByAddress(protocolAddress) {
+      return this.providers.get(protocolAddress);
+    }
+    getProviderByParticipantId(participantId) {
+      return Array.from(this.providers.values()).find((provider) => provider.participantId === participantId);
+    }
+    getAllProviders() {
+      return Array.from(this.providers.values());
+    }
+    removeProvider(protocolAddress) {
+      return this.providers.delete(protocolAddress);
+    }
+    updateProviderStatus(protocolAddress, status) {
+      const provider = this.providers.get(protocolAddress);
+      if (provider) {
+        provider.status = status;
+        provider.lastSeen = (/* @__PURE__ */ new Date()).toISOString();
+      }
+    }
+    static fromConfig(config2) {
+      return new ProviderRegistry(config2.providers);
+    }
+    toConfig() {
+      return {
+        providers: this.getAllProviders()
+      };
+    }
+  }
   const ActionMixin = {
     name: "action-mixin",
     attributes: {
@@ -99792,429 +99832,8 @@ ${escapeText(this.code(index2, length))}
       return field.startsWith("@") ? field.slice(1, field.length) : field;
     }
   };
-  EdcAssetsDisplay = {
-    name: "edc-assets-display",
-    use: [
-      WidgetMixin,
-      AttributeBinderMixin
-    ],
-    attributes: {
-      connectorUri: {
-        type: String,
-        default: null,
-        callback: function(value) {
-          if (value && this.apiKey) {
-            this.fetchAssets();
-          }
-        }
-      },
-      apiKey: {
-        type: String,
-        default: null,
-        callback: function(value) {
-          if (value && this.connectorUri) {
-            this.fetchAssets();
-          }
-        }
-      },
-      defaultWidget: {
-        type: String,
-        default: "edc-asset-item"
-      }
-    },
-    initialState: {
-      assets: [],
-      loading: false,
-      error: null
-    },
-    created() {
-      if (this.connectorUri && this.apiKey) {
-        this.fetchAssets();
-      }
-    },
-    async fetchAssets() {
-      if (!this.connectorUri || !this.apiKey) return;
-      this.loading = true;
-      this.error = null;
-      this.render();
-      try {
-        const config2 = {
-          type: StoreType.DataspaceConnector,
-          endpoint: this.connectorUri,
-          catalogEndpoint: `${this.connectorUri}/v3/catalog/request`,
-          contractNegotiationEndpoint: `${this.connectorUri}/v3/contractnegotiations`,
-          transferProcessEndpoint: `${this.connectorUri}/v3/transferprocesses`,
-          assetsEndpoint: `${this.connectorUri}/v3/assets/request`,
-          authMethod: "edc-api-key",
-          edcApiKey: this.apiKey,
-          retryAttempts: 3,
-          timeout: 3e4
-        };
-        const store2 = StoreFactory.create(config2);
-        const assetsRaw = await store2.getAssets();
-        this.assets = Array.isArray(assetsRaw) ? assetsRaw : assetsRaw ? [
-          assetsRaw
-        ] : [];
-      } catch (error2) {
-        console.error("Failed to fetch EDC assets:", error2);
-        this.error = error2.message;
-        this.assets = [];
-      } finally {
-        this.loading = false;
-        this.render();
-      }
-    },
-    render() {
-      if (this.loading) {
-        B(x`<div class="loading">Loading assets...</div>`, this.element);
-        return;
-      }
-      if (this.error) {
-        B(x`<div class="error">Error: ${this.error}</div>`, this.element);
-        return;
-      }
-      if (!this.assets || this.assets.length === 0) {
-        B(x`<div class="empty">No assets found</div>`, this.element);
-        return;
-      }
-      const template = x`
-      <div class="edc-assets-list">
-        ${this.assets.map((asset) => {
-        var _a3, _b, _c, _d;
-        return x`
-            <div class="edc-asset-item" data-asset-id="${asset["@id"]}">
-              <h3 class="asset-title">
-                ${asset["dcterms:title"] || ((_a3 = asset.properties) == null ? void 0 : _a3.name) || asset["@id"]}
-              </h3>
-              ${asset["dcterms:description"] || ((_b = asset.properties) == null ? void 0 : _b.description) ? x`<p class="asset-description">
-                    ${asset["dcterms:description"] || ((_c = asset.properties) == null ? void 0 : _c.description)}
-                  </p>` : ""}
-              <div class="asset-metadata">
-                <span class="asset-id">ID: ${asset["@id"]}</span>
-                ${((_d = asset.properties) == null ? void 0 : _d["https://w3id.org/edc/v0.0.1/ns/type"]) ? x`<span class="asset-type">
-                      Type: ${asset.properties["https://w3id.org/edc/v0.0.1/ns/type"]}
-                    </span>` : ""}
-              </div>
-            </div>
-          `;
-      })}
-      </div>
-    `;
-      B(template, this.element);
-    }
-  };
-  Sib.register(EdcAssetsDisplay);
-  EdcCatalogDisplay = {
-    name: "edc-catalog-display",
-    use: [
-      WidgetMixin,
-      AttributeBinderMixin
-    ],
-    attributes: {
-      connectorUri: {
-        type: String,
-        default: null,
-        callback: function(value) {
-          if (value && this.apiKey && this.counterPartyAddress) {
-            this.fetchCatalog();
-          }
-        }
-      },
-      apiKey: {
-        type: String,
-        default: null,
-        callback: function(value) {
-          if (value && this.connectorUri && this.counterPartyAddress) {
-            this.fetchCatalog();
-          }
-        }
-      },
-      counterPartyAddress: {
-        type: String,
-        default: null,
-        callback: function(value) {
-          if (value && this.connectorUri && this.apiKey) {
-            this.fetchCatalog();
-          }
-        }
-      },
-      defaultWidget: {
-        type: String,
-        default: "edc-dataset-item"
-      }
-    },
-    initialState: {
-      catalog: null,
-      datasets: [],
-      loading: false,
-      error: null,
-      negotiations: /* @__PURE__ */ new Map(),
-      store: null
-    },
-    created() {
-      if (this.connectorUri && this.apiKey && this.counterPartyAddress) {
-        this.fetchCatalog();
-      }
-    },
-    async fetchCatalog() {
-      if (!this.connectorUri || !this.apiKey || !this.counterPartyAddress) return;
-      this.loading = true;
-      this.error = null;
-      this.render();
-      try {
-        const config2 = {
-          type: StoreType.DataspaceConnector,
-          endpoint: this.connectorUri,
-          catalogEndpoint: `${this.connectorUri}/v3/catalog/request`,
-          contractNegotiationEndpoint: `${this.connectorUri}/v3/contractnegotiations`,
-          transferProcessEndpoint: `${this.connectorUri}/v3/transferprocesses`,
-          authMethod: "edc-api-key",
-          edcApiKey: this.apiKey,
-          retryAttempts: 8,
-          timeout: 1e4
-        };
-        const store2 = StoreFactory.create(config2);
-        const catalog = await store2.getCatalog(this.counterPartyAddress);
-        this.catalog = catalog;
-        this.datasets = (catalog == null ? void 0 : catalog["dcat:dataset"]) || [];
-        this.store = store2;
-      } catch (error2) {
-        console.error("Failed to fetch EDC catalog:", error2);
-        this.error = error2.message;
-        this.catalog = null;
-        this.datasets = [];
-      } finally {
-        this.loading = false;
-        this.render();
-      }
-    },
-    async negotiateAccess(dataset) {
-      if (!dataset["odrl:hasPolicy"] || dataset["odrl:hasPolicy"].length === 0) {
-        console.error("No policies available for dataset:", dataset["@id"]);
-        return;
-      }
-      try {
-        const offer = dataset["odrl:hasPolicy"][0];
-        const offerId = offer["@id"];
-        const assetId = dataset["@id"];
-        this.negotiations.set(assetId, {
-          status: "negotiating",
-          offerId
-        });
-        this.render();
-        if (!this.store) {
-          console.error("Store not available for negotiation");
-          return;
-        }
-        const store2 = this.store;
-        const modifiedOffer = {
-          ...offer,
-          target: assetId
-        };
-        const negotiationId = await store2.initiateNegotiation(this.counterPartyAddress, assetId, modifiedOffer);
-        this.negotiations.set(assetId, {
-          status: "pending",
-          negotiationId,
-          offerId
-        });
-        this.render();
-        this.pollNegotiationStatus(assetId, negotiationId);
-      } catch (error2) {
-        console.error("Contract negotiation failed:", error2);
-        this.negotiations.set(dataset["@id"], {
-          status: "failed",
-          error: error2.message
-        });
-        this.render();
-      }
-    },
-    async pollNegotiationStatus(assetId, negotiationId) {
-      const maxAttempts = 60;
-      const pollInterval = 5e3;
-      for (let attempt = 0; attempt < maxAttempts; attempt++) {
-        try {
-          if (!this.store) {
-            console.error("Store not available for polling");
-            return;
-          }
-          const store2 = this.store;
-          const status = await store2.getNegotiationStatus(negotiationId);
-          this.negotiations.set(assetId, {
-            status: "pending",
-            negotiationId,
-            currentState: status.state,
-            attempt: attempt + 1,
-            maxAttempts
-          });
-          this.render();
-          if (status.state === "FINALIZED" || status.state === "AGREED") {
-            this.negotiations.set(assetId, {
-              status: "granted",
-              negotiationId,
-              contractId: status.contractAgreementId || negotiationId
-            });
-            this.render();
-            return;
-          }
-          if (status.state === "TERMINATED") {
-            this.negotiations.set(assetId, {
-              status: "failed",
-              error: status.errorDetail || "Negotiation terminated"
-            });
-            this.render();
-            return;
-          }
-          await new Promise((resolve) => setTimeout(resolve, pollInterval));
-        } catch (error2) {
-          console.error(`Error polling negotiation status (attempt ${attempt + 1}):`, error2);
-          await new Promise((resolve) => setTimeout(resolve, pollInterval));
-        }
-      }
-      this.negotiations.set(assetId, {
-        status: "failed",
-        error: "Negotiation timeout after 5 minutes - may still be processing on provider side"
-      });
-      this.render();
-    },
-    render() {
-      if (this.loading) {
-        B(x`<div class="loading">Loading catalog...</div>`, this.element);
-        return;
-      }
-      if (this.error) {
-        B(x`<div class="error">Error: ${this.error}</div>`, this.element);
-        return;
-      }
-      if (!this.datasets || this.datasets.length === 0) {
-        B(x`<div class="empty">No datasets found in catalog</div>`, this.element);
-        return;
-      }
-      const template = x`
-      <div class="edc-catalog-info">
-        ${this.catalog ? x`
-          <div class="catalog-header">
-            <h2>Catalog: ${this.catalog["@id"]}</h2>
-            <p>Provider: ${this.catalog.participantId}</p>
-            <p>Datasets: ${this.datasets.length}</p>
-          </div>
-        ` : ""}
-      </div>
-      <div class="edc-datasets-list">
-        ${this.datasets.map((dataset) => {
-        var _a3, _b, _c, _d, _e;
-        return x`
-            <div class="edc-dataset-item" data-dataset-id="${dataset["@id"]}">
-              <h3 class="dataset-title">
-                ${dataset["dcterms:title"] || ((_a3 = dataset.properties) == null ? void 0 : _a3.name) || dataset["@id"]}
-              </h3>
-              ${dataset["dcterms:description"] || ((_b = dataset.properties) == null ? void 0 : _b.description) ? x`<p class="dataset-description">
-                    ${dataset["dcterms:description"] || ((_c = dataset.properties) == null ? void 0 : _c.description)}
-                  </p>` : ""}
-              <div class="dataset-metadata">
-                <span class="dataset-id">ID: ${dataset["@id"]}</span>
-                ${dataset["dcterms:creator"] ? x`<span class="dataset-creator">Creator: ${dataset["dcterms:creator"]}</span>` : ""}
-                ${((_d = dataset["dcat:keyword"]) == null ? void 0 : _d.length) > 0 ? x`<span class="dataset-keywords">Keywords: ${dataset["dcat:keyword"].join(", ")}</span>` : ""}
-                ${((_e = dataset["odrl:hasPolicy"]) == null ? void 0 : _e.length) > 0 ? x`<span class="dataset-policies">Policies: ${dataset["odrl:hasPolicy"].length}</span>` : ""}
-              </div>
-              <div class="dataset-actions">
-                ${this.renderNegotiationButton(dataset)}
-              </div>
-            </div>
-          `;
-      })}
-      </div>
-    `;
-      B(template, this.element);
-    },
-    renderNegotiationButton(dataset) {
-      const assetId = dataset["@id"];
-      const negotiation = this.negotiations.get(assetId);
-      if (!dataset["odrl:hasPolicy"] || dataset["odrl:hasPolicy"].length === 0) {
-        return x`<span class="no-policy">No policies available</span>`;
-      }
-      if (negotiation) {
-        switch (negotiation.status) {
-          case "negotiating":
-            return x`<button class="negotiate-btn negotiating" disabled>
-            Negotiating...
-          </button>`;
-          case "pending":
-            return x`<div class="negotiation-info">
-            <span class="negotiation-id">Negotiation: ${negotiation.negotiationId}</span>
-            <span class="negotiation-status pending">
-              ${negotiation.currentState || "Pending"} 
-              ${negotiation.attempt ? `(${negotiation.attempt}/${negotiation.maxAttempts})` : ""}
-            </span>
-          </div>`;
-          case "granted":
-            return x`<div class="negotiation-success">
-            <span class="access-granted">✅ Access Granted</span>
-            <span class="contract-id">Contract: ${negotiation.contractId}</span>
-            <button class="api-ready-btn" disabled>
-              API Ready
-            </button>
-          </div>`;
-          case "failed":
-            return x`<div class="negotiation-error">
-            <span>Failed: ${negotiation.error}</span>
-            <button class="negotiate-btn retry" @click=${() => this.negotiateAccess(dataset)}>
-              Retry
-            </button>
-          </div>`;
-          default:
-            return x`<button class="negotiate-btn" @click=${() => this.negotiateAccess(dataset)}>
-            Negotiate Access
-          </button>`;
-        }
-      }
-      return x`<button class="negotiate-btn" @click=${() => this.negotiateAccess(dataset)}>
-      Negotiate Access (${dataset["odrl:hasPolicy"].length} ${dataset["odrl:hasPolicy"].length === 1 ? "offer" : "offers"})
-    </button>`;
-    }
-  };
-  Sib.register(EdcCatalogDisplay);
-  class ProviderRegistry {
-    constructor(initialProviders) {
-      __publicField(this, "providers", /* @__PURE__ */ new Map());
-      if (initialProviders) {
-        for (const provider of initialProviders) {
-          this.addProvider(provider);
-        }
-      }
-    }
-    addProvider(provider) {
-      this.providers.set(provider.protocolAddress, provider);
-    }
-    getProviderByAddress(protocolAddress) {
-      return this.providers.get(protocolAddress);
-    }
-    getProviderByParticipantId(participantId) {
-      return Array.from(this.providers.values()).find((provider) => provider.participantId === participantId);
-    }
-    getAllProviders() {
-      return Array.from(this.providers.values());
-    }
-    removeProvider(protocolAddress) {
-      return this.providers.delete(protocolAddress);
-    }
-    updateProviderStatus(protocolAddress, status) {
-      const provider = this.providers.get(protocolAddress);
-      if (provider) {
-        provider.status = status;
-        provider.lastSeen = (/* @__PURE__ */ new Date()).toISOString();
-      }
-    }
-    static fromConfig(config2) {
-      return new ProviderRegistry(config2.providers);
-    }
-    toConfig() {
-      return {
-        providers: this.getAllProviders()
-      };
-    }
-  }
   EdcFederatedCatalogDisplay = {
-    name: "edc-federated-catalog-display",
+    name: "dsp-catalog-display",
     use: [
       WidgetMixin,
       AttributeBinderMixin
@@ -100257,6 +99876,18 @@ ${escapeText(this.code(index2, length))}
           }
         }
       },
+      apiGateway: {
+        type: String,
+        default: null,
+        callback: function(value) {
+          try {
+            this._apiGatewayConfig = value ? JSON.parse(value) : null;
+          } catch (error2) {
+            console.error("Failed to parse api-gateway JSON:", error2);
+            this._apiGatewayConfig = null;
+          }
+        }
+      },
       defaultWidget: {
         type: String,
         default: "edc-federated-dataset-item"
@@ -100278,6 +99909,7 @@ ${escapeText(this.code(index2, length))}
       negotiations: /* @__PURE__ */ new Map(),
       stores: /* @__PURE__ */ new Map(),
       _providersArray: [],
+      _apiGatewayConfig: null,
       providerStats: /* @__PURE__ */ new Map(),
       selectedProviders: /* @__PURE__ */ new Set(),
       searchQuery: "",
@@ -100615,6 +100247,151 @@ ${escapeText(this.code(index2, length))}
       });
       this.render();
     },
+    async getKeycloakAccessToken() {
+      if (!this._apiGatewayConfig) {
+        throw new Error("API Gateway configuration not provided");
+      }
+      const { keycloakUrl, realm, clientId, clientSecret, username, password } = this._apiGatewayConfig;
+      if (!keycloakUrl || !realm || !clientId || !clientSecret || !username || !password) {
+        throw new Error("Incomplete API Gateway configuration");
+      }
+      const tokenUrl = `${keycloakUrl}/realms/${realm}/protocol/openid-connect/token`;
+      const params = new URLSearchParams({
+        grant_type: "password",
+        client_id: clientId,
+        client_secret: clientSecret,
+        scope: "openid",
+        username,
+        password
+      });
+      const response = await fetch(tokenUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded"
+        },
+        body: params.toString()
+      });
+      if (!response.ok) {
+        const errorText = await response.text();
+        throw new Error(`Failed to get Keycloak access token: ${response.status} - ${errorText}`);
+      }
+      const data = await response.json();
+      return data.access_token;
+    },
+    async getApiGatewayToken(accessToken, contractAgreementId) {
+      if (!this._apiGatewayConfig) {
+        throw new Error("API Gateway configuration not provided");
+      }
+      const { apiGatewayBaseUrl } = this._apiGatewayConfig;
+      if (!apiGatewayBaseUrl) {
+        throw new Error("API Gateway base URL not configured");
+      }
+      const tokenUrl = `${apiGatewayBaseUrl}/token`;
+      const response = await fetch(tokenUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${accessToken}`
+        },
+        body: JSON.stringify({
+          agreementId: contractAgreementId
+        })
+      });
+      if (!response.ok) {
+        const errorText = await response.text();
+        throw new Error(`Failed to get API Gateway token: ${response.status} - ${errorText}`);
+      }
+      const data = await response.json();
+      return data.apiGatewayToken || data.token;
+    },
+    async accessDataViaApiGateway(federatedDataset, negotiation) {
+      const { dataset, provider } = federatedDataset;
+      const assetId = dataset["@id"];
+      const negotiationKey = `${assetId}@${provider.address}`;
+      try {
+        this.negotiations.set(negotiationKey, {
+          ...negotiation,
+          status: "getting-api-gateway-token"
+        });
+        this.render();
+        const keycloakAccessToken = await this.getKeycloakAccessToken();
+        const apiGatewayToken = await this.getApiGatewayToken(keycloakAccessToken, negotiation.contractId);
+        this.negotiations.set(negotiationKey, {
+          ...negotiation,
+          status: "granted",
+          apiGatewayToken
+        });
+        this.render();
+      } catch (error2) {
+        console.error("API Gateway token retrieval failed:", error2);
+        this.negotiations.set(negotiationKey, {
+          ...negotiation,
+          status: "granted",
+          apiGatewayError: error2.message
+        });
+        this.render();
+      }
+    },
+    async fetchDataViaApiGateway(federatedDataset, negotiation) {
+      var _a3;
+      const { dataset, provider } = federatedDataset;
+      const assetId = dataset["@id"];
+      const negotiationKey = `${assetId}@${provider.address}`;
+      try {
+        this.negotiations.set(negotiationKey, {
+          ...negotiation,
+          status: "accessing-data-via-gateway"
+        });
+        this.render();
+        if (!negotiation.apiGatewayToken) {
+          throw new Error("API Gateway token not available");
+        }
+        if (!((_a3 = this._apiGatewayConfig) == null ? void 0 : _a3.apiGatewayBaseUrl)) {
+          throw new Error("API Gateway base URL not configured");
+        }
+        const distributionsRaw = dataset["dcat:distribution"] || [];
+        const distributions = Array.isArray(distributionsRaw) ? distributionsRaw : [
+          distributionsRaw
+        ];
+        let endpointUrl = "";
+        if (distributions.length > 0 && distributions[0]["dcat:accessService"]) {
+          endpointUrl = distributions[0]["dcat:accessService"]["dcat:endpointUrl"] || distributions[0]["dcat:accessService"];
+        }
+        if (!endpointUrl) {
+          throw new Error("No endpoint URL found in dataset distribution");
+        }
+        const response = await fetch(endpointUrl, {
+          method: "GET",
+          headers: {
+            "X-API-Gateway-Token": negotiation.apiGatewayToken
+          }
+        });
+        if (!response.ok) {
+          const errorText = await response.text();
+          throw new Error(`Failed to fetch data via API Gateway: ${response.status} - ${errorText}`);
+        }
+        const data = await response.json();
+        const preview = JSON.stringify(data, null, 2).substring(0, 500);
+        alert(`Data retrieved successfully via API Gateway!
+
+Preview (first 500 chars):
+${preview}${JSON.stringify(data).length > 500 ? "..." : ""}`);
+        this.negotiations.set(negotiationKey, {
+          ...negotiation,
+          status: "granted"
+        });
+        this.render();
+      } catch (error2) {
+        console.error("Data access via API Gateway failed:", error2);
+        this.negotiations.set(negotiationKey, {
+          ...negotiation,
+          status: "granted",
+          dataAccessError: error2.message
+        });
+        this.render();
+        alert(`Data access failed: ${error2.message}`);
+      }
+    },
     async initiateEDRTransfer(federatedDataset, negotiation) {
       const { dataset, provider } = federatedDataset;
       const assetId = dataset["@id"];
@@ -100889,15 +100666,15 @@ ${preview}${JSON.stringify(data).length > 500 ? "..." : ""}`);
       <div class="federated-dataset-item" data-dataset-id="${dataset["@id"]}" data-provider="${provider.address}">
         <div class="dataset-header">
           <h3 class="dataset-title">
-            ${dataset["dcterms:title"] || dataset["dct:title"] || ((_a3 = dataset.properties) == null ? void 0 : _a3.name) || dataset["@id"]}
+            ${dataset["dcterms:title"] || dataset["dct:title"] || dataset["dcat:service"]["dct:title"] || ((_a3 = dataset.properties) == null ? void 0 : _a3.name) || dataset["@id"]}
           </h3>
           <div class="provider-badge" style="background-color: ${provider.color || "#1976d2"}">
             ${provider.name}
           </div>
         </div>
         
-        ${dataset["rdfs:comment"] || ((_b = dataset.properties) == null ? void 0 : _b.description) ? x`<p class="dataset-description">
-              ${dataset["rdfs:comment"] || ((_c = dataset.properties) == null ? void 0 : _c.description)}
+        ${dataset["rdfs:comment"] || dataset["dcat:service"]["rdfs:comment"] || ((_b = dataset.properties) == null ? void 0 : _b.description) ? x`<p class="dataset-description">
+              ${dataset["rdfs:comment"] || dataset["dcat:service"]["rdfs:comment"] || ((_c = dataset.properties) == null ? void 0 : _c.description)}
             </p>` : ""}
         
         <div class="dataset-metadata">
@@ -100972,7 +100749,24 @@ ${preview}${JSON.stringify(data).length > 500 ? "..." : ""}`);
               </div>` : ""}
           </div>`;
           }
-          case "granted":
+          case "getting-api-gateway-token":
+            return x`<div class="negotiation-info">
+            <span class="negotiation-provider">Provider: ${provider.name}</span>
+            <span class="contract-id">Contract: ${negotiation.contractId}</span>
+            <span class="negotiation-status pending">
+              <span class="spinner">🔑</span> Getting API Gateway Token...
+            </span>
+          </div>`;
+          case "accessing-data-via-gateway":
+            return x`<div class="negotiation-info">
+            <span class="negotiation-provider">Provider: ${provider.name}</span>
+            <span class="contract-id">Contract: ${negotiation.contractId}</span>
+            <span class="negotiation-status pending">
+              <span class="spinner">📡</span> Accessing Data via API Gateway...
+            </span>
+          </div>`;
+          case "granted": {
+            const useApiGateway = !!this._apiGatewayConfig;
             return x`<div class="negotiation-success">
             <span class="access-granted">✅ Access Granted via ${provider.name}</span>
             <span class="contract-id">Contract: ${negotiation.contractId}</span>
@@ -100982,19 +100776,39 @@ ${preview}${JSON.stringify(data).length > 500 ? "..." : ""}`);
                 🔄 Retry EDR
               </button>
             ` : ""}
+            ${negotiation.apiGatewayError ? x`
+              <span class="transfer-error">⚠️ ${negotiation.apiGatewayError}</span>
+              <button class="negotiate-btn retry" @click=${() => this.accessDataViaApiGateway(item, negotiation)}>
+                🔄 Retry API Gateway
+              </button>
+            ` : ""}
             <div class="api-access-actions">
-              ${!negotiation.edrToken ? x`
-                <button class="negotiate-btn" @click=${() => this.initiateEDRTransfer(item, negotiation)}>
-                  🚀 Get EDR Token
-                </button>
-              ` : x`
-                <span class="edr-ready">🔑 EDR Token Ready</span>
-                <button class="negotiate-btn" @click=${() => this.accessData(item, negotiation)}>
-                  📁 Access Data
-                </button>
-              `}
+              ${useApiGateway ? x`
+                    ${!negotiation.apiGatewayToken ? x`
+                      <button class="negotiate-btn" @click=${() => this.accessDataViaApiGateway(item, negotiation)}>
+                        🔑 Get API Gateway Token
+                      </button>
+                    ` : x`
+                      <span class="edr-ready">🔑 API Gateway Token Ready</span>
+                      <button class="negotiate-btn" @click=${() => this.fetchDataViaApiGateway(item, negotiation)}>
+                        📁 Access Data via API Gateway
+                      </button>
+                    `}
+                  ` : x`
+                    ${!negotiation.edrToken ? x`
+                      <button class="negotiate-btn" @click=${() => this.initiateEDRTransfer(item, negotiation)}>
+                        🚀 Get EDR Token
+                      </button>
+                    ` : x`
+                      <span class="edr-ready">🔑 EDR Token Ready</span>
+                      <button class="negotiate-btn" @click=${() => this.accessData(item, negotiation)}>
+                        📁 Access Data
+                      </button>
+                    `}
+                  `}
             </div>
           </div>`;
+          }
           case "failed":
             return x`<div class="negotiation-error">
             <span>Failed with ${provider.name}: ${negotiation.error}</span>
@@ -101014,6 +100828,387 @@ ${preview}${JSON.stringify(data).length > 500 ? "..." : ""}`);
     }
   };
   Sib.register(EdcFederatedCatalogDisplay);
+  EdcAssetsDisplay = {
+    name: "edc-assets-display",
+    use: [
+      WidgetMixin,
+      AttributeBinderMixin
+    ],
+    attributes: {
+      connectorUri: {
+        type: String,
+        default: null,
+        callback: function(value) {
+          if (value && this.apiKey) {
+            this.fetchAssets();
+          }
+        }
+      },
+      apiKey: {
+        type: String,
+        default: null,
+        callback: function(value) {
+          if (value && this.connectorUri) {
+            this.fetchAssets();
+          }
+        }
+      },
+      defaultWidget: {
+        type: String,
+        default: "edc-asset-item"
+      }
+    },
+    initialState: {
+      assets: [],
+      loading: false,
+      error: null
+    },
+    created() {
+      if (this.connectorUri && this.apiKey) {
+        this.fetchAssets();
+      }
+    },
+    async fetchAssets() {
+      if (!this.connectorUri || !this.apiKey) return;
+      this.loading = true;
+      this.error = null;
+      this.render();
+      try {
+        const config2 = {
+          type: StoreType.DataspaceConnector,
+          endpoint: this.connectorUri,
+          catalogEndpoint: `${this.connectorUri}/v3/catalog/request`,
+          contractNegotiationEndpoint: `${this.connectorUri}/v3/contractnegotiations`,
+          transferProcessEndpoint: `${this.connectorUri}/v3/transferprocesses`,
+          assetsEndpoint: `${this.connectorUri}/v3/assets/request`,
+          authMethod: "edc-api-key",
+          edcApiKey: this.apiKey,
+          retryAttempts: 3,
+          timeout: 3e4
+        };
+        const store2 = StoreFactory.create(config2);
+        const assetsRaw = await store2.getAssets();
+        this.assets = Array.isArray(assetsRaw) ? assetsRaw : assetsRaw ? [
+          assetsRaw
+        ] : [];
+      } catch (error2) {
+        console.error("Failed to fetch EDC assets:", error2);
+        this.error = error2.message;
+        this.assets = [];
+      } finally {
+        this.loading = false;
+        this.render();
+      }
+    },
+    render() {
+      if (this.loading) {
+        B(x`<div class="loading">Loading assets...</div>`, this.element);
+        return;
+      }
+      if (this.error) {
+        B(x`<div class="error">Error: ${this.error}</div>`, this.element);
+        return;
+      }
+      if (!this.assets || this.assets.length === 0) {
+        B(x`<div class="empty">No assets found</div>`, this.element);
+        return;
+      }
+      const template = x`
+      <div class="edc-assets-list">
+        ${this.assets.map((asset) => {
+        var _a3, _b, _c, _d;
+        return x`
+            <div class="edc-asset-item" data-asset-id="${asset["@id"]}">
+              <h3 class="asset-title">
+                ${asset["dcterms:title"] || ((_a3 = asset.properties) == null ? void 0 : _a3.name) || asset["@id"]}
+              </h3>
+              ${asset["dcterms:description"] || ((_b = asset.properties) == null ? void 0 : _b.description) ? x`<p class="asset-description">
+                    ${asset["dcterms:description"] || ((_c = asset.properties) == null ? void 0 : _c.description)}
+                  </p>` : ""}
+              <div class="asset-metadata">
+                <span class="asset-id">ID: ${asset["@id"]}</span>
+                ${((_d = asset.properties) == null ? void 0 : _d["https://w3id.org/edc/v0.0.1/ns/type"]) ? x`<span class="asset-type">
+                      Type: ${asset.properties["https://w3id.org/edc/v0.0.1/ns/type"]}
+                    </span>` : ""}
+              </div>
+            </div>
+          `;
+      })}
+      </div>
+    `;
+      B(template, this.element);
+    }
+  };
+  Sib.register(EdcAssetsDisplay);
+  EdcCatalogDisplay = {
+    name: "edc-catalog-display",
+    use: [
+      WidgetMixin,
+      AttributeBinderMixin
+    ],
+    attributes: {
+      connectorUri: {
+        type: String,
+        default: null,
+        callback: function(value) {
+          if (value && this.apiKey && this.counterPartyAddress) {
+            this.fetchCatalog();
+          }
+        }
+      },
+      apiKey: {
+        type: String,
+        default: null,
+        callback: function(value) {
+          if (value && this.connectorUri && this.counterPartyAddress) {
+            this.fetchCatalog();
+          }
+        }
+      },
+      counterPartyAddress: {
+        type: String,
+        default: null,
+        callback: function(value) {
+          if (value && this.connectorUri && this.apiKey) {
+            this.fetchCatalog();
+          }
+        }
+      },
+      defaultWidget: {
+        type: String,
+        default: "edc-dataset-item"
+      }
+    },
+    initialState: {
+      catalog: null,
+      datasets: [],
+      loading: false,
+      error: null,
+      negotiations: /* @__PURE__ */ new Map(),
+      store: null
+    },
+    created() {
+      if (this.connectorUri && this.apiKey && this.counterPartyAddress) {
+        this.fetchCatalog();
+      }
+    },
+    async fetchCatalog() {
+      if (!this.connectorUri || !this.apiKey || !this.counterPartyAddress) return;
+      this.loading = true;
+      this.error = null;
+      this.render();
+      try {
+        const config2 = {
+          type: StoreType.DataspaceConnector,
+          endpoint: this.connectorUri,
+          catalogEndpoint: `${this.connectorUri}/v3/catalog/request`,
+          contractNegotiationEndpoint: `${this.connectorUri}/v3/contractnegotiations`,
+          transferProcessEndpoint: `${this.connectorUri}/v3/transferprocesses`,
+          authMethod: "edc-api-key",
+          edcApiKey: this.apiKey,
+          retryAttempts: 8,
+          timeout: 1e4
+        };
+        const store2 = StoreFactory.create(config2);
+        const catalog = await store2.getCatalog(this.counterPartyAddress);
+        this.catalog = catalog;
+        this.datasets = (catalog == null ? void 0 : catalog["dcat:dataset"]) || [];
+        this.store = store2;
+      } catch (error2) {
+        console.error("Failed to fetch EDC catalog:", error2);
+        this.error = error2.message;
+        this.catalog = null;
+        this.datasets = [];
+      } finally {
+        this.loading = false;
+        this.render();
+      }
+    },
+    async negotiateAccess(dataset) {
+      if (!dataset["odrl:hasPolicy"] || dataset["odrl:hasPolicy"].length === 0) {
+        console.error("No policies available for dataset:", dataset["@id"]);
+        return;
+      }
+      try {
+        const offer = dataset["odrl:hasPolicy"][0];
+        const offerId = offer["@id"];
+        const assetId = dataset["@id"];
+        this.negotiations.set(assetId, {
+          status: "negotiating",
+          offerId
+        });
+        this.render();
+        if (!this.store) {
+          console.error("Store not available for negotiation");
+          return;
+        }
+        const store2 = this.store;
+        const modifiedOffer = {
+          ...offer,
+          target: assetId
+        };
+        const negotiationId = await store2.initiateNegotiation(this.counterPartyAddress, assetId, modifiedOffer);
+        this.negotiations.set(assetId, {
+          status: "pending",
+          negotiationId,
+          offerId
+        });
+        this.render();
+        this.pollNegotiationStatus(assetId, negotiationId);
+      } catch (error2) {
+        console.error("Contract negotiation failed:", error2);
+        this.negotiations.set(dataset["@id"], {
+          status: "failed",
+          error: error2.message
+        });
+        this.render();
+      }
+    },
+    async pollNegotiationStatus(assetId, negotiationId) {
+      const maxAttempts = 60;
+      const pollInterval = 5e3;
+      for (let attempt = 0; attempt < maxAttempts; attempt++) {
+        try {
+          if (!this.store) {
+            console.error("Store not available for polling");
+            return;
+          }
+          const store2 = this.store;
+          const status = await store2.getNegotiationStatus(negotiationId);
+          this.negotiations.set(assetId, {
+            status: "pending",
+            negotiationId,
+            currentState: status.state,
+            attempt: attempt + 1,
+            maxAttempts
+          });
+          this.render();
+          if (status.state === "FINALIZED" || status.state === "AGREED") {
+            this.negotiations.set(assetId, {
+              status: "granted",
+              negotiationId,
+              contractId: status.contractAgreementId || negotiationId
+            });
+            this.render();
+            return;
+          }
+          if (status.state === "TERMINATED") {
+            this.negotiations.set(assetId, {
+              status: "failed",
+              error: status.errorDetail || "Negotiation terminated"
+            });
+            this.render();
+            return;
+          }
+          await new Promise((resolve) => setTimeout(resolve, pollInterval));
+        } catch (error2) {
+          console.error(`Error polling negotiation status (attempt ${attempt + 1}):`, error2);
+          await new Promise((resolve) => setTimeout(resolve, pollInterval));
+        }
+      }
+      this.negotiations.set(assetId, {
+        status: "failed",
+        error: "Negotiation timeout after 5 minutes - may still be processing on provider side"
+      });
+      this.render();
+    },
+    render() {
+      if (this.loading) {
+        B(x`<div class="loading">Loading catalog...</div>`, this.element);
+        return;
+      }
+      if (this.error) {
+        B(x`<div class="error">Error: ${this.error}</div>`, this.element);
+        return;
+      }
+      if (!this.datasets || this.datasets.length === 0) {
+        B(x`<div class="empty">No datasets found in catalog</div>`, this.element);
+        return;
+      }
+      const template = x`
+      <div class="edc-catalog-info">
+        ${this.catalog ? x`
+          <div class="catalog-header">
+            <h2>Catalog: ${this.catalog["@id"]}</h2>
+            <p>Provider: ${this.catalog.participantId}</p>
+            <p>Datasets: ${this.datasets.length}</p>
+          </div>
+        ` : ""}
+      </div>
+      <div class="edc-datasets-list">
+        ${this.datasets.map((dataset) => {
+        var _a3, _b, _c, _d, _e;
+        return x`
+            <div class="edc-dataset-item" data-dataset-id="${dataset["@id"]}">
+              <h3 class="dataset-title">
+                ${dataset["dcterms:title"] || ((_a3 = dataset.properties) == null ? void 0 : _a3.name) || dataset["@id"]}
+              </h3>
+              ${dataset["dcterms:description"] || ((_b = dataset.properties) == null ? void 0 : _b.description) ? x`<p class="dataset-description">
+                    ${dataset["dcterms:description"] || ((_c = dataset.properties) == null ? void 0 : _c.description)}
+                  </p>` : ""}
+              <div class="dataset-metadata">
+                <span class="dataset-id">ID: ${dataset["@id"]}</span>
+                ${dataset["dcterms:creator"] ? x`<span class="dataset-creator">Creator: ${dataset["dcterms:creator"]}</span>` : ""}
+                ${((_d = dataset["dcat:keyword"]) == null ? void 0 : _d.length) > 0 ? x`<span class="dataset-keywords">Keywords: ${dataset["dcat:keyword"].join(", ")}</span>` : ""}
+                ${((_e = dataset["odrl:hasPolicy"]) == null ? void 0 : _e.length) > 0 ? x`<span class="dataset-policies">Policies: ${dataset["odrl:hasPolicy"].length}</span>` : ""}
+              </div>
+              <div class="dataset-actions">
+                ${this.renderNegotiationButton(dataset)}
+              </div>
+            </div>
+          `;
+      })}
+      </div>
+    `;
+      B(template, this.element);
+    },
+    renderNegotiationButton(dataset) {
+      const assetId = dataset["@id"];
+      const negotiation = this.negotiations.get(assetId);
+      if (!dataset["odrl:hasPolicy"] || dataset["odrl:hasPolicy"].length === 0) {
+        return x`<span class="no-policy">No policies available</span>`;
+      }
+      if (negotiation) {
+        switch (negotiation.status) {
+          case "negotiating":
+            return x`<button class="negotiate-btn negotiating" disabled>
+            Negotiating...
+          </button>`;
+          case "pending":
+            return x`<div class="negotiation-info">
+            <span class="negotiation-id">Negotiation: ${negotiation.negotiationId}</span>
+            <span class="negotiation-status pending">
+              ${negotiation.currentState || "Pending"} 
+              ${negotiation.attempt ? `(${negotiation.attempt}/${negotiation.maxAttempts})` : ""}
+            </span>
+          </div>`;
+          case "granted":
+            return x`<div class="negotiation-success">
+            <span class="access-granted">✅ Access Granted</span>
+            <span class="contract-id">Contract: ${negotiation.contractId}</span>
+            <button class="api-ready-btn" disabled>
+              API Ready
+            </button>
+          </div>`;
+          case "failed":
+            return x`<div class="negotiation-error">
+            <span>Failed: ${negotiation.error}</span>
+            <button class="negotiate-btn retry" @click=${() => this.negotiateAccess(dataset)}>
+              Retry
+            </button>
+          </div>`;
+          default:
+            return x`<button class="negotiate-btn" @click=${() => this.negotiateAccess(dataset)}>
+            Negotiate Access
+          </button>`;
+        }
+      }
+      return x`<button class="negotiate-btn" @click=${() => this.negotiateAccess(dataset)}>
+      Negotiate Access (${dataset["odrl:hasPolicy"].length} ${dataset["odrl:hasPolicy"].length === 1 ? "offer" : "offers"})
+    </button>`;
+    }
+  };
+  Sib.register(EdcCatalogDisplay);
   CounterMixin = {
     name: "counter-mixin",
     use: [],