diff --git a/portals/admin/src/main/webapp/site/public/locales/en.json b/portals/admin/src/main/webapp/site/public/locales/en.json index 531226347fd..ab14189bdc4 100644 --- a/portals/admin/src/main/webapp/site/public/locales/en.json +++ b/portals/admin/src/main/webapp/site/public/locales/en.json @@ -1,5 +1,6 @@ { "Admin.Addons.Help.Base.title": "Help", + "Admin.AiVendor.form.llm.auth.aws.service.label": "AWS Service Name", "Admin.AiVendor.label.apiVersion": "API Version", "Admin.GatewayEnvironment.form.type": "Gateway Environment Type", "Admin.KeyManager.form.type": "Key Manager Type", @@ -101,11 +102,7 @@ "AdminPages.Addons.ListBaseWithPagination.noDataError": "Error while retrieving data.", "AdminPages.Addons.ListBaseWithPagination.nodata.message": "No items yet", "AdminPages.Addons.ListBaseWithPagination.reload": "Reload", - "AdminPages.AiVendor.Delete.form.delete.confirmation.message": "Are you sure you want to delete this AI/LLM Vendor ?", - "AdminPages.AiVendor.Delete.form.delete.dialog.btn": "Delete", - "AdminPages.AiVendor.Delete.form.delete.dialog.title": "Delete AI/LLM Vendor ?", - "AdminPages.AiVendor.Delete.form.delete.successful": "AI/LLM Vendor deleted successfully", - "AdminPages.AiVendors.List.empty.content.Aivendors": "It is possible to register an AI/LLM Vendor.", + "AdminPages.AiVendors.List.empty.content.Aivendors": "It is possible to register an AI Service Provider.", "AdminPages.ApiCategories.AddEdit.form.add.successful": "API Category added successfully", "AdminPages.ApiCategories.AddEdit.form.description": "Description", "AdminPages.ApiCategories.AddEdit.form.description.helper.text": "Description of the API category", @@ -153,7 +150,7 @@ "AdminPages.Gateways.table.header.description": "Description", "AdminPages.Gateways.table.header.displayName": "Name", "AdminPages.Gateways.table.header.gatewayType": "Gateway Type", - "AdminPages.Gateways.table.header.permission": "Visibility Permission", + "AdminPages.Gateways.table.header.permission": "Visibility", "AdminPages.Gateways.table.header.type": "Type", "AdminPages.Gateways.table.header.vhosts": "Virtual Host(s)", "AdminPages.Governance.Policy.Delete.form.delete.confirmation.message": "Are you sure you want to delete this Policy?", @@ -223,54 +220,63 @@ "AdminPages.Organizations.List.title.organizations": "Organizations", "AdminPages.Organizations.table.header.organization.description": "Description", "AdminPages.Organizations.table.header.organization.name": "Organization Name", - "AdminPagesGatewayEnvironments.AddEditGWEnvironment.form.environment.displayName.empty": "Display Name is Empty", "AdminPagesGatewayEnvironments.AddEditGWEnvironment.form.environment.vhost.duplicate": "VHosts are duplicated", "AdminPagesGatewayEnvironments.AddEditGWEnvironment.form.environment.vhost.empty": "VHost is empty", - "AiVendor.add.success.msg": "- AI/LLM Vendor added successfully.", - "AiVendor.edit.success": "- AI/LLM Vendor edited successfully.", - "AiVendors.AddEditAiVendor.AiVendor.configurations.llm": "LLM Configurations", - "AiVendors.AddEditAiVendor.AiVendor.configurations.llm.auth": "LLM Provider Auth Configurations", - "AiVendors.AddEditAiVendor.AiVendor.general.details.description.llm": "Configure to extract LLM related metadata", - "AiVendors.AddEditAiVendor.AiVendor.general.details.description.llm.auth": "Configure to add LLM provider authorization", - "AiVendors.AddEditAiVendor.apiDefinition": "API Definition", - "AiVendors.AddEditAiVendor.apiDefinition.description": "Upload API Definition of the AI/LLM Vendor", - "AiVendors.AddEditAiVendor.apiDefinition.upload": "Upload API Definition", - "AiVendors.AddEditAiVendor.connectorType": "Connector Type for AI/LLM Vendor", - "AiVendors.AddEditAiVendor.connectorType.description": "Reference to the connector model for the AI/LLM vendor", - "AiVendors.AddEditAiVendor.form.add": "Add", - "AiVendors.AddEditAiVendor.form.cancel": "Cancel", - "AiVendors.AddEditAiVendor.form.connectorType": "Connector Type", - "AiVendors.AddEditAiVendor.form.connectorType.help": "Connector Type for AI/LLM Vendor", - "AiVendors.AddEditAiVendor.form.description": "Description", - "AiVendors.AddEditAiVendor.form.description.help": "Description of the AI/LLM Vendor.", - "AiVendors.AddEditAiVendor.form.displayName.help": "API Version of the AI/LLM Vendor.", - "AiVendors.AddEditAiVendor.form.has.errors": "One or more fields contain errors.", - "AiVendors.AddEditAiVendor.form.name": "Name", - "AiVendors.AddEditAiVendor.form.name.help": "Name of the AI/LLM Vendor.", - "AiVendors.AddEditAiVendor.form.update.btn": "Update", - "AiVendors.AddEditAiVendor.general.details": "General Details", - "AiVendors.AddEditAiVendor.general.details.description": "Provide name and description of the AI/LLM Vendor", - "AiVendors.AddEditAiVendor.is.empty.error": "is empty", - "AiVendors.AddEditAiVendor.is.empty.error.apiVersion": "Required field is empty.", - "AiVendors.AddEditAiVendor.is.empty.error.attributeIdentifier": "Attribute identifier is required.", - "AiVendors.AddEditAiVendor.is.empty.error.connectorType": "Connector type is required.", - "AiVendors.AddEditAiVendor.is.empty.error.inputSource": "Input source is required.", - "AiVendors.AddEditAiVendor.modelList": "Model List", - "AiVendors.AddEditAiVendor.modelList.description": "AI/LLM Vendor supported model list", - "AiVendors.AddEditAiVendor.modelList.help": "Type available models and press enter/return to add them.", - "AiVendors.AddEditAiVendor.modelList.placeholder": "Type Model name and press Enter", - "AiVendors.AddEditAiVendor.title.edit": "AI/LLM Vendor - Edit", - "AiVendors.AddEditAiVendor.title.new": "AI/LLM Vendor - Create new", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.configurations.llm": "LLM Configurations", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.configurations.llm.auth": "LLM Provider Auth Configurations", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.general.details.description.llm": "Configure to extract LLM related metadata", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.general.details.description.llm.auth": "Configure to add LLM provider authorization", + "AiServiceProviders.AddEditAiServiceProvider.apiDefinition": "API Definition", + "AiServiceProviders.AddEditAiServiceProvider.apiDefinition.description": "Upload API Definition of the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.connectorType": "Connector Type for AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.connectorType.description": "Reference to the connector model for the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.form.add": "Add", + "AiServiceProviders.AddEditAiServiceProvider.form.apiVersion.help": "API Version of the AI Service Provider.", + "AiServiceProviders.AddEditAiServiceProvider.form.cancel": "Cancel", + "AiServiceProviders.AddEditAiServiceProvider.form.connectorType": "Connector Type", + "AiServiceProviders.AddEditAiServiceProvider.form.connectorType.help": "Connector Type for AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.form.description": "Description", + "AiServiceProviders.AddEditAiServiceProvider.form.description.help": "Description of the AI Service Provider.", + "AiServiceProviders.AddEditAiServiceProvider.form.has.errors": "One or more fields contain errors.", + "AiServiceProviders.AddEditAiServiceProvider.form.name": "Name", + "AiServiceProviders.AddEditAiServiceProvider.form.name.help": "Name of the AI Service Provider.", + "AiServiceProviders.AddEditAiServiceProvider.form.update.btn": "Update", + "AiServiceProviders.AddEditAiServiceProvider.general.details": "General Details", + "AiServiceProviders.AddEditAiServiceProvider.general.details.description": "Provide name and description of the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error": "is empty", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.apiVersion": "Required field is empty.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.attributeIdentifier": "Attribute identifier is required.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.connectorType": "Connector type is required.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.inputSource": "Input source is required.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.providerName": "Provider name is required.", + "AiServiceProviders.AddEditAiServiceProvider.model.providers": "Model Provider(s)", + "AiServiceProviders.AddEditAiServiceProvider.model.providers.description": "Configure model provider(s) for the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.modelList.placeholder": "Type Model name and press Enter", + "AiServiceProviders.AddEditAiServiceProvider.multi.model.provider": "Multi Model Provider", + "AiServiceProviders.AddEditAiServiceProvider.single.model.provider": "Single Model Provider", + "AiServiceProviders.AddEditAiServiceProvider.title.edit": "AI Service Provider - Edit", + "AiServiceProviders.AddEditAiServiceProvider.title.new": "AI Service Provider - Create new", + "AiServiceProviders.AiApiDefinition.apiDefinition.upload": "Upload API Definition", + "AiServiceProviders.DeleteAiServiceProvider.Delete.form.delete.successful": "AI Service Provider deleted successfully", + "AiServiceProviders.DeleteAiServiceProvider.delete.confirmation.message": "Are you sure you want to delete this AI Service Provider ?", + "AiServiceProviders.DeleteAiServiceProvider.delete.dialog.btn": "Delete", + "AiServiceProviders.DeleteAiServiceProvider.delete.dialog.title": "Delete AI Service Provider ?", + "AiServiceProviders.ListAiServiceProviders.List.title": "AI Service Providers", + "AiServiceProviders.ListAiServiceProviders.empty.title": "AI Service Providers", + "AiServiceProviders.ListAiServiceProviders.table.header.label.aiVendorName": "AI Service Provider Name", + "AiServiceProviders.ListAiServiceProviders.table.header.label.apiVersion": "API Version", + "AiServiceProviders.ListAiServiceProviders.table.header.label.builtInSupport": "Type", + "AiServiceProviders.ListAiServiceProviders.table.header.label.description": "Description", + "AiServiceProviders.ListAiServiceProviders.table.is.used.delete.tooltip": "Default AI Service Providers cannot be deleted", + "AiServiceProviders.ModelProviders.add.model.provider": "Add Model Provider", + "AiServiceProviders.ModelProviders.model.provider.delete": "Delete", + "AiServiceProviders.ModelProviders.model.provider.models.placeholder": "Type Model name and press Enter", + "AiServiceProviders.ModelProviders.model.provider.name": "Provider Name", + "AiVendor.add.success.msg": "- AI Service Provider added successfully.", + "AiVendor.edit.success": "- AI Service Provider edited successfully.", "AiVendors.AiAPIDefinition.browse.files.to.upload": "Browse File to Upload", "AiVendors.AiAPIDefinition.drag.and.drop.message": "Drag and Drop files here {break} or {break}", - "AiVendors.ListAiVendors.List.title": "AI/LLM Vendors", - "AiVendors.ListAiVendors.addNewAiVendor": "Add AI/LLM Vendor", - "AiVendors.ListAiVendors.empty.title": "AI/LLM Vendors", - "AiVendors.ListAiVendors.table.header.label.aiVendorName": "AI/LLM Vendor Name", - "AiVendors.ListAiVendors.table.header.label.apiVersion": "API Version", - "AiVendors.ListAiVendors.table.header.label.builtInSupport": "Type", - "AiVendors.ListAiVendors.table.header.label.description": "Description", - "AiVendors.ListAiVendors.table.is.used.delete.tooltip": "Default AI/LLM Vendors cannot be deleted", + "AiVendors.ListAiVendors.addNewAiVendor": "Add AI Service Provider", "AiVendors.OpenAPI.file.error": "Error reading file", "Api.Name": "API Name", "Api.Provider": "Provider", @@ -339,9 +345,9 @@ "Base.RouteMenuMapping.advanced.throttling.policies": "Advanced Policies", "Base.RouteMenuMapping.advanced.throttling.policies.Adding": "Add Advanced Policy", "Base.RouteMenuMapping.advanced.throttling.policies.Editing": "Edit Advanced Policy", - "Base.RouteMenuMapping.aivendors": "AI/LLM Vendors", - "Base.RouteMenuMapping.aivendors.items.Adding": "Add AI/LLM Vendor", - "Base.RouteMenuMapping.aivendors.items.Editing": "Edit AI/LLM Vendor", + "Base.RouteMenuMapping.aiServiceProviders": "AI Service Providers", + "Base.RouteMenuMapping.aiServiceProviders.items.Adding": "Add AI Service Provider", + "Base.RouteMenuMapping.aiServiceProviders.items.Editing": "Edit AI Service Provider", "Base.RouteMenuMapping.api.categories": "API Categories", "Base.RouteMenuMapping.api.product.state.change": "API Product State Change", "Base.RouteMenuMapping.api.revision.deployment": "API Revision Deployment", diff --git a/portals/admin/src/main/webapp/site/public/locales/fr.json b/portals/admin/src/main/webapp/site/public/locales/fr.json index 531226347fd..ab14189bdc4 100644 --- a/portals/admin/src/main/webapp/site/public/locales/fr.json +++ b/portals/admin/src/main/webapp/site/public/locales/fr.json @@ -1,5 +1,6 @@ { "Admin.Addons.Help.Base.title": "Help", + "Admin.AiVendor.form.llm.auth.aws.service.label": "AWS Service Name", "Admin.AiVendor.label.apiVersion": "API Version", "Admin.GatewayEnvironment.form.type": "Gateway Environment Type", "Admin.KeyManager.form.type": "Key Manager Type", @@ -101,11 +102,7 @@ "AdminPages.Addons.ListBaseWithPagination.noDataError": "Error while retrieving data.", "AdminPages.Addons.ListBaseWithPagination.nodata.message": "No items yet", "AdminPages.Addons.ListBaseWithPagination.reload": "Reload", - "AdminPages.AiVendor.Delete.form.delete.confirmation.message": "Are you sure you want to delete this AI/LLM Vendor ?", - "AdminPages.AiVendor.Delete.form.delete.dialog.btn": "Delete", - "AdminPages.AiVendor.Delete.form.delete.dialog.title": "Delete AI/LLM Vendor ?", - "AdminPages.AiVendor.Delete.form.delete.successful": "AI/LLM Vendor deleted successfully", - "AdminPages.AiVendors.List.empty.content.Aivendors": "It is possible to register an AI/LLM Vendor.", + "AdminPages.AiVendors.List.empty.content.Aivendors": "It is possible to register an AI Service Provider.", "AdminPages.ApiCategories.AddEdit.form.add.successful": "API Category added successfully", "AdminPages.ApiCategories.AddEdit.form.description": "Description", "AdminPages.ApiCategories.AddEdit.form.description.helper.text": "Description of the API category", @@ -153,7 +150,7 @@ "AdminPages.Gateways.table.header.description": "Description", "AdminPages.Gateways.table.header.displayName": "Name", "AdminPages.Gateways.table.header.gatewayType": "Gateway Type", - "AdminPages.Gateways.table.header.permission": "Visibility Permission", + "AdminPages.Gateways.table.header.permission": "Visibility", "AdminPages.Gateways.table.header.type": "Type", "AdminPages.Gateways.table.header.vhosts": "Virtual Host(s)", "AdminPages.Governance.Policy.Delete.form.delete.confirmation.message": "Are you sure you want to delete this Policy?", @@ -223,54 +220,63 @@ "AdminPages.Organizations.List.title.organizations": "Organizations", "AdminPages.Organizations.table.header.organization.description": "Description", "AdminPages.Organizations.table.header.organization.name": "Organization Name", - "AdminPagesGatewayEnvironments.AddEditGWEnvironment.form.environment.displayName.empty": "Display Name is Empty", "AdminPagesGatewayEnvironments.AddEditGWEnvironment.form.environment.vhost.duplicate": "VHosts are duplicated", "AdminPagesGatewayEnvironments.AddEditGWEnvironment.form.environment.vhost.empty": "VHost is empty", - "AiVendor.add.success.msg": "- AI/LLM Vendor added successfully.", - "AiVendor.edit.success": "- AI/LLM Vendor edited successfully.", - "AiVendors.AddEditAiVendor.AiVendor.configurations.llm": "LLM Configurations", - "AiVendors.AddEditAiVendor.AiVendor.configurations.llm.auth": "LLM Provider Auth Configurations", - "AiVendors.AddEditAiVendor.AiVendor.general.details.description.llm": "Configure to extract LLM related metadata", - "AiVendors.AddEditAiVendor.AiVendor.general.details.description.llm.auth": "Configure to add LLM provider authorization", - "AiVendors.AddEditAiVendor.apiDefinition": "API Definition", - "AiVendors.AddEditAiVendor.apiDefinition.description": "Upload API Definition of the AI/LLM Vendor", - "AiVendors.AddEditAiVendor.apiDefinition.upload": "Upload API Definition", - "AiVendors.AddEditAiVendor.connectorType": "Connector Type for AI/LLM Vendor", - "AiVendors.AddEditAiVendor.connectorType.description": "Reference to the connector model for the AI/LLM vendor", - "AiVendors.AddEditAiVendor.form.add": "Add", - "AiVendors.AddEditAiVendor.form.cancel": "Cancel", - "AiVendors.AddEditAiVendor.form.connectorType": "Connector Type", - "AiVendors.AddEditAiVendor.form.connectorType.help": "Connector Type for AI/LLM Vendor", - "AiVendors.AddEditAiVendor.form.description": "Description", - "AiVendors.AddEditAiVendor.form.description.help": "Description of the AI/LLM Vendor.", - "AiVendors.AddEditAiVendor.form.displayName.help": "API Version of the AI/LLM Vendor.", - "AiVendors.AddEditAiVendor.form.has.errors": "One or more fields contain errors.", - "AiVendors.AddEditAiVendor.form.name": "Name", - "AiVendors.AddEditAiVendor.form.name.help": "Name of the AI/LLM Vendor.", - "AiVendors.AddEditAiVendor.form.update.btn": "Update", - "AiVendors.AddEditAiVendor.general.details": "General Details", - "AiVendors.AddEditAiVendor.general.details.description": "Provide name and description of the AI/LLM Vendor", - "AiVendors.AddEditAiVendor.is.empty.error": "is empty", - "AiVendors.AddEditAiVendor.is.empty.error.apiVersion": "Required field is empty.", - "AiVendors.AddEditAiVendor.is.empty.error.attributeIdentifier": "Attribute identifier is required.", - "AiVendors.AddEditAiVendor.is.empty.error.connectorType": "Connector type is required.", - "AiVendors.AddEditAiVendor.is.empty.error.inputSource": "Input source is required.", - "AiVendors.AddEditAiVendor.modelList": "Model List", - "AiVendors.AddEditAiVendor.modelList.description": "AI/LLM Vendor supported model list", - "AiVendors.AddEditAiVendor.modelList.help": "Type available models and press enter/return to add them.", - "AiVendors.AddEditAiVendor.modelList.placeholder": "Type Model name and press Enter", - "AiVendors.AddEditAiVendor.title.edit": "AI/LLM Vendor - Edit", - "AiVendors.AddEditAiVendor.title.new": "AI/LLM Vendor - Create new", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.configurations.llm": "LLM Configurations", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.configurations.llm.auth": "LLM Provider Auth Configurations", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.general.details.description.llm": "Configure to extract LLM related metadata", + "AiServiceProviders.AddEditAiServiceProvider.AiVendor.general.details.description.llm.auth": "Configure to add LLM provider authorization", + "AiServiceProviders.AddEditAiServiceProvider.apiDefinition": "API Definition", + "AiServiceProviders.AddEditAiServiceProvider.apiDefinition.description": "Upload API Definition of the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.connectorType": "Connector Type for AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.connectorType.description": "Reference to the connector model for the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.form.add": "Add", + "AiServiceProviders.AddEditAiServiceProvider.form.apiVersion.help": "API Version of the AI Service Provider.", + "AiServiceProviders.AddEditAiServiceProvider.form.cancel": "Cancel", + "AiServiceProviders.AddEditAiServiceProvider.form.connectorType": "Connector Type", + "AiServiceProviders.AddEditAiServiceProvider.form.connectorType.help": "Connector Type for AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.form.description": "Description", + "AiServiceProviders.AddEditAiServiceProvider.form.description.help": "Description of the AI Service Provider.", + "AiServiceProviders.AddEditAiServiceProvider.form.has.errors": "One or more fields contain errors.", + "AiServiceProviders.AddEditAiServiceProvider.form.name": "Name", + "AiServiceProviders.AddEditAiServiceProvider.form.name.help": "Name of the AI Service Provider.", + "AiServiceProviders.AddEditAiServiceProvider.form.update.btn": "Update", + "AiServiceProviders.AddEditAiServiceProvider.general.details": "General Details", + "AiServiceProviders.AddEditAiServiceProvider.general.details.description": "Provide name and description of the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error": "is empty", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.apiVersion": "Required field is empty.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.attributeIdentifier": "Attribute identifier is required.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.connectorType": "Connector type is required.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.inputSource": "Input source is required.", + "AiServiceProviders.AddEditAiServiceProvider.is.empty.error.providerName": "Provider name is required.", + "AiServiceProviders.AddEditAiServiceProvider.model.providers": "Model Provider(s)", + "AiServiceProviders.AddEditAiServiceProvider.model.providers.description": "Configure model provider(s) for the AI Service Provider", + "AiServiceProviders.AddEditAiServiceProvider.modelList.placeholder": "Type Model name and press Enter", + "AiServiceProviders.AddEditAiServiceProvider.multi.model.provider": "Multi Model Provider", + "AiServiceProviders.AddEditAiServiceProvider.single.model.provider": "Single Model Provider", + "AiServiceProviders.AddEditAiServiceProvider.title.edit": "AI Service Provider - Edit", + "AiServiceProviders.AddEditAiServiceProvider.title.new": "AI Service Provider - Create new", + "AiServiceProviders.AiApiDefinition.apiDefinition.upload": "Upload API Definition", + "AiServiceProviders.DeleteAiServiceProvider.Delete.form.delete.successful": "AI Service Provider deleted successfully", + "AiServiceProviders.DeleteAiServiceProvider.delete.confirmation.message": "Are you sure you want to delete this AI Service Provider ?", + "AiServiceProviders.DeleteAiServiceProvider.delete.dialog.btn": "Delete", + "AiServiceProviders.DeleteAiServiceProvider.delete.dialog.title": "Delete AI Service Provider ?", + "AiServiceProviders.ListAiServiceProviders.List.title": "AI Service Providers", + "AiServiceProviders.ListAiServiceProviders.empty.title": "AI Service Providers", + "AiServiceProviders.ListAiServiceProviders.table.header.label.aiVendorName": "AI Service Provider Name", + "AiServiceProviders.ListAiServiceProviders.table.header.label.apiVersion": "API Version", + "AiServiceProviders.ListAiServiceProviders.table.header.label.builtInSupport": "Type", + "AiServiceProviders.ListAiServiceProviders.table.header.label.description": "Description", + "AiServiceProviders.ListAiServiceProviders.table.is.used.delete.tooltip": "Default AI Service Providers cannot be deleted", + "AiServiceProviders.ModelProviders.add.model.provider": "Add Model Provider", + "AiServiceProviders.ModelProviders.model.provider.delete": "Delete", + "AiServiceProviders.ModelProviders.model.provider.models.placeholder": "Type Model name and press Enter", + "AiServiceProviders.ModelProviders.model.provider.name": "Provider Name", + "AiVendor.add.success.msg": "- AI Service Provider added successfully.", + "AiVendor.edit.success": "- AI Service Provider edited successfully.", "AiVendors.AiAPIDefinition.browse.files.to.upload": "Browse File to Upload", "AiVendors.AiAPIDefinition.drag.and.drop.message": "Drag and Drop files here {break} or {break}", - "AiVendors.ListAiVendors.List.title": "AI/LLM Vendors", - "AiVendors.ListAiVendors.addNewAiVendor": "Add AI/LLM Vendor", - "AiVendors.ListAiVendors.empty.title": "AI/LLM Vendors", - "AiVendors.ListAiVendors.table.header.label.aiVendorName": "AI/LLM Vendor Name", - "AiVendors.ListAiVendors.table.header.label.apiVersion": "API Version", - "AiVendors.ListAiVendors.table.header.label.builtInSupport": "Type", - "AiVendors.ListAiVendors.table.header.label.description": "Description", - "AiVendors.ListAiVendors.table.is.used.delete.tooltip": "Default AI/LLM Vendors cannot be deleted", + "AiVendors.ListAiVendors.addNewAiVendor": "Add AI Service Provider", "AiVendors.OpenAPI.file.error": "Error reading file", "Api.Name": "API Name", "Api.Provider": "Provider", @@ -339,9 +345,9 @@ "Base.RouteMenuMapping.advanced.throttling.policies": "Advanced Policies", "Base.RouteMenuMapping.advanced.throttling.policies.Adding": "Add Advanced Policy", "Base.RouteMenuMapping.advanced.throttling.policies.Editing": "Edit Advanced Policy", - "Base.RouteMenuMapping.aivendors": "AI/LLM Vendors", - "Base.RouteMenuMapping.aivendors.items.Adding": "Add AI/LLM Vendor", - "Base.RouteMenuMapping.aivendors.items.Editing": "Edit AI/LLM Vendor", + "Base.RouteMenuMapping.aiServiceProviders": "AI Service Providers", + "Base.RouteMenuMapping.aiServiceProviders.items.Adding": "Add AI Service Provider", + "Base.RouteMenuMapping.aiServiceProviders.items.Editing": "Edit AI Service Provider", "Base.RouteMenuMapping.api.categories": "API Categories", "Base.RouteMenuMapping.api.product.state.change": "API Product State Change", "Base.RouteMenuMapping.api.revision.deployment": "API Revision Deployment", diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/AddEditAiVendor.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/AddEditAiServiceProvider.jsx similarity index 55% rename from portals/admin/src/main/webapp/source/src/app/components/AiVendors/AddEditAiVendor.jsx rename to portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/AddEditAiServiceProvider.jsx index 8c837dd04ce..3db912595d8 100644 --- a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/AddEditAiVendor.jsx +++ b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/AddEditAiServiceProvider.jsx @@ -7,7 +7,7 @@ * in compliance with the License. * You may obtain a copy of the License at * - * http://www.apache.org/licenses/LICENSE-2.0 + * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an @@ -19,8 +19,9 @@ */ import React, { useReducer, useState, useEffect } from 'react'; +import { v4 as uuidv4 } from 'uuid'; // Import the v4 UUID generator import { FormattedMessage, useIntl } from 'react-intl'; -import { Link as RouterLink } from 'react-router-dom'; +import { Link as RouterLink, useLocation } from 'react-router-dom'; import { MenuItem, Typography, @@ -35,9 +36,13 @@ import Grid from '@mui/material/Grid'; import Select from '@mui/material/Select'; import { styled } from '@mui/material/styles'; import TextField from '@mui/material/TextField'; +import Radio from '@mui/material/Radio'; +import RadioGroup from '@mui/material/RadioGroup'; +import FormControlLabel from '@mui/material/FormControlLabel'; import { MuiChipsInput } from 'mui-chips-input'; import ContentBase from 'AppComponents/AdminPages/Addons/ContentBase'; -import AIAPIDefinition from './AIAPIDefinition'; +import AIAPIDefinition from './AiApiDefinition'; +import ModelProviders from './ModelProviders'; const StyledSpan = styled('span')(({ theme }) => ({ color: theme.palette.error.dark })); @@ -56,8 +61,9 @@ const StyledContentBase = styled(ContentBase)({ /** * Reducer - * @param {JSON} state The second number. - * @returns {Promise} + * @param {JSON} state The current state. + * @param {Object} newValue The action object containing field and value. + * @returns {Promise} The new state. */ function reducer(state, newValue) { const { field, value } = newValue; @@ -66,7 +72,9 @@ function reducer(state, newValue) { case 'apiVersion': case 'description': case 'modelList': + case 'multipleModelProviderSupport': case 'apiDefinition': + case 'models': return { ...state, [field]: value }; case 'requestModel': case 'responseModel': @@ -103,18 +111,26 @@ function reducer(state, newValue) { } /** - * Render a list - * @returns {JSX} Header AppBar components. + * AddEditAiServiceProvider component + * @param {*} props props passed from parents. + * @returns {JSX} AddEditAiServiceProvider component. */ -export default function AddEditAiVendor(props) { +export default function AddEditAiServiceProvider(props) { const intl = useIntl(); const [saving, setSaving] = useState(false); - const { match: { params: { id } }, history } = props; - const inputSources = ['payload', 'header', 'queryParams']; - const [authSource, setAuthSource] = useState('authHeader'); - const authSources = ['unsecured', 'authHeader', 'authQueryParameter']; + const { match: { params: { id: vendorId } }, history } = props; + const inputSources = ['payload', 'header', 'queryParams', 'pathParams']; + const [authConfig, setAuthenticationConfiguration] = useState({ + enabled: 'false', + type: 'none', + parameters: {}, + }); + const authSources = ['none', 'apikey', 'aws']; const [validating, setValidating] = useState(false); const [file, setFile] = useState(null); + const [loading, setLoading] = useState(!!vendorId); // Set to true if editing (vendorId exists) + const location = useLocation(); + const [initialState] = useState({ name: '', apiVersion: '', @@ -162,52 +178,108 @@ export default function AddEditAiVendor(props) { authQueryParameter: '', authHeader: '', }, + multipleModelProviderSupport: false, apiDefinition: '', modelList: [], + models: [], }); const [state, dispatch] = useReducer(reducer, initialState); - const pageTitle = id ? `${intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.title.edit', - defaultMessage: 'AI/LLM Vendor - Edit ', + const pageTitle = vendorId ? `${intl.formatMessage({ + id: 'AiServiceProviders.AddEditAiServiceProvider.title.edit', + defaultMessage: 'AI Service Provider - Edit ', })} ${state.name}` : intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.title.new', - defaultMessage: 'AI/LLM Vendor - Create new', + id: 'AiServiceProviders.AddEditAiServiceProvider.title.new', + defaultMessage: 'AI Service Provider - Create new', }); useEffect(() => { const fetchData = async () => { - if (id) { - const aiVendorResult = await new API().aiVendorGet(id); - const aiVendorBody = aiVendorResult.body; - - if (aiVendorBody) { - const newState = { - name: aiVendorBody.name || '', - apiVersion: aiVendorBody.apiVersion || '', - description: aiVendorBody.description || '', - configurations: JSON.parse(aiVendorBody.configurations), - apiDefinition: aiVendorBody.apiDefinition || '', - modelList: aiVendorBody.modelList || [], - }; - if (newState.configurations.authQueryParameter) { - setAuthSource('authQueryParameter'); - } else if (newState.configurations.authHeader) { - setAuthSource('authHeader'); - } else { - setAuthSource('unsecured'); - } - - dispatch({ field: 'all', value: newState }); + if (vendorId) { + try { + const aiVendorResult = await new API().getAiServiceProvider(vendorId); + const aiVendorBody = aiVendorResult.body; + if (aiVendorBody) { + let models = []; + let modelList = []; + if (aiVendorBody.modelProviders) { + models = aiVendorBody.modelProviders; + modelList = models.find((item) => item.name === aiVendorBody.name); + modelList = modelList ? modelList.models : []; + models = models.map((model) => ({ + ...model, id: uuidv4(), + })); + } + if (aiVendorBody.configurations) { + const config = JSON.parse(aiVendorBody.configurations); + if (config.authenticationConfiguration) { + setAuthenticationConfiguration({ + enabled: config.authenticationConfiguration.enabled, + type: config.authenticationConfiguration.type, + parameters: config.authenticationConfiguration.parameters ?? {}, + }); + } else { + const hasAuthHeader = config.authHeader && config.authHeader.trim() !== ''; + const hasAuthQueryParameter = config.authQueryParameter + && config.authQueryParameter.trim() !== ''; + if (hasAuthHeader || hasAuthQueryParameter) { + setAuthenticationConfiguration({ + enabled: 'true', + type: 'apikey', + parameters: { + headersEnabled: !!hasAuthHeader, + headerName: config.authHeader || '', + queryParameterEnabled: !!hasAuthQueryParameter, + queryParameterName: config.authQueryParameter || '', + }, + }); + } else { + setAuthenticationConfiguration({ + enabled: 'false', + type: 'none', + }); + } + } + } + const newState = { + name: aiVendorBody.name || '', + apiVersion: aiVendorBody.apiVersion || '', + description: aiVendorBody.description || '', + configurations: JSON.parse(aiVendorBody.configurations), + apiDefinition: aiVendorBody.apiDefinition || '', + modelList, + models, + multipleModelProviderSupport: aiVendorBody.multipleModelProviderSupport || false, + }; + dispatch({ field: 'all', value: newState }); - setFile(new Blob([aiVendorBody.apiDefinition || ''], { type: 'text/plain;charset=utf-8' })); + setFile(new Blob([aiVendorBody.apiDefinition || ''], { type: 'text/plain;charset=utf-8' })); + } + } catch (error) { + console.error('Error fetching AI Service Provider data:', error); + } finally { + setLoading(false); } + } else { + setLoading(false); // No vendorId means create mode, no loading needed } }; fetchData(); - }, [id]); + }, [vendorId]); + + /** + * Effect to update the state when isSingleProvider changes. + */ + useEffect(() => { + if (location.state?.isSingleProvider !== undefined) { + dispatch({ + field: 'multipleModelProviderSupport', + value: !location.state.isSingleProvider, + }); + } + }, []); const camelCaseToTitleCase = (camelCaseStr) => { return camelCaseStr @@ -230,8 +302,8 @@ export default function AddEditAiVendor(props) { switch (fieldName) { case 'name': if (fieldValue.trim() === '') { - error = `AI/LLM Vendor name ${intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.is.empty.error', + error = `AI Service Provider name ${intl.formatMessage({ + id: 'AiServiceProviders.AddEditAiServiceProvider.is.empty.error', defaultMessage: ' is empty', })}`; } @@ -239,7 +311,7 @@ export default function AddEditAiVendor(props) { case 'apiVersion': if (fieldValue.trim() === '') { error = intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.is.empty.error.apiVersion', + id: 'AiServiceProviders.AddEditAiServiceProvider.is.empty.error.apiVersion', defaultMessage: 'Required field is empty.', }); } @@ -247,7 +319,7 @@ export default function AddEditAiVendor(props) { case 'inputSource': if (fieldValue.trim() === '') { error = intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.is.empty.error.inputSource', + id: 'AiServiceProviders.AddEditAiServiceProvider.is.empty.error.inputSource', defaultMessage: 'Input source is required.', }); } @@ -255,7 +327,7 @@ export default function AddEditAiVendor(props) { case 'attributeIdentifier': if (fieldValue.required && fieldValue.attributeIdentifier.trim() === '') { error = intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.is.empty.error.attributeIdentifier', + id: 'AiServiceProviders.AddEditAiServiceProvider.is.empty.error.attributeIdentifier', defaultMessage: 'Attribute identifier is required.', }); } @@ -263,11 +335,19 @@ export default function AddEditAiVendor(props) { case 'connectorType': if (fieldValue.trim() === '') { error = intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.is.empty.error.connectorType', + id: 'AiServiceProviders.AddEditAiServiceProvider.is.empty.error.connectorType', defaultMessage: 'Connector type is required.', }); } break; + case 'providerName': + if (fieldValue.trim() === '') { + error = intl.formatMessage({ + id: 'AiServiceProviders.AddEditAiServiceProvider.is.empty.error.providerName', + defaultMessage: 'Provider name is required.', + }); + } + break; default: break; } @@ -280,17 +360,21 @@ export default function AddEditAiVendor(props) { || hasErrors('inputSource', meta.inputSource, validatingActive); }); + // Check for errors in model provider entries + const modelProviderEntriesErrors = state.models.some((entry) => entry.name.trim() === ''); + return hasErrors('name', state.name, validatingActive) || hasErrors('apiVersion', state.apiVersion, validatingActive) || hasErrors('connectorType', state.configurations.connectorType, validatingActive) - || metadataErrors.some((error) => error); + || metadataErrors.some((error) => error) + || modelProviderEntriesErrors; }; const formSaveCallback = async () => { setValidating(true); if (formHasErrors(true)) { Alert.error(intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.form.has.errors', + id: 'AiServiceProviders.AddEditAiServiceProvider.form.has.errors', defaultMessage: 'One or more fields contain errors.', })); return false; @@ -303,34 +387,43 @@ export default function AddEditAiVendor(props) { metadata: state.configurations.metadata, connectorType: state.configurations.connectorType, }; - if (state.configurations[authSource]) { - updatedConfigurations = { - ...updatedConfigurations, - [authSource]: state.configurations[authSource], - }; + updatedConfigurations = { + ...updatedConfigurations, + authenticationConfiguration: authConfig, + }; + let models; + if (state.multipleModelProviderSupport) { + models = state.models.map(({ id, ...rest }) => rest); + } else { + models = [{ name: state.name, models: state.modelList }]; } - const newState = { - ...state, - configurations: updatedConfigurations, - modelList: JSON.stringify(state.modelList), + + const requestPayload = { + name: state.name, + apiVersion: state.apiVersion, + description: state.description, + multipleModelProviderSupport: state.multipleModelProviderSupport, + configurations: JSON.stringify(updatedConfigurations), + modelList: models, + apiDefinition: file, }; - if (id) { - await new API().updateAiVendor(id, { ...newState, apiDefinition: file }); + if (vendorId) { + await new API().updateAIServiceProvider(vendorId, requestPayload); Alert.success(`${state.name} ${intl.formatMessage({ id: 'AiVendor.edit.success', - defaultMessage: ' - AI/LLM Vendor edited successfully.', + defaultMessage: ' - AI Service Provider edited successfully.', })}`); } else { - await new API().addAiVendor({ ...newState, apiDefinition: file }); + await new API().addAIServiceProvider(requestPayload); Alert.success(`${state.name} ${intl.formatMessage({ id: 'AiVendor.add.success.msg', - defaultMessage: ' - AI/LLM Vendor added successfully.', + defaultMessage: ' - AI Service Provider added successfully.', })}`); } setSaving(false); - history.push('/settings/ai-vendors/'); + history.push('/settings/ai-service-providers/'); } catch (e) { if (e.message) { Alert.error(e.message); @@ -344,18 +437,87 @@ export default function AddEditAiVendor(props) { }; const clearAuthHeader = () => { - dispatch({ - field: 'authHeader', - value: '', - }); + setAuthenticationConfiguration((prev) => ({ + ...prev, + parameters: {}, + })); }; - const clearAuthQueryParameter = () => { - dispatch({ - field: 'authQueryParameter', - value: '', - }); + function setAuthType(type) { + if (type === 'none') { + authConfig.enabled = false; + authConfig.type = 'none'; + } else { + authConfig.enabled = true; + authConfig.type = type; + } + } + + // Add this helper function above your component + function getApiKeyLocation(authConfiguration) { + if (authConfiguration?.parameters?.headerEnabled) { + return 'header'; + } + if (authConfiguration?.parameters?.queryParameterEnabled) { + return 'queryParameter'; + } + return ''; + } + + // Add this function inside your component, above the return statement + const handleApiKeyLocationChange = (e) => { + const { value } = e.target; + setAuthenticationConfiguration((prev) => ({ + ...prev, + parameters: { + ...prev.parameters, + headerEnabled: value === 'header', + queryParameterEnabled: value === 'queryParameter', + }, + })); }; + /** + * Handles changes to the API key identifier input. + * Updates headerName or queryParameterName in authConfig.parameters. + * @param {Event} e - The input change event + */ + const handleApiKeyIdentifierChange = (e) => { + const { value } = e.target; + setAuthenticationConfiguration((prev) => ({ + ...prev, + parameters: { + ...prev.parameters, + ...(prev.parameters.headerEnabled + ? { headerName: value } + : {}), + ...(prev.parameters.queryParameterEnabled + ? { queryParameterName: value } + : {}), + }, + })); + }; + + // Show loading spinner while fetching data in edit mode + if (loading) { + return ( + } + > + + + + + ); + } return ( @@ -381,11 +543,11 @@ export default function AddEditAiVendor(props) { color='inherit' variant='caption' component='p' - id='AiVendors.AddEditAiVendor.general.details.description.div' + id='AiServiceProviders.AddEditAiServiceProvider.general.details.description.div' > @@ -401,7 +563,7 @@ export default function AddEditAiVendor(props) { label={( @@ -411,15 +573,15 @@ export default function AddEditAiVendor(props) { fullWidth variant='outlined' value={state.name} - disabled={!!id} + disabled={!!vendorId} onChange={(e) => dispatch({ field: 'name', value: e.target.value, })} error={hasErrors('name', state.name, validating)} helperText={hasErrors('name', state.name, validating) || intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.form.name.help', - defaultMessage: 'Name of the AI/LLM Vendor.', + id: 'AiServiceProviders.AddEditAiServiceProvider.form.name.help', + defaultMessage: 'Name of the AI Service Provider.', })} /> @@ -432,7 +594,7 @@ export default function AddEditAiVendor(props) { fullWidth variant='outlined' value={state.apiVersion} - disabled={!!id} + disabled={!!vendorId} onChange={(e) => dispatch({ field: 'apiVersion', value: e.target.value, @@ -447,11 +609,14 @@ export default function AddEditAiVendor(props) { )} error={hasErrors('apiVersion', state.apiVersion, validating)} - helperText={hasErrors('apiVersion', state.apiVersion, validating) + helperText={ + hasErrors('apiVersion', state.apiVersion, validating) || intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.form.displayName.help', - defaultMessage: 'API Version of the AI/LLM Vendor.', - })} + id: 'AiServiceProviders.AddEditAiServiceProvider.' + + 'form.apiVersion.help', + defaultMessage: 'API Version of the AI Service Provider.', + }) + } /> @@ -466,7 +631,7 @@ export default function AddEditAiVendor(props) { name='description' label={( )} @@ -478,12 +643,125 @@ export default function AddEditAiVendor(props) { value: e.target.value, })} helperText={intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.form.description.help', - defaultMessage: 'Description of the AI/LLM Vendor.', + id: 'AiServiceProviders.AddEditAiServiceProvider.form.description.help', + defaultMessage: 'Description of the AI Service Provider.', })} /> + + + + + + + + + + + + + + + + + + { + const isMultiple = e.target.value === 'true'; + dispatch({ + field: 'multipleModelProviderSupport', + value: isMultiple, + }); + // Clear the state when switching modes (only if not in edit mode) + if (!vendorId) { + if (isMultiple) { + // Switching to multiple provider mode - clear single provider state + dispatch({ field: 'modelList', value: [] }); + } else { + // Switching to single provider mode - clear multiple provider state + dispatch({ field: 'models', value: [] }); + } + } + }} + sx={{ display: 'flex', flexDirection: 'row' }} + > + } + label={intl.formatMessage({ + id: 'AiServiceProviders.AddEditAiServiceProvider.single.model.provider', + defaultMessage: 'Single Model Provider', + })} + disabled={!!vendorId} + /> + } + label={intl.formatMessage({ + id: 'AiServiceProviders.AddEditAiServiceProvider.multi.model.provider', + defaultMessage: 'Multi Model Provider', + })} + disabled={!!vendorId} + /> + + + + {state.multipleModelProviderSupport ? ( + dispatch({ + field: 'models', + value: newModels, + })} + hasErrors={hasErrors} + validating={validating} + /> + ) : ( + { + const updatedList = [...state.modelList, model]; + dispatch({ field: 'modelList', value: updatedList }); + }} + onDeleteChip={(model) => { + const filteredModelList = state.modelList.filter( + (modelItem) => modelItem !== model, + ); + dispatch({ field: 'modelList', value: filteredModelList }); + }} + placeholder={intl.formatMessage({ + id: 'AiServiceProviders.AddEditAiServiceProvider.modelList.placeholder', + defaultMessage: 'Type Model name and press Enter', + })} + data-testid='ai-vendor-llm-model-list' + /> + )} + + + + <> @@ -499,7 +777,7 @@ export default function AddEditAiVendor(props) { id='llm-configurations' > @@ -507,10 +785,10 @@ export default function AddEditAiVendor(props) { color='inherit' variant='caption' component='p' - id='AddEditAiVendor.External.AiVendor.configurations.llm.container' + id='AddEditAiServiceProvider.External.AiVendor.configurations.llm.container' > @@ -525,13 +803,13 @@ export default function AddEditAiVendor(props) { variant='subtitle2' component='div' id={ - 'AiVendors.AddEditAiVendor.llm.configuration.' + 'AiServiceProviders.AddEditAiServiceProvider.llm.configuration.' + `${metadata.attributeName}.div` } > - - * + {metadata.required && *} )} fullWidth @@ -615,10 +892,10 @@ export default function AddEditAiVendor(props) { color='inherit' variant='subtitle2' component='div' - id='AiVendors.AddEditAiVendor.apiDefinition.header' + id='AiServiceProviders.AddEditAiServiceProvider.apiDefinition.header' > @@ -626,11 +903,11 @@ export default function AddEditAiVendor(props) { color='inherit' variant='caption' component='p' - id='AiVendors.AddEditAiVendor.apiDefinition.body' + id='AiServiceProviders.AddEditAiServiceProvider.apiDefinition.body' > @@ -660,7 +937,7 @@ export default function AddEditAiVendor(props) { id='llm-auth-configurations' > @@ -668,10 +945,10 @@ export default function AddEditAiVendor(props) { color='inherit' variant='caption' component='p' - id='AddEditAiVendor.External.AiVendor.configurations.llm.auth.container' + id='AddEditAiServiceProvider.External.AiVendor.configurations.llm.auth.container' > @@ -688,11 +965,10 @@ export default function AddEditAiVendor(props) { variant='outlined' id='Admin.AiVendor.form.llm.auth.select' name='authSource' - value={authSource} + value={authConfig.type} onChange={(e) => { + setAuthType(e.target.value); clearAuthHeader(); - clearAuthQueryParameter(); - setAuthSource(e.target.value); }} data-testid='ai-vendor-llm-auth-select' > @@ -703,33 +979,89 @@ export default function AddEditAiVendor(props) { ))} - {authSource !== 'unsecured' && ( + {(authConfig.type === 'apikey') && ( + <> + + + + } + label='Header' + /> + } + label='Query Parameter' + /> + + + + + + + )} + fullWidth + variant='outlined' + value={ + (() => { + if (authConfig?.parameters?.headerEnabled) { + return authConfig.parameters.headerName ?? ''; + } + if (authConfig?.parameters?.queryParameterEnabled) { + return authConfig.parameters.queryParameterName ?? ''; + } + return ''; + })() + } + onChange={handleApiKeyIdentifierChange} + /> + + )} + {(authConfig.type === 'aws') && ( )} fullWidth variant='outlined' - value={authSource === 'authHeader' - ? state.configurations.authHeader ?? '' - : state.configurations.authQueryParameter ?? ''} - onChange={(e) => dispatch({ - field: authSource, - value: e.target.value, - })} + value={authConfig.parameters?.awsServiceName || ''} + onChange={(e) => setAuthenticationConfiguration((prev) => ({ + ...prev, + parameters: { + ...prev.parameters, + awsServiceName: e.target.value, + }, + }))} + required /> )} @@ -747,22 +1079,22 @@ export default function AddEditAiVendor(props) { color='inherit' variant='subtitle2' component='div' - id='AiVendors.AddEditAiVendor.connectorType.header' + id='AiServiceProviders.AddEditAiServiceProvider.connectorType.header' > @@ -775,7 +1107,7 @@ export default function AddEditAiVendor(props) { label={( @@ -785,7 +1117,7 @@ export default function AddEditAiVendor(props) { fullWidth variant='outlined' value={state.configurations.connectorType} - disabled={!!id} + disabled={!!vendorId} onChange={(e) => dispatch({ field: 'connectorType', value: e.target.value, @@ -796,8 +1128,8 @@ export default function AddEditAiVendor(props) { state.configurations.connectorType, validating, ) || intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.form.connectorType.help', - defaultMessage: 'Connector Type for AI/LLM Vendor', + id: 'AiServiceProviders.AddEditAiServiceProvider.form.connectorType.help', + defaultMessage: 'Connector Type for AI Service Provider', })} /> @@ -807,67 +1139,6 @@ export default function AddEditAiVendor(props) { - - - - - - - - - - - { - state.modelList.push(model); - }} - onDeleteChip={(model) => { - const filteredModelList = state.modelList.filter( - (modelItem) => modelItem !== model, - ); - dispatch({ field: 'modelList', value: filteredModelList }); - }} - placeholder={intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.modelList.placeholder', - defaultMessage: 'Type Model name and press Enter', - })} - data-testid='ai-vendor-llm-model-list' - helperText={( -
- {intl.formatMessage({ - id: 'AiVendors.AddEditAiVendor.modelList.help', - defaultMessage: 'Type available models and ' - + 'press enter/return to add them.', - })} -
- )} - /> - - - - - - - - + @@ -905,7 +1176,6 @@ export default function AddEditAiVendor(props) { - ); } diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/AIAPIDefinition.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/AiApiDefinition.jsx similarity index 97% rename from portals/admin/src/main/webapp/source/src/app/components/AiVendors/AIAPIDefinition.jsx rename to portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/AiApiDefinition.jsx index a3ea9d6952e..77a1eb579c7 100644 --- a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/AIAPIDefinition.jsx +++ b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/AiApiDefinition.jsx @@ -35,7 +35,7 @@ const StyledSpan = styled('span')(({ theme }) => ({ color: theme.palette.error.d * @param {JSON} props Input props form parent components. * @returns {JSX} AI Vendor API Definition manage UI. */ -export default function AIAPIDefinition(props) { +export default function AiApiDefinition(props) { const intl = useIntl(); const { apiDefinition, @@ -107,7 +107,7 @@ export default function AIAPIDefinition(props) { <> * diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/DeleteAiVendor.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/DeleteAiServiceProvider.jsx similarity index 77% rename from portals/admin/src/main/webapp/source/src/app/components/AiVendors/DeleteAiVendor.jsx rename to portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/DeleteAiServiceProvider.jsx index 73a7d21d2f0..5d5670a5135 100644 --- a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/DeleteAiVendor.jsx +++ b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/DeleteAiServiceProvider.jsx @@ -29,16 +29,16 @@ import FormDialogBase from 'AppComponents/AdminPages/Addons/FormDialogBase'; * @param {JSON} props component props. * @returns {JSX} Loading animation. */ -function DeleteAiVendor({ updateList, dataRow }) { +function DeleteAiServiceProvider({ updateList, dataRow }) { const { id, builtInSupport } = dataRow; const intl = useIntl(); const formSaveCallback = () => { return new API() - .deleteAiVendor(id) + .deleteAIServiceProvider(id) .then(() => ( )) .catch((error) => { @@ -52,11 +52,11 @@ function DeleteAiVendor({ updateList, dataRow }) { return ( } @@ -69,17 +69,17 @@ function DeleteAiVendor({ updateList, dataRow }) { > ); } -DeleteAiVendor.propTypes = { +DeleteAiServiceProvider.propTypes = { updateList: PropTypes.func.isRequired, dataRow: PropTypes.shape({ id: PropTypes.string.isRequired, }).isRequired, }; -export default DeleteAiVendor; +export default DeleteAiServiceProvider; diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/ListAiVendors.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/ListAiServiceProviders.jsx similarity index 90% rename from portals/admin/src/main/webapp/source/src/app/components/AiVendors/ListAiVendors.jsx rename to portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/ListAiServiceProviders.jsx index 40f194ff169..d5ead787e8a 100644 --- a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/ListAiVendors.jsx +++ b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/ListAiServiceProviders.jsx @@ -22,7 +22,7 @@ import React, { useEffect, useState } from 'react'; import API from 'AppData/api'; import { useIntl, FormattedMessage } from 'react-intl'; import Typography from '@mui/material/Typography'; -import DeleteAiVendor from 'AppComponents/AiVendors/DeleteAiVendor'; +import DeleteAiServiceProvider from 'AppComponents/AiServiceProviders/DeleteAiServiceProvider'; import { Link as RouterLink } from 'react-router-dom'; import Alert from '@mui/material/Alert'; import Button from '@mui/material/Button'; @@ -69,7 +69,7 @@ const StyledDiv = styled('div')({}); * Render a list * @returns {JSX} Header AppBar components. */ -export default function ListAiVendors() { +export default function ListAiServiceProviders() { // eslint-disable-next-line no-unused-vars const intl = useIntl(); const [aiVendorsList, setAiVendorsList] = useState(null); @@ -81,8 +81,7 @@ export default function ListAiVendors() { setAiVendorsList(null); try { - const result = await new API().getAiVendorsList(); - console.log(result); + const result = await new API().getAiServiceProviderList(); if (result) { setError(null); setAiVendorsList(result.body.list); @@ -93,7 +92,6 @@ export default function ListAiVendors() { })); } } catch (e) { - // throw error; setError(e.message); } setSearchText(''); @@ -103,14 +101,14 @@ export default function ListAiVendors() { return ( ); @@ -120,8 +118,8 @@ export default function ListAiVendors() { { name: 'name', label: intl.formatMessage({ - id: 'AiVendors.ListAiVendors.table.header.label.aiVendorName', - defaultMessage: 'AI/LLM Vendor Name', + id: 'AiServiceProviders.ListAiServiceProviders.table.header.label.aiVendorName', + defaultMessage: 'AI Service Provider Name', }), options: { customBodyRender: (value, tableMeta) => { @@ -131,7 +129,7 @@ export default function ListAiVendors() { return ( {value} @@ -146,7 +144,7 @@ export default function ListAiVendors() { { name: 'description', label: intl.formatMessage({ - id: 'AiVendors.ListAiVendors.table.header.label.description', + id: 'AiServiceProviders.ListAiServiceProviders.table.header.label.description', defaultMessage: 'Description', }), options: { @@ -178,7 +176,7 @@ export default function ListAiVendors() { { name: 'apiVersion', label: intl.formatMessage({ - id: 'AiVendors.ListAiVendors.table.header.label.apiVersion', + id: 'AiServiceProviders.ListAiServiceProviders.table.header.label.apiVersion', defaultMessage: 'API Version', }), options: { @@ -188,7 +186,7 @@ export default function ListAiVendors() { { name: 'builtInSupport', label: intl.formatMessage({ - id: 'AiVendors.ListAiVendors.table.header.label.builtInSupport', + id: 'AiServiceProviders.ListAiServiceProviders.table.header.label.builtInSupport', defaultMessage: 'Type', }), options: { @@ -215,8 +213,8 @@ export default function ListAiVendors() { let tooltipTitle = ''; if (dataRow.builtInSupport) { tooltipTitle = intl.formatMessage({ - id: 'AiVendors.ListAiVendors.table.is.used.delete.tooltip', - defaultMessage: 'Default AI/LLM Vendors cannot be deleted', + id: 'AiServiceProviders.ListAiServiceProviders.table.is.used.delete.tooltip', + defaultMessage: 'Default AI Service Providers cannot be deleted', }); } return ( @@ -225,7 +223,7 @@ export default function ListAiVendors() { title={tooltipTitle} > - @@ -242,8 +240,8 @@ export default function ListAiVendors() { const pageProps = { pageStyle: 'paperLess', title: intl.formatMessage({ - id: 'AiVendors.ListAiVendors.List.title', - defaultMessage: 'AI/LLM Vendors', + id: 'AiServiceProviders.ListAiServiceProviders.List.title', + defaultMessage: 'AI Service Providers', }), }; @@ -257,7 +255,7 @@ export default function ListAiVendors() { > ), @@ -266,11 +264,11 @@ export default function ListAiVendors() { gutterBottom variant='h5' component='h2' - id='AiVendors.ListAiVendors.empty.header' + id='AiServiceProviders.ListAiServiceProviders.empty.header' > ), diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/ModelProviders.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/ModelProviders.jsx new file mode 100644 index 00000000000..b222261d506 --- /dev/null +++ b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/ModelProviders.jsx @@ -0,0 +1,190 @@ +/* + * + * Copyright (c) 2025 WSO2 LLC. (http://www.wso2.org) All Rights Reserved. + * + * WSO2 Inc. licenses this file to you under the Apache License, + * Version 2.0 (the "License"); you may not use this file except + * in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + * + */ + +import React from 'react'; +import { useIntl, FormattedMessage } from 'react-intl'; +import PropTypes from 'prop-types'; +import { v4 as uuidv4 } from 'uuid'; +import { + Box, Grid, Button, TextField, + IconButton, Tooltip, +} from '@mui/material'; +import AddCircle from '@mui/icons-material/AddCircle'; +import DeleteForeverIcon from '@mui/icons-material/DeleteForever'; +import { MuiChipsInput } from 'mui-chips-input'; + +const ModelProviders = ({ + models, + onModelsChange, + hasErrors, + validating, +}) => { + const intl = useIntl(); + + /** + * Handles adding a new model family. + * Creates a new model object with a unique ID and empty multipleModelProviderSupport and values. + */ + const handleAddProvider = () => { + const newModel = { + id: uuidv4(), + name: '', + models: [], + }; + onModelsChange([...models, newModel]); + }; + + /** + * Handles deleting a model family. + * @param {*} event - The event object from the click event. + */ + const handleProviderDelete = (event) => { + const index = event.currentTarget.id; + const updatedModels = models.filter((_, i) => i !== parseInt(index, 10)); + onModelsChange(updatedModels); + }; + + /** + * Handles changes to the provider name of a model family. + * @param {*} id - The ID of the model family. + * @param {*} event - The event object from the change event. + */ + const handleProviderChange = (id, event) => { + const updatedModels = models.map((model) => { + if (model.id === id) { + return { + ...model, + name: event.target.value, + }; + } + return model; + }); + onModelsChange(updatedModels); + }; + + return ( + + + + + {models.map((model, index) => ( + + + handleProviderChange(model.id, e)} + error={hasErrors('providerName', model.name, validating)} + /> + + + { + const updatedModels = models.map((m) => { + if (m.id === model.id) { + return { + ...m, + models: [...m.models, modelName], + }; + } + return m; + }); + onModelsChange(updatedModels); + }} + onDeleteChip={(modelName) => { + const updatedModels = models.map((m) => { + if (m.id === model.id) { + return { + ...m, + models: m.models.filter( + (v) => v !== modelName, + ), + }; + } + return m; + }); + onModelsChange(updatedModels); + }} + placeholder={intl.formatMessage({ + id: 'AiServiceProviders.ModelProviders.model.provider.models.placeholder', + defaultMessage: 'Type Model name and press Enter', + })} + data-testid={`ai-vendor-llm-models-${index}`} + /> + + + + )} + placement='right-end' + interactive + > + + + + + + + ))} + + ); +}; + +ModelProviders.propTypes = { + models: PropTypes.arrayOf(PropTypes.shape({ + id: PropTypes.string.isRequired, + name: PropTypes.string, + values: PropTypes.arrayOf(PropTypes.string), + })).isRequired, + onModelsChange: PropTypes.func.isRequired, + hasErrors: PropTypes.func.isRequired, + validating: PropTypes.bool.isRequired, +}; + +export default ModelProviders; diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/index.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/index.jsx new file mode 100755 index 00000000000..d96dd13b9e1 --- /dev/null +++ b/portals/admin/src/main/webapp/source/src/app/components/AiServiceProviders/index.jsx @@ -0,0 +1,41 @@ +/* + * + * Copyright (c) 2025 WSO2 LLC. (http://www.wso2.org) All Rights Reserved. + * + * WSO2 Inc. licenses this file to you under the Apache License, + * Version 2.0 (the "License"); you may not use this file except + * in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, + * software distributed under the License is distributed on an + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + * KIND, either express or implied. See the License for the + * specific language governing permissions and limitations + * under the License. + * + */ +import React from 'react'; +import { Route, Switch, withRouter } from 'react-router-dom'; +import ResourceNotFound from 'AppComponents/Base/Errors/ResourceNotFound'; +import ListAiServiceProviders from './ListAiServiceProviders'; +import AddEditAiServiceProvider from './AddEditAiServiceProvider'; + +/** + * Render a list + * @returns {JSX} Header AppBar components. + */ +function AiServiceProviders() { + return ( + + + + + + + ); +} + +export default withRouter(AiServiceProviders); diff --git a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/index.jsx b/portals/admin/src/main/webapp/source/src/app/components/AiVendors/index.jsx deleted file mode 100755 index 15f20fd306a..00000000000 --- a/portals/admin/src/main/webapp/source/src/app/components/AiVendors/index.jsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react'; -import { Route, Switch, withRouter } from 'react-router-dom'; -import ResourceNotFound from 'AppComponents/Base/Errors/ResourceNotFound'; -import ListAiVendors from './ListAiVendors'; -import AddEditAiVendor from './AddEditAiVendor'; - -/** - * Render a list - * @returns {JSX} Header AppBar components. - */ -function AiVendors() { - return ( - - - - - - - ); -} - -export default withRouter(AiVendors); diff --git a/portals/admin/src/main/webapp/source/src/app/components/Base/RouteMenuMapping.jsx b/portals/admin/src/main/webapp/source/src/app/components/Base/RouteMenuMapping.jsx index b7b754d76f3..486c9afe949 100644 --- a/portals/admin/src/main/webapp/source/src/app/components/Base/RouteMenuMapping.jsx +++ b/portals/admin/src/main/webapp/source/src/app/components/Base/RouteMenuMapping.jsx @@ -35,7 +35,7 @@ import AdvancedThrottlePolicies from 'AppComponents/Throttling/Advanced'; import CustomThrottlingPolicies from 'AppComponents/Throttling/Custom'; import TenantTheme from 'AppComponents/TenantTheme/UploadTheme'; import KeyManagers from 'AppComponents/KeyManagers'; -import AiVendors from 'AppComponents/AiVendors'; +import AiServiceProviders from 'AppComponents/AiServiceProviders'; import ListRoles from 'AppComponents//RolePermissions/ListRoles.jsx'; import TenantConfSave from 'AppComponents/AdvancedSettings/TenantConfSave'; import Policies from 'AppComponents/Governance/Policies'; @@ -273,30 +273,30 @@ const RouteMenuMapping = (intl) => [ ], }, { - id: 'Ai Vendors', + id: 'AI Service Providers', displayText: intl.formatMessage({ - id: 'Base.RouteMenuMapping.aivendors', - defaultMessage: 'AI/LLM Vendors', + id: 'Base.RouteMenuMapping.aiServiceProviders', + defaultMessage: 'AI Service Providers', }), - path: '/settings/ai-vendors', - component: AiVendors, + path: '/settings/ai-service-providers', + component: AiServiceProviders, icon: , addEditPageDetails: [ { - id: 'Add AI Vendor', + id: 'Add AI Service Provider', displayText: intl.formatMessage({ - id: 'Base.RouteMenuMapping.aivendors.items.Adding', - defaultMessage: 'Add AI/LLM Vendor', + id: 'Base.RouteMenuMapping.aiServiceProviders.items.Adding', + defaultMessage: 'Add AI Service Provider', }), - path: '/settings/ai-vendors/create', + path: '/settings/ai-service-providers/create', }, { - id: 'Edit AI Vendor', + id: 'Edit AI Service Provider', displayText: intl.formatMessage({ - id: 'Base.RouteMenuMapping.aivendors.items.Editing', - defaultMessage: 'Edit AI/LLM Vendor', + id: 'Base.RouteMenuMapping.aiServiceProviders.items.Editing', + defaultMessage: 'Edit AI Service Provider', }), - path: '/settings/ai-vendors/(.*?)$', + path: '/settings/ai-service-providers/(.*?)$', }, ], }, diff --git a/portals/admin/src/main/webapp/source/src/app/data/api.js b/portals/admin/src/main/webapp/source/src/app/data/api.js index af0c6ebf0cc..e36dc8e4af1 100644 --- a/portals/admin/src/main/webapp/source/src/app/data/api.js +++ b/portals/admin/src/main/webapp/source/src/app/data/api.js @@ -1168,57 +1168,62 @@ class API extends Resource { } /** - * Get list of AI Vendors Configured + * Get list of AI Service Providers Configured */ - getAiVendorsList() { + getAiServiceProviderList() { return this.client.then((client) => { - return client.apis['LLMProviders'].getLLMProviders( + return client.apis['AIServiceProviders'].getAIServiceProviders( this._requestMetaData(), ); }); } /** - * Get AI Vendor Configuration by id - * @param aiVendorId AI Vendor configuration id + * Get AI Service Provider Configuration by id + * @param aiServiceProviderId AI Service Provider id * @returns {*} */ - aiVendorGet(aiVendorId) { + getAiServiceProvider(aiServiceProviderId) { return this.client.then((client) => { - return client.apis['LLMProvider'].getLLMProvider( - { llmProviderId: aiVendorId }, + return client.apis['AIServiceProvider'].getAIServiceProvider( + { aiServiceProviderId }, this._requestMetaData(), ); }); } /** - * Delete an AI Vendor - * @param aiVendorId AI Vendor configuration id + * Delete an AI Service Provider + * @param aiServiceProviderId AI Service Provider id * @returns {*} */ - deleteAiVendor(aiVendorId) { + deleteAIServiceProvider(aiServiceProviderId) { return this.client.then((client) => { - return client.apis['LLMProvider'].deleteLLMProvider( - { llmProviderId: aiVendorId }, + return client.apis['AIServiceProvider'].deleteAIServiceProvider( + { aiServiceProviderId }, this._requestMetaData(), ); }); } /** - * Add an AI Vendor + * Add an AI Service Provider */ - addAiVendor(aiVendorBody) { + addAIServiceProvider(aiServiceProviderBody) { return this.client.then((client) => { const payload = { 'Content-Type': 'multipart/form-data', }; - return client.apis['LLMProviders'].addLLMProvider( + return client.apis['AIServiceProviders'].addAIServiceProvider( payload, { requestBody: { - ...aiVendorBody, - modelList: JSON.stringify(aiVendorBody.modelList) + name: aiServiceProviderBody.name, + apiVersion: aiServiceProviderBody.apiVersion, + description: aiServiceProviderBody.description, + multipleModelProviderSupport: aiServiceProviderBody.multipleModelProviderSupport, + configurations: aiServiceProviderBody.configurations, + apiDefinition: aiServiceProviderBody.apiDefinition, + modelProviders: JSON.stringify(aiServiceProviderBody.modelList) }}, this._requestMetaData(), ); @@ -1226,20 +1231,24 @@ class API extends Resource { } /** - * Update an AI Vendor + * Update an AI Service Provider */ - updateAiVendor(aiVendorId, aiVendorBody) { + updateAIServiceProvider(aiServiceProviderId, aiServiceProviderBody) { return this.client.then((client) => { const payload = { - llmProviderId: aiVendorId, + aiServiceProviderId, 'Content-Type': 'multipart/form-data', }; - return client.apis['LLMProvider'].updateLLMProvider( + return client.apis['AIServiceProvider'].updateAIServiceProvider( payload, { requestBody: { - ...aiVendorBody, - llmProviderId: aiVendorId, - modelList: JSON.stringify(aiVendorBody.modelList) + name: aiServiceProviderBody.name, + apiVersion: aiServiceProviderBody.apiVersion, + description: aiServiceProviderBody.description, + multipleModelProviderSupport: aiServiceProviderBody.multipleModelProviderSupport, + configurations: aiServiceProviderBody.configurations, + apiDefinition: aiServiceProviderBody.apiDefinition, + modelProviders: JSON.stringify(aiServiceProviderBody.modelList) }}, this._requestMetaData(), ); diff --git a/portals/publisher/src/main/webapp/site/public/locales/en.json b/portals/publisher/src/main/webapp/site/public/locales/en.json index 68676911fc1..755a4516b7c 100644 --- a/portals/publisher/src/main/webapp/site/public/locales/en.json +++ b/portals/publisher/src/main/webapp/site/public/locales/en.json @@ -759,10 +759,6 @@ "Apis.Details.Endpoints.AIEndpoints.AIEndpoints.sandbox.endpoints.label": "Sandbox Endpoints", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.add.success": "Endpoint Added Successfully", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.advanced.configurations": "Advanced Configurations", - "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.api.key.header": "Authorization Header", - "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.api.key.placeholder": "Enter API Key", - "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.api.key.query.param": "Authorization Query Param", - "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.api.key.value": "API Key", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.cancel": "Cancel", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.create.btn": "Create", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.create.new.endpoint": "Add New Endpoint", @@ -770,8 +766,11 @@ "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.edit.success": "Endpoint Updated Successfully", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.endpoint.configuration": "Endpoint configurations", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.duplicate.name": "This endpoint name already exists", + "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.accessKey": "AWS AccessKey cannot be empty", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.apiKey": "API Key cannot be empty", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.name": "Endpoint name cannot be empty", + "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.region": "AWS region cannot be empty", + "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.secretKey": "AWS SecretKey cannot be empty", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.url": "Endpoint URL cannot be empty", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.invalid.url": "Please enter a valid endpoint URL", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.loading": "Error loading endpoint", @@ -784,6 +783,16 @@ "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.select.endpoint.type": "Select Endpoint Type", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.test.endpoint": "Check endpoint status", "Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.update.btn": "Update", + "Apis.Details.Endpoints.AIEndpoints.Edit.acessKey": "AWS Access Key", + "Apis.Details.Endpoints.AIEndpoints.Edit.acessKey.placeholder": "Enter AWS Access Key", + "Apis.Details.Endpoints.AIEndpoints.Edit.api.key.header": "Authorization Header", + "Apis.Details.Endpoints.AIEndpoints.Edit.api.key.placeholder": "Enter API Key", + "Apis.Details.Endpoints.AIEndpoints.Edit.api.key.query.param": "Authorization Query Param", + "Apis.Details.Endpoints.AIEndpoints.Edit.api.key.value": "API Key", + "Apis.Details.Endpoints.AIEndpoints.Edit.aws.region": "AWS Region", + "Apis.Details.Endpoints.AIEndpoints.Edit.aws.region.placeholder": "Enter AWS Region", + "Apis.Details.Endpoints.AIEndpoints.Edit.secretKey": "AWS Secret Key", + "Apis.Details.Endpoints.AIEndpoints.Edit.secretKey.placeholder": "Enter AWS Secret Key", "Apis.Details.Endpoints.API.Definition.fetch.error": "Error occurred while fetching API definition", "Apis.Details.Endpoints.AdvancedConfig.AdvanceEndpointConfig.action": "Action", "Apis.Details.Endpoints.AdvancedConfig.AdvanceEndpointConfig.cancel.button": "Close", @@ -881,6 +890,20 @@ "Apis.Details.Endpoints.GeneralConfiguration.CustomBackend.sandbox.backend": "Sandbox", "Apis.Details.Endpoints.GeneralConfiguration.EditableParameterRow.Parameter.Name": "Parameter Name", "Apis.Details.Endpoints.GeneralConfiguration.EditableParameterRow.Parameter.Value": "Parameter Value", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .connection.request.timeout.duration": "Connection Request Timeout Duration (ms)", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .connection.timeout.duration": "Connection Timeout Duration (ms)", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .proxyHost.input": "Proxy Hostname", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .proxyPassword.input": "Proxy Password", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .proxyPort.input": "Proxy Port", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .proxyProtocol.input": "Proxy Protocol", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .proxyUsername.input": "Proxy Username", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .socket.timeout.duration": "Socket Timeout Duration (ms)", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .token.endpoint.connection.configurations.endpoint.specific": "Endpoint Specific", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .token.endpoint.connection.configurations.global": "Global", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .token.endpoint.connection.configurations.none": "None", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .token.endpoint.proxy.configurations.endpoint.specific": "Endpoint Specific", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .token.endpoint.proxy.configurations.global": "Global", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity\n .token.endpoint.proxy.configurations.none": "None", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.add.new.parameter": "Add New Parameter", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.add.new.parameter.\n info": "You can add any additional payload parameters required for the endpoint below", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.basic": "Basic Auth", @@ -888,8 +911,6 @@ "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.clientId.message": "Enter Client ID", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.clientSecret.input": "Client Secret", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.clientSecret.message": "Enter Client Secret", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.connection.\n request.timeout.duration": "Connection Request Timeout Duration (ms)", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.connection.\n timeout.duration": "Connection Timeout Duration (ms)", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.digest.auth": "Digest Auth", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.grant.type.input": "Grant Type", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.input.parameter.name": "Parameter Name", @@ -908,13 +929,9 @@ "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.oauth.grant.type.password": "Resource Owner Password", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.password.input": "Password", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.password.message": "Enter Password", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.proxyHost.input": "Proxy Hostname", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.proxyPassword.input": "Proxy Password", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.proxyPort.input": "Proxy Port", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.proxyProtocol.input": "Proxy Protocol", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.proxyUsername.input": "Proxy Username", - "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.socket.\n timeout.duration": "Socket Timeout Duration (ms)", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.token.endpoint\n .connection.configurations.proxy.configurations": "Proxy Configurations", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.token.endpoint.\n connection.configurations": "Token Endpoint Connection Configurations", + "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.token.endpoint.\n connection.configurations.timeout.configurations": "Timeout Configurations", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.token.url.input": "Token URL", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.tokenUrl.message": "Enter Token URL", "Apis.Details.Endpoints.GeneralConfiguration.EndpointSecurity.user.name.input": "Username", @@ -1330,6 +1347,7 @@ "Apis.Details.Policies.CustomPolicies.ModelRoundRobin.no.sandbox.endpoints": "No sandbox endpoints available. Please {configureLink} first.", "Apis.Details.Policies.CustomPolicies.ModelRoundRobin.select.endpoint": "Endpoint", "Apis.Details.Policies.CustomPolicies.ModelRoundRobin.select.model": "Model", + "Apis.Details.Policies.CustomPolicies.ModelRoundRobin.select.provider": "Provider", "Apis.Details.Policies.CustomPolicies.ModelWeightedRoundRobin.accordion.production": "Production", "Apis.Details.Policies.CustomPolicies.ModelWeightedRoundRobin.accordion.sandbox": "Sandbox", "Apis.Details.Policies.CustomPolicies.ModelWeightedRoundRobin.no.models": "No models available. Please configure models for the LLM provider.", diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AIEndpoints.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AIEndpoints.jsx index 17b290d7209..3b62e1d9f15 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AIEndpoints.jsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AIEndpoints.jsx @@ -39,6 +39,7 @@ const StyledPaper = styled(Paper)(({ theme }) => ({ const AIEndpoints = ({ apiObject, + endpointConfiguration, }) => { const [productionEndpoints, setProductionEndpoints] = useState([]); const [sandboxEndpoints, setSandboxEndpoints] = useState([]); @@ -106,7 +107,6 @@ const AIEndpoints = ({ useEffect(() => { fetchEndpoints(); }, []); - const handleDelete = (endpoint) => { // Check if endpoint is primary if (endpoint.id === apiObject.primaryProductionEndpointId || @@ -250,6 +250,7 @@ const AIEndpoints = ({ onDelete={handleDelete} onSetPrimary={handleSetAsPrimary} onRemovePrimary={handleRemovePrimary} + endpointConfiguration={endpointConfiguration} /> )) ) : ( @@ -281,6 +282,7 @@ const AIEndpoints = ({ onDelete={handleDelete} onSetPrimary={handleSetAsPrimary} onRemovePrimary={handleRemovePrimary} + endpointConfiguration={endpointConfiguration} /> )) ) : ( diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AddEditAIEndpoint.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AddEditAIEndpoint.jsx index 29c5b220dde..e8b7b19d249 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AddEditAIEndpoint.jsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/AddEditAIEndpoint.jsx @@ -250,9 +250,11 @@ const AddEditAIEndpoint = ({ endpoint_security: {}, } }); - const [apiKeyParamConfig, setApiKeyParamConfig] = useState({ - authHeader: null, - authQueryParameter: null + const [endpointConfiguration, setEndpointConfiguration] = useState({ + authenticationConfiguration: { + "authenticationConfiguration": + { "enabled": false, "type": null, parameters: {} } + } }); const [isEndpointSaving, setEndpointSaving] = useState(false); const iff = (condition, then, otherwise) => (condition ? then : otherwise); @@ -262,6 +264,9 @@ const AddEditAIEndpoint = ({ const { updateAPI } = useContext(APIContext); const [apiKeyValue, setApiKeyValue] = useState(null); + const [accessKey, setAccessKey] = useState(null); + const [secretKey, setSecretKey] = useState(null); + const [region, setRegion] = useState(null); const [showApiKey, setShowApiKey] = useState(false); const subtypeConfig = apiObject.subtypeConfiguration && JSON.parse(apiObject.subtypeConfiguration.configuration); @@ -291,7 +296,6 @@ const AddEditAIEndpoint = ({ return isDuplicate; }; - useEffect(() => { if (endpointId) { setIsEditing(true); @@ -327,10 +331,20 @@ const AddEditAIEndpoint = ({ // Set API key value const envType = isProd ? 'production' : 'sandbox'; - const apiKeyConfig = endpointConfig.endpoint_security?.[envType]; - if (apiKeyConfig?.apiKeyValue === '') { + const securityConfig = endpointConfig.endpoint_security?.[envType]; + if (securityConfig?.apiKeyValue === '') { setApiKeyValue('********'); } + // Set AWS related values + if (securityConfig?.accessKey) { + setAccessKey(securityConfig?.accessKey); + } + if (securityConfig?.secretKey === '') { + setSecretKey('********'); + } + if (securityConfig?.region) { + setRegion(securityConfig?.region); + } } else { // Load custom endpoint data from API API.getApiEndpoint(apiObject.id, endpointId) @@ -347,10 +361,20 @@ const AddEditAIEndpoint = ({ // Set API key value const envType = body.deploymentStage === "PRODUCTION" ? 'production' : 'sandbox'; - const apiKeyConfig = body.endpointConfig.endpoint_security?.[envType]; - if (apiKeyConfig?.apiKeyValue === '') { + const securityConfig = body.endpointConfig.endpoint_security?.[envType]; + if (securityConfig?.apiKeyValue === '') { setApiKeyValue('********'); } + // Set AWS related values + if (securityConfig?.accessKey) { + setAccessKey(securityConfig?.accessKey); + } + if (securityConfig?.secretKey === '') { + setSecretKey('********'); + } + if (securityConfig?.region) { + setRegion(securityConfig?.region); + } }) .catch((error) => { console.error('Error loading endpoint:', error); @@ -419,11 +443,24 @@ const AddEditAIEndpoint = ({ } const isProduction = state.deploymentStage === CONSTS.DEPLOYMENT_STAGE.production; + let apiKeyIdentifier; + let apiKeyIdentifierType; + if (endpointConfiguration.authenticationConfiguration.enabled + && endpointConfiguration.authenticationConfiguration.type === "apikey") { + if (endpointConfiguration.authenticationConfiguration.parameters.headerEnabled) { + apiKeyIdentifier = endpointConfiguration.authenticationConfiguration.parameters.headerName; + apiKeyIdentifierType = "HEADER"; + } + if (endpointConfiguration.authenticationConfiguration.parameters.queryParameterEnabled) { + apiKeyIdentifier = endpointConfiguration.authenticationConfiguration.parameters.queryParameterName; + apiKeyIdentifierType = "QUERY_PARAMETER"; + } + } saveEndpointSecurityConfig({ ...CONSTS.DEFAULT_ENDPOINT_SECURITY, - type: 'apikey', - apiKeyIdentifier: apiKeyParamConfig.authHeader || apiKeyParamConfig.authQueryParam, - apiKeyIdentifierType: apiKeyParamConfig.authHeader ? 'HEADER' : 'QUERY_PARAMETER', + type: endpointConfiguration.authenticationConfiguration.type, + apiKeyIdentifier, + apiKeyIdentifierType, apiKeyValue: updatedApiKeyValue, enabled: true, }, isProduction ? 'production' : 'sandbox'); @@ -445,7 +482,7 @@ const AddEditAIEndpoint = ({ .then((response) => { if (response.body) { const config = response.body; - setApiKeyParamConfig(config); + setEndpointConfiguration(config); } }); } @@ -539,11 +576,55 @@ const AddEditAIEndpoint = ({ } return false; case 'apiKey': - if (!fieldValue) { - return intl.formatMessage({ - id: 'Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.apiKey', - defaultMessage: 'API Key cannot be empty', - }); + if ( + endpointConfiguration.authenticationConfiguration?.enabled === true && + endpointConfiguration.authenticationConfiguration?.type === "apikey" + ) { + if (!fieldValue) { + return intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.apiKey', + defaultMessage: 'API Key cannot be empty', + }); + } + } + return false; + case 'accessKey': + if ( + endpointConfiguration.authenticationConfiguration?.enabled === true && + endpointConfiguration.authenticationConfiguration?.type === "aws" + ) { + if (!fieldValue) { + return intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.accessKey', + defaultMessage: 'AWS AccessKey cannot be empty', + }); + } + } + return false; + case 'secretKey': + if ( + endpointConfiguration.authenticationConfiguration?.enabled === true && + endpointConfiguration.authenticationConfiguration?.type === "aws" + ) { + if (!fieldValue) { + return intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.secretKey', + defaultMessage: 'AWS SecretKey cannot be empty', + }); + } + } + return false; + case 'region': + if ( + endpointConfiguration.authenticationConfiguration?.enabled === true && + endpointConfiguration.authenticationConfiguration?.type === "aws" + ) { + if (!fieldValue) { + return intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.error.empty.region', + defaultMessage: 'AWS region cannot be empty', + }); + } } return false; default: @@ -554,7 +635,10 @@ const AddEditAIEndpoint = ({ const formHasErrors = (validateActive = false) => { if (hasErrors('name', state.name, validateActive) || hasErrors('url', endpointUrl, validateActive) || - hasErrors('apiKey', apiKeyValue, validateActive)) { + hasErrors('apiKey', apiKeyValue, validateActive) || + hasErrors('secretKey', secretKey, validateActive) || + hasErrors('region', region, validateActive) || + hasErrors('accessKey', accessKey, validateActive)) { return true; } return false; @@ -647,7 +731,40 @@ const AddEditAIEndpoint = ({ }); } }; + const handleAWSCredentials = (e, field) => { + if (field === "accessKey") { + setAccessKey(e.target.value) + } else if (field === "secretKey") { + let seretKeyValue = e.target.value; + if (seretKeyValue === '********') { + seretKeyValue = ''; + } else if (seretKeyValue === '') { + seretKeyValue = null; + } else if (seretKeyValue.includes('********')) { + seretKeyValue = seretKeyValue.replace('********', ''); + } + setSecretKey(seretKeyValue) + } else if (field === "region") { + setRegion(e.target.value) + } + } + const handleOnBlurOnAWSCredentials = () => { + const isProduction = state.deploymentStage === CONSTS.DEPLOYMENT_STAGE.production; + // Skip if apiKeyValue is null, empty, or ******** + if (!secretKey || secretKey === '********') { + return; + } + saveEndpointSecurityConfig({ + ...CONSTS.DEFAULT_ENDPOINT_SECURITY, + type: endpointConfiguration.authenticationConfiguration.type, + service: endpointConfiguration.authenticationConfiguration.parameters.awsServiceName, + accessKey, + secretKey, + region, + enabled: true, + }, isProduction ? 'production' : 'sandbox'); + } const formSave = () => { setValidating(true); if (formHasErrors(true)) { @@ -657,7 +774,7 @@ const AddEditAIEndpoint = ({ })); return false; } - + setEndpointSaving(true); let savePromise; @@ -727,6 +844,28 @@ const AddEditAIEndpoint = ({ return true; }; + // Add this before the return statement, after all hooks and state + const apiKeyParamConfig = { + authHeader: + endpointConfiguration.authenticationConfiguration?.enabled && + endpointConfiguration.authenticationConfiguration?.type === "apikey" && + endpointConfiguration.authenticationConfiguration?.parameters?.headerEnabled + ? endpointConfiguration.authenticationConfiguration.parameters.headerName + : null, + authQueryParam: + endpointConfiguration.authenticationConfiguration?.enabled && + endpointConfiguration.authenticationConfiguration?.type === "apikey" && + endpointConfiguration.authenticationConfiguration?.parameters?.queryParameterEnabled + ? endpointConfiguration.authenticationConfiguration.parameters.queryParameterName + : null, + }; + + const IS_APIKEY_AUTH_ENABLED = (config) => + config.authenticationConfiguration?.enabled === true && + config.authenticationConfiguration?.type === "apikey"; + const IS_AWS_SIGV4_AUTH_ENABLED = (config) => + config.authenticationConfiguration?.enabled === true && + config.authenticationConfiguration?.type === "aws"; return ( @@ -904,66 +1043,165 @@ const AddEditAIEndpoint = ({ {/* AI Endpoint Auth Fields */} - - + + + ) : ( + + )} + fullWidth + id='api-key-id' + value={apiKeyParamConfig.authHeader || + apiKeyParamConfig.authQueryParam} + placeholder={apiKeyParamConfig.authHeader || + apiKeyParamConfig.authQueryParam} + InputLabelProps={{ + shrink: true, + }} + helperText=' ' + required /> - ) : ( - + + + } + id='api-key-value' + value={apiKeyValue} + placeholder={intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.Edit.api.key.placeholder', + defaultMessage: 'Enter API Key', + })} + fullWidth + onChange={handleApiKeyChange} + onBlur={handleApiKeyBlur} + error={hasErrors('apiKey', apiKeyValue, validating)} + helperText={hasErrors('apiKey', apiKeyValue, validating)} + required + type={showApiKey ? 'text' : 'password'} + InputLabelProps={{ + shrink: Boolean(apiKeyValue), + }} + InputProps={{ + endAdornment: ( + + + {showApiKey ? : } + + + ), + }} /> - )} - fullWidth - id='api-key-id' - value={apiKeyParamConfig.authHeader || apiKeyParamConfig.authQueryParam} - placeholder={apiKeyParamConfig.authHeader || apiKeyParamConfig.authQueryParam} - InputLabelProps={{ - shrink: true, - }} - helperText=' ' - required - /> - - - } - id='api-key-value' - value={apiKeyValue} - placeholder={intl.formatMessage({ - id: 'Apis.Details.Endpoints.AIEndpoints.AddEditAIEndpoint.api.key.placeholder', - defaultMessage: 'Enter API Key', - })} - fullWidth - onChange={handleApiKeyChange} - onBlur={handleApiKeyBlur} - error={hasErrors('apiKey', apiKeyValue, validating)} - helperText={hasErrors('apiKey', apiKeyValue, validating)} - required - type={showApiKey ? 'text' : 'password'} - InputLabelProps={{ - shrink: Boolean(apiKeyValue), - }} - InputProps={{ - endAdornment: ( - - - {showApiKey ? : } - - - ), - }} - /> - + + + )} + + {/* AWS SigV4 Auth Fields */} + {IS_AWS_SIGV4_AUTH_ENABLED(endpointConfiguration) && ( + <> + + + } + id='aws-access-key' + value={accessKey} + placeholder={intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.Edit.acessKey.placeholder', + defaultMessage: 'Enter AWS Access Key', + })} + fullWidth + onChange={(e) => handleAWSCredentials(e, 'accessKey')} + onBlur={handleOnBlurOnAWSCredentials} + required + InputLabelProps={{ + shrink: true, + }} + /> + + + + } + id='aws-secret-key' + type='password' + value={secretKey} + placeholder={intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.Edit.secretKey.placeholder', + defaultMessage: 'Enter AWS Secret Key', + })} + fullWidth + onChange={(e) => handleAWSCredentials(e, 'secretKey')} + onBlur={handleOnBlurOnAWSCredentials} + required + InputLabelProps={{ + shrink: true, + }} + /> + + + + } + id='aws-region' + value={region} + placeholder={intl.formatMessage({ + id: 'Apis.Details.Endpoints.AIEndpoints.Edit.aws.region.placeholder', + defaultMessage: 'Enter AWS Region', + })} + fullWidth + onChange={(e) => handleAWSCredentials(e, 'region')} + onBlur={handleOnBlurOnAWSCredentials} + required + InputLabelProps={{ + shrink: true, + }} + /> + + + )} + {/* Action Buttons */} diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/EndpointCard.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/EndpointCard.jsx index 677b1b1a8ef..46b27ca7663 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/EndpointCard.jsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/AIEndpoints/EndpointCard.jsx @@ -99,6 +99,7 @@ const EndpointCard = ({ onDelete, onSetPrimary, onRemovePrimary, + endpointConfiguration, }) => { const history = useHistory(); @@ -108,35 +109,68 @@ const EndpointCard = ({ endpoint.deploymentStage === 'PRODUCTION' ? endpoint.endpointConfig?.production_endpoints?.url : endpoint.endpointConfig?.sandbox_endpoints?.url; - const renderEndpointSecurityWarning = () => { - const endpointSecurity = - endpoint.deploymentStage === 'PRODUCTION' - ? endpoint.endpointConfig?.endpoint_security?.production - : endpoint.endpointConfig?.endpoint_security?.sandbox; + if (endpointConfiguration.authenticationConfiguration.enabled) { + const endpointSecurity = + endpoint.deploymentStage === 'PRODUCTION' + ? endpoint.endpointConfig?.endpoint_security?.production + : endpoint.endpointConfig?.endpoint_security?.sandbox; - if (!endpointSecurity) { - return ( - - } - label='API Key Required' - size='small' - variant='outlined' - className={classes.warningChip} - onClick={() => { - const urlPrefix = - apiObject.apiType === API.CONSTS.APIProduct - ? 'api-products' - : 'apis'; - history.push( - `/${urlPrefix}/${apiObject.id}/endpoints/${endpoint.id}`, - ); - }} - sx={{ my: '4px' }} - /> - - ); + // API Key warning + if ( + !endpointSecurity && + endpointConfiguration.authenticationConfiguration.type === "apikey" + ) { + return ( + + } + label='API Key Required' + size='small' + variant='outlined' + className={classes.warningChip} + onClick={() => { + const urlPrefix = + apiObject.apiType === API.CONSTS.APIProduct + ? 'api-products' + : 'apis'; + history.push( + `/${urlPrefix}/${apiObject.id}/endpoints/${endpoint.id}`, + ); + }} + sx={{ my: '4px' }} + /> + + ); + } + + // AWS SigV4 warning + if ( + !endpointSecurity && + endpointConfiguration.authenticationConfiguration.type === "aws" + ) { + return ( + + } + label='AWS Credentials Required' + size='small' + variant='outlined' + className={classes.warningChip} + onClick={() => { + const urlPrefix = + apiObject.apiType === API.CONSTS.APIProduct + ? 'api-products' + : 'apis'; + history.push( + `/${urlPrefix}/${apiObject.id}/endpoints/${endpoint.id}`, + ); + }} + sx={{ my: '4px' }} + /> + + ); + } } return null; }; diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/EndpointOverview.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/EndpointOverview.jsx index 1f386104e40..a8b287fb10a 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/EndpointOverview.jsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/EndpointOverview.jsx @@ -190,7 +190,7 @@ function EndpointOverview(props) { setIsValidSequenceBackend, isCustomBackendSelected, setIsCustomBackendSelected, - apiKeyParamConfig, + endpointConfiguration, componentValidator, endpointSecurityTypes, } = props; diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/Endpoints.jsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/Endpoints.jsx index e24aad7d11d..746bb4a93a5 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/Endpoints.jsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Endpoints/Endpoints.jsx @@ -129,9 +129,8 @@ function Endpoints(props) { const [productionBackendList, setProductionBackendList] = useState([]); const [isValidSequenceBackend, setIsValidSequenceBackend] = useState(false); const [isCustomBackendSelected, setIsCustomBackendSelected] = useState(false); - const [apiKeyParamConfig, setApiKeyParamConfig] = useState({ - authHeader: null, - authQueryParameter: null + const [endpointConfiguration, setEndpointConfiguration] = useState({ + authenticationConfiguration: {"authenticationConfiguration":{"enabled":false,"type":null,parameters:{}}} }); const [componentValidator, setComponentValidator] = useState([]); const [endpointSecurityTypes, setEndpointSecurityTypes] = useState([]); @@ -142,7 +141,7 @@ function Endpoints(props) { .then((response) => { if (response.body) { const config = response.body; - setApiKeyParamConfig(config); + setEndpointConfiguration(config); } }); } @@ -577,7 +576,8 @@ function Endpoints(props) { } } else if ((!endpointConfig || !endpointConfig.endpoint_security) && apiObject.subtypeConfiguration?.subtype === 'AIAPI' - && (apiKeyParamConfig.authHeader || apiKeyParamConfig.authQueryParameter)) { + && (endpointConfiguration.authenticationConfiguration) + && (endpointConfiguration.authenticationConfiguration.enabled)) { return { isValid: false, message: intl.formatMessage({ @@ -802,7 +802,7 @@ function Endpoints(props) { onChangeAPI={apiDispatcher} endpointsDispatcher={apiDispatcher} saveAndRedirect={saveAndRedirect} - apiKeyParamConfig={apiKeyParamConfig} + endpointConfiguration={endpointConfiguration} /> ))} {(api.subtypeConfiguration?.subtype !== 'AIAPI') && ( @@ -824,7 +824,7 @@ function Endpoints(props) { setIsValidSequenceBackend={setIsValidSequenceBackend} isCustomBackendSelected={isCustomBackendSelected} setIsCustomBackendSelected={setIsCustomBackendSelected} - apiKeyParamConfig={apiKeyParamConfig} + endpointConfiguration={endpointConfiguration} componentValidator={componentValidator} endpointSecurityTypes={endpointSecurityTypes} /> diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelCard.tsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelCard.tsx index 8d3ece3c1cd..44418f3c888 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelCard.tsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelCard.tsx @@ -16,7 +16,7 @@ * under the License. */ -import React, { FC } from 'react'; +import React, { FC, useEffect } from 'react'; import { FormattedMessage } from 'react-intl'; import Grid from '@mui/material/Grid'; @@ -25,13 +25,13 @@ import InputLabel from '@mui/material/InputLabel'; import MenuItem from '@mui/material/MenuItem'; import FormControl from '@mui/material/FormControl'; import Select from '@mui/material/Select'; -import { Paper, IconButton } from '@mui/material'; +import { Paper, IconButton, Box, Typography } from '@mui/material'; import DeleteIcon from '@mui/icons-material/Delete'; -import { Endpoint, ModelData } from './Types'; +import { Endpoint, ModelData, ModelVendor } from './Types'; interface ModelCardProps { modelData: ModelData; - modelList: string[]; + modelList: ModelVendor[]; endpointList: Endpoint[]; isWeightApplicable: boolean; onUpdate: (updatedModel: ModelData) => void; @@ -46,7 +46,7 @@ const ModelCard: FC = ({ onUpdate, onDelete, }) => { - const { model, endpointId, weight } = modelData; + const { vendor, model, endpointId, weight } = modelData; const handleChange = (event: React.ChangeEvent) => { const { name, value } = event.target; @@ -66,26 +66,74 @@ const ModelCard: FC = ({ <> - - - - - - + {modelList.length === 1 ? ( + + {/* If there's only one vendor, we can directly show the model selection */} + + + + + + ) : ( + <> + + + + + + + + + + + + + + )} = ({ const [config, setConfig] = useState({ production: { targetModel: { + vendor: '', model: '', endpointId: '', endpointName: '', @@ -89,6 +90,7 @@ const ModelFailover: FC = ({ }, sandbox: { targetModel: { + vendor: '', model: '', endpointId: '', endpointName: '', @@ -98,7 +100,7 @@ const ModelFailover: FC = ({ requestTimeout: undefined, suspendDuration: undefined, }); - const [modelList, setModelList] = useState([]); + const [modelList, setModelList] = useState([]); const [productionEndpoints, setProductionEndpoints] = useState([]); const [sandboxEndpoints, setSandboxEndpoints] = useState([]); const [loading, setLoading] = useState(false); @@ -156,12 +158,16 @@ const ModelFailover: FC = ({ const modelListPromise = API.getLLMProviderModelList(JSON.parse(apiFromContext.subtypeConfiguration.configuration).llmProviderId); modelListPromise .then((response) => { - setModelList(response.body); + const vendors: ModelVendor[] = response.body.map((vendor: any) => ({ + vendor: vendor.name, + values: vendor.models + })); + setModelList(vendors); }).catch((error) => { console.error(error); }); } - + useEffect(() => { fetchModelList(); fetchEndpoints(); @@ -189,6 +195,7 @@ const ModelFailover: FC = ({ const handleAddFallbackModel = (env: 'production' | 'sandbox') => { const newModel: ModelData = { + vendor: '', model: '', endpointId: '', endpointName: '', @@ -251,6 +258,7 @@ const ModelFailover: FC = ({ ...prev, production: { targetModel: { + vendor: '', model: '', endpointId: '', endpointName: '', @@ -268,6 +276,7 @@ const ModelFailover: FC = ({ ...prev, sandbox: { targetModel: { + vendor: '', model: '', endpointId: '', endpointName: '', diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelRoundRobin.tsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelRoundRobin.tsx index 4ffbeb51a83..62ce9d57b3c 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelRoundRobin.tsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelRoundRobin.tsx @@ -30,7 +30,7 @@ import { styled } from '@mui/material/styles'; import API from 'AppData/api'; import { Progress } from 'AppComponents/Shared'; import { useAPI } from 'AppComponents/Apis/Details/components/ApiContext'; -import { Endpoint, ModelData } from './Types'; +import { Endpoint, ModelData, ModelVendor } from './Types'; import ModelCard from './ModelCard'; import Alert from '@mui/material/Alert'; import { Link } from 'react-router-dom'; @@ -77,7 +77,7 @@ const ModelRoundRobin: FC = ({ sandbox: [], suspendDuration: undefined, }); - const [modelList, setModelList] = useState([]); + const [modelList, setModelList] = useState([]); const [productionEndpoints, setProductionEndpoints] = useState([]); const [sandboxEndpoints, setSandboxEndpoints] = useState([]); const [loading, setLoading] = useState(false); @@ -135,12 +135,16 @@ const ModelRoundRobin: FC = ({ const modelListPromise = API.getLLMProviderModelList(JSON.parse(apiFromContext.subtypeConfiguration.configuration).llmProviderId); modelListPromise .then((response) => { - setModelList(response.body); + const vendors: ModelVendor[] = response.body.map((vendor: any) => ({ + vendor: vendor.name, + values: vendor.models + })); + setModelList(vendors); }).catch((error) => { console.error(error); }); } - + useEffect(() => { fetchModelList(); fetchEndpoints(); @@ -162,6 +166,7 @@ const ModelRoundRobin: FC = ({ const handleAddModel = (env: 'production' | 'sandbox') => { const newModel: ModelData = { + vendor: '', model: '', endpointId: '', endpointName: '', diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelWeightedRoundRobin.tsx b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelWeightedRoundRobin.tsx index df1f2a3d378..48d643c31c7 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelWeightedRoundRobin.tsx +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/ModelWeightedRoundRobin.tsx @@ -29,7 +29,7 @@ import AddCircle from '@mui/icons-material/AddCircle'; import API from 'AppData/api'; import { Progress } from 'AppComponents/Shared'; import { useAPI } from 'AppComponents/Apis/Details/components/ApiContext'; -import { Endpoint, ModelData } from './Types'; +import { Endpoint, ModelData, ModelVendor } from './Types'; import ModelCard from './ModelCard'; import { styled } from '@mui/material/styles'; import Alert from '@mui/material/Alert'; @@ -80,7 +80,7 @@ const ModelWeightedRoundRobin: FC = ({ sandbox: [], suspendDuration: undefined, }); - const [modelList, setModelList] = useState([]); + const [modelList, setModelList] = useState([]); const [productionEndpoints, setProductionEndpoints] = useState([]); const [sandboxEndpoints, setSandboxEndpoints] = useState([]); const [loading, setLoading] = useState(false); @@ -137,8 +137,12 @@ const ModelWeightedRoundRobin: FC = ({ const fetchModelList = () => { const modelListPromise = API.getLLMProviderModelList(JSON.parse(apiFromContext.subtypeConfiguration.configuration).llmProviderId); modelListPromise - .then((response) => { - setModelList(response.body); + .then((response) => { + const vendors: ModelVendor[] = response.body.map((vendor: any) => ({ + vendor: vendor.name, + values: vendor.models + })); + setModelList(vendors); }).catch((error) => { console.error(error); }); @@ -165,6 +169,7 @@ const ModelWeightedRoundRobin: FC = ({ const handleAddModel = (env: 'production' | 'sandbox') => { const newModel: ModelData = { + vendor: '', model: '', endpointId: '', endpointName: '', diff --git a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/Types.d.ts b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/Types.d.ts index db0a0ef999e..22e776ef830 100644 --- a/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/Types.d.ts +++ b/portals/publisher/src/main/webapp/source/src/app/components/Apis/Details/Policies/CustomPolicies/Types.d.ts @@ -25,8 +25,14 @@ export type Endpoint = { } export type ModelData = { + vendor: string; model: string; endpointId: string; endpointName: string; weight?: number; } + +export type ModelVendor = { + vendor: string; + values: string[]; +} diff --git a/portals/publisher/src/main/webapp/source/src/app/data/api.js b/portals/publisher/src/main/webapp/source/src/app/data/api.js index 853745863e7..aff19f6e4df 100644 --- a/portals/publisher/src/main/webapp/source/src/app/data/api.js +++ b/portals/publisher/src/main/webapp/source/src/app/data/api.js @@ -3606,7 +3606,7 @@ class API extends Resource { static getLLMProviders() { const restApiClient = new APIClientFactory().getAPIClient(Utils.getCurrentEnvironment(), Utils.CONST.API_CLIENT).client; return restApiClient.then(client => { - return client.apis['LLMProviders'].getLLMProviders(); + return client.apis['AIServiceProviders'].getAIServiceProviders(); }); } @@ -3618,8 +3618,8 @@ class API extends Resource { static getLLMProviderById(llmProviderId) { const restApiClient = new APIClientFactory().getAPIClient(Utils.getCurrentEnvironment(), Utils.CONST.API_CLIENT).client; return restApiClient.then(client => { - return client.apis['LLMProvider'].getLLMProvider( - {llmProviderId}, + return client.apis['AIServiceProvider'].getAIServiceProvider( + {aiServiceProviderId:llmProviderId}, this._requestMetaData(), ); }); @@ -3633,8 +3633,8 @@ class API extends Resource { static getLLMProviderAPIDefinition(llmProviderId) { const restApiClient = new APIClientFactory().getAPIClient(Utils.getCurrentEnvironment(), Utils.CONST.API_CLIENT).client; return restApiClient.then(client => { - return client.apis['LLMProvider'].getLLMProviderApiDefinition( - { llmProviderId }, + return client.apis['AIServiceProvider'].getAIServiceProviderApiDefinition( + {aiServiceProviderId:llmProviderId}, this._requestMetaData(), ); }); @@ -3648,8 +3648,8 @@ class API extends Resource { static getLLMProviderEndpointConfiguration(llmProviderId) { const restApiClient = new APIClientFactory().getAPIClient(Utils.getCurrentEnvironment(), Utils.CONST.API_CLIENT).client; return restApiClient.then(client => { - return client.apis['LLMProvider'].getLLMProviderEndpointConfiguration( - { llmProviderId }, + return client.apis['AIServiceProvider'].getAIServiceProviderEndpointConfiguration( + {aiServiceProviderId:llmProviderId}, this._requestMetaData(), ); }); @@ -3664,8 +3664,8 @@ class API extends Resource { static getLLMProviderModelList(llmProviderId) { const restApiClient = new APIClientFactory().getAPIClient(Utils.getCurrentEnvironment(), Utils.CONST.API_CLIENT).client; return restApiClient.then(client => { - return client.apis['LLMProvider'].getLLMProviderModels( - { llmProviderId }, + return client.apis['AIServiceProvider'].getAIServiceProviderModels( + {aiServiceProviderId:llmProviderId}, this._requestMetaData(), ) });