@spinnaker/core 0.29.0 → 2025.0.0

package/dist/managed/constraints/registry.d.ts

@@ -46,7 +46,7 @@ export interface IConstraintHandler<K = string> {
     };
 }
 declare class ConstraintsManager extends BasePluginManager<IConstraintHandler> {
-    getIcon(constraint: IConstraint | IBaseConstraint): "placeholder" | "menu" | "add" | "done" | "environment" | "artifact" | "config" | "close" | "play" | "bake" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuFunctions" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
+    getIcon(constraint: IConstraint | IBaseConstraint): "placeholder" | "menu" | "close" | "play" | "add" | "done" | "environment" | "artifact" | "config" | "bake" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuFunctions" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
     renderTitle(constraint: IConstraint): React.ReactNode;
     hasContent(constraint: IConstraint): boolean;
     renderDescription(constraint: IConstraint): React.ReactNode;

package/dist/managed/resources/resourceRegistry.d.ts

@@ -13,7 +13,7 @@ export interface IResourceLinkProps {
     displayName?: string;
 }
 declare class ResourcesManager extends BasePluginManager<IResourceKindConfig> {
-    getIcon(kind: string): "placeholder" | "menu" | "add" | "done" | "environment" | "artifact" | "config" | "close" | "play" | "bake" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuFunctions" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
+    getIcon(kind: string): "placeholder" | "menu" | "close" | "play" | "add" | "done" | "environment" | "artifact" | "config" | "bake" | "plus" | "accordionCollapse" | "accordionExpand" | "accordionExpandAll" | "artifactApproved" | "artifactBad" | "artifactPending" | "artifactSkipped" | "build" | "buildFail" | "buildSuccess" | "canaryConfig" | "canaryFail" | "canaryRunning" | "canaryPass" | "canaryMarginal" | "caretRight" | "checkBadge" | "checkboxIndeterminate" | "checkboxChecked" | "checkboxUnchecked" | "closeSmall" | "cloudDeployed" | "cloudError" | "cloudProgress" | "cloudDecommissioned" | "cloudWaiting" | "cluster" | "configJ" | "configM" | "configS" | "copyClipboard" | "duplicate" | "edit" | "fileJson" | "fn" | "fnNew" | "formDrag" | "formError" | "formInfo" | "formNetworkBad" | "formNetworkGood" | "formRefresh" | "formWarning" | "heart" | "history" | "instances" | "loadBalancer" | "manualJudgement" | "manualJudgementApproved" | "manualJudgementRejected" | "mdActuating" | "mdActuationLaunched" | "mdCreated" | "mdDelay" | "mdDeltaDetected" | "mdDeltaResolved" | "mdDiff" | "mdError" | "mdUnhappy" | "mdPaused" | "mdResumed" | "mdUnknown" | "mdConstraintGeneric" | "mdConstraintDependsOn" | "mdConstraintAllowedTimes" | "md" | "mdVerification" | "menuClose" | "minus" | "pin" | "resourceT" | "securityGroup" | "servergroupAws" | "spCIBranch" | "spCIBuild" | "spCICommit" | "spCIMaster" | "spCIMerged" | "spCIPullRequest" | "spCIPullRequestClosed" | "spEnvironments" | "spMenuAppInSync" | "spMenuAppUnsynced" | "spMenuCanaryConfig" | "spMenuCanaryReport" | "spMenuClusters" | "spMenuConfig" | "spMenuFunctions" | "spMenuK8s" | "spMenuLoadBalancers" | "spMenuMeme" | "spMenuPager" | "spMenuPipelines" | "spMenuProperties" | "spMenuSecurityGroups" | "spMenuTasks" | "spMenuTimeline" | "spMenuZuul" | "spel" | "templateFull" | "templateS" | "templateWorkflow" | "toggleOff" | "toggleOn" | "trash" | "unpin";
     getExperimentalDisplayLink(resource: IResourceLinkProps): string | undefined;
     getSpinnakerType(kind: string): string;
     getNativeResourceRoutingInfo({ kind, account, stack, detail, displayName, }: IResourceLinkProps): {

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@spinnaker/core",
   "license": "Apache-2.0",
-  "version": "0.29.0",
+  "version": "2025.0.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
   },
   "scripts": {
     "clean": "shx rm -rf dist",
@@ -123,5 +124,5 @@
     "shx": "0.3.3",
     "typescript": "4.3.5"
   },
-  "gitHead": "082a084908e13888d640e88a5bd6e1571479de14"
+  "gitHead": "5b197da8614979a51dc24b0a6f92e19c3162e874"
 }

package/src/config/settings.ts

@@ -53,6 +53,7 @@ export interface IFeatures {
   functions?: boolean;
   kubernetesRawResources?: boolean;
   renderPipelineStageThreshold?: number;
+  deployManifestStageAdvancedConfiguration?: boolean;
 }
 
 export interface IDockerInsightSettings {
@@ -127,6 +128,7 @@ export interface ISpinnakerSettings {
     manifestBasePath: string;
     urls?: Partial<IManagedDeliveryURLs>;
   };
+  maxFetchHistoryOnEvaluateVariables?: number;
   maxPipelineAgeDays: number;
   newApplicationDefaults: INewApplicationDefaults;
   notifications: INotificationSettings;
@@ -175,6 +177,7 @@ SETTINGS.managedDelivery = SETTINGS.managedDelivery || {
   defaultManifest: 'spinnaker.yml',
   manifestBasePath: '.spinnaker',
 };
+SETTINGS.maxFetchHistoryOnEvaluateVariables = SETTINGS.maxFetchHistoryOnEvaluateVariables ?? 100;
 
 // A helper to make resetting settings to steady state after running tests easier
 const originalSettings: ISpinnakerSettings = cloneDeep(SETTINGS);

package/src/deploymentStrategy/strategies/redblack/AdditionalFields.tsx

@@ -8,72 +8,101 @@ export interface IRedBlackStrategyAdditionalFieldsProps extends IDeploymentStrat
   command: IRedBlackCommand;
 }
 
-export const AdditionalFields = ({ command, onChange }: IRedBlackStrategyAdditionalFieldsProps) => (
-  <div className="form-group">
-    <div className="col-md-12 checkbox">
-      <label>
-        <input
-          type="checkbox"
-          checked={command.rollback?.onFailure ?? false}
-          onChange={(e) => onChange('rollback.onFailure', e.target.checked)}
-        />
-        Rollback to previous server group if deployment fails <HelpField id="strategy.redblack.rollback" />
-      </label>
-    </div>
-    <div className="col-md-12 checkbox">
-      <label>
-        <input type="checkbox" checked={command.scaleDown} onChange={(e) => onChange('scaleDown', e.target.checked)} />
-        Scale down replaced server groups to zero instances
-        <HelpField id="strategy.redblack.scaleDown" />
-      </label>
-    </div>
-    <div className="col-md-12 form-inline">
-      <label>
-        Maximum number of server groups to leave
-        <HelpField id="strategy.redblack.maxRemainingAsgs" />
-      </label>
-      <input
-        className="form-control input-sm"
-        style={{ width: '50px' }}
-        type="number"
-        value={command.maxRemainingAsgs}
-        onChange={(e) => onChange('maxRemainingAsgs', e.target.value)}
-        min="2"
-      />
-    </div>
-    <div className="col-md-12 form-inline">
-      <label>
-        Wait Before Disable
-        <HelpField content="Time to wait before disabling all old server groups in this cluster" />
-      </label>
-      <input
-        className="form-control input-sm"
-        style={{ width: '60px' }}
-        min="0"
-        type="number"
-        value={command.delayBeforeDisableSec}
-        onChange={(e) => onChange('delayBeforeDisableSec', e.target.value)}
-        placeholder="0"
-      />
-      seconds
-    </div>
-    {command.scaleDown && (
-      <div className="col-md-12 form-inline" style={{ marginTop: '5px' }}>
-        <label>
-          Wait Before Scale Down
-          <HelpField content="Time to wait before scaling down all old server groups in this cluster" />
-        </label>
-        <input
-          className="form-control input-sm"
-          style={{ width: '60px' }}
-          min="0"
-          type="number"
-          value={command.delayBeforeScaleDownSec}
-          onChange={(e) => onChange('delayBeforeScaleDownSec', e.target.value)}
-          placeholder="0"
-        />
-        seconds
+export class AdditionalFields extends React.Component<IRedBlackStrategyAdditionalFieldsProps> {
+  private rollbackOnFailureChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.command.rollback.onFailure = e.target.checked;
+    this.forceUpdate();
+  };
+
+  private scaleDownChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.command.scaleDown = e.target.checked;
+    this.forceUpdate();
+  };
+
+  private maxRemainingAsgsChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.command.maxRemainingAsgs = parseInt(e.target.value, 10);
+    this.forceUpdate();
+  };
+
+  private delayBeforeDisableSecChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.command.delayBeforeDisableSec = parseInt(e.target.value, 10);
+    this.forceUpdate();
+  };
+
+  private delayBeforeScaleDownSecChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    this.props.command.delayBeforeScaleDownSec = parseInt(e.target.value, 10);
+    this.forceUpdate();
+  };
+
+  public render() {
+    const { command } = this.props;
+    return (
+      <div className="form-group">
+        <div className="col-md-12 checkbox" style={{ marginTop: 0 }}>
+          <label>
+            <input
+              type="checkbox"
+              checked={command.rollback?.onFailure ?? false}
+              onChange={this.rollbackOnFailureChange}
+            />
+            Rollback to previous server group if deployment fails <HelpField id="strategy.redblack.rollback" />
+          </label>
+        </div>
+        <div className="col-md-12 checkbox">
+          <label>
+            <input type="checkbox" checked={command.scaleDown} onChange={this.scaleDownChange} />
+            Scale down replaced server groups to zero instances <HelpField id="strategy.redblack.scaleDown" />
+          </label>
+        </div>
+        <div className="col-md-12 form-inline">
+          <label>
+            Maximum number of server groups to leave
+            <HelpField id="strategy.redblack.maxRemainingAsgs" />
+          </label>
+          <input
+            className="form-control input-sm"
+            style={{ width: '50px' }}
+            type="number"
+            value={command.maxRemainingAsgs}
+            onChange={this.maxRemainingAsgsChange}
+            min="2"
+          />
+        </div>
+        <div className="col-md-12 form-inline">
+          <label>
+            Wait Before Disable
+            <HelpField content="Time to wait before disabling all old server groups in this cluster" />
+          </label>
+          <input
+            className="form-control input-sm"
+            style={{ width: '60px' }}
+            min="0"
+            type="number"
+            value={command.delayBeforeDisableSec}
+            onChange={this.delayBeforeDisableSecChange}
+            placeholder="0"
+          />
+          seconds
+        </div>
+        {command.scaleDown && (
+          <div className="col-md-12 form-inline" style={{ marginTop: '5px' }}>
+            <label>
+              Wait Before Scale Down
+              <HelpField content="Time to wait before scaling down all old server groups in this cluster" />
+            </label>
+            <input
+              className="form-control input-sm"
+              style={{ width: '60px' }}
+              min="0"
+              type="number"
+              value={command.delayBeforeScaleDownSec}
+              onChange={this.delayBeforeScaleDownSecChange}
+              placeholder="0"
+            />
+            seconds
+          </div>
+        )}
       </div>
-    )}
-  </div>
-);
+    );
+  }
+}

package/src/domain/ICloudMetric.ts

@@ -11,7 +11,11 @@ export interface IMetricAlarmDimension {
 
 interface IDataPoint {
   timestamp: number;
-  average: number;
+  average?: number;
+  sum?: number;
+  minimum?: number;
+  maximum?: number;
+  sampleCount?: number;
 }
 
 export interface ICloudMetricStatistics {

package/src/forms/forms.module.js

@@ -7,6 +7,7 @@ import { CORE_FORMS_CHECKLIST_CHECKLIST_DIRECTIVE } from './checklist/checklist.
 import { CORE_FORMS_CHECKMAP_CHECKMAP_DIRECTIVE } from './checkmap/checkmap.directive';
 import { CORE_FORMS_IGNOREEMPTYDELETE_DIRECTIVE } from './ignoreEmptyDelete.directive';
 import { CORE_FORMS_MAPEDITOR_MAPEDITOR_COMPONENT } from './mapEditor/mapEditor.component';
+import { CORE_FORMS_MAPOBJECTEDITOR_MAPOBJECTEDITOR_COMPONENT } from './mapObjectEditor/mapObjectEditor.component';
 import { NUMBER_LIST_COMPONENT } from './numberList/numberList.component';
 import { CORE_FORMS_VALIDATEONSUBMIT_VALIDATEONSUBMIT_DIRECTIVE } from './validateOnSubmit/validateOnSubmit.directive';
 
@@ -18,6 +19,7 @@ module(CORE_FORMS_FORMS_MODULE, [
   CORE_FORMS_CHECKMAP_CHECKMAP_DIRECTIVE,
   CORE_FORMS_IGNOREEMPTYDELETE_DIRECTIVE,
   CORE_FORMS_MAPEDITOR_MAPEDITOR_COMPONENT,
+  CORE_FORMS_MAPOBJECTEDITOR_MAPOBJECTEDITOR_COMPONENT,
   CORE_FORMS_VALIDATEONSUBMIT_VALIDATEONSUBMIT_DIRECTIVE,
   NUMBER_LIST_COMPONENT,
 ]);

package/src/forms/mapObjectEditor/mapObjectEditor.component.html

@@ -0,0 +1,56 @@
+<form name="mapObjectEditor">
+  <div class="sm-label-left" ng-if="$ctrl.label">
+    <b>{{ $ctrl.label }}</b>
+  </div>
+  <input class="form-control input-sm" ng-model="$ctrl.model" ng-if="$ctrl.isParameterized" />
+  <table class="table table-condensed packed tags {{ $ctrl.tableClass }}" ng-if="!$ctrl.isParameterized">
+    <thead>
+      <tr ng-if="!$ctrl.labelsLeft">
+        <th ng-bind="$ctrl.keyLabel"></th>
+        <th ng-bind="$ctrl.valueLabel"></th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr ng-repeat="pair in $ctrl.backingModel" ng-if="!$ctrl.hiddenKeys.includes(pair.key)">
+        <td class="table-label" ng-if="$ctrl.labelsLeft">
+          <b>{{ $ctrl.keyLabel }}</b>
+        </td>
+        <td>
+          <input
+            class="form-control input input-sm"
+            type="text"
+            name="{{ $index }}"
+            ng-model="pair.key"
+            validate-unique="pair.checkUnique"
+          />
+          <div class="error-message" ng-if="mapObjectEditor[$index].$error.validateUnique">Duplicate key</div>
+        </td>
+        <td class="table-label" ng-if="$ctrl.labelsLeft">
+          <b>{{ $ctrl.valueLabel }}</b>
+        </td>
+        <td>
+          <textarea json-text class="form-control input input-sm" ng-model="pair.value" rows="4"></textarea>
+        </td>
+        <td>
+          <div class="form-control-static">
+            <a href ng-click="$ctrl.removeField($index)">
+              <span class="glyphicon glyphicon-trash"></span>
+              <span class="sr-only">Remove field</span>
+            </a>
+          </div>
+        </td>
+      </tr>
+    </tbody>
+    <tfoot>
+      <tr>
+        <td colspan="{{ $ctrl.columnCount }}">
+          <button class="btn btn-block btn-sm add-new" ng-click="$ctrl.addField()">
+            <span class="glyphicon glyphicon-plus-sign"></span>
+            {{ $ctrl.addButtonLabel }}
+          </button>
+        </td>
+      </tr>
+    </tfoot>
+  </table>
+</form>

package/src/forms/mapObjectEditor/mapObjectEditor.component.js

@@ -0,0 +1,113 @@
+'use strict';
+
+import * as angular from 'angular';
+import { isString } from 'lodash';
+
+import { CORE_VALIDATION_VALIDATEUNIQUE_DIRECTIVE } from '../../validation/validateUnique.directive';
+
+import './mapObjectEditor.component.less';
+
+export const CORE_FORMS_MAPOBJECTEDITOR_MAPOBJECTEDITOR_COMPONENT = 'spinnaker.core.forms.mapObjectEditor.component';
+export const name = CORE_FORMS_MAPOBJECTEDITOR_MAPOBJECTEDITOR_COMPONENT; // for backwards compatibility
+angular
+  .module(CORE_FORMS_MAPOBJECTEDITOR_MAPOBJECTEDITOR_COMPONENT, [CORE_VALIDATION_VALIDATEUNIQUE_DIRECTIVE])
+  .directive('jsonText', function () {
+    return {
+      restrict: 'A',
+      require: 'ngModel',
+      link: function (scope, element, attr, ngModel) {
+        function into(input) {
+          return JSON.parse(input);
+        }
+        function out(data) {
+          return JSON.stringify(data, null, 2);
+        }
+        ngModel.$parsers.push(into);
+        ngModel.$formatters.push(out);
+      },
+    };
+  })
+  .component('mapObjectEditor', {
+    bindings: {
+      model: '=',
+      keyLabel: '@',
+      valueLabel: '@',
+      addButtonLabel: '@',
+      allowEmpty: '=?',
+      onChange: '&',
+      labelsLeft: '<?',
+      label: '@',
+      hiddenKeys: '<',
+    },
+    controller: [
+      '$scope',
+      function ($scope) {
+        this.backingModel = [];
+
+        const modelKeys = () => Object.keys(this.model);
+
+        this.addField = () => {
+          this.backingModel.push({ key: '', value: {}, checkUnique: modelKeys() });
+          // do not fire the onChange event, since no values have been committed to the object
+        };
+
+        this.removeField = (index) => {
+          this.backingModel.splice(index, 1);
+          this.synchronize();
+          this.onChange();
+        };
+
+        // Clears existing values from model, then replaces them
+        this.synchronize = () => {
+          if (this.isParameterized) {
+            return;
+          }
+          const modelStart = JSON.stringify(this.model);
+          const allKeys = this.backingModel.map((pair) => pair.key);
+          modelKeys().forEach((key) => delete this.model[key]);
+          this.backingModel.forEach((pair) => {
+            if (pair.key && (this.allowEmpty || pair.value)) {
+              try {
+                // Parse value if it is a valid JSON object
+                this.model[pair.key] = JSON.parse(pair.value);
+              } catch (e) {
+                // If value is not a valid JSON object, just store the raw value
+                this.model[pair.key] = pair.value;
+              }
+            }
+            // include other keys to verify no duplicates
+            pair.checkUnique = allKeys.filter((key) => pair.key !== key);
+          });
+          if (modelStart !== JSON.stringify(this.model)) {
+            this.onChange();
+          }
+        };
+
+        // In Angular 1.7 Directive bindings were removed in the constructor, default values now must be instantiated within $onInit
+        // See https://docs.angularjs.org/guide/migration#-compile- and https://docs.angularjs.org/guide/migration#migrate1.5to1.6-ng-services-$compile
+        this.$onInit = () => {
+          // Set default values for optional fields
+          this.onChange = this.onChange || angular.noop;
+          this.keyLabel = this.keyLabel || 'Key';
+          this.valueLabel = this.valueLabel || 'Value';
+          this.addButtonLabel = this.addButtonLabel || 'Add Field';
+          this.allowEmpty = this.allowEmpty || false;
+          this.labelsLeft = this.labelsLeft || false;
+          this.tableClass = this.label ? '' : 'no-border-top';
+          this.columnCount = this.labelsLeft ? 5 : 3;
+          this.model = this.model || {};
+          this.isParameterized = isString(this.model);
+          this.hiddenKeys = this.hiddenKeys || [];
+
+          if (this.model && !this.isParameterized) {
+            modelKeys().forEach((key) => {
+              this.backingModel.push({ key: key, value: this.model[key] });
+            });
+          }
+        };
+
+        $scope.$watch(() => JSON.stringify(this.backingModel), this.synchronize);
+      },
+    ],
+    templateUrl: require('./mapObjectEditor.component.html'),
+  });

package/src/forms/mapObjectEditor/mapObjectEditor.component.less

@@ -0,0 +1,9 @@
+map-object-editor {
+  .table.no-border-top {
+    border-top: 2px solid var(--color-white);
+
+    .table-label {
+      padding: 0.8rem 0 0 1rem;
+    }
+  }
+}

package/src/forms/mapObjectEditor/mapObjectEditor.component.spec.js

@@ -0,0 +1,85 @@
+'use strict';
+
+describe('Component: mapObjectEditor', function () {
+  var scope;
+
+  beforeEach(window.module(require('./mapObjectEditor.component').name));
+
+  beforeEach(
+    window.inject(function ($rootScope, $compile) {
+      scope = $rootScope.$new();
+      this.compile = $compile;
+    }),
+  );
+
+  it('initializes with provided values', function () {
+    scope.model = { foo: { bar: 'baz' }, bah: 11 };
+    let dom = this.compile('<map-object-editor model="model"></map-object-editor>')(scope);
+    scope.$digest();
+
+    expect(dom.find('input').length).toBe(2);
+    expect(dom.find('textarea').length).toBe(2);
+
+    expect(dom.find('input').get(0).value).toBe('foo');
+    expect(dom.find('textarea').get(0).value).toBe(JSON.stringify({ bar: 'baz' }, null, 2));
+    expect(dom.find('input').get(1).value).toBe('bah');
+    expect(dom.find('textarea').get(1).value).toBe('11');
+  });
+
+  describe('adding new entries', function () {
+    it('creates a new row in the table, but does not synchronize to model', function () {
+      scope.model = {};
+      let dom = this.compile('<map-object-editor model="model"></map-object-editor>')(scope);
+      scope.$digest();
+      dom.find('button').click();
+      expect(dom.find('tbody tr').length).toBe(1);
+      expect(dom.find('input').length).toBe(1);
+      expect(dom.find('textarea').length).toBe(1);
+    });
+
+    it('does not flag multiple new rows without keys as having duplicate keys', function () {
+      scope.model = {};
+      let dom = this.compile('<map-object-editor model="model"></map-object-editor>')(scope);
+      scope.$digest();
+      dom.find('button').click();
+      dom.find('button').click();
+
+      expect(dom.find('tbody tr').length).toBe(2);
+      expect(dom.find('input').length).toBe(2);
+      expect(dom.find('textarea').length).toBe(2);
+
+      expect(dom.find('.error-message').length).toBe(0);
+    });
+  });
+
+  describe('removing entries', function () {
+    it('removes the entry when the trash can is clicked', function () {
+      scope.model = { foo: { bar: 'baz' } };
+      let dom = this.compile('<map-object-editor model="model"></map-object-editor>')(scope);
+      scope.$digest();
+
+      expect(dom.find('input').length).toBe(1);
+      expect(dom.find('textarea').length).toBe(1);
+
+      dom.find('a').click();
+
+      expect(dom.find('tbody tr').length).toBe(0);
+      expect(dom.find('input').length).toBe(0);
+      expect(dom.find('textarea').length).toBe(0);
+      expect(scope.model.foo).toBeUndefined();
+    });
+  });
+
+  describe('duplicate key handling', function () {
+    it('provides a warning when a duplicate key is entered', function () {
+      scope.model = { a: { bar: 'baz' }, b: '2' };
+      let dom = this.compile('<map-object-editor model="model"></map-object-editor>')(scope);
+      scope.$digest();
+
+      $(dom.find('input')[1]).val('a').trigger('input');
+      scope.$digest();
+
+      expect(dom.find('.error-message').length).toBe(1);
+    });
+  });
+});

package/src/pipeline/config/stages/evaluateVariables/ExecutionAndStagePicker.tsx

@@ -2,6 +2,7 @@ import { isEqual, keyBy } from 'lodash';
 import React from 'react';
 import type { Option } from 'react-select';
 
+import { SETTINGS } from '../../../../config';
 import type { IExecution, IPipeline, IStage } from '../../../../domain';
 import type { IStageForSpelPreview } from '../../../../presentation';
 import { FormField, ReactSelectInput, useData } from '../../../../presentation';
@@ -23,7 +24,10 @@ export function ExecutionAndStagePicker(props: IExecutionAndStagePickerProps) {
   const [showStageSelector, setShowStageSelector] = React.useState(false);
 
   const fetchExecutions = useData(
-    () => executionService.getExecutionsForConfigIds([pipeline.id], { limit: 100 }),
+    () =>
+      executionService.getExecutionsForConfigIds([pipeline.id], {
+        limit: SETTINGS.maxFetchHistoryOnEvaluateVariables,
+      }),
     [],
     [],
   );

package/src/pipeline/config/stages/pipeline/pipelineStage.html

@@ -104,6 +104,17 @@
         <button class="self-right passive" ng-click="pipelineStageCtrl.removeInvalidParameters()">Remove all</button>
       </div>
     </div>
+    <div ng-if="hasSpeLDefinedParameterBlock()" class="horizontal center sp-margin-l-top" style="width: 100%">
+      <div class="warning-text alert-info vertical">
+        <p>
+          <i class="fa fa-exclamation-triangle"></i>
+          The pipelineParameters is defined as a SpeL expression and will be fully evaluated on Runtime.
+        </p>
+        <p>
+          <code ng-bind-html="stage.pipelineParameters"></code>
+        </p>
+      </div>
+    </div>
   </div>
   <stage-config-field label="Skip downstream output" help-key="pipeline.skipDownstreamOutput">
     <input type="checkbox" class="input-sm" name="skipDownstreamOutput" ng-model="stage.skipDownstreamOutput" />

package/src/pipeline/config/stages/pipeline/pipelineStage.js

@@ -70,7 +70,12 @@ module(CORE_PIPELINE_CONFIG_STAGES_PIPELINE_PIPELINESTAGE, [])
         $scope.applications = _.map(applications, 'name').sort();
         initializeMasters();
       });
-
+      const isExpression =
+        $scope.stage.pipelineParameters !== undefined &&
+        $scope.stage.pipelineParameters !== null &&
+        typeof $scope.stage.pipelineParameters === 'string'
+          ? $scope.stage.pipelineParameters.startsWith('${') && $scope.stage.pipelineParameters.endsWith('}')
+          : false;
       function initializeMasters() {
         if ($scope.stage.application && !$scope.stage.application.includes('${')) {
           PipelineConfigService.getPipelinesForApplication($scope.stage.application).then(function (pipelines) {
@@ -130,12 +135,14 @@ module(CORE_PIPELINE_CONFIG_STAGES_PIPELINE_PIPELINESTAGE, [])
               (value, name) => !acceptedPipelineParams.includes(name),
             );
           }
-
-          $scope.hasInvalidParameters = () => Object.keys($scope.invalidParameters || {}).length;
+          $scope.hasSpeLDefinedParameterBlock = () => isExpression;
+          $scope.hasInvalidParameters = () => Object.keys(($scope.invalidParameters && !isExpression) || {}).length;
           $scope.useDefaultParameters = {};
           _.each($scope.pipelineParameters, function (property) {
-            if (!(property.name in $scope.stage.pipelineParameters) && property.default !== null) {
-              $scope.useDefaultParameters[property.name] = true;
+            if (!isExpression) {
+              if (!(property.name in $scope.stage.pipelineParameters) && property.default !== null) {
+                $scope.useDefaultParameters[property.name] = true;
+              }
             }
           });
         } else {