These settings control how the APIs are exposed to the outside world. These settings can be overridden on a per-deployment basis.

Replication settings

These settings control the scalability of the underlying Kubernetes deployments.
These settings can be overridden on a per-deployment basis.

Replica number

Number of pod replicas in Kubernetes

Progress Deadline Seconds

Number of seconds to wait for the Deployment to progress before the system reports back that it has failed progressing ('.spec.progressDeadlineSeconds'). Set to default value of 600 if empty.

Topology Spread Constraints

API Node Server Sizing and tuning

These settings control internal sizing parameters of the API node server.
These settings can be overridden on a per-deployment basis.

API node server Xmx

Max Java heap memory for API node server. Leave empty for default

API node server GC

GC algorithm for API node server. Leave empty for default.

API node server opts

Additional command-line options for API node server. Leave empty for default.

Container limits

These settings control CPU and memory limits that are set on each container.
These settings can be overridden on a per-deployment basis.
It is recommended to be familiar with Kubernetes "request" and "limit" parameters to use this.

Memory request

Memory request for containers in MB. -1 = default (inherit namespace settings)

Memory limit

Memory limit for containers in MB. -1 = default (inherit namespace settings)

CPU request

CPU request for containers (0.5 = 50% of a core, 2 = 2 cores). -1 = default (inherit namespace settings)

CPU limit

CPU limit for containers (0.5 = 50% of a core, 2 = 2 cores). -1 = default (inherit namespace settings)

Custom limits

Custom Kubernetes limits key-value. For example, on Google Kubernetes Engine, use nvidia.com/gpu = 1 to get a GPU node

Node selector

</div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Affinity</label>
                            <div class="controls">
                                <textarea style="width: 700px" ng-model="infra.defaultContainerLimits.affinity" placeholder="Optional pod affinity YAML specification. Must start with 'affinity:' followed by 2-space indented Kubernetes pod affinity specification" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label">Tolerations</label>
                            <div class="controls">
                                <textarea style="width: 700px" ng-model="infra.defaultContainerLimits.tolerations" placeholder="Optional pod tolerations YAML specification. Must start with 'tolerations:' followed by 2-space indented Kubernetes pod affinity specification" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>

<div ng-switch-when="auditing" class="h100 oa" style="position:relative;">
                <div block-api-error />
                <form class="dkuform-horizontal">
                    <div class="alert alert--warning mtop4 mbot4"
                         ng-if="infra.type === 'SAGEMAKER' && infra.endpointType === 'SERVERLESS' && (infra.defaultApiNodeLogging.automaticallyConfigureEventServerReporting || infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting)">
                        Reporting is not supported in SERVERLESS mode.
                    </div>
                    
                    <div class="alert alert--warning mtop4 mbot4"
                         ng-if="infra.type === 'SNOWPARK' && infra.defaultApiNodeLogging.auditLog.logQueries && !infra.defaultApiNodeLogging.redirectToPod">
                        It is necessary to enable the duplication of logs to standard output in API Server Logging in order to send logs to the Snowflake Event Table
                    </div>
                    <div nf-if="isDockerBasedInfra">
                        <div class="control-group">
                            <label class="control-label">Log queries</label>
                            <div class="controls">
                                <label>
                                    <input type="checkbox" ng-model="infra.defaultApiNodeLogging.auditLog.logQueries" />
                                    <span class="help-inline">Log each received query in the audit log</span>
                                </label>
                            </div>
                        </div>
                        <div class="control-group" ng-if="infra.defaultApiNodeLogging.auditLog.logQueries">
                            <label class="control-label">Log inputs</label>
                            <div class="controls">
                                <label>
                                    <input type="checkbox" ng-model="infra.defaultApiNodeLogging.auditLog.logInputs" />
                                    <span class="help-inline">Log the input (features, params) of each received query in the audit log</span>
                                </label>
                            </div>
                        </div>
                        <div class="control-group" ng-if="infra.defaultApiNodeLogging.auditLog.logQueries">
                            <label class="control-label">Log outputs</label>
                            <div class="controls">
                                <label>
                                    <input type="checkbox" ng-model="infra.defaultApiNodeLogging.auditLog.logOutputs" />
                                    <span class="help-inline">Log the output (prediction, result) of each received query in the audit log</span>
                                </label>
                            </div>
                        </div>
                    </div>

<div class="control-group">
                        <label class="control-label">Configure reporting to DSS-ES</label>
                        <div class="controls" toggle="tooltip-left" container="body" title="{{infra.type === 'SNOWPARK' ? 'Event Server reporting not available for Snowpark deployments.' : ''}}">
                            <input type="checkbox"
                                   ng-model="infra.defaultApiNodeLogging.automaticallyConfigureEventServerReporting"
                                   ng-disabled="infra.type === 'SNOWPARK'" />
                            <span class="help-inline">
                                Automatically configure audit logging on the API nodes to send events for this deployment to a DSS Event Server.
                            </span>
                        </div>
                    </div>
                    <div ng-if="infra.defaultApiNodeLogging.nodesDirectoryManaged && infra.defaultApiNodeLogging.automaticallyConfigureEventServerReporting">
                        <div class="alert alert-info" ng-if="infra.defaultApiNodeLogging.eventServerURL != null">
                            Event server is managed by Fleet Manager
                        </div>
                        <div class="alert alert-warning" ng-if="infra.defaultApiNodeLogging.eventServerURL == null">
                            Event server is managed by Fleet Manager but the Event server is not currently running
                        </div>
                    </div>
                    <div class="control-group" ng-if="(!infra.defaultApiNodeLogging.nodesDirectoryManaged) && infra.defaultApiNodeLogging.automaticallyConfigureEventServerReporting">
                        <label class="control-label">Event Server URL</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.defaultApiNodeLogging.eventServerURL" />
                            <button class="btn btn--secondary"
                                    title="Use Local Event Server"
                                    ng-click="autoFillEventServer()">
                                <i class="icon-magic"></i>
                            </button>
                        </div>
                    </div>
                    <div class="control-group" ng-if="(!infra.defaultApiNodeLogging.nodesDirectoryManaged) && infra.defaultApiNodeLogging.automaticallyConfigureEventServerReporting">
                        <label class="control-label">Event Server Auth key</label>
                        <div class="controls">
                            <input type="password" autocomplete="new-password" ng-model="infra.defaultApiNodeLogging.eventServerAuthKey" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="(!infra.defaultApiNodeLogging.nodesDirectoryManaged) && infra.defaultApiNodeLogging.automaticallyConfigureEventServerReporting">
                        <label class="control-label">Trust all certificates</label>
                        <div class="controls">
                            <input type="checkbox" ng-model="infra.defaultApiNodeLogging.trustAllSSLCertificates" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="['STATIC', 'K8S'].includes(infra.type)">
                        <label class="control-label">Configure reporting to Kafka</label>
                        <div class="controls">
                            <input type="checkbox" ng-model="infra.defaultApiNodeLogging.automaticallyConfigureKafkaReporting" />
                            <span class="help-inline">
                                Automatically configure audit logging on the API nodes to send events for this deployment to Kafka
                            </span>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureKafkaReporting">
                        <label class="control-label">Kafka connection name</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.defaultApiNodeLogging.kafkaConnectionName" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureKafkaReporting">
                        <label class="control-label">Kafka topic</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.defaultApiNodeLogging.kafkaTopic" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="featureFlagEnabled('fsLikeApiNodeLogging')">
                        <label class="control-label">Configure reporting to storage</label>
                        <div class="controls" toggle="tooltip-left" container="body" title="{{infra.type === 'SNOWPARK' ? 'Not available for Snowpark' : ''}}">
                            <input type="checkbox"
                                   ng-model="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting"
                                   ng-disabled="infra.type === 'SNOWPARK'"
                            />
                            <span class="help-inline">
                                Automatically configure audit logging on the API nodes to send events for this deployment through an object storage or a filesystem connection.
                            </span>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Connection name</label>
                        <div class="controls">
                            <ng2-typeahead [(value)]="infra.defaultApiNodeLogging.fsLikeSettings.connectionName"
                                [suggestions]="referencedConnections"
                                no-match-tooltip="Unknown connection."
                                placeholder="Select or type the connection name.">
                            </ng2-typeahead>
                            <div class="help-inline">
                                Required. The connection where the logs will be written.
                                <span ng-if="'STATIC' !== infra.type">Must be referenced in the Connections tab.</span>
                            </div>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Bucket/Container (Azure)</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.defaultApiNodeLogging.fsLikeSettings.bucket" />
                            <div class="help-inline">
                                Will be used only if the connection has no bucket/container set.
                            </div>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting && doesFsLikeSettingsOverrideConnectionBucket(infra.defaultApiNodeLogging.fsLikeSettings.connectionName)">
                        <div class="alert alert-warning">
                            Connection already has a bucket/container. This value will be ignored.
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting && doWeHaveAConnectionButNoBucketDefinedHereNorInFsLikeSettings(infra.defaultApiNodeLogging.fsLikeSettings.connectionName)">
                        <div class="alert alert-warning">
                            No default bucket defined in the connection. One should be configured either at the infrastructure or deployment level.
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Path within connection</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.defaultApiNodeLogging.fsLikeSettings.pathWithinConnection" />
                            <div class="help-inline">
                                Optional but recommended. Intermediate folder where the logs will be written.
                            </div>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <div class="alert alert-info" ng-if="auditLogStorageUrl">
                            Storage URL: <a target="_blank" rel="noopener noreferrer" href="{{ auditLogStorageUrl }}">{{ auditLogStorageUrl }}</a>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Subfolder per topic</label>
                        <div class="controls">
                            <input type="checkbox" ng-model="infra.defaultApiNodeLogging.fsLikeSettings.folderByTopic" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Subfolder per routing key</label>
                        <div class="controls">
                            <input type="checkbox" ng-model="infra.defaultApiNodeLogging.fsLikeSettings.folderByRoutingKey" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Time partitioning</label>
                        <div class="controls">
                            <select dku-bs-select ng-model="infra.defaultApiNodeLogging.fsLikeSettings.partitioningPeriod" ng-options="x[0] as x[1] for x in [['MONTH', 'Month'],['DAY', 'Day'],['HOUR','Hour']]" />
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Flush size (bytes)</label>
                        <div class="controls">
                            <input type="number" min="0" ng-model="infra.defaultApiNodeLogging.fsLikeSettings.flushEveryBytes" />
                            <span class="help-inline">0 means flush after each message. Don't use that.</span>
                        </div>
                    </div>
                    <div class="control-group" ng-if="infra.defaultApiNodeLogging.automaticallyConfigureFsLikeReporting">
                        <label class="control-label">Flush interval (seconds)</label>
                        <div class="controls">
                            <input type="number" min="0" ng-model="infra.defaultApiNodeLogging.fsLikeSettings.flushEveryS" />
                            <span class="help-inline">0 = no auto-flush on interval</span>
                        </div>
                        <div class="alert alert-warning" ng-if="isAzureConnectionOAuth(infra.defaultApiNodeLogging.fsLikeSettings.connectionName)">
                            To prevent the Azure access token from expiring before flusing, the auto-flush interval must be under 50 minutes.
                        </div>
                    </div>
                </form>
            </div>

<div ng-switch-when="k8s-logging" class="h100 oa" style="position: relative;">
                <div block-api-error />
                 <div class="alert alert-info">
                    These advanced settings control logging of the API node servers.
                    These settings can be overridden on a per-deployment basis.
                </div>
                <form class="dkuform-horizontal">
                    <div class="control-group" >
                        <label class="control-label">Duplicate log to pod</label>
                        <div class="controls">
                            <label>
                                <input type="checkbox" ng-model="infra.defaultApiNodeLogging.redirectToPod" />
                                <span class="help-inline">Advanced usage: duplicate API node's log to the pod stdout.</span>
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">log4j.properties</label>
                        <div class="controls">
                            <textarea style="width: 300px; height: 150px" ng-model="infra.defaultApiNodeLogging.log4jConfiguration" />
                            <span class="help-inline">Advanced usage: override default Log4J configuration</span>
                        </div>
                    </div>
                </form>
            </div>

<div ng-switch-when="k8s-graphite" class="h100 oa" style="position: relative;">
                <div block-api-error />
                 <div class="alert alert-info">
                    These settings control monitoring and charting for deployments.
                </div>
                <form class="dkuform-horizontal">

<h2 class="settings-section-title mtop0">Reporting to Graphite</h2>

<div class="alert alert-info">
                        These settings control the Carbon server to which the individual API nodes containers will report their statistics.
                    </div>

<div class="control-group">
                        <label class="control-label">Graphite Carbon server address</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.graphiteConfig.graphiteCarbonServerURL" ng-pattern="/^\S+:[0-9]+$/" />
                            <span class="help-inline">Address (in host:port form) of the Graphite Carbon server to which API nodes report their metrics. Leave empty to disable reporting to Graphite Carbon server</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Graphite Carbon prefix</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.graphiteConfig.graphiteCarbonCommonPrefix" />
                            <span class="help-inline">This prefix is added to all metrics reported from this infrastructure. A per-deployment prefix is automatically added.</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Graphite Carbon interval</label>
                        <div class="controls">
                            <input type="number" ng-model="infra.graphiteConfig.graphiteCarbonIntervalMinutes" ng-pattern="'[0-9]+'" />
                            <span class="help-inline">Metrics reporting interval in minutes</span>
                        </div>
                    </div>

<h2 class="settings-section-title mtop0">Metrics charting server</h2>

<div class="alert alert-info">
                        These settings control the CarbonAPI server from which API Deployer fetches aggregated statistics for charts.
                    </div>
                    <div class="control-group">
                        <label class="control-label">Graphite Carbon server address</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.carbonAPISettings.carbonAPIURL" placeholder="http://host:port" />
                            <span class="help-inline">URL (http:// form) of the CarbonAPI server. This CarbonAPI must be able to query the Carbon databases populated by the reporting server. Leave empty to disable charts in the Deployments UI</span>
                        </div>
                    </div>

<div ng-switch-when="static-graphite" class="h100 oa" style="position: relative;">
                <div block-api-error />
                 <div class="alert alert-info">
                    These settings control monitoring and charting for deployments.
                </div>
                <form class="dkuform-horizontal">
                    <div ng-if="!isCloud">
                        <h2 class="settings-section-title mtop0">Reporting to Graphite</h2>

<div class="alert alert-info">
                            Setting up reporting to Graphite must be done on each individual API Node that make up this static infrastructure. Please see documentation for more information.
                        </div>
                    </div>

<div ng-if="!isCloud">
                        <h2 class="settings-section-title mtop0">Metrics charting server</h2>

<div class="alert alert-info">
                            These settings control the CarbonAPI server from which API Deployer fetches aggregated statistics for charts.
                        </div>
                        <div class="control-group">
                            <label class="control-label">Graphite Carbon server address</label>
                            <div class="controls">
                                <input type="text" ng-model="infra.carbonAPISettings.carbonAPIURL" ng-pattern="/^https?:\/\/\S+$/" placeholder="http://host:port" />
                                <span class="help-inline">URL (http:// form) of the CarbonAPI server. This CarbonAPI must be able to query the Carbon databases populated by the reporting server. Leave empty to disable charts in the Deployments UI</span>
                            </div>
                        </div>
                    </div>

<div ng-switch-when="docker-based-connections" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <form class="dkuform-horizontal">
                    <h2 class="settings-section-title mtop0">Connections</h2>

<div class="alert alert-info">
                        <span>Each of the connection definitions below is a JSON dictionary containing all settings needed by DSS (i.e. type of database, hostname, port).</span>
                        <span ng-if="appConfig.admin">
                            <br/>
                            Select a local connection in the list in order to copy its definition to the clipboard:
                            <select
                                dku-bs-select="{liveSearch:true, width:206}"
                                ng-options="connection.name as connection.name for connection in allConnections"
                                ng-model="uiState.selectedLocalConnectionName"
                                ng-change="onLocalConnectionChanged()"
                                />
                        </span>
                    </div>

<div class="control-group">
                        <label class="control-label">Connection for "bundled" data</label>
                        <div class="controls">
                            <textarea style="width: 600px; height: 150px" ng-model="infra.bundledConnection" json-object-pretty-view keep-old-if-invalid />
                            <span class="help-inline">Definition of the connection that will be used to store and query the "bundled" data present in the API Services (for "Dataset Lookup" endpoints and "Prediction" endpoints using "Bundled enrichment" feature)</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Referenced connections</label>
                        <div class="controls">
                            <span class="help-inline">You need to add an entry here for each connection that is referenced by any of the endpoints of the API Services (for "Dataset Lookup" endpoints and "Prediction" endpoints using "Referenced enrichment" feature) or for the connection used in the audit reporting to filesystem-like.</span>
                            <div ng-repeat="(pckConId, remappedConnection) in infra.remappedConnections" style="margin-bottom: 10px;">
                                <div>
                                <strong style="font-weight: 500; width: 140px; display: inline-block">Connection name</strong><span class="noflex" style="margin-right: 6px;">{{pckConId}}</span>
                                 <span style="margin-left: 26px;"><a class="std-link" ng-click="deleteRemappedConnection(pckConId)"><i class="icon-trash" /></a></span>
                                </div>
                                <div>
                                <strong style="font-weight: 500; width: 140px; display: inline-block">Connection definition</strong><textarea ng-model="infra.remappedConnections[pckConId]"  style="width: 600px; height: 150px"  json-object-pretty-view />

</div>
                                <hr />
                            </div>
                            <div ng-if="!hasRemappedConnections()" style="margin-bottom: 10px;"><em>No referenced connection set up yet.</em></div>
                            <div ng-init="newRemappedCon = {}">
                                <span>Add a referenced connection: </span>
                                <input type="text" ng-model="newRemappedCon.pckConId" style="width: 130px;" />
                                <button class="btn btn--secondary" ng-disabled="!newRemappedCon.pckConId" ng-click="infra.remappedConnections[newRemappedCon.pckConId] = {type : 'XXX', params : {} }"><span plus-icon /> ADD</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

<div class="control-group">
                        <label class="control-label">Prevent override</label>
                        <div class="controls">
                            <input type="checkbox" ng-model="infra.codeEnvsSettings.preventOverrideFromImportedEnvs" />
                            <span class="help-inline">Prevent override from imported envs</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Extra options for 'pip install'</label>
                        <div class="controls">
                            <span class="help-inline">One item per option (so "-i /stuff" must be two items)</span>
                            <ng2-values-list [(items)]="infra.codeEnvsSettings.pipInstallExtraOptions" add-label="Add option for 'pip install'" value-placeholder="E.g. -i, --trusted-host..."/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Extra options for 'virtualenv'</label>
                        <div class="controls">
                            <span class="help-inline">One item per option (so "-i /stuff" must be two items)</span>
                            <ng2-values-list [(items)]="infra.codeEnvsSettings.virtualenvCreateExtraOptions" add-label="Add option for 'virtualenv'" value-placeholder="E.g. -p, --system-site-packages..."/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Extra options for 'conda create'</label>
                        <div class="controls">
                            <span class="help-inline">One item per option (so "-i /stuff" must be two items)</span>
                            <ng2-values-list [(items)]="infra.codeEnvsSettings.condaCreateExtraOptions" add-label="Add option for 'conda create'" value-placeholder="E.g. --clone, --dev..."/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">Extra options for 'conda install'</label>
                        <div class="controls">
                            <span class="help-inline">One item per option (so "-i /stuff" must be two items)</span>
                            <ng2-values-list [(items)]="infra.codeEnvsSettings.condaInstallExtraOptions" add-label="Add option for 'conda install'" value-placeholder="E.g. -n, -p..."/>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">CRAN mirror URL</label>
                        <div class="controls">
                            <input type="text" ng-model="infra.codeEnvsSettings.cranMirrorURL" />
                            <span class="help-inline">URL for CRAN mirror</span>
                        </div>
                    </div>

</form>
            </div>

<div ng-switch-when="da-resource-tags" class="h100 oa" style="position: relative;">
                <div block-api-error/>
                <div class="control-group">
                    <label for="custom-tags" class="control-label">Custom resource tags</label>
                    <div class="controls">
                        <span class="help-inline">All configuration resources will be tagged using these tags. DSS will also add automatically some other
                            tags.</span>
                        <ng2-key-values-list [(items)]="infra.tags"
                                             add-label="Add tag"
                                             key-placeholder="Key"
                                             value-placeholder="Value"
                                             key-required="true"
                                             value-required="true"
                                             (on-validity-change)="setTagsValidity($event)"
                                             id="custom-tags">
                        </ng2-key-values-list>
                    </div>
                </div>
                <div class="control-group">
                    <label for="allow-override-tags" class="control-label">Allow tags overriding</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-tags" ng-model="infra.allowOverrideTags" />
                        <span class="help-inline">Indicates if {{ infra.type | infraTypeToName }} tags can be overridden in deployment settings.
                            Deployment tags will take priority in case of matches between deployment and infrastructure tags.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="sagemaker-basic" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <div class="control-group">
                    <sagemaker-vertex-region-code-selector
                            protocol="'sagemaker'"
                            value="infra.awsRegion"
                            disabled-message="infraStatus.deployments.length ? 'The AWS Region cannot be modified since there are existing deployments' : ''">
                    </sagemaker-vertex-region-code-selector>
                </div>
                <div class="control-group">
                    <label for="execution-role-arn" class="control-label">Execution role ARN</label>
                    <div class="controls">
                        <input type="text" id="execution-role-arn" ng-model="infra.executionRoleArn" />
                        <span class="help-inline">The Amazon Resource Name (ARN) of the IAM role that Amazon SageMaker can assume to access model artifacts and docker
                            image for deployment on ML compute instances.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="connectionsWithEnvironment">
                    <label class="control-label">Connection</label>
                    <div class="controls">
                        <select dku-bs-select="{liveSearch:true}" ng-model="infra.authConnection" ng-options="c.name as c.label for c in connectionsWithEnvironment"></select>
                        <span class="help-inline">Optional connection from which credentials should be retrieved. Retrieved from environment if not specified.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Image registry</h2>
                <div class="control-group">
                    <label for="registry-host" class="control-label">Registry host</label>
                    <div class="controls">
                        <input type="text" id="registry-host" ng-model="infra.registryHost" />
                        <span class="help-inline">Hostname of the images repository.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="images-name-prefix" class="control-label">Images prefix</label>
                    <div class="controls">
                        <input type="text" id="images-name-prefix" ng-model="infra.imagesNamePrefix" ng-pattern="/^([a-z0-9][a-z0-9-_.\/]*)?[a-z0-9]$/" />
                        <span class="help-inline">Prefix all images being pushed by this.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Optimized image build</label>
                    <div class="controls">
                        <input type="checkbox" ng-model="infra.buildIntermediateImageWithCodeEnvs" />
                        <span class="help-inline">Rebuild only intermediate image with code environments when a code environment changes</span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Image pre-push hook</label>
                    <div class="controls">
                        <select dku-bs-select ng-model="infra.prePushMode"
                        ng-options="x[0] as x[1] for x in [['NONE', 'None'], ['ECR', 'Enable push to ECR'], ['CUSTOM', 'Custom script']]" />
                        <span class="help-inline">
                            Action to run before pushing an image.
                            This is required when pushing to Amazon ECR.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.prePushMode == 'CUSTOM'">
                    <label class="control-label">Script</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.prePushScript"/>
                        <span class="help-inline">
                            Absolute path to a shell script. Receives the repository url, image name & tag as arguments.
                            This script should support being called on an already-existing image/tag.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Base image tag</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.baseImageTag" />
                        <span class="help-inline">Leave empty to use the default</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Amazon SageMaker endpoint</h2>
                <div class="control-group">
                    <label for="allow-override-endpoint-name" class="control-label">Allow overriding Amazon SageMaker endpoint names</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-endpoint-name" ng-model="infra.allowOverrideEndpointName" />
                        <span class="help-inline">Indicates if overriding of endpoint names is allowed in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Sizing and scaling</h2>
                <div class="control-group">
                    <label class="control-label">Mode</label>
                    <div class="controls" toggle="tooltip-left" container="body" title="{{infraStatus.deployments.length ? 'The deployment mode cannot be modified since there are existing deployments' : ''}}">
                        <label>
                            <input type="radio" name="endpoint-type" ng-model="infra.endpointType" value="REAL_TIME" ng-disabled="infraStatus.deployments.length"/>
                             Provisioned (Real time inference)
                        </label>
                        <label>
                            <input type="radio" name="endpoint-type" ng-model="infra.endpointType" value="SERVERLESS" ng-disabled="infraStatus.deployments.length"/>
                             Serverless
                        </label>
                    </div>
                </div>
                <div ng-if="infra.endpointType === 'REAL_TIME'" class="control-group">
                    <label for="instance-type" class="control-label">Instance type</label>
                    <div class="controls">
                        <div class="dib">
                            <ng2-typeahead [(value)]="infra.realTimeConfig.instanceType" [suggestions]="instanceTypes"
                                           no-match-tooltip="Instance type not registered."
                                           placeholder="Select or type the instance type." id="instance-type"></ng2-typeahead>
                        </div>
                        <span class="help-inline">The ML compute instance type (<a target="_blank" rel="noopener noreferrer"
                               href="https://docs.aws.amazon.com/sagemaker/latest/APIReference/API_ProductionVariant.html#sagemaker-Type-ProductionVariant-InstanceType">reference</a>).</span>
                    </div>
                </div>
                <div ng-if="infra.endpointType === 'REAL_TIME'" class="control-group">
                    <label for="initial-instance-count" class="control-label">Initial instance count</label>
                    <div class="controls">
                        <input type="number" id="initial-instance-count" ng-model="infra.realTimeConfig.initialInstanceCount" />
                        <span class="help-inline">Number of instances to launch initially. One instance at least.</span>
                    </div>
                </div>
                <div ng-if="infra.endpointType === 'REAL_TIME'" class="control-group">
                    <label for="container-startup-health-check-timeout" class="control-label">Startup health check timeout</label>
                    <div class="controls">
                        <input type="number" id="container-startup-health-check-timeout"
                               ng-model="infra.realTimeConfig.containerStartupHealthCheckTimeoutInSeconds" />
                        <span class="help-inline">The timeout value, in seconds, for your inference container to pass health check by Amazon SageMaker Hosting. Valid
                            values in the range of 60 to 3600.</span>
                    </div>
                </div>
                <div ng-if="infra.endpointType === 'SERVERLESS'" class="control-group">
                    <label for="serverless-config-max-concurrency" class="control-label">Max concurrency</label>
                    <div class="controls">
                        <input type="text" id="serverless-config-max-concurrency" ng-model="infra.serverlessConfig.maxConcurrency" />
                        <span class="help-inline">The maximum number of concurrent invocations your serverless endpoint can process. Valid values from 1 to
                            200.</span>
                    </div>
                </div>
                <div ng-if="infra.endpointType === 'SERVERLESS'" class="control-group">
                    <label for="serverless-config-mem-size" class="control-label">Memory size in MB</label>
                    <div class="controls">
                        <input type="number" id="serverless-config-mem-size" ng-model="infra.serverlessConfig.memorySizeInMB" />
                        <span class="help-inline">The memory size of your serverless endpoint. Valid values are in 1 GB increments: 1024 MB, 2048 MB, ... with the
                            maximum value of 6144 MB.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="allow-override-size-scaling" class="control-label">Allow overriding size and scaling variables</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-size-scaling" ng-model="infra.allowOverrideSizeAndScaling" />
                        <span class="help-inline">Indicates if overriding of Amazon SageMaker size and scaling variables is allowed in deployment settings.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="sagemaker-advanced" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <h2 class="settings-section-title mtop0">Container environment</h2>
                <div class="control-group">
                    <label for="custom-environment-vars" class="control-label">Environment variables</label>
                    <div class="controls">
                        <span class="help-inline">The environment variables to set in the deployed container. Each key and value can have length of up to 1024 and
                            a maximum of 16 keys in the map.</span>
                        <ng2-key-values-list [(items)]="infra.environmentVars"
                                             add-label="Add environment variable"
                                             key-placeholder="Key"
                                             value-placeholder="Value"
                                             key-required="true"
                                             value-required="true"
                                             (on-validity-change)="setEnvVarsValidity($event)"
                                             id="custom-environment-vars">
                        </ng2-key-values-list>
                    </div>
                </div>

<h2 class="settings-section-title mtop0">Encryption</h2>
                <div class="control-group">
                    <label for="kms-key-id" class="control-label">AWS KMS Key for instance volume</label>
                    <div class="controls">
                        <input type="text" id="kms-key-id" ng-model="infra.kmsKeyId" />
                        <span class="help-inline">The Amazon Resource Name (ARN) of a AWS Key Management Service key that Amazon SageMaker uses to encrypt data on the
                            storage volume attached to the ML compute instance that hosts the endpoint.</span>
                    </div>
                </div>

<h2 class="settings-section-title mtop0">Network configuration</h2>
                <div class="alert alert--warning mtop4 mbot4"
                     ng-if="infra.endpointType === 'SERVERLESS' && infra.enableNetworkIsolation">
                    Network isolation is not supported in SERVERLESS mode.
                </div>
                <div class="control-group">
                    <label for="enable-network-isolation" class="control-label">Network isolation</label>
                    <div class="controls">
                        <input type="checkbox" id="enable-network-isolation" ng-model="infra.enableNetworkIsolation" />
                        <span class="help-inline">Isolates the model container. No inbound or outbound network calls can be made to or from the model
                            container.</span>
                    </div>
                </div>
                <div class="alert alert--warning mtop4 mbot4"
                     ng-if="infra.endpointType === 'SERVERLESS' && (infra.vpcConfig.securityGroupIds.length || infra.vpcConfig.subnets.length)">
                    VPC configuration is not supported in SERVERLESS mode.
                </div>
                <div class="control-group">
                    <label for="vpc-security-group-ids" class="control-label">Security Group Ids</label>
                    <div class="controls">
                        <span class="help-inline">The VPC security group IDs, in the form sg-xxxxxxxx.</span>
                        <ng2-values-list [(items)]="infra.vpcConfig.securityGroupIds"
                                         value-placeholder="Security Group Id"
                                         add-label="Add security group"
                                         id="vpc-security-group-ids">
                        </ng2-values-list>
                    </div>
                </div>
                <div class="control-group">
                    <label for="vpc-config-subnets" class="control-label">Subnets</label>
                    <div class="controls">
                        <span class="help-inline">The ID of the subnets in the VPC to which you want to connect your model.</span>
                        <ng2-values-list [(items)]="infra.vpcConfig.subnets"
                                         value-placeholder="Subnet Id"
                                         add-label="Add subnet"
                                         id="vpc-config-subnets">
                        </ng2-values-list>
                    </div>
                </div>

<h2 class="settings-section-title mtop0">Blue/Green update policy</h2>
                <div class="alert alert--warning mtop4 mbot4"
                     ng-if="infra.endpointType === 'SERVERLESS' && infra.blueGreenUpdatePolicy.trafficRoutingConfig.type">
                    Blue/Green update policy is not supported in SERVERLESS mode.
                </div>
                <div class="control-group">
                    <label for="traffic-routing-config-type" class="control-label">Traffic routing strategy</label>
                    <div class="controls">
                        <select dku-bs-select id="traffic-routing-config-type"
                                ng-model="infra.blueGreenUpdatePolicy.trafficRoutingConfig.type"
                                layout="list"
                                options-descriptions="['', 'Endpoint traffic shifts to the new fleet in a single step.', 'Endpoint traffic shifts to the new fleet in two steps. The first step is the canary, which is a small portion of the traffic. The second step is the remainder of the traffic.', 'Endpoint traffic shifts to the new fleet in n steps of a configurable size.']">
                            <option value="">Nothing selected</option>
                            <option value="ALL_AT_ONCE">All at once</option>
                            <option value="CANARY">Canary</option>
                            <option value="LINEAR">Linear</option>
                        </select>
                        <span class="help-inline">Traffic routing strategy type.</span>
                    </div>
                </div>
                <div ng-if="infra.blueGreenUpdatePolicy.trafficRoutingConfig.type" class="control-group">
                    <label for="wait-interval-in-seconds" class="control-label">Wait interval</label>
                    <div class="controls">
                        <input type="number" id="wait-interval-in-seconds"
                               ng-model="infra.blueGreenUpdatePolicy.trafficRoutingConfig.waitIntervalInSeconds" />
                        <span class="help-inline">The waiting time (in seconds) between incremental steps to turn on traffic on the new endpoint fleet. Valid
                            values in the range of 0 to 3600.</span>
                    </div>
                </div>
                <div ng-if="['CANARY', 'LINEAR'].includes(infra.blueGreenUpdatePolicy.trafficRoutingConfig.type)" class="control-group">
                    <label for="traffic-routing-config-size-type" class="control-label">Capacity type</label>
                    <div class="controls">
                        <select dku-bs-select id="traffic-routing-config-size-type"
                                ng-model="infra.blueGreenUpdatePolicy.trafficRoutingConfig.capacitySize.type"
                                layout="list"
                                options-descriptions="['', 'The endpoint activates based on the number of instances.', 'The endpoint activates based on the specified percentage of capacity.']">
                            <option value="">Nothing selected</option>
                            <option value="INSTANCE_COUNT">Instance count</option>
                            <option value="CAPACITY_PERCENT">Capacity percent</option>
                        </select>
                        <span class="help-inline">Endpoint capacity type.</span>
                    </div>
                </div>
                <div ng-if="['CANARY', 'LINEAR'].includes(infra.blueGreenUpdatePolicy.trafficRoutingConfig.type)" class="control-group">
                    <label for="traffic-routing-config-size-capacity" class="control-label">Capacity size</label>
                    <div class="controls">
                        <input type="number" id="traffic-routing-config-size-capacity"
                               ng-model="infra.blueGreenUpdatePolicy.trafficRoutingConfig.capacitySize.value" />
                        <span ng-if="'CANARY' === infra.blueGreenUpdatePolicy.trafficRoutingConfig.type" class="help-inline">Batch size for the first step to turn
                            on traffic on the new endpoint fleet. Value must be less than or equal to 50% of the variant's total instance count.</span>
                        <span ng-if="'LINEAR' === infra.blueGreenUpdatePolicy.trafficRoutingConfig.type" class="help-inline">Batch size for each step to turn on
                            traffic on the new endpoint fleet. Value must be 10-50% of the variant's total instance count.</span>
                        <span class="help-inline">Either as a number of instances or a capacity percentage.</span>
                    </div>
                </div>
                <div ng-if="infra.blueGreenUpdatePolicy.trafficRoutingConfig.type" class="control-group">
                    <label for="maximum-execution-timeout" class="control-label">Maximum execution timeout</label>
                    <div class="controls">
                        <input type="number" id="maximum-execution-timeout"
                               ng-model="infra.blueGreenUpdatePolicy.maximumExecutionTimeoutInSeconds" />
                        <span class="help-inline">Maximum execution timeout for the deployment (in seconds). Valid values in the range of 600 to 14400.</span>
                    </div>
                </div>
                <div ng-if="infra.blueGreenUpdatePolicy.trafficRoutingConfig.type" class="control-group">
                    <label for="termination-wait" class="control-label">Termination wait</label>
                    <div class="controls">
                        <input type="number" id="termination-wait" ng-model="infra.blueGreenUpdatePolicy.terminationWaitInSeconds" />
                        <span class="help-inline">Additional waiting time in seconds after the completion of an endpoint deployment before terminating the old
                            endpoint fleet. Valid values in the range of 0 to 3600.</span>
                    </div>
                </div>

<h2 class="settings-section-title mtop0">Data Capture to S3</h2>
                <div class="alert alert--warning mtop4 mbot4"
                     ng-if="infra.endpointType === 'SERVERLESS' && (infra.dataCaptureConfig.captureInput || infra.dataCaptureConfig.captureOutput)">
                    Data Capture is not supported in SERVERLESS mode.
                </div>
                <div class="control-group">
                    <label for="enable-data-capture-input" class="control-label">Capture Options</label>
                    <div class="controls">
                        <input type="checkbox" id="enable-data-capture-input" ng-model="infra.dataCaptureConfig.captureInput" />
                        <span class="help-inline">Capture input data.</span>
                    </div>
                    <div class="controls">
                        <input type="checkbox" id="enable-data-capture-output" ng-model="infra.dataCaptureConfig.captureOutput" />
                        <span class="help-inline">Capture output data.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="data-capture-s3-connection" class="control-label">S3 connection</label>
                    <div class="controls">
                        <div class="dib">
                            <select dku-bs-select
                                    ng-model="infra.dataCaptureConfig.s3Connection"
                                    ng-options="g for g in cloudStorageConnections"
                                    data-none-selected-text="Select a S3 connection"
                                    id="data-capture-s3-connection">
                            </select>
                        </div>
                        <span class="help-inline"></span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="data-capture-base-path-s3" class="control-label">Destination S3 base path</label>
                    <div class="controls">
                        <input type="text" id="data-capture-base-path-s3" ng-model="infra.dataCaptureConfig.s3BasePath" />
                        <span class="help-inline">Logs will be created by default in this path. May contain variables.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="data-capture-initial-sampling-percentage" class="control-label">Initial sampling percentage</label>
                    <div class="controls">
                        <input type="number" id="data-capture-initial-sampling-percentage"
                               ng-model="infra.dataCaptureConfig.initialSamplingPercentage" />
                        <span class="help-inline">The percentage of requests Amazon SageMaker will capture. A lower value is recommended for Endpoints with high
                            traffic.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="data-capture-csv-content-types" class="control-label">Capture CSV type headers</label>
                    <div class="controls">
                        <span class="help-inline">A list of the CSV content types of the data that the endpoint captures. For the endpoint to capture the data, you
                            must also specify the content type when you invoke the endpoint.</span>
                        <ng2-values-list [(items)]="infra.dataCaptureConfig.captureContentTypeHeader.csvContentTypes"
                                         value-placeholder="Content type header"
                                         add-label="Add content type"
                                         id="data-capture-csv-content-types">
                        </ng2-values-list>
                    </div>
                </div>
                <div class="control-group">
                    <label for="data-capture-json-content-types" class="control-label">Capture JSON type headers</label>
                    <div class="controls">
                        <span class="help-inline">A list of the JSON content types of the data that the endpoint captures. For the endpoint to capture the data, you
                            must also specify the content type when you invoke the endpoint.</span>
                        <ng2-values-list [(items)]="infra.dataCaptureConfig.captureContentTypeHeader.jsonContentTypes"
                                         value-placeholder="Content type header"
                                         add-label="Add content type"
                                         id="data-capture-json-content-types">
                        </ng2-values-list>
                    </div>
                </div>
                <div class="control-group">
                    <label for="data-capture-kms-key-id" class="control-label">Data capture AWS KMS Key</label>
                    <div class="controls">
                        <input type="text" id="data-capture-kms-key-id" ng-model="infra.dataCaptureConfig.kmsKeyId" />
                        <span class="help-inline">The Amazon Resource Name (ARN) of a AWS Key Management Service key that Amazon SageMaker uses to encrypt data on the
                            storage volume attached to the ML compute instance that hosts the endpoint.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="snowpark-basic" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <div class="control-group" ng-if="connections" disabled-position="tooltip-left" disabled-if-message="infraStatus.deployments.length > 0 ? 'The connection cannot be modified since there are existing deployments' : ''">
                    <label class="control-label">Connection</label>
                    <div class="controls">
                        <select dku-bs-select="{liveSearch:true}" ng-disabled="infraStatus.deployments.length > 0" ng-model="infra.authConnection" ng-options="c.name as c.label for c in connections"></select>
                        <span class="help-inline">Connection from which credentials should be retrieved.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="database" class="control-label">Database name</label>
                    <div class="controls">
                        <input type="text" id="database" toggle="tooltip-left" title="{{infraStatus.deployments.length > 0 ? 'The database name cannot be modified since there are existing deployments' : ''}}" ng-disabled="infraStatus.deployments.length > 0" ng-model="infra.databaseName"/>
                        <span class="help-inline">Leave it blank to use connection's value.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="schema" class="control-label">Schema name</label>
                    <div class="controls">
                        <input type="text" id="schema" toggle="tooltip-left" title="{{infraStatus.deployments.length > 0 ? 'The schema name cannot be modified since there are existing deployments' : ''}}" ng-disabled="infraStatus.deployments.length > 0" ng-model="infra.schemaName"/>
                        <span class="help-inline">Leave it blank to use connection's value.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="warehouse" class="control-label">Warehouse name</label>
                    <div class="controls">
                        <input type="text" id="warehouse" toggle="tooltip-left" title="{{infraStatus.deployments.length > 0 ? 'The warehouse name cannot be modified since there are existing deployments' : ''}}" ng-disabled="infraStatus.deployments.length > 0" ng-model="infra.warehouseName"/>
                        <span class="help-inline">Leave it blank to use connection's value.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="role" class="control-label">Role name</label>
                    <div class="controls">
                        <input type="text" id="role" toggle="tooltip-left" title="{{infraStatus.deployments.length > 0 ? 'The role name cannot be modified since there are existing deployments' : ''}}" ng-disabled="infraStatus.deployments.length > 0" ng-model="infra.roleName"/>
                        <span class="help-inline">Leave it blank to use connection's value.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="compute-pool" class="control-label">Compute pool name</label>
                    <div class="controls">
                        <input type="text" id="compute-pool" toggle="tooltip-left" title="{{infraStatus.deployments.length > 0 ? 'The compute pool name cannot be modified since there are existing deployments' : ''}}" ng-disabled="infraStatus.deployments.length > 0" ng-model="infra.computePoolName"/>
                        <span class="help-inline">An existing compute pool is required to run deployments. See <a target="_blank" rel="noopener noreferrer"
                            href="https://docs.snowflake.com/en/developer-guide/snowpark-container-services/working-with-compute-pool">how to create a compute pool</a>.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Image registry</h2>
                <div class="control-group">
                    <label for="registry-host" class="control-label">Registry host</label>
                    <div class="controls">
                        <input type="text" id="registry-host" placeholder="<orgname>-<acctname>.registry.snowflakecomputing.com" ng-model="infra.registryHost"/>
                        <span class="help-inline">Hostname of the images repository. Typical host name is <orgname>-<acctname>.registry.snowflakecomputing.com</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="image-repository" class="control-label">Image repository path</label>
                    <div class="controls">
                        <input type="text" id="image-repository" placeholder="my_db/my_schema/my_repository" ng-model="infra.imageRepositoryPath"/>
                        <span class="help-inline">The repository URL, without the host. Example: my_db/my_schema/my_repository</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="images-name-prefix" class="control-label">Images prefix</label>
                    <div class="controls">
                        <input type="text" id="images-name-prefix" ng-model="infra.imagesNamePrefix" ng-pattern="/^([a-z0-9][a-z0-9-_.\/]*)?[a-z0-9]$/" />
                        <span class="help-inline">Prefix all images being pushed by this.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Optimized image build</label>
                    <div class="controls">
                        <input type="checkbox" ng-model="infra.buildIntermediateImageWithCodeEnvs" />
                        <span class="help-inline">Rebuild only intermediate image with code environments when a code environment changes</span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Image pre-push hook</label>
                    <div class="controls">
                        <select dku-bs-select ng-model="infra.prePushMode"
                        ng-options="x[0] as x[1] for x in [['NONE', 'None'], ['SCS', 'Enable push to Snowpark Container Services'], ['CUSTOM', 'Custom script']]" />
                        <span class="help-inline">
                            Action to run before pushing an image.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.prePushMode == 'CUSTOM'">
                    <label class="control-label">Script</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.prePushScript"/>
                        <span class="help-inline">
                            Absolute path to a shell script. Receives the repository url, image name & tag as arguments.
                            This script should support being called on an already-existing image/tag.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Base image tag</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.baseImageTag" />
                        <span class="help-inline">Leave empty to use the default</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Snowpark names</h2>
                <div class="control-group">
                    <label for="allow-override-service-name" class="control-label">Allow overriding Snowpark resources names</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-service-name" ng-model="infra.allowOverrideResourcesNames" />
                        <span class="help-inline">Indicates if overriding Snowpark resources' names is allowed in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Sizing and scaling</h2>
                <div class="control-group">
                    <label for="min-instances" class="control-label">Min instances</label>
                    <div class="controls">
                        <input type="number" min=1 id="min-instances" ng-model="infra.machineConfig.minInstances" />
                        <span class="help-inline">Minimum number of service instances to run. Should be set to one at least.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="max-instances" class="control-label">Max instances</label>
                    <div class="controls">
                        <input type="number" min=1 id="max-instances" ng-model="infra.machineConfig.maxInstances" />
                        <span class="help-inline">Maximum number of service instances to run. Should be greater than 'min instances' to enable autoscaling.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="requested-memory" class="control-label">Requested memory</label>
                    <div class="controls">
                        <input type="text" id="requested-memory" ng-model="infra.machineConfig.requests.memory" />
                        <span class="help-inline">Minimum memory required for your application container. You can use either decimal or binary units to express the values. For example, 2G represents a request for 2,000,000,000 bytes.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="memory-limit" class="control-label">Memory limit</label>
                    <div class="controls">
                        <input type="text" id="memory-limit" ng-model="infra.machineConfig.limits.memory" />
                        <span class="help-inline">Maximum memory allowed for your application container. You can use either decimal or binary units to express the values. For example, 2G represents a request for 2,000,000,000 bytes.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="requested-cpu" class="control-label">Requested CPU</label>
                    <div class="controls">
                        <input type="text" id="requested-cpu" ng-model="infra.machineConfig.requests.cpu" />
                        <span class="help-inline">Minimum virtual core (vCPU) units required for your application container. For example, 1 CPU unit is equivalent to 1 vCPU. Fractional requests are allowed, such as 0.5, which can also be expressed as 500m.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="cpu-limit" class="control-label">CPU limit</label>
                    <div class="controls">
                        <input type="text" id="cpu-limit" ng-model="infra.machineConfig.limits.cpu" />
                        <span class="help-inline">Maximum virtual core (vCPU) units allowed for your application container. For example, 1 CPU unit is equivalent to 1 vCPU. Fractional requests are allowed, such as 0.5, which can also be expressed as 500m.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="requested-gpu" class="control-label">Requested GPU</label>
                    <div class="controls">
                        <input type="text" id="requested-gpu" ng-model="infra.machineConfig.requests.gpu" />
                        <span class="help-inline">If GPUs are required, they must be requested, and there must also be a GPU limit specified for the same quantity.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="gpu-limit" class="control-label">GPU limit</label>
                    <div class="controls">
                        <input type="text" id="gpu-limit" ng-model="infra.machineConfig.limits.gpu" />
                        <span class="help-inline">Maximum GPU units allowed for your application container.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="snowpark-advanced" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <h2 class="settings-section-title mtop0">Container environment</h2>
                <div class="control-group">
                    <label for="custom-environment-vars" class="control-label">Environment variables</label>
                    <div class="controls">
                        <span class="help-inline">The environment variables to set in the deployed container.</span>
                        <ng2-key-values-list [(items)]="infra.environmentVars"
                                             add-label="Add environment variable"
                                             key-placeholder="Key"
                                             value-placeholder="Value"
                                             key-required="true"
                                             value-required="true"
                                             (on-validity-change)="setEnvVarsValidity($event)"
                                             id="custom-environment-vars">
                           </ng2-key-values-list>
                    </div>
                </div>
                <div class="control-group">
                    <label for="public-endpoint" class="control-label">Public endpoint</label>
                    <div class="controls">
                        <input type="checkbox" id="public-endpoint" ng-model="infra.publicEndpoint" />
                        <span class="help-inline">If the endpoint is public, you can request it from outside Snowflake using the endpoint URL.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="vertex-ai-basic" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <div class="control-group" ng-if="connectionsWithEnvironment">
                    <label class="control-label">Connection</label>
                    <div class="controls">
                        <select dku-bs-select="{liveSearch:true}" ng-model="infra.authConnection" ng-options="c.name as c.label for c in connectionsWithEnvironment"></select>
                        <span class="help-inline">Optional connection from which credentials should be retrieved. Retrieved from environment if not specified.</span>
                    </div>
                </div>
                <div class="control-group">
                    <sagemaker-vertex-region-code-selector
                            protocol="'vertex-ai'"
                            value="infra.gcpRegion"
                            disabled-message="infraStatus.deployments.length ? 'The GCP Region cannot be modified since there are existing deployments' : ''">
                    </sagemaker-vertex-region-code-selector>
                </div>
                <div class="control-group">
                    <vertex-project-selector
                            connection-name="infra.authConnection"
                            has-list-permission="uiState.vertexListPermission"
                            value="infra.gcpProjectId"
                            disable-auto-fetch="true"
                            disabled-message="infraStatus.deployments.length ? 'The GCP Project cannot be modified since there are existing deployments' : ''">
                    </vertex-project-selector>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Image registry</h2>
                <div class="control-group">
                    <label for="registry-host" class="control-label">Registry host</label>
                    <div class="controls">
                        <input type="text" id="registry-host" ng-model="infra.registryHost"/>
                        <span class="help-inline">Hostname of the images repository. {{ infra.gcpProjectId ? "Default value: gcr.io/" + infra.gcpProjectId : "" }}</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="images-name-prefix" class="control-label">Images prefix</label>
                    <div class="controls">
                        <input type="text" id="images-name-prefix" ng-model="infra.imagesNamePrefix" ng-pattern="/^([a-z0-9][a-z0-9-_.\/]*)?[a-z0-9]$/" />
                        <span class="help-inline">Prefix all images being pushed by this.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Optimized image build</label>
                    <div class="controls">
                        <input type="checkbox" ng-model="infra.buildIntermediateImageWithCodeEnvs" />
                        <span class="help-inline">Rebuild only intermediate image with code environments when a code environment changes</span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Image pre-push hook</label>
                    <div class="controls">
                        <select dku-bs-select ng-model="infra.prePushMode"
                        ng-options="x[0] as x[1] for x in [['NONE', 'None'], ['GCR', 'Enable push to GCR'], ['CUSTOM', 'Custom script']]" />
                        <span class="help-inline">
                            Action to run before pushing an image.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.prePushMode == 'CUSTOM'">
                    <label class="control-label">Script</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.prePushScript"/>
                        <span class="help-inline">
                            Absolute path to a shell script. Receives the repository url, image name & tag as arguments.
                            This script should support being called on an already-existing image/tag.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Base image tag</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.baseImageTag" />
                        <span class="help-inline">Leave empty to use the default</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Vertex AI endpoint</h2>
                <div class="control-group">
                    <label for="allow-override-endpoint-id" class="control-label">Allow overriding Vertex AI endpoint ids</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-endpoint-id" ng-model="infra.allowOverrideEndpointId" />
                        <span class="help-inline">Indicates if overriding of endpoint ids is allowed in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Sizing and scaling</h2>
                <div class="control-group">
                    <label class="control-label">Machine type</label>
                    <div class="controls">
                        <div ng-if="uiState.showInstanceTypeList" class="dib">
                            <select
                                dku-bs-select
                                ng-model="infra.machineConfig.machineType"
                                ng-options="instanceType for instanceType in instanceTypes"
                                data-live-search="true">
                            </select>
                            <button class="btn btn--secondary" ng-click="uiState.showInstanceTypeList = false">
                                Enter custom
                            </button>
                        </div>
                        <div ng-if="!uiState.showInstanceTypeList" class="dib">
                            <input type="text" ng-model="infra.machineConfig.machineType" placeholder="Type the machine type name"/>
                            <button type="button"
                                    class="btn btn--secondary"
                                    ng-hide="!infra.gcpProjectId || !infra.gcpRegion"
                                    ng-click="requestVertexAIInstanceTypes(infra.id, infra.authConnection, infra.gcpProjectId, infra.gcpRegion)">Get machine types list</button>
                        </div>
                        <span class="help-inline">The ML compute machine type (<a target="_blank" rel="noopener noreferrer"
                            href="https://cloud.google.com/vertex-ai/docs/predictions/configure-compute#machine-types">reference</a>).</span>
                    </div>
                </div>

<div class="control-group">
                    <label for="min-replica-count" class="control-label">Min replica count</label>
                    <div class="controls">
                        <input type="number" min=1 id="min-replica-count" ng-model="infra.machineConfig.minReplicaCount" />
                        <span class="help-inline">Minimum replica count for autoscaling. Should be set to one at least.</span>
                    </div>
                </div>

<div class="control-group">
                    <label for="max-replica-count" class="control-label">Max replica count</label>
                    <div class="controls">
                        <input type="number" min=1 id="max-replica-count" ng-model="infra.machineConfig.maxReplicaCount" />
                        <span class="help-inline">Maximum replica count for autoscaling. Should be greater than minimun replica count to enable autoscaling.</span>
                    </div>
                </div>

<div class="control-group">
                    <label for="accelerator-type" class="control-label">Accelerator type</label>
                    <div class="controls">
                        <select
                            dku-bs-select
                            id="accelerator-type"
                            ng-model="infra.machineConfig.acceleratorType"
                            ng-options="a.value as a.name for a in acceleratorTypes"
                            data-live-search="true">
                        </select>
                        <span class="help-inline">The type of accelerator(s) that may be attached to the machine.</span>
                    </div>
                </div>

<div class="control-group">
                    <label for="accelerator-count" class="control-label">Accelerator count</label>
                    <div class="controls">
                        <input type="number" id="accelerator-count" ng-model="infra.machineConfig.acceleratorCount" />
                        <span class="help-inline">The number of accelerators to attach to the machine.</span>
                    </div>
                </div>

<div class="control-group">
                    <label for="allow-override-size-scaling" class="control-label">Allow overriding size and scaling variables</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-size-scaling" ng-model="infra.allowOverrideSizeAndScaling" />
                        <span class="help-inline">Indicates if overriding of Google Vertex AI size and scaling variables is allowed in deployment settings.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="vertex-ai-advanced" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <h2 class="settings-section-title mtop0">Container environment</h2>
                <div class="control-group">
                    <label for="custom-environment-vars" class="control-label">Environment variables</label>
                    <div class="controls">
                        <span class="help-inline">The environment variables to set in the deployed container.
                             Environment variable name must contain only alphanumeric characters and underscores, and must not begin with a digit.</span>
                        <ng2-key-values-list [(items)]="infra.environmentVars"
                                             add-label="Add environment variable"
                                             key-placeholder="Key"
                                             value-placeholder="Value"
                                             key-required="true"
                                             value-required="true"
                                             (on-validity-change)="setEnvVarsValidity($event)"
                                             id="custom-environment-vars">
                           </ng2-key-values-list>
                    </div>
                </div>
                
            </div>

<div ng-switch-when="databricks-basic" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <div class="control-group" ng-if="connections">
                    <label class="control-label">Connection</label>
                    <div class="controls">
                        <select dku-bs-select="{liveSearch:true}" ng-model="infra.authConnection" ng-options="c.name as c.label for c in connections"></select>
                        <span class="help-inline">Connection from which credentials should be retrieved.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Databricks Unity Catalog</h2>
                <div class="control-group">
                    <label for="use-unity-catalog" class="control-label">Use Unity Catalog</label>
                    <div class="controls">
                        <input type="checkbox" id="use-unity-catalog" ng-model="infra.usesUnityCatalog" />
                        <span class="help-inline">If unchecked, models will be added to Workspace Model Registry instead of Unity Catalog.</span>
                    </div>
                </div>
                <div ng-if="infra.usesUnityCatalog">
                    <div class="control-group">
                        <label for="default-catalog-name" class="control-label">Default catalog name</label>
                        <div class="controls">
                            <input type="text" id="default-catalog-name" ng-model="infra.defaultCatalogName"/>
                            <span class="help-inline">The name of the catalog to be used for storing model versions.</span>
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="default-schema-name" class="control-label">Default schema name</label>
                        <div class="controls">
                            <input type="text" id="default-schema-name" ng-model="infra.defaultSchemaName"/>
                            <span class="help-inline">The name of the schema to be used for storing model versions relative to the parent catalog.</span>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label for="allow-override-dbx-unity-catalog" class="control-label">Allow overriding Unity Catalog settings</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-dbx-unity-catalog" ng-model="infra.allowOverrideUnityCatalogSettings" />
                        <span class="help-inline">Indicates if overriding of Unity Catalog settings is allowed in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Databricks serving endpoints</h2>
                <div class="control-group">
                    <label for="allow-override-dbx-endpoint-name" class="control-label">Allow overriding serving endpoints names</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-dbx-endpoint-name" ng-model="infra.allowOverrideEndpointName" />
                        <span class="help-inline">Indicates if using a specific endpoint name is allowed in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Databricks experiments</h2>
                <div class="control-group">
                    <label for="dbx-experiment-location" class="control-label">Default location</label>
                    <div class="controls">
                        <div class="dib">
                            <ng2-typeahead
                                [(value)]="infra.defaultExperimentLocation"
                                [suggestions]="experimentLocationSuggestions"
                                placeholder="/Users/my.email@example.com">
                            </ng2-typeahead>
                        </div>
                        <button
                            type="button"
                            class="btn btn--secondary"
                            ng-click="requestDatabricksExperimentLocationSuggestions()">Get suggestions
                        </button>
                        <span
                            class="help-inline"
                            ng-if="uiState.isExperimentLocationsLoadingInProgress"
                        >
                            <i class="icon-spin icon-spinner"></i> Fetching experiment location suggestions...
                        </span>
                        <br>
                        <span class="help-inline">The value represents a path to an existing Databricks Workspace directory where experiments are stored. It is ignored when a full experiment path is selected in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Sizing and scaling</h2>
                <div class="control-group">
                    <label for="workload-type" class="control-label">Compute type</label>
                    <div class="controls">
                        <div class="dib">
                            <ng2-typeahead
                                id="workload-type"
                                [(value)]="infra.servedEntitySettings.workloadType"
                                [suggestions]="workloadTypes"
                                no-match-tooltip="Compute type not registered."
                                placeholder="Enter compute type">
                            </ng2-typeahead>
                        </div>
                        <span class="help-inline">Allows deploying served models using GPU. Explore Databricks documentation to learn more.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="workload-size-type" class="control-label">Compute scale-out</label>
                    <div class="controls">
                        <div class="dib">
                            <ng2-typeahead
                                id="workload-size-type"
                                [(value)]="infra.servedEntitySettings.workloadSize"
                                [suggestions]="workloadSizeTypes"
                                no-match-tooltip="Compute scale-out size not registered."
                                placeholder="Enter compute scale-out size">
                            </ng2-typeahead>
                        </div>
                        <span class="help-inline">The value corresponds with the number of requests a served model can process simultaneously. Explore Databricks documentation to learn more.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="scale-to-zero" class="control-label">Scale to zero</label>
                    <div class="controls">
                        <input
                            type="checkbox"
                            id="scale-to-zero"
                            ng-model="infra.servedEntitySettings.isScaleToZeroEnabled"
                        />
                        <span class="help-inline">Specify if the Databricks serving endpoint should scale to zero when not in use.</span>
                    </div>
                </div>

<div class="control-group">
                    <label for="allow-override-size-scaling" class="control-label">Allow overriding size and scaling variables</label>
                    <div class="controls">
                        <input
                            type="checkbox"
                            id="allow-override-size-scaling"
                            ng-model="infra.allowOverrideSizeAndScaling"
                        />
                        <span class="help-inline">Indicates if overriding of Databricks size and scaling variables is allowed in deployment settings.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="databricks-advanced" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <h2 class="settings-section-title mtop0">Environment</h2>
                <div class="control-group">
                    <label for="custom-environment-vars" class="control-label">Environment variables</label>
                    <div class="controls">
                        <span class="help-inline">The environment variables to set in the serving endpoint.</span>
                        <ng2-key-values-list [(items)]="infra.environmentVars"
                                             add-label="Add environment variable"
                                             key-placeholder="Key"
                                             value-placeholder="Value"
                                             key-required="true"
                                             value-required="true"
                                             (on-validity-change)="setEnvVarsValidity($event)"
                                             id="custom-environment-vars">
                           </ng2-key-values-list>
                    </div>
                </div>
            </div>

<div ng-switch-when="azure-ml-basic" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <div class="control-group">
                    <label for="az-subscription" class="control-label">Subscription Id</label>
                    <div class="controls" toggle="tooltip-left" container="body"
                         title="{{infraStatus.deployments.length ? 'The subscription id cannot be modified since there are existing deployments' : ''}}">
                        <input type="text"
                               id="az-subscription"
                               ng-model="infra.azSubscription"
                               ng-pattern="/^[0-9A-Fa-f]{8}-([0-9A-Fa-f]{4}-){3}[0-9A-Fa-f]{12}$/"
                               ng-disabled="infraStatus.deployments.length" />
                        <span class="help-inline"></span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="az-resource-group" class="control-label">Resource Group</label>
                    <div class="controls" toggle="tooltip-left" container="body"
                         title="{{infraStatus.deployments.length ? 'The resource group cannot be modified since there are existing deployments' : ''}}">
                        <input type="text" id="az-resource-group" ng-model="infra.azResourceGroup"
                               ng-pattern="/^([\w().-]{1,89})?[\w()-]$/" ng-disabled="infraStatus.deployments.length" />
                        <span class="help-inline"></span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="az-workspace" class="control-label">Workspace</label>
                    <div class="controls" toggle="tooltip-left" container="body"
                         title="{{infraStatus.deployments.length ? 'The workspace cannot be modified since there are existing deployments' : ''}}">
                        <input type="text" id="az-workspace" ng-model="infra.azWorkspace"
                               ng-disabled="infraStatus.deployments.length" ng-pattern="/^[a-zA-Z0-9][a-zA-Z0-9_-]{2,32}$/"/>
                        <span class="help-inline"></span>
                    </div>
                </div>
                <div class="control-group" ng-if="connectionsWithEnvironment">
                    <label class="control-label">Connection</label>
                    <div class="controls">
                        <select dku-bs-select="{liveSearch:true}" ng-model="infra.authConnection"
                                ng-options="c.name as c.label for c in connectionsWithEnvironment"></select>
                        <span class="help-inline">Optional connection from which credentials should be retrieved. Retrieved from environment if not
                            specified.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Image registry</h2>
                <div class="control-group">
                    <label for="az-registry-host" class="control-label">Registry host</label>
                    <div class="controls">
                        <input type="text" id="az-registry-host" ng-model="infra.registryHost" />
                        <span class="help-inline">Hostname of the images repository. Typical host name is xxxxxxx.azurecr.io</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="az-images-name-prefix" class="control-label">Images prefix</label>
                    <div class="controls">
                        <input type="text" id="az-images-name-prefix" ng-model="infra.imagesNamePrefix" ng-pattern="/^([a-z0-9][a-z0-9-_.\/]*)?[a-z0-9]$/" />
                        <span class="help-inline">Prefix all images being pushed by this.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Optimized image build</label>
                    <div class="controls">
                        <input type="checkbox" ng-model="infra.buildIntermediateImageWithCodeEnvs" />
                        <span class="help-inline">Rebuild only intermediate image with code environments when a code environment changes</span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Image pre-push hook</label>
                    <div class="controls">
                        <select dku-bs-select ng-model="infra.prePushMode"
                                ng-options="x[0] as x[1] for x in [['NONE', 'None'], ['ACR', 'Enable push to ACR'], ['CUSTOM', 'Custom script']]" />
                        <span class="help-inline">
                            Action to run before pushing an image. This is required when pushing to Azure Container Registry.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.prePushMode == 'CUSTOM'">
                    <label class="control-label">Script</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.prePushScript" />
                        <span class="help-inline">
                            Absolute path to a shell script. Receives the repository url, image name & tag as arguments.
                            This script should support being called on an already-existing image/tag.
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="onlyForDataikerAdminWhenInCloud">
                    <label class="control-label">Base image tag</label>
                    <div class="controls">
                        <input type="text" ng-model="infra.baseImageTag" />
                        <span class="help-inline">Leave empty to use the default</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Azure Machine Learning Online Endpoint</h2>
                <div class="control-group">
                    <label for="allow-override-endpoint-name" class="control-label">Allow overriding Azure Machine Learning Online Endpoint names</label>
                    <div class="controls">
                        <input type="checkbox" id="allow-override-endpoint-name" ng-model="infra.allowOverrideEndpointName" />
                        <span class="help-inline">Indicates if overriding of endpoint names is allowed in deployment settings.</span>
                    </div>
                </div>

<br/>
                <h2 class="settings-section-title mtop0">Sizing and scaling</h2>
                <div class="control-group">
                    <label class="control-label">Instance type</label>
                    <div class="controls">
                        <div ng-if="uiState.showInstanceTypeList" class="dib">
                            <select
                                dku-bs-select
                                ng-model="infra.instanceType"
                                ng-options="instanceType for instanceType in instanceTypes"
                                data-live-search="true">
                            </select>
                            <button class="btn btn--secondary" ng-click="uiState.showInstanceTypeList = false">
                                Enter custom
                            </button>
                        </div>
                        <div ng-if="!uiState.showInstanceTypeList" class="dib">
                            <input type="text" ng-model="infra.instanceType" placeholder="Type the instance type name"/>
                            <button type="button" class="btn btn--secondary" ng-click="requestAzureMLInstanceTypes(infra.id, infra.authConnection, infra.azWorkspace, infra.azResourceGroup, infra.azSubscription)">Get instance types list</button>
                        </div>
                        <span class="help-inline">The VM size to use for the deployment (<a target="_blank" rel="noopener noreferrer"
                            href="https://learn.microsoft.com/en-us/azure/machine-learning/reference-managed-online-endpoints-vm-sku-list?view=azureml-api-2">reference</a>).</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="az-instance-count" class="control-label">Instance count</label>
                    <div class="controls">
                        <input type="number" id="az-instance-count" ng-model="infra.instanceCount" />
                        <span class="help-inline">The number of instances to use for the deployment. One instance at least.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="az-allow-override-size-scaling" class="control-label">Allow overriding size and scaling variables</label>
                    <div class="controls">
                        <input type="checkbox" id="az-allow-override-size-scaling" ng-model="infra.allowOverrideSizeAndScaling" />
                        <span class="help-inline">Indicates if overriding of Azure Machine Learning size and scaling variables is allowed in deployment settings.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="azure-ml-advanced" class="h100 oa" style="position: relative;">
                <h2 class="settings-section-title mtop0">Container environment</h2>
                <div class="control-group">
                    <label for="az-custom-environment-vars" class="control-label">Environment variables</label>
                    <div class="controls">
                        <span class="help-inline">The environment variables to set in the deployed container.</span>
                        <ng2-key-values-list [(items)]="infra.environmentVars"
                                             add-label="Add environment variable"
                                             key-placeholder="Key"
                                             value-placeholder="Value"
                                             key-required="true"
                                             value-required="true"
                                             (on-validity-change)="setEnvVarsValidity($event)"
                                             id="az-custom-environment-vars">
                        </ng2-key-values-list>
                    </div>
                </div>
                <h2 class="settings-section-title mtop0">Network Isolation</h2>
                <div class="control-group">
                    <label for="public-inbound-network-access" class="control-label">Public inbound network access</label>
                    <div class="controls">
                        <input type="checkbox" id="public-inbound-network-access" ng-model="infra.publicInboundNetworkAccess" />
                        <span class="help-inline">This flag controls the visibility of the managed endpoint. When disabled, inbound scoring requests are received
                            using the private endpoint of the Azure Machine Learning workspace and the endpoint can't be reached from public networks.</span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="public-outbound-network-access" class="control-label">Public outbound network access</label>
                    <div class="controls">
                        <input type="checkbox" id="public-outbound-network-access" ng-model="infra.publicOutboundNetworkAccess" />
                        <span class="help-inline">This flag secures the deployment by restricting communication between the deployment and the Azure Machine Learning resources
                            used by it. Set to disabled to ensure that the download of the model, code, and images needed by your deployment are secured with a
                            private endpoint.</span>
                    </div>
                </div>
                <h2 class="settings-section-title mtop0">Liveness probe settings</h2>
                <div class="control-group">
                    <label for="liveness-override-probe" class="control-label">Override liveness probe settings</label>
                    <div class="controls">
                        <input type="checkbox" id="liveness-override-probe" ng-model="infra.livenessProbe.overrideProbeSettings" />
                        <span class="help-inline">Whether to override the liveness probe settings used to monitor the health of the container regularly</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.livenessProbe.overrideProbeSettings">
                    <label for="liveness-initial-delay" class="control-label">Initial delay</label>
                    <div class="controls">
                        <input type="number" id="liveness-initial-delay" ng-model="infra.livenessProbe.initialDelay" />
                        <span class="help-inline">The number of seconds after the container has started before the probe is initiated. Minimum value is
                            1 and default value is 10.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.livenessProbe.overrideProbeSettings">
                    <label for="liveness-period" class="control-label">Period</label>
                    <div class="controls">
                        <input type="number" id="liveness-period" ng-model="infra.livenessProbe.period" />
                        <span class="help-inline">How often (in seconds) to perform the probe. Default value is 10.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.livenessProbe.overrideProbeSettings">
                    <label for="liveness-timeout" class="control-label">Timeout</label>
                    <div class="controls">
                        <input type="number" id="liveness-timeout" ng-model="infra.livenessProbe.timeout" />
                        <span class="help-inline">The number of seconds after which the probe times out. Minimum value is 1 and default value is
                            2.</span>
                    </div>
                </div>
                
                <div class="control-group" ng-if="infra.livenessProbe.overrideProbeSettings">
                    <label for="liveness-failure-threshold" class="control-label">Failure threshold</label>
                    <div class="controls">
                        <input type="number" id="liveness-failure-threshold" ng-model="infra.livenessProbe.failureThreshold" />
                        <span class="help-inline">When a probe fails, the system will try failure_threshold times before giving up. Giving up in the case of a
                            liveness probe means the container will be restarted. Minimum value is 1 and default value is 30.</span>
                    </div>
                </div>
                <h2 class="settings-section-title mtop0">Readiness probe settings</h2>
                <div class="control-group">
                    <label for="readiness-override-probe" class="control-label">Override readiness probe settings</label>
                    <div class="controls">
                        <input type="checkbox" id="readiness-override-probe" ng-model="infra.readinessProbe.overrideProbeSettings" />
                        <span class="help-inline">Whether to override the readiness probe settings used to monitor the health of the container regularly</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.readinessProbe.overrideProbeSettings">
                    <label for="readiness-initial-delay" class="control-label">Initial delay</label>
                    <div class="controls">
                        <input type="number" id="readiness-initial-delay" ng-model="infra.readinessProbe.initialDelay" />
                        <span class="help-inline">The number of seconds after the container has started before the probe is initiated. Minimum value is
                            1 and default value is 10.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.readinessProbe.overrideProbeSettings">
                    <label for="readiness-period" class="control-label">Period</label>
                    <div class="controls">
                        <input type="number" id="readiness-period" ng-model="infra.readinessProbe.period" />
                        <span class="help-inline">How often (in seconds) to perform the probe. Default value is 10.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.readinessProbe.overrideProbeSettings">
                    <label for="readiness-timeout" class="control-label">Timeout</label>
                    <div class="controls">
                        <input type="number" id="readiness-timeout" ng-model="infra.readinessProbe.timeout" />
                        <span class="help-inline">The number of seconds after which the probe times out. Minimum value is 1 and default value is
                            2.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.readinessProbe.overrideProbeSettings">
                    <label for="readiness-success-threshold" class="control-label">Success threshold</label>
                    <div class="controls">
                        <input type="number" id="readiness-success-threshold" ng-model="infra.readinessProbe.successThreshold" />
                        <span class="help-inline">The minimum consecutive successes for the probe to be considered successful after having failed. Minimum value
                            is 1 for readiness probe and default value is 1.</span>
                    </div>
                </div>
                <div class="control-group" ng-if="infra.readinessProbe.overrideProbeSettings">
                    <label for="readiness-failure-threshold" class="control-label">Failure threshold</label>
                    <div class="controls">
                        <input type="number" id="readiness-failure-threshold" ng-model="infra.readinessProbe.failureThreshold" />
                        <span class="help-inline">When a probe fails, the system will try failure_threshold times before giving up. Giving up in the case of a
                            readiness probe the container will be marked Unready. Minimum value is 1 and default value is 30.</span>
                    </div>
                </div>
                <h2 class="settings-section-title mtop0">Application Insights integration</h2>
                <div class="control-group">
                    <label for="app-insights-enabled" class="control-label">Enable App Insights integration</label>
                    <div class="controls">
                        <input type="checkbox" id="app-insights-enabled" ng-model="infra.appInsightsEnabled" />
                        <span class="help-inline">Whether to enable integration with the Azure Application Insights instance associated with your workspace.</span>
                    </div>
                </div>
            </div>

<div ng-switch-when="permissions" class="h100 oa" style="position: relative;">
                <div block-api-error />
                <form class="dkuform-horizontal">
                    <table sort-table class="table table-striped table-hover permissions" >
                        <thead>
                            <tr>
                                <th colspan="2">Group name</th>
                                <th>View</th>
                                <th>Deploy</th>
                                <th>Admin</th>
                                <th> </th>
                            </tr>
                        </thead>
                        <tbody add-remove ng-model="infra.permissions">
                            <tr ng-hide="infra.permissions.length">
                                <td colspan="13" style="text-align: center; font-size: 16px; line-height: 40px; color: #666">
                                    No group is granted access to this infrastructure
                                </td>
                            </tr>
                            <tr ng-repeat="perm in infra.permissions">

<td colspan="2">{{perm.group}}</td>
                                <td>
                                    <label class="checkbox" for="readDisabled_{{$index}}" >
                                        <input type="checkbox" ng-show="perm.$readDisabled" checked disabled />
                                        <input type="checkbox" ng-hide="perm.$readDisabled" ng-model="perm.read" id="readDisabled_{{$index}}"/>
                                    </label>
                                </td>
                                <td>
                                    <label class="checkbox" for="deployDisabled_{{$index}}" >
                                        <input type="checkbox" ng-show="perm.$deployDisabled" checked disabled />
                                        <input type="checkbox" ng-hide="perm.$deployDisabled" ng-model="perm.deploy" id="deployDisabled_{{$index}}"/>
                                    </label>
                                </td>
                                <td>
                                    <label class="checkbox" for="adminDisabled_{{$index}}" >
                                        <input type="checkbox" ng-show="perm.$adminDisabled" checked disabled />
                                        <input type="checkbox" ng-hide="perm.$adminDisabled" ng-model="perm.admin" id="adminDisabled_{{$index}}"/>
                                    </label>
                                </td>
                                <td>
                                    <a class="link-danger" ng-click="remove($index)"> <i class="icon-trash" /></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div ng-show="unassignedGroups.length" style="margin-bottom: 20px;">
                        <select dku-bs-select="{liveSearch:true,width:250}"
                            style="display: inline-block;"
                            ng-model="newPerm.group"
                            ng-options="g for g in unassignedGroups"
                            data-none-selected-text="Select a group" >
                        </select>
                        <button style="display: inline-block;" ng-disabled="!newPerm.group" ng-click="addPermission(infra)" class="btn btn--secondary">
                            <span plus-icon />
                             Grant access to group
                        </button>
                    </div>
                    <div class="alert alert-info" style="border-radius: 0px"> <i class="icon-info-sign" /> To manage groups go to
                        <a class="tab" ng-class="{'enabled': $state.includes('admin.groups')}" href="/admin/security/groups/">DSS global administration</a>.
                    </div>

</form>
            </div>

<div ng-switch-when="deploy-anywhere-logging" class="h100 oa" style="position: relative;">
                <div block-api-error />
                 <div class="alert alert-info">
                    These advanced settings control logging of the API node servers.
                    These settings can be overridden on a per-deployment basis.
                </div>
                <form class="dkuform-horizontal">
                    <div class="control-group" >
                        <label class="control-label">Duplicate log to standard output</label>
                        <div class="controls">
                            <label>
                                <input type="checkbox" ng-model="infra.defaultApiNodeLogging.redirectToPod" />
                                <span class="help-inline" ng-if="infra.type=='SAGEMAKER'">Advanced usage: duplicate API node's log to stdout. Log files in the container will be empty. Sagemaker will stream logs to CloudWatch using the credentials from Basic params.</span>
                                <span class="help-inline" ng-if="infra.type=='SNOWPARK'">Advanced usage: duplicate API node's log to stdout. Log files in the container will be empty.</span>
                                <span class="help-inline" ng-if="infra.type=='AZURE_ML'">Advanced usage: duplicate API node's log to stdout. Log files in the container will be empty. AzureML will stream logs using the credentials from Basic params.</span>
                                <span class="help-inline" ng-if="infra.type=='VERTEX_AI'">Advanced usage: duplicate API node's log to stdout. Log files in the container will be empty. VertexAI will stream logs using the credentials from Basic params.</span>
                            </label>
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">log4j.properties</label>
                        <div class="controls">
                            <textarea style="width: 300px; height: 150px" ng-model="infra.defaultApiNodeLogging.log4jConfiguration" />
                            <span class="help-inline">Advanced usage: override default Log4J configuration</span>
                        </div>
                    </div>
                    <h2 ng-if="infra.type=='SNOWPARK'" class="settings-section-title mtop0">Log exporting</h2>
                    <div ng-if="infra.type=='SNOWPARK'" class="control-group">
                        <label for="event-table-log-level" class="control-label">Event table log level</label>
                        <div class="controls">
                            <ng2-typeahead [(value)]="infra.eventTableLogLevel" [suggestions]="['NONE', 'INFO', 'ERROR']"
                                no-match-tooltip="Unknown log level."
                                placeholder="Select or type the log level." id="event-table-log-level">
                            </ng2-typeahead>
                            <span class="help-inline"><a target="_blank" rel="noopener noreferrer"
                                href="https://docs.snowflake.com/developer-guide/snowpark-container-services/working-with-services#using-an-event-table">More information</a> about event table usage.</span>
                        </div>
                    </div>
                </form>
            </div>

Advanced settings

Pod settings

Additional environment variables

Additional labels

Additional annotations

Replication settings

API Node Server Sizing and tuning

Container limits