@spinnaker/kubernetes 2025.0.6 → 2025.1.1

package/dist/index.js

@@ -1,8 +1,8 @@
-import { module, copy, equals } from 'angular';
-import { HelpContentsRegistry, AccountService, HelpField, AccountSelectInput, YamlEditor, TaskMonitor, ReactModal, WizardModal, WizardPage, noop, ManifestWriter, SETTINGS, ManifestReader, InstanceReader, RecentHistoryService, withErrorBoundary, relativeTime, JobManifestPodLogs, JobEventBasedPodNameProvider, HoverablePopover, ConfirmationModalService, StageConfigField, NumberInput, SearchService, AppListExtractor, ScopeClusterSelector, StageConstants, NgReact, ExecutionDetailsSection, StageFailureMessage, Registry, ExecutionDetailsTasks, robotToHuman, AccountTag, ModalClose, TetheredSelect, StageArtifactSelector, ArtifactTypePatterns, Markdown, yamlDocumentsToString, CheckboxInput, RadioButtonInput, StageArtifactSelectorDelegate, FormikStageConfig, ReactInjector, CopyToClipboard, ManifestYaml, CollapsibleElement, ExecutionArtifactTab, ExpectedArtifactService, ArtifactReferenceService, DefaultPodNameProvider, JobStageExecutionLogs, EXECUTION_ARTIFACT_TAB, PipelineConfigValidator, ApplicationDataSourceRegistry, INFRASTRUCTURE_KEY, REST, CloudProviderLogo, FormField, ReactSelectInput, FilterSection, FilterCheckbox, Overridable, logger, Spinner, CollapsibleSection, timestamp, APPLICATION_STATE_PROVIDER, SECURITY_GROUP_READER, TaskExecutor, SERVER_GROUP_WRITER, ServerGroupReader, ClusterTargetBuilder, NameUtils, ApplicationNameValidator, CloudProviderRegistry, YAML_EDITOR_COMPONENT, STAGE_ARTIFACT_SELECTOR_COMPONENT_REACT } from '@spinnaker/core';
+import { module, copy } from 'angular';
+import { HelpContentsRegistry, AccountService, HelpField, AccountSelectInput, YamlEditor, TaskMonitor, ReactModal, WizardModal, WizardPage, noop, ManifestWriter, SETTINGS, ManifestReader, InstanceReader, RecentHistoryService, withErrorBoundary, relativeTime, JobManifestPodLogs, JobEventBasedPodNameProvider, HoverablePopover, StageConfigField, NumberInput, SearchService, AppListExtractor, ScopeClusterSelector, StageConstants, NgReact, Spinner, Tooltip, ExecutionDetailsSection, StageFailureMessage, Registry, ExecutionDetailsTasks, robotToHuman, AccountTag, ModalClose, TetheredSelect, StageArtifactSelector, ArtifactTypePatterns, Markdown, yamlDocumentsToString, CheckboxInput, RadioButtonInput, StageArtifactSelectorDelegate, FormikStageConfig, ReactInjector, CopyToClipboard, ManifestYaml, CollapsibleElement, ExecutionArtifactTab, ExpectedArtifactService, ArtifactReferenceService, DefaultPodNameProvider, JobStageExecutionLogs, EXECUTION_ARTIFACT_TAB, PipelineConfigValidator, ApplicationDataSourceRegistry, INFRASTRUCTURE_KEY, REST, CloudProviderLogo, FormField, ReactSelectInput, FilterSection, FilterCheckbox, Overridable, ConfirmationModalService, logger, CollapsibleSection, timestamp, APPLICATION_STATE_PROVIDER, ReactInject, SECURITY_GROUP_READER, TaskExecutor, ClusterTargetBuilder, AddEntityTagLinks, ModalInjector, ServerGroupReader, HealthCounts, IfFeatureEnabled, NameUtils, Details, EntityNotifications, ApplicationNameValidator, CloudProviderRegistry, YAML_EDITOR_COMPONENT, STAGE_ARTIFACT_SELECTOR_COMPONENT_REACT } from '@spinnaker/core';
 import { cloneDeep, has, flattenDeep, chain, camelCase, get, partition, trim, sortBy, keys, isEmpty, defaults, flatten, groupBy, find, map, split, set, capitalize, orderBy } from 'lodash';
 import { load, dump } from 'js-yaml';
-import { $q, $log } from 'ngimport';
+import ngimport_1, { $q, $log } from 'ngimport';
 import React, { useState, useEffect } from 'react';
 import DOMPurify from 'dompurify';
 import { react2angular } from 'react2angular';
@@ -11,9 +11,9 @@ import 'brace/theme/textmate';
 import AceEditor from 'react-ace';
 import { DateTime } from 'luxon';
 import Select, { Creatable } from 'react-select';
-import { Subject, from } from 'rxjs';
+import { Subject, from, Observable } from 'rxjs';
 import { tap, switchMap, takeUntil } from 'rxjs/operators';
-import { Modal, Dropdown } from 'react-bootstrap';
+import { Modal, Dropdown, MenuItem } from 'react-bootstrap';
 import { UISrefActive, UISref } from '@uirouter/react';
 
 const helpContents = {
@@ -791,22 +791,6 @@ const kubernetesAnnotationCustomSectionsComponent = {
 const KUBERNETES_ANNOTATION_CUSTOM_SECTIONS = "spinnaker.kubernetes.v2.manifest.annotation.custom.sections";
 module(KUBERNETES_ANNOTATION_CUSTOM_SECTIONS, []).component("kubernetesAnnotationCustomSections", kubernetesAnnotationCustomSectionsComponent);
 
-class KubernetesManifestArtifactCtrl {
-}
-const kubernetesManifestArtifactComponent = {
-  bindings: { artifact: "<" },
-  controller: KubernetesManifestArtifactCtrl,
-  controllerAs: "ctrl",
-  template: `
-      <span>
-        <b>{{ctrl.artifact.type}}</b>
-        <i>{{ctrl.artifact.reference}}</i>
-      </span>
-  `
-};
-const KUBERNETES_MANIFEST_ARTIFACT = "spinnaker.kubernetes.v2.manifest.artifact.component";
-module(KUBERNETES_MANIFEST_ARTIFACT, []).component("kubernetesManifestArtifact", kubernetesManifestArtifactComponent);
-
 class KubernetesDeleteManifestOptionsFormCtrl {
 }
 const kubernetesDeletManifestOptionsFormComponent = {
@@ -1123,34 +1107,6 @@ class ManifestResources extends React.Component {
 const KUBERNETES_MANIFEST_RESOURCES = "spinnaker.kubernetes.v2.manifest.resources";
 module(KUBERNETES_MANIFEST_RESOURCES, []).component("kubernetesManifestResources", react2angular(withErrorBoundary(ManifestResources, "kubernetesManifestResources"), ["manifest", "metrics"]));
 
-function RollingRestart({ application, serverGroupManager }) {
-  function rollingRestart() {
-    const rollingRestartParameters = {
-      account: serverGroupManager.account,
-      cloudProvider: "kubernetes",
-      location: serverGroupManager.namespace,
-      manifestName: serverGroupManager.name
-    };
-    ConfirmationModalService.confirm({
-      account: serverGroupManager.account,
-      askForReason: true,
-      header: `Initiate rolling restart of ${serverGroupManager.name}`,
-      submitMethod: () => {
-        return ManifestWriter.rollingRestartManifest(rollingRestartParameters, application);
-      },
-      taskMonitorConfig: {
-        application,
-        title: `Rolling restart of ${serverGroupManager.name}`
-      }
-    });
-  }
-  return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
-    onClick: rollingRestart
-  }, "Rolling Restart"));
-}
-const KUBERNETES_ROLLING_RESTART = "spinnaker.kubernetes.v2.rolling.restart";
-module(KUBERNETES_ROLLING_RESTART, []).component("kubernetesRollingRestart", react2angular(withErrorBoundary(RollingRestart, "kubernetesRollingRestart"), ["application", "serverGroupManager"]));
-
 class KubernetesManifestPauseRolloutController {
   constructor(coordinates, $uibModalInstance, application) {
     this.$uibModalInstance = $uibModalInstance;
@@ -1793,34 +1749,33 @@ class ManifestCondition extends React.Component {
 const KUBERNETES_MANIFEST_CONDITION = "spinnaker.kubernetes.v2.manifest.condition.component";
 module(KUBERNETES_MANIFEST_CONDITION, []).component("kubernetesManifestCondition", react2angular(withErrorBoundary(ManifestCondition, "kubernetesManifestCondition"), ["condition"]));
 
-class KubernetesManifestStatusCtrl {
+function ManifestStatus$1({ status }) {
+  if (!status) {
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "header"
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "horizontal middle center spinner-section"
+    }, /* @__PURE__ */ React.createElement(Spinner, {
+      size: "small"
+    })));
+  }
+  return /* @__PURE__ */ React.createElement("div", null, !status.available.state && /* @__PURE__ */ React.createElement(Tooltip, {
+    value: status.available.message
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "band band-warning"
+  }, "Not Fully Available")), !status.stable.state && /* @__PURE__ */ React.createElement(Tooltip, {
+    value: status.stable.message
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "band band-active"
+  }, "Transitioning")), status.paused.state && /* @__PURE__ */ React.createElement(Tooltip, {
+    value: status.paused.message
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "band band-info"
+  }, "Rollout Paused")));
 }
-const kubernetesManifestStatusComponent = {
-  bindings: { status: "<" },
-  controller: KubernetesManifestStatusCtrl,
-  controllerAs: "ctrl",
-  template: `
-    <div ng-if="!ctrl.status" class="horizontal middle center spinner-section">
-      <loading-spinner size="'small'"></loading-spinner>
-    </div>
-    <div ng-if="ctrl.status">
-      <div class="band band-warning" ng-if="!ctrl.status.available.state"
-           uib-tooltip="{{ctrl.status.available.message}}">
-        Not Fully Available
-      </div>
-      <div class="band band-active" ng-if="!ctrl.status.stable.state"
-           uib-tooltip="{{ctrl.status.stable.message}}">
-        Transitioning
-      </div>
-      <div class="band band-info" ng-if="ctrl.status.paused.state"
-           uib-tooltip="{{ctrl.status.paused.message}}">
-        Rollout Paused
-      </div>
-    </div>
-  `
-};
+
 const KUBERNETES_MANIFEST_STATUS = "spinnaker.kubernetes.v2.kubernetes.manifest.status.component";
-module(KUBERNETES_MANIFEST_STATUS, []).component("kubernetesManifestStatus", kubernetesManifestStatusComponent);
+module(KUBERNETES_MANIFEST_STATUS, []).component("kubernetesManifestStatus", react2angular(withErrorBoundary(ManifestStatus$1, "kubernetesManifestStatus"), ["status"]));
 
 var css_248z$5 = ".checkbox input[type='checkbox'].delete-manifest-options-input-cascading {\n  margin-left: 0;\n}\n.delete-manifest-options-input-grace-period {\n  display: inline-block;\n  margin-right: 5px;\n  max-width: 75px;\n}\n";
 styleInject(css_248z$5);
@@ -4316,6 +4271,609 @@ module(KUBERNETS_RAW_RESOURCE_STATES, [APPLICATION_STATE_PROVIDER]).config([
 const KUBERNETS_RAW_RESOURCE_MODULE = "spinnaker.kubernetes.rawresource";
 module(KUBERNETS_RAW_RESOURCE_MODULE, [KUBERNETS_RAW_RESOURCE_DATA_SOURCE, KUBERNETS_RAW_RESOURCE_STATES]);
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+/**
+ * lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/** Used to match words composed of alphanumeric characters. */
+var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+
+/** Used to match Latin Unicode letters (excluding mathematical operators). */
+var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
+
+/** Used to compose unicode character classes. */
+var rsAstralRange = '\\ud800-\\udfff',
+    rsComboMarksRange = '\\u0300-\\u036f\\ufe20-\\ufe23',
+    rsComboSymbolsRange = '\\u20d0-\\u20f0',
+    rsDingbatRange = '\\u2700-\\u27bf',
+    rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
+    rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
+    rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
+    rsPunctuationRange = '\\u2000-\\u206f',
+    rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
+    rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
+    rsVarRange = '\\ufe0e\\ufe0f',
+    rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
+
+/** Used to compose unicode capture groups. */
+var rsApos = "['\u2019]",
+    rsBreak = '[' + rsBreakRange + ']',
+    rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',
+    rsDigits = '\\d+',
+    rsDingbat = '[' + rsDingbatRange + ']',
+    rsLower = '[' + rsLowerRange + ']',
+    rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
+    rsFitz = '\\ud83c[\\udffb-\\udfff]',
+    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
+    rsNonAstral = '[^' + rsAstralRange + ']',
+    rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
+    rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
+    rsUpper = '[' + rsUpperRange + ']',
+    rsZWJ = '\\u200d';
+
+/** Used to compose unicode regexes. */
+var rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',
+    rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',
+    rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',
+    rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',
+    reOptMod = rsModifier + '?',
+    rsOptVar = '[' + rsVarRange + ']?',
+    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
+    rsSeq = rsOptVar + reOptMod + rsOptJoin,
+    rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
+
+/** Used to match apostrophes. */
+var reApos = RegExp(rsApos, 'g');
+
+/**
+ * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
+ * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
+ */
+var reComboMark = RegExp(rsCombo, 'g');
+
+/** Used to match complex or compound words. */
+var reUnicodeWord = RegExp([
+  rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
+  rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',
+  rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,
+  rsUpper + '+' + rsOptUpperContr,
+  rsDigits,
+  rsEmoji
+].join('|'), 'g');
+
+/** Used to detect strings that need a more robust regexp to match words. */
+var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+
+/** Used to map Latin Unicode letters to basic Latin letters. */
+var deburredLetters = {
+  // Latin-1 Supplement block.
+  '\xc0': 'A',  '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
+  '\xe0': 'a',  '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
+  '\xc7': 'C',  '\xe7': 'c',
+  '\xd0': 'D',  '\xf0': 'd',
+  '\xc8': 'E',  '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
+  '\xe8': 'e',  '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
+  '\xcc': 'I',  '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
+  '\xec': 'i',  '\xed': 'i', '\xee': 'i', '\xef': 'i',
+  '\xd1': 'N',  '\xf1': 'n',
+  '\xd2': 'O',  '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
+  '\xf2': 'o',  '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
+  '\xd9': 'U',  '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
+  '\xf9': 'u',  '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
+  '\xdd': 'Y',  '\xfd': 'y', '\xff': 'y',
+  '\xc6': 'Ae', '\xe6': 'ae',
+  '\xde': 'Th', '\xfe': 'th',
+  '\xdf': 'ss',
+  // Latin Extended-A block.
+  '\u0100': 'A',  '\u0102': 'A', '\u0104': 'A',
+  '\u0101': 'a',  '\u0103': 'a', '\u0105': 'a',
+  '\u0106': 'C',  '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
+  '\u0107': 'c',  '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
+  '\u010e': 'D',  '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
+  '\u0112': 'E',  '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
+  '\u0113': 'e',  '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
+  '\u011c': 'G',  '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
+  '\u011d': 'g',  '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
+  '\u0124': 'H',  '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
+  '\u0128': 'I',  '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
+  '\u0129': 'i',  '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
+  '\u0134': 'J',  '\u0135': 'j',
+  '\u0136': 'K',  '\u0137': 'k', '\u0138': 'k',
+  '\u0139': 'L',  '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
+  '\u013a': 'l',  '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
+  '\u0143': 'N',  '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
+  '\u0144': 'n',  '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
+  '\u014c': 'O',  '\u014e': 'O', '\u0150': 'O',
+  '\u014d': 'o',  '\u014f': 'o', '\u0151': 'o',
+  '\u0154': 'R',  '\u0156': 'R', '\u0158': 'R',
+  '\u0155': 'r',  '\u0157': 'r', '\u0159': 'r',
+  '\u015a': 'S',  '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
+  '\u015b': 's',  '\u015d': 's', '\u015f': 's', '\u0161': 's',
+  '\u0162': 'T',  '\u0164': 'T', '\u0166': 'T',
+  '\u0163': 't',  '\u0165': 't', '\u0167': 't',
+  '\u0168': 'U',  '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
+  '\u0169': 'u',  '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
+  '\u0174': 'W',  '\u0175': 'w',
+  '\u0176': 'Y',  '\u0177': 'y', '\u0178': 'Y',
+  '\u0179': 'Z',  '\u017b': 'Z', '\u017d': 'Z',
+  '\u017a': 'z',  '\u017c': 'z', '\u017e': 'z',
+  '\u0132': 'IJ', '\u0133': 'ij',
+  '\u0152': 'Oe', '\u0153': 'oe',
+  '\u0149': "'n", '\u017f': 'ss'
+};
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root = freeGlobal || freeSelf || Function('return this')();
+
+/**
+ * A specialized version of `_.reduce` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @param {*} [accumulator] The initial value.
+ * @param {boolean} [initAccum] Specify using the first element of `array` as
+ *  the initial value.
+ * @returns {*} Returns the accumulated value.
+ */
+function arrayReduce(array, iteratee, accumulator, initAccum) {
+  var index = -1,
+      length = array ? array.length : 0;
+
+  if (initAccum && length) {
+    accumulator = array[++index];
+  }
+  while (++index < length) {
+    accumulator = iteratee(accumulator, array[index], index, array);
+  }
+  return accumulator;
+}
+
+/**
+ * Splits an ASCII `string` into an array of its words.
+ *
+ * @private
+ * @param {string} The string to inspect.
+ * @returns {Array} Returns the words of `string`.
+ */
+function asciiWords(string) {
+  return string.match(reAsciiWord) || [];
+}
+
+/**
+ * The base implementation of `_.propertyOf` without support for deep paths.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Function} Returns the new accessor function.
+ */
+function basePropertyOf(object) {
+  return function(key) {
+    return object == null ? undefined : object[key];
+  };
+}
+
+/**
+ * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
+ * letters to basic Latin letters.
+ *
+ * @private
+ * @param {string} letter The matched letter to deburr.
+ * @returns {string} Returns the deburred letter.
+ */
+var deburrLetter = basePropertyOf(deburredLetters);
+
+/**
+ * Checks if `string` contains a word composed of Unicode symbols.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {boolean} Returns `true` if a word is found, else `false`.
+ */
+function hasUnicodeWord(string) {
+  return reHasUnicodeWord.test(string);
+}
+
+/**
+ * Splits a Unicode `string` into an array of its words.
+ *
+ * @private
+ * @param {string} The string to inspect.
+ * @returns {Array} Returns the words of `string`.
+ */
+function unicodeWords(string) {
+  return string.match(reUnicodeWord) || [];
+}
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var objectToString = objectProto.toString;
+
+/** Built-in value references. */
+var Symbol = root.Symbol;
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol ? Symbol.prototype : undefined,
+    symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+}
+
+/**
+ * Creates a function like `_.camelCase`.
+ *
+ * @private
+ * @param {Function} callback The function to combine each word.
+ * @returns {Function} Returns the new compounder function.
+ */
+function createCompounder(callback) {
+  return function(string) {
+    return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
+  };
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && objectToString.call(value) == symbolTag);
+}
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString(value) {
+  return value == null ? '' : baseToString(value);
+}
+
+/**
+ * Deburrs `string` by converting
+ * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
+ * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
+ * letters to basic Latin letters and removing
+ * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category String
+ * @param {string} [string=''] The string to deburr.
+ * @returns {string} Returns the deburred string.
+ * @example
+ *
+ * _.deburr('déjà vu');
+ * // => 'deja vu'
+ */
+function deburr(string) {
+  string = toString(string);
+  return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
+}
+
+/**
+ * Converts `string` to
+ * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category String
+ * @param {string} [string=''] The string to convert.
+ * @returns {string} Returns the kebab cased string.
+ * @example
+ *
+ * _.kebabCase('Foo Bar');
+ * // => 'foo-bar'
+ *
+ * _.kebabCase('fooBar');
+ * // => 'foo-bar'
+ *
+ * _.kebabCase('__FOO_BAR__');
+ * // => 'foo-bar'
+ */
+var kebabCase = createCompounder(function(result, word, index) {
+  return result + (index ? '-' : '') + word.toLowerCase();
+});
+
+/**
+ * Splits `string` into an array of its words.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category String
+ * @param {string} [string=''] The string to inspect.
+ * @param {RegExp|string} [pattern] The pattern to match words.
+ * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+ * @returns {Array} Returns the words of `string`.
+ * @example
+ *
+ * _.words('fred, barney, & pebbles');
+ * // => ['fred', 'barney', 'pebbles']
+ *
+ * _.words('fred, barney, & pebbles', /[^, ]+/g);
+ * // => ['fred', 'barney', '&', 'pebbles']
+ */
+function words(string, pattern, guard) {
+  string = toString(string);
+  pattern = guard ? undefined : pattern;
+
+  if (pattern === undefined) {
+    return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
+  }
+  return string.match(pattern) || [];
+}
+
+var lodash_kebabcase = kebabCase;
+
+var __extends = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (commonjsGlobal && commonjsGlobal.__assign) || Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+            t[p] = s[p];
+    }
+    return t;
+};
+
+
+
+
+/**
+ * Wraps an Angular component in React. Returns a new React component.
+ *
+ * Usage:
+ *
+ *   ```ts
+ *   const Bar = { bindings: {...}, template: '...', ... }
+ *
+ *   angular
+ *     .module('foo', [])
+ *     .component('bar', Bar)
+ *
+ *   type Props = {
+ *     onChange(value: number): void
+ *   }
+ *
+ *   const Bar = angular2react<Props>('bar', Bar, $compile)
+ *
+ *   <Bar onChange={...} />
+ *   ```
+ */
+function angular2react(componentName, component, $injector) {
+    if ($injector === void 0) { $injector = ngimport_1.$injector; }
+    return /** @class */ (function (_super) {
+        __extends(class_1, _super);
+        function class_1() {
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.state = {
+                didInitialCompile: false
+            };
+            return _this;
+        }
+        class_1.prototype.componentWillMount = function () {
+            this.setState({
+                scope: Object.assign($injector.get('$rootScope').$new(true), { props: writable(this.props) })
+            });
+        };
+        class_1.prototype.componentWillUnmount = function () {
+            if (!this.state.scope) {
+                return;
+            }
+            this.state.scope.$destroy();
+        };
+        class_1.prototype.shouldComponentUpdate = function () {
+            return false;
+        };
+        // called only once to set up DOM, after componentWillMount
+        class_1.prototype.render = function () {
+            var bindings = {};
+            if (component.bindings) {
+                for (var binding in component.bindings) {
+                    bindings[lodash_kebabcase(binding)] = "props." + binding;
+                }
+            }
+            return React.createElement(lodash_kebabcase(componentName), __assign({}, bindings, { ref: this.compile.bind(this) }));
+        };
+        // makes angular aware of changed props
+        // if we're not inside a digest cycle, kicks off a digest cycle before setting.
+        class_1.prototype.componentWillReceiveProps = function (props) {
+            if (!this.state.scope) {
+                return;
+            }
+            this.state.scope.props = writable(props);
+            this.digest();
+        };
+        class_1.prototype.compile = function (element) {
+            if (this.state.didInitialCompile || !this.state.scope) {
+                return;
+            }
+            $injector.get('$compile')(element)(this.state.scope);
+            this.digest();
+            this.setState({ didInitialCompile: true });
+        };
+        class_1.prototype.digest = function () {
+            if (!this.state.scope) {
+                return;
+            }
+            try {
+                this.state.scope.$digest();
+            }
+            catch (e) { }
+        };
+        return class_1;
+    }(React.Component));
+}
+var angular2react_2 = angular2react;
+/**
+ * Angular may try to bind back a value via 2-way binding, but React marks all
+ * properties on `props` as non-configurable and non-writable.
+ *
+ * If we use a `Proxy` to intercept writes to these non-writable properties,
+ * we run into an issue where the proxy throws when trying to write anyway,
+ * even if we `return false`.
+ *
+ * Instead, we use the below ad-hoc proxy to catch writes to non-writable
+ * properties in `object`, and log a helpful warning when it happens.
+ */
+function writable(object) {
+    var _object = {};
+    var _loop_1 = function (key) {
+        if (object.hasOwnProperty(key)) {
+            Object.defineProperty(_object, key, {
+                get: function () { return object[key]; },
+                set: function (value) {
+                    var d = Object.getOwnPropertyDescriptor(object, key);
+                    if (d && d.writable) {
+                        return object[key] = value;
+                    }
+                    else {
+                        console.warn("Tried to write to non-writable property \"" + key + "\" of", object, ". Consider using a callback instead of 2-way binding.");
+                    }
+                }
+            });
+        }
+    };
+    for (var key in object) {
+        _loop_1(key);
+    }
+    return _object;
+}
+
+class KubernetesReactInject extends ReactInject {
+  constructor() {
+    super(...arguments);
+    this.$injectorProxy = {};
+    this.KubernetesAnnotationCustomSections = angular2react_2("kubernetesAnnotationCustomSections", kubernetesAnnotationCustomSectionsComponent, this.$injectorProxy);
+  }
+  initialize($injector) {
+    const realInjector = $injector;
+    const proxyInjector = this.$injectorProxy;
+    Object.keys($injector).filter((key) => typeof realInjector[key] === "function").forEach((key) => proxyInjector[key] = realInjector[key].bind(realInjector));
+  }
+}
+const KubernetesReactInjector = new KubernetesReactInject();
+
+const KUBERNETES_REACT_MODULE = "spinnaker.kubernetes.react";
+module(KUBERNETES_REACT_MODULE, []).run([
+  "$injector",
+  function($injector) {
+    KubernetesReactInjector.initialize($injector);
+  }
+]);
+
 class KubernetesResourceDetails extends React.Component {
   constructor(props) {
     super(props);
@@ -4571,6 +5129,10 @@ KubernetesV2SecurityGroupTransformer.$inject = ["$q"];
 const KUBERNETES_SECURITY_GROUP_TRANSFORMER = "spinnaker.kubernetes.securityGroupTransformer";
 module(KUBERNETES_SECURITY_GROUP_TRANSFORMER, []).service("kubernetesV2SecurityGroupTransformer", KubernetesV2SecurityGroupTransformer);
 
+function ManifestArtifact({ artifact }) {
+  return /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("b", null, artifact.type, "\xA0"), /* @__PURE__ */ React.createElement("i", null, artifact.reference));
+}
+
 const _ManifestTrafficService = class {
 };
 let ManifestTrafficService = _ManifestTrafficService;
@@ -4622,145 +5184,133 @@ ManifestTrafficService.isManaged = (serverGroup) => {
   return serverGroup.serverGroupManagers && serverGroup.serverGroupManagers.length > 0;
 };
 
-class KubernetesServerGroupDetailsController {
-  constructor(serverGroup, app, $uibModal, $scope, $state, $q) {
-    this.app = app;
-    this.$uibModal = $uibModal;
-    this.$scope = $scope;
-    this.$state = $state;
-    this.$q = $q;
-    this.state = { loading: true };
-    this.canDisable = () => ManifestTrafficService.canDisableServerGroup(this.serverGroup);
-    this.disableServerGroup = () => {
-      ConfirmationModalService.confirm({
-        header: `Really disable ${this.manifest.name}?`,
-        buttonText: "Disable",
-        askForReason: true,
-        submitJustWithReason: true,
-        submitMethod: ({ reason }) => ManifestTrafficService.disable(this.manifest, this.app, reason),
-        taskMonitorConfig: {
-          application: this.app,
-          title: `Disabling ${this.manifest.name}`,
-          onTaskComplete: () => this.app.getDataSource("serverGroups").refresh()
-        }
-      });
-    };
-    this.canEnable = () => ManifestTrafficService.canEnableServerGroup(this.serverGroup);
-    this.enableServerGroup = () => {
-      ConfirmationModalService.confirm({
-        header: `Really enable ${this.manifest.name}?`,
-        buttonText: "Enable",
-        askForReason: true,
-        submitJustWithReason: true,
-        submitMethod: ({ reason }) => ManifestTrafficService.enable(this.manifest, this.app, reason),
-        taskMonitorConfig: {
-          application: this.app,
-          title: `Enabling ${this.manifest.name}`,
-          onTaskComplete: () => this.app.getDataSource("serverGroups").refresh()
-        }
-      });
-    };
-    const dataSource = this.app.getDataSource("serverGroups");
-    dataSource.ready().then(() => {
-      this.extractServerGroup(serverGroup);
-      this.$scope.isDisabled = !SETTINGS.kubernetesAdHocInfraWritesEnabled;
-      dataSource.onRefresh(this.$scope, () => this.extractServerGroup(serverGroup));
-    }).catch(() => this.autoClose());
-  }
-  ownerReferences() {
-    const manifest = this.manifest.manifest;
-    if (manifest != null && manifest.hasOwnProperty("metadata") && manifest.metadata.hasOwnProperty("ownerReferences") && Array.isArray(manifest.metadata.ownerReferences)) {
-      return manifest.metadata.ownerReferences;
+function useManifest({ manifest }) {
+  const ownerReferences = () => {
+    const manifestRaw = manifest.manifest;
+    if (manifestRaw != null && manifestRaw.hasOwnProperty("metadata") && manifestRaw.metadata.hasOwnProperty("ownerReferences") && Array.isArray(manifestRaw.metadata.ownerReferences)) {
+      return manifestRaw.metadata.ownerReferences;
     } else {
       return [];
     }
-  }
-  ownerIsController(ownerReference) {
+  };
+  const ownerIsController = (ownerReference) => {
     return ownerReference.hasOwnProperty("controller") && ownerReference.controller === true;
-  }
-  lowerCaseFirstLetter(s) {
+  };
+  const lowerCaseFirstLetter = (s) => {
     return s.charAt(0).toLowerCase() + s.slice(1);
-  }
-  manifestController() {
-    const controller = this.ownerReferences().find(this.ownerIsController);
+  };
+  const manifestController = () => {
+    const controller = ownerReferences().find(ownerIsController);
     if (typeof controller === "undefined") {
       return null;
     } else {
-      return this.lowerCaseFirstLetter(controller.kind) + " " + controller.name;
+      return lowerCaseFirstLetter(controller.kind) + " " + controller.name;
     }
-  }
-  canScaleServerGroup() {
-    return this.serverGroup.kind !== "DaemonSet" && this.manifestController() === null;
-  }
-  scaleServerGroup() {
-    this.$uibModal.open({
+  };
+  return {
+    manifestController: manifestController()
+  };
+}
+
+function KubernetesServerGroupActions({ app, serverGroup }) {
+  const showEntityTags = SETTINGS.feature && SETTINGS.feature.entityTags;
+  const entityTagTargets = ClusterTargetBuilder.buildClusterTargets(serverGroup);
+  const { manifest } = serverGroup;
+  const { manifestController } = useManifest({ manifest });
+  const canScaleServerGroup = () => {
+    return serverGroup.kind !== "daemonSet" && manifestController === null;
+  };
+  const scaleServerGroup = () => {
+    ModalInjector.modalService.open({
       templateUrl: "kubernetes/src/manifest/scale/scale.html",
-      controller: "kubernetesV2ManifestScaleCtrl",
-      controllerAs: "ctrl",
+      controller: "kubernetesV2ManifestScaleCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroup.name,
-          namespace: this.serverGroup.namespace,
-          account: this.serverGroup.account
+          name: serverGroup.name,
+          namespace: serverGroup.namespace,
+          account: serverGroup.account
         },
-        currentReplicas: this.manifest.manifest.spec.replicas,
-        application: this.app
+        currentReplicas: manifest.manifest.spec.replicas,
+        application: app
       }
     });
-  }
-  canEditServerGroup() {
-    return this.manifestController() === null;
-  }
-  editServerGroup() {
-    KubernetesManifestCommandBuilder.buildNewManifestCommand(this.app, this.manifest.manifest, this.serverGroup.moniker, this.serverGroup.account).then((builtCommand) => {
-      ManifestWizard.show({ title: "Edit Manifest", application: this.app, command: builtCommand });
+  };
+  const canEditServerGroup = () => {
+    return manifestController === null;
+  };
+  const editServerGroup = () => {
+    KubernetesManifestCommandBuilder.buildNewManifestCommand(app, manifest.manifest, serverGroup.moniker, serverGroup.account).then((builtCommand) => {
+      ManifestWizard.show({ title: "Edit Manifest", application: app, command: builtCommand });
     });
-  }
-  deleteServerGroup() {
-    this.$uibModal.open({
+  };
+  const deleteServerGroup = () => {
+    ModalInjector.modalService.open({
       templateUrl: "kubernetes/src/manifest/delete/delete.html",
-      controller: "kubernetesV2ManifestDeleteCtrl",
-      controllerAs: "ctrl",
+      controller: "kubernetesV2ManifestDeleteCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroup.name,
-          namespace: this.serverGroup.namespace,
-          account: this.serverGroup.account
+          name: serverGroup.name,
+          namespace: serverGroup.namespace,
+          account: serverGroup.account
         },
-        manifestController: () => this.manifestController(),
-        application: this.app
+        manifestController: () => manifestController,
+        application: app
       }
     });
-  }
-  autoClose() {
-    if (this.$scope.$$destroyed) {
-      return;
-    } else {
-      this.$state.params.allowModalToStayOpen = true;
-      this.$state.go("^", null, { location: "replace" });
-    }
-  }
-  extractServerGroup({ accountId, name, region }) {
-    this.$q.all([
-      ServerGroupReader.getServerGroup(this.app.name, accountId, region, name),
-      ManifestReader.getManifest(accountId, region, name)
-    ]).then(([serverGroupDetails, manifest]) => {
-      if (!serverGroupDetails) {
-        return this.autoClose();
+  };
+  const canDisable = () => ManifestTrafficService.canDisableServerGroup(serverGroup);
+  const disableServerGroup = () => {
+    ConfirmationModalService.confirm({
+      header: `Really disable ${manifest.name}?`,
+      buttonText: "Disable",
+      askForReason: true,
+      submitJustWithReason: true,
+      submitMethod: ({ reason }) => ManifestTrafficService.disable(manifest, app, reason),
+      taskMonitorConfig: {
+        application: app,
+        title: `Disabling ${manifest.name}`,
+        onTaskComplete: () => app.getDataSource("serverGroups").refresh()
       }
-      this.serverGroup = serverGroupDetails;
-      this.entityTagTargets = this.configureEntityTagTargets();
-      this.manifest = manifest;
-      this.state.loading = false;
     });
-  }
-  configureEntityTagTargets() {
-    return ClusterTargetBuilder.buildClusterTargets(this.serverGroup);
-  }
+  };
+  const canEnable = () => ManifestTrafficService.canEnableServerGroup(serverGroup);
+  const enableServerGroup = () => {
+    ConfirmationModalService.confirm({
+      header: `Really enable ${manifest.name}?`,
+      buttonText: "Enable",
+      askForReason: true,
+      submitJustWithReason: true,
+      submitMethod: ({ reason }) => ManifestTrafficService.enable(manifest, app, reason),
+      taskMonitorConfig: {
+        application: app,
+        title: `Enabling ${manifest.name}`,
+        onTaskComplete: () => app.getDataSource("serverGroups").refresh()
+      }
+    });
+  };
+  return /* @__PURE__ */ React.createElement(Dropdown, {
+    className: "dropdown",
+    id: "server-group-actions-dropdown"
+  }, /* @__PURE__ */ React.createElement(Dropdown.Toggle, {
+    className: "btn btn-sm btn-primary dropdown-toggle"
+  }, robotToHuman(serverGroup.kind), " Actions"), /* @__PURE__ */ React.createElement(Dropdown.Menu, null, canEditServerGroup() && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: editServerGroup
+  }, "Edit"), canScaleServerGroup() && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: scaleServerGroup
+  }, "Scale"), canEnable() && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: enableServerGroup
+  }, "Enable"), canDisable() && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: disableServerGroup
+  }, "Disable"), /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: deleteServerGroup
+  }, "Delete"), showEntityTags && /* @__PURE__ */ React.createElement(AddEntityTagLinks, {
+    component: serverGroup,
+    application: app,
+    entityType: "serverGroup",
+    ownerOptions: entityTagTargets,
+    onUpdate: () => app.serverGroups.refresh()
+  })));
 }
-KubernetesServerGroupDetailsController.$inject = ["serverGroup", "app", "$uibModal", "$scope", "$state", "$q"];
-const KUBERNETES_SERVER_GROUP_DETAILS_CTRL = "spinnaker.kubernetes.serverGroup.details.controller";
-module(KUBERNETES_SERVER_GROUP_DETAILS_CTRL, [SERVER_GROUP_WRITER]).controller("kubernetesV2ServerGroupDetailsCtrl", KubernetesServerGroupDetailsController);
 window.angular.module("ng").run(["$templateCache", function(templateCache) {
   templateCache.put("kubernetes/src/manifest/scale/scale.html", `<div modal-page class="confirmation-modal">
   <task-monitor monitor="ctrl.taskMonitor"></task-monitor>
@@ -4842,57 +5392,146 @@ window.angular.module("ng").run(["$templateCache", function(templateCache) {
 `);
 }]);
 
-class KubernetesServerGroupResizeController {
-  constructor(serverGroup, $uibModalInstance, serverGroupWriter, application) {
-    this.serverGroup = serverGroup;
-    this.$uibModalInstance = $uibModalInstance;
-    this.serverGroupWriter = serverGroupWriter;
-    this.application = application;
-    this.verification = {
-      verified: false
-    };
-    this.taskMonitor = new TaskMonitor({
-      title: `Resizing ${this.serverGroup.name}`,
-      application,
-      modalInstance: $uibModalInstance
-    });
-    this.current = this.serverGroup.capacity;
-    this.command = {
-      capacity: copy(this.current),
-      reason: null
-    };
-  }
-  isValid() {
-    return this.verification.verified && this.command.capacity.desired >= 0 && !equals(this.command.capacity, this.current);
-  }
-  cancel() {
-    this.$uibModalInstance.dismiss();
-  }
-  resize() {
-    this.taskMonitor.submit(() => {
-      const payload = {
-        capacity: this.command.capacity,
-        serverGroupName: this.serverGroup.name,
-        account: this.serverGroup.account,
-        region: this.serverGroup.region,
-        interestingHealthProviderNames: ["KubernetesPod"],
-        reason: this.command.reason
-      };
-      return this.serverGroupWriter.resizeServerGroup(this.serverGroup, this.application, payload);
+function extractServerGroupSummary(props) {
+  const { app, serverGroup } = props;
+  return app.ready().then(() => {
+    let summary = app.serverGroups.data.find((toCheck) => {
+      return toCheck.name === serverGroup.name && toCheck.account === serverGroup.accountId && toCheck.region === serverGroup.region;
     });
-  }
+    if (!summary) {
+      app.loadBalancers.data.some((loadBalancer) => {
+        if (loadBalancer.account === serverGroup.accountId && loadBalancer.region === serverGroup.region) {
+          return loadBalancer.serverGroups.some((possibleServerGroup) => {
+            if (possibleServerGroup.name === serverGroup.name) {
+              summary = possibleServerGroup;
+              return true;
+            }
+            return false;
+          });
+        }
+        return false;
+      });
+    }
+    return summary;
+  });
+}
+function kubernetesServerGroupDetailsGetter(props, autoClose) {
+  const { app, serverGroup: serverGroupInfo } = props;
+  return new Observable((observer) => {
+    extractServerGroupSummary(props).then((summary) => {
+      Promise.all([
+        ServerGroupReader.getServerGroup(app.name, serverGroupInfo.accountId, serverGroupInfo.region, serverGroupInfo.name),
+        ManifestReader.getManifest(serverGroupInfo.accountId, serverGroupInfo.region, serverGroupInfo.name)
+      ]).then(([serverGroup, manifest]) => {
+        Object.assign(serverGroup, summary, { account: serverGroupInfo.accountId });
+        serverGroup.manifest = manifest;
+        if (!isEmpty(serverGroup)) {
+          observer.next(serverGroup);
+        } else {
+          autoClose();
+        }
+      }, autoClose);
+    }, autoClose);
+  });
+}
+
+function ServerGroupAnnotationCustomSection({ serverGroup }) {
+  const { manifest } = serverGroup;
+  const { KubernetesAnnotationCustomSections } = KubernetesReactInjector;
+  return /* @__PURE__ */ React.createElement(KubernetesAnnotationCustomSections, {
+    manifest: manifest.manifest,
+    resource: serverGroup
+  });
+}
+
+function ServerGroupEventsSection({ serverGroup }) {
+  const { manifest } = serverGroup;
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Events",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement(ManifestEvents, {
+    manifest
+  }));
+}
+
+function ServerGroupHealthSection({ serverGroup }) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Health",
+    defaultExpanded: true
+  }, serverGroup && /* @__PURE__ */ React.createElement("dl", {
+    className: "dl-horizontal dl-narrow"
+  }, /* @__PURE__ */ React.createElement("dt", null, "Instances"), /* @__PURE__ */ React.createElement("dd", null, /* @__PURE__ */ React.createElement(HealthCounts, {
+    container: serverGroup.instanceCounts,
+    className: "pull-left"
+  }))));
+}
+
+function ServerGroupImagesSection({ serverGroup }) {
+  const { manifest } = serverGroup;
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Images",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement(ManifestImageDetails, {
+    manifest: manifest.manifest
+  }));
+}
+
+function ServerGroupInformationSection({ serverGroup }) {
+  const { manifest } = serverGroup;
+  const { manifestController } = useManifest({ manifest });
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Information",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement("dl", {
+    className: "dl-horizontal dl-narrow"
+  }, /* @__PURE__ */ React.createElement("dt", null, "Created"), /* @__PURE__ */ React.createElement("dd", null, timestamp(serverGroup.createdTime)), /* @__PURE__ */ React.createElement("dt", null, "Account"), /* @__PURE__ */ React.createElement("dd", null, /* @__PURE__ */ React.createElement(AccountTag, {
+    account: serverGroup.account
+  })), /* @__PURE__ */ React.createElement("dt", null, "Namespace"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.namespace), /* @__PURE__ */ React.createElement("dt", null, "Kind"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.kind), manifestController && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("dt", null, "Controller"), /* @__PURE__ */ React.createElement(UISref, {
+    to: "^.serverGroupManager",
+    params: {
+      accountId: serverGroup.account,
+      region: serverGroup.region,
+      serverGroupManager: manifestController,
+      provider: "kubernetes"
+    }
+  }, /* @__PURE__ */ React.createElement("a", null, /* @__PURE__ */ React.createElement("dd", null, robotToHuman(manifestController)))))));
+}
+
+function ServerGroupLabelsSection({ serverGroup }) {
+  const { manifest } = serverGroup;
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Labels",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement(ManifestLabels, {
+    manifest: manifest.manifest
+  }));
+}
+
+function ServerGroupManifestStatusSection({ serverGroup }) {
+  const { manifest } = serverGroup;
+  return /* @__PURE__ */ React.createElement(ManifestStatus$1, {
+    status: manifest.status
+  });
+}
+
+function ServerGroupSizeSection({ serverGroup }) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Size",
+    defaultExpanded: true
+  }, serverGroup.capacity.min == null && /* @__PURE__ */ React.createElement("dl", {
+    className: "dl-horizontal dl-narrow"
+  }, /* @__PURE__ */ React.createElement("dt", null, "Current"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.instances.length)), serverGroup.capacity.min != null && serverGroup.capacity.min === serverGroup.capacity.max && /* @__PURE__ */ React.createElement("dl", {
+    className: "dl-horizontal dl-narrow"
+  }, /* @__PURE__ */ React.createElement("dt", null, "Min/Max"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.capacity.min), /* @__PURE__ */ React.createElement("dt", null, "Current"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.instances.length)), serverGroup.capacity.min !== serverGroup.capacity.max && /* @__PURE__ */ React.createElement("dl", {
+    className: "dl-horizontal dl-narrow"
+  }, /* @__PURE__ */ React.createElement("dt", null, "Min"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.capacity.min), /* @__PURE__ */ React.createElement("dt", null, "Max"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.capacity.max), /* @__PURE__ */ React.createElement("dt", null, "Current"), /* @__PURE__ */ React.createElement("dd", null, serverGroup.instances.length)));
 }
-KubernetesServerGroupResizeController.$inject = ["serverGroup", "$uibModalInstance", "serverGroupWriter", "application"];
-const KUBERNETES_SERVER_GROUP_RESIZE_CTRL = "spinnaker.kubernetes.serverGroup.details.resize.controller";
-module(KUBERNETES_SERVER_GROUP_RESIZE_CTRL, [SERVER_GROUP_WRITER]).controller("kubernetesV2ServerGroupResizeCtrl", KubernetesServerGroupResizeController);
 
 class KubernetesV2ServerGroupCommandBuilder {
   buildNewServerGroupCommand(app) {
     return KubernetesManifestCommandBuilder.buildNewManifestCommand(app);
   }
 }
-const KUBERNETES_SERVER_GROUP_COMMAND_BUILDER = "spinnaker.kubernetes.serverGroup.commandBuilder.service";
-module(KUBERNETES_SERVER_GROUP_COMMAND_BUILDER, []).service("kubernetesV2ServerGroupCommandBuilder", KubernetesV2ServerGroupCommandBuilder);
 
 class KubernetesV2ServerGroupTransformer {
   normalizeServerGroup(serverGroup, application) {
@@ -4907,143 +5546,160 @@ class KubernetesV2ServerGroupTransformer {
     });
   }
 }
-const KUBERNETES_SERVER_GROUP_TRANSFORMER = "spinnaker.kubernetes.serverGroup.transformer.service";
-module(KUBERNETES_SERVER_GROUP_TRANSFORMER, []).service("kubernetesV2ServerGroupTransformer", KubernetesV2ServerGroupTransformer);
 
-class KubernetesServerGroupManagerDetailsController {
-  constructor(serverGroupManager, $scope, $uibModal, app, $state) {
-    this.$scope = $scope;
-    this.$uibModal = $uibModal;
-    this.app = app;
-    this.$state = $state;
-    this.state = { loading: true };
-    const dataSource = this.app.getDataSource("serverGroupManagers");
-    dataSource.ready().then(() => {
-      this.extractServerGroupManager(serverGroupManager);
-      this.$scope.isDisabled = !SETTINGS.kubernetesAdHocInfraWritesEnabled;
-      dataSource.onRefresh(this.$scope, () => this.extractServerGroupManager(serverGroupManager));
-    }).catch(() => this.autoClose());
-    this.$scope.isDisabled = !SETTINGS.kubernetesAdHocInfraWritesEnabled;
-  }
-  pauseRolloutServerGroupManager() {
-    this.$uibModal.open({
-      templateUrl: "kubernetes/src/manifest/rollout/pause.html",
-      controller: "kubernetesV2ManifestPauseRolloutCtrl",
-      controllerAs: "ctrl",
+function RollingRestart({ application, serverGroupManager }) {
+  function rollingRestart() {
+    const rollingRestartParameters = {
+      account: serverGroupManager.account,
+      cloudProvider: "kubernetes",
+      location: serverGroupManager.namespace,
+      manifestName: serverGroupManager.name
+    };
+    ConfirmationModalService.confirm({
+      account: serverGroupManager.account,
+      askForReason: true,
+      header: `Initiate rolling restart of ${serverGroupManager.name}`,
+      submitMethod: () => {
+        return ManifestWriter.rollingRestartManifest(rollingRestartParameters, application);
+      },
+      taskMonitorConfig: {
+        application,
+        title: `Rolling restart of ${serverGroupManager.name}`
+      }
+    });
+  }
+  return /* @__PURE__ */ React.createElement("li", null, /* @__PURE__ */ React.createElement("a", {
+    onClick: rollingRestart
+  }, "Rolling Restart"));
+}
+
+function ServerGroupManagerActions({
+  application,
+  serverGroupManager,
+  manifest
+}) {
+  const isEnabled = SETTINGS.kubernetesAdHocInfraWritesEnabled;
+  const entityTagTargets = ClusterTargetBuilder.buildManagerClusterTargets(serverGroupManager);
+  const pauseRolloutServerGroupManager = () => {
+    ModalInjector.modalService.open({
+      templateUrl: "kubernetes/src/manifest/rollout/pause.html",
+      controller: "kubernetesV2ManifestPauseRolloutCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroupManager.name,
-          namespace: this.serverGroupManager.namespace,
-          account: this.serverGroupManager.account
+          name: serverGroupManager.name,
+          namespace: serverGroupManager.namespace,
+          account: serverGroupManager.account
         },
-        application: this.app
+        application
       }
     });
-  }
-  resumeRolloutServerGroupManager() {
-    this.$uibModal.open({
+  };
+  const resumeRolloutServerGroupManager = () => {
+    ModalInjector.modalService.open({
       templateUrl: "kubernetes/src/manifest/rollout/resume.html",
-      controller: "kubernetesV2ManifestResumeRolloutCtrl",
-      controllerAs: "ctrl",
+      controller: "kubernetesV2ManifestResumeRolloutCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroupManager.name,
-          namespace: this.serverGroupManager.namespace,
-          account: this.serverGroupManager.account
+          name: serverGroupManager.name,
+          namespace: serverGroupManager.namespace,
+          account: serverGroupManager.account
         },
-        application: this.app
+        application
       }
     });
-  }
-  canUndoRolloutServerGroupManager() {
-    return this.serverGroupManager && this.serverGroupManager.serverGroups && this.serverGroupManager.serverGroups.length > 0;
-  }
-  undoRolloutServerGroupManager() {
-    this.$uibModal.open({
+  };
+  const canUndoRolloutServerGroupManager = () => {
+    return serverGroupManager && serverGroupManager.serverGroups && serverGroupManager.serverGroups.length > 0;
+  };
+  const undoRolloutServerGroupManager = () => {
+    ModalInjector.modalService.open({
       templateUrl: "kubernetes/src/manifest/rollout/undo.html",
-      controller: "kubernetesV2ManifestUndoRolloutCtrl",
-      controllerAs: "ctrl",
+      controller: "kubernetesV2ManifestUndoRolloutCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroupManager.name,
-          namespace: this.serverGroupManager.namespace,
-          account: this.serverGroupManager.account
+          name: serverGroupManager.name,
+          namespace: serverGroupManager.namespace,
+          account: serverGroupManager.account
         },
         revisions: () => {
-          const [, ...rest] = orderBy(this.serverGroupManager.serverGroups, ["moniker.sequence"], ["desc"]);
+          const [, ...rest] = orderBy(serverGroupManager.serverGroups, ["moniker.sequence"], ["desc"]);
           return rest.map((serverGroup, index) => ({
             label: `${NameUtils.getSequence(serverGroup.moniker.sequence)}${index > 0 ? "" : " - previous revision"}`,
             revision: serverGroup.moniker.sequence
           }));
         },
-        application: this.app
+        application
       }
     });
-  }
-  scaleServerGroupManager() {
-    this.$uibModal.open({
+  };
+  const scaleServerGroupManager = () => {
+    ModalInjector.modalService.open({
       templateUrl: "kubernetes/src/manifest/scale/scale.html",
-      controller: "kubernetesV2ManifestScaleCtrl",
-      controllerAs: "ctrl",
+      controller: "kubernetesV2ManifestScaleCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroupManager.name,
-          namespace: this.serverGroupManager.namespace,
-          account: this.serverGroupManager.account
+          name: serverGroupManager.name,
+          namespace: serverGroupManager.namespace,
+          account: serverGroupManager.account
         },
-        currentReplicas: this.manifest.manifest.spec.replicas,
-        application: this.app
+        currentReplicas: manifest.manifest.spec.replicas,
+        application
       }
     });
-  }
-  editServerGroupManager() {
-    KubernetesManifestCommandBuilder.buildNewManifestCommand(this.app, this.manifest.manifest, this.serverGroupManager.moniker, this.serverGroupManager.account).then((builtCommand) => {
-      ManifestWizard.show({ title: "Edit Manifest", application: this.app, command: builtCommand });
+  };
+  const editServerGroupManager = () => {
+    KubernetesManifestCommandBuilder.buildNewManifestCommand(application, manifest.manifest, serverGroupManager.moniker, serverGroupManager.account).then((builtCommand) => {
+      ManifestWizard.show({ title: "Edit Manifest", application, command: builtCommand });
     });
-  }
-  deleteServerGroupManager() {
-    this.$uibModal.open({
+  };
+  const deleteServerGroupManager = () => {
+    ModalInjector.modalService.open({
       templateUrl: "kubernetes/src/manifest/delete/delete.html",
-      controller: "kubernetesV2ManifestDeleteCtrl",
-      controllerAs: "ctrl",
+      controller: "kubernetesV2ManifestDeleteCtrl as ctrl",
       resolve: {
         coordinates: {
-          name: this.serverGroupManager.name,
-          namespace: this.serverGroupManager.namespace,
-          account: this.serverGroupManager.account
+          name: serverGroupManager.name,
+          namespace: serverGroupManager.namespace,
+          account: serverGroupManager.account
         },
-        application: this.app,
+        application,
         manifestController: () => null
       }
     });
-  }
-  extractServerGroupManager({ accountId, region, serverGroupManager }) {
-    const serverGroupManagerDetails = this.app.getDataSource("serverGroupManagers").data.find((manager) => manager.name === serverGroupManager && manager.region === region && manager.account === accountId);
-    if (!serverGroupManagerDetails) {
-      return this.autoClose();
-    }
-    ManifestReader.getManifest(accountId, region, serverGroupManager).then((manifest) => {
-      this.manifest = manifest;
-      this.serverGroupManager = serverGroupManagerDetails;
-      this.entityTagTargets = this.configureEntityTagTargets();
-      this.state.loading = false;
-    });
-  }
-  configureEntityTagTargets() {
-    return ClusterTargetBuilder.buildManagerClusterTargets(this.serverGroupManager);
-  }
-  autoClose() {
-    if (this.$scope.$$destroyed) {
-      return;
-    } else {
-      this.$state.params.allowModalToStayOpen = true;
-      this.$state.go("^", null, { location: "replace" });
-    }
-  }
+  };
+  return /* @__PURE__ */ React.createElement(Dropdown, {
+    className: "dropdown",
+    id: "server-group-manager-actions-dropdown"
+  }, isEnabled && /* @__PURE__ */ React.createElement(Dropdown.Toggle, {
+    className: "btn btn-sm btn-primary dropdown-toggle"
+  }, robotToHuman(serverGroupManager.kind), " Actions"), /* @__PURE__ */ React.createElement(Dropdown.Menu, null, /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: scaleServerGroupManager
+  }, "Scale"), canUndoRolloutServerGroupManager() && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: undoRolloutServerGroupManager
+  }, "Undo Rollout"), manifest.status.paused.state && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: resumeRolloutServerGroupManager
+  }, "Resume Rollout"), !manifest.status.paused.state && !manifest.status.stable.state && /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: pauseRolloutServerGroupManager
+  }, "Pause Rollout"), !manifest.status.paused.state && /* @__PURE__ */ React.createElement(RollingRestart, {
+    application,
+    serverGroupManager
+  }), /* @__PURE__ */ React.createElement(MenuItem, {
+    className: "divider"
+  }), /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: editServerGroupManager
+  }, "Edit"), /* @__PURE__ */ React.createElement(MenuItem, {
+    onClick: deleteServerGroupManager
+  }, "Delete"), /* @__PURE__ */ React.createElement(IfFeatureEnabled, {
+    feature: "entityTags",
+    render: /* @__PURE__ */ React.createElement(AddEntityTagLinks, {
+      component: serverGroupManager,
+      application,
+      entityType: "serverGroupManager",
+      ownerOptions: entityTagTargets,
+      onUpdate: () => application.serverGroupManagers.refresh()
+    })
+  })));
 }
-KubernetesServerGroupManagerDetailsController.$inject = ["serverGroupManager", "$scope", "$uibModal", "app", "$state"];
-const KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL = "spinnaker.kubernetes.serverGroupManager.details.controller";
-module(KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL, []).controller("kubernetesV2ServerGroupManagerDetailsCtrl", KubernetesServerGroupManagerDetailsController);
 window.angular.module("ng").run(["$templateCache", function(templateCache) {
   templateCache.put("kubernetes/src/manifest/rollout/pause.html", `<div modal-page class="confirmation-modal">
   <task-monitor monitor="ctrl.taskMonitor"></task-monitor>
@@ -5234,6 +5890,180 @@ window.angular.module("ng").run(["$templateCache", function(templateCache) {
 `);
 }]);
 
+function ServerGroupManagerAnnotationCustomSection({
+  serverGroupManager,
+  manifest
+}) {
+  const { KubernetesAnnotationCustomSections } = KubernetesReactInjector;
+  return /* @__PURE__ */ React.createElement(KubernetesAnnotationCustomSections, {
+    manifest: manifest.manifest,
+    resource: serverGroupManager
+  });
+}
+
+function ServerGroupManagerArtifactsSection({ manifest }) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Artifacts",
+    defaultExpanded: true
+  }, manifest.artifacts.map((artifact) => /* @__PURE__ */ React.createElement("ul", {
+    key: artifact.reference
+  }, /* @__PURE__ */ React.createElement(ManifestArtifact, {
+    artifact
+  }))));
+}
+
+function ServerGroupManagerEventsSection({ manifest }) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Events",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement(ManifestEvents, {
+    manifest
+  }));
+}
+
+function ServerGroupManagerInformationSection({
+  serverGroupManager
+}) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Information",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement("dl", {
+    className: "dl-horizontal dl-narrow"
+  }, /* @__PURE__ */ React.createElement("dt", null, "Created"), /* @__PURE__ */ React.createElement("dd", null, timestamp(serverGroupManager.createdTime)), /* @__PURE__ */ React.createElement("dt", null, "Account"), /* @__PURE__ */ React.createElement("dd", null, /* @__PURE__ */ React.createElement(AccountTag, {
+    account: serverGroupManager.account
+  })), /* @__PURE__ */ React.createElement("dt", null, "Namespace"), /* @__PURE__ */ React.createElement("dd", null, serverGroupManager.namespace), /* @__PURE__ */ React.createElement("dt", null, "Kind"), /* @__PURE__ */ React.createElement("dd", null, serverGroupManager.kind), serverGroupManager.serverGroups.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("dt", null, "Managing"), /* @__PURE__ */ React.createElement("dd", null, orderBy(serverGroupManager.serverGroups, ["name"], ["asc"]).map((serverGroup) => /* @__PURE__ */ React.createElement("ul", {
+    key: serverGroup.name
+  }, /* @__PURE__ */ React.createElement(UISref, {
+    to: "^.serverGroup",
+    params: {
+      region: serverGroup.region,
+      accountId: serverGroup.account,
+      serverGroup: serverGroup.name,
+      provider: "kubernetes"
+    }
+  }, /* @__PURE__ */ React.createElement("a", null, robotToHuman(serverGroup.name)))))))));
+}
+
+function ServerGroupManagerLabelsSection({ manifest }) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Labels",
+    defaultExpanded: true
+  }, /* @__PURE__ */ React.createElement(ManifestLabels, {
+    manifest: manifest.manifest
+  }));
+}
+
+function ServerGroupManagerManifestConditionSection({
+  manifest
+}) {
+  return /* @__PURE__ */ React.createElement(CollapsibleSection, {
+    heading: "Status",
+    defaultExpanded: true
+  }, manifest.manifest.status.conditions.map((condition) => /* @__PURE__ */ React.createElement("ul", {
+    key: condition.lastTransitionTime
+  }, /* @__PURE__ */ React.createElement(ManifestCondition, {
+    condition
+  }))));
+}
+
+function ServerGroupManagerManifestStatusSection({
+  manifest
+}) {
+  return /* @__PURE__ */ React.createElement(ManifestStatus$1, {
+    status: manifest.status
+  });
+}
+
+function useKubernetesServerGroupManagerDetails(props, autoClose) {
+  const [serverGroupManager, setServerGroupManager] = useState();
+  const [manifest, setManifest] = useState();
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    if (serverGroupManager) {
+      return;
+    }
+    const { serverGroupManager: params, app } = props;
+    const { accountId, region, name } = params;
+    setLoading(true);
+    const serverGroupManagerDetails = app.getDataSource("serverGroupManagers").data.find((manager) => manager.name === name && manager.region === region && manager.account === accountId);
+    if (!serverGroupManagerDetails) {
+      autoClose();
+      return;
+    }
+    ManifestReader.getManifest(accountId, region, name).then((manifest2) => {
+      setManifest(manifest2);
+      setServerGroupManager(serverGroupManagerDetails);
+    }).catch((error) => {
+      console.error("Error fetching manifest:", error);
+    }).finally(() => {
+      setLoading(false);
+    });
+  }, [autoClose, props, serverGroupManager]);
+  return [serverGroupManager, manifest, loading];
+}
+
+function ServerGroupManagerDetails(props) {
+  const autoClose = () => {
+    ReactInjector.$state.params.allowModalToStayOpen = true;
+    ReactInjector.$state.go("^", null, { location: "replace" });
+  };
+  const [serverGroupManager, manifest, loading] = useKubernetesServerGroupManagerDetails(props, autoClose);
+  if (loading)
+    return /* @__PURE__ */ React.createElement(Details, {
+      loading
+    });
+  return /* @__PURE__ */ React.createElement(Details, {
+    loading
+  }, /* @__PURE__ */ React.createElement(Details.Header, {
+    icon: /* @__PURE__ */ React.createElement(CloudProviderLogo, {
+      provider: props.serverGroupManager.provider,
+      height: "36px",
+      width: "36px"
+    }),
+    name: serverGroupManager.displayName,
+    notifications: /* @__PURE__ */ React.createElement(IfFeatureEnabled, {
+      feature: "entityTags",
+      render: /* @__PURE__ */ React.createElement(EntityNotifications, {
+        entity: serverGroupManager,
+        application: props.app,
+        placement: "bottom",
+        hOffsetPercent: "90%",
+        entityType: "serverGroupManager",
+        pageLocation: "details",
+        onUpdate: () => props.app.serverGroupManagers.refresh()
+      })
+    }),
+    actions: /* @__PURE__ */ React.createElement(ServerGroupManagerActions, {
+      application: props.app,
+      serverGroupManager,
+      manifest
+    })
+  }), /* @__PURE__ */ React.createElement(Details.Content, {
+    loading
+  }, /* @__PURE__ */ React.createElement(ServerGroupManagerManifestStatusSection, {
+    serverGroupManager,
+    manifest
+  }), /* @__PURE__ */ React.createElement(ServerGroupManagerInformationSection, {
+    serverGroupManager,
+    manifest
+  }), /* @__PURE__ */ React.createElement(ServerGroupManagerManifestConditionSection, {
+    serverGroupManager,
+    manifest
+  }), /* @__PURE__ */ React.createElement(ServerGroupManagerAnnotationCustomSection, {
+    serverGroupManager,
+    manifest
+  }), /* @__PURE__ */ React.createElement(ServerGroupManagerEventsSection, {
+    serverGroupManager,
+    manifest
+  }), /* @__PURE__ */ React.createElement(ServerGroupManagerLabelsSection, {
+    serverGroupManager,
+    manifest
+  }), /* @__PURE__ */ React.createElement(ServerGroupManagerArtifactsSection, {
+    serverGroupManager,
+    manifest
+  })));
+}
+
 const _KubernetesApplicationNameValidator = class {
   static validateSpecialCharacters(name, errors) {
     const alphanumWithDashPattern = /^([a-zA-Z][a-zA-Z0-9-]*)?$/;
@@ -5268,15 +6098,10 @@ styleInject(css_248z);
 
 const KUBERNETES_MODULE = "spinnaker.kubernetes";
 const requires = [
+  KUBERNETES_REACT_MODULE,
   KUBERNETES_INSTANCE_DETAILS_CTRL,
   KUBERNETES_LOAD_BALANCER_DETAILS_CTRL,
   KUBERNETES_SECURITY_GROUP_DETAILS_CTRL,
-  KUBERNETES_SERVER_GROUP_COMMAND_BUILDER,
-  KUBERNETES_SERVER_GROUP_DETAILS_CTRL,
-  KUBERNETES_SERVER_GROUP_TRANSFORMER,
-  KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL,
-  KUBERNETES_SERVER_GROUP_RESIZE_CTRL,
-  KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL,
   KUBERNETES_MANIFEST_DELETE_CTRL,
   KUBERNETES_MANIFEST_SCALE_CTRL,
   KUBERNETES_MANIFEST_UNDO_ROLLOUT_CTRL,
@@ -5284,7 +6109,6 @@ const requires = [
   KUBERNETES_MANIFEST_RESUME_ROLLOUT_CTRL,
   KUBERNETES_MANIFEST_STATUS,
   KUBERNETES_MANIFEST_CONDITION,
-  KUBERNETES_MANIFEST_ARTIFACT,
   KUBERNETES_LOAD_BALANCER_TRANSFORMER,
   KUBERNETES_SECURITY_GROUP_TRANSFORMER,
   KUBERNETES_MANIFEST_SELECTOR,
@@ -5299,8 +6123,7 @@ const requires = [
   JSON_EDITOR_COMPONENT,
   KUBERNETES_ENABLE_MANIFEST_STAGE,
   KUBERNETES_DISABLE_MANIFEST_STAGE,
-  STAGE_ARTIFACT_SELECTOR_COMPONENT_REACT,
-  KUBERNETES_ROLLING_RESTART
+  STAGE_ARTIFACT_SELECTOR_COMPONENT_REACT
 ];
 if (SETTINGS.feature.kubernetesRawResources) {
   requires.push(KUBERNETS_RAW_RESOURCE_MODULE);
@@ -5314,14 +6137,23 @@ module(KUBERNETES_MODULE, requires).config(() => {
     },
     serverGroup: {
       CloneServerGroupModal: ManifestWizard,
-      commandBuilder: "kubernetesV2ServerGroupCommandBuilder",
-      detailsController: "kubernetesV2ServerGroupDetailsCtrl",
-      detailsTemplateUrl: "kubernetes/src/serverGroup/details/details.html",
-      transformer: "kubernetesV2ServerGroupTransformer"
+      detailsActions: KubernetesServerGroupActions,
+      detailsGetter: kubernetesServerGroupDetailsGetter,
+      detailsSections: [
+        ServerGroupManifestStatusSection,
+        ServerGroupInformationSection,
+        ServerGroupAnnotationCustomSection,
+        ServerGroupImagesSection,
+        ServerGroupEventsSection,
+        ServerGroupLabelsSection,
+        ServerGroupSizeSection,
+        ServerGroupHealthSection
+      ],
+      commandBuilder: KubernetesV2ServerGroupCommandBuilder,
+      transformer: KubernetesV2ServerGroupTransformer
     },
     serverGroupManager: {
-      detailsTemplateUrl: "kubernetes/src/serverGroupManager/details/details.html",
-      detailsController: "kubernetesV2ServerGroupManagerDetailsCtrl"
+      details: ServerGroupManagerDetails
     },
     loadBalancer: {
       CreateLoadBalancerModal: ManifestWizard,
@@ -5357,301 +6189,6 @@ module(KUBERNETES_MODULE, requires).config(() => {
     ]
   });
 });
-window.angular.module("ng").run(["$templateCache", function(templateCache) {
-  templateCache.put("kubernetes/src/serverGroup/details/details.html", `<div class="details-panel" ng-class="{disabled: ctrl.serverGroup.isDisabled || ctrl.serverGroup.disabled}">
-  <div class="header" ng-if="ctrl.state.loading">
-    <div class="close-button">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <h4 class="text-center">
-      <span us-spinner="{radius:20, width:6, length: 12}"></span>
-    </h4>
-  </div>
-
-  <div class="header" ng-if="!ctrl.state.loading">
-    <div class="close-button">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <div class="header-text horizontal middle">
-      <cloud-provider-logo
-        provider="ctrl.serverGroup.cloudProvider"
-        height="'36px'"
-        width="'36px'"
-      ></cloud-provider-logo>
-      <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
-        {{ctrl.serverGroup.displayName}}
-        <render-if-feature feature="entityTags">
-          <entity-notifications
-            entity="ctrl.serverGroup"
-            application="ctrl.app"
-            placement="bottom"
-            h-offset-percent="90%"
-            entity-type="serverGroup"
-            page-location="details"
-            on-update="ctrl.app.serverGroups.refresh()"
-          ></entity-notifications>
-        </render-if-feature>
-      </h3>
-    </div>
-    <div class="actions">
-      <div class="dropdown" uib-dropdown dropdown-append-to-body>
-        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle ng-hide="isDisabled">
-          {{ctrl.serverGroup.kind | robotToHuman}} Actions <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
-          <li ng-if="ctrl.canEditServerGroup()">
-            <a href ng-click="ctrl.editServerGroup()"> Edit </a>
-          </li>
-          <li ng-if="ctrl.canScaleServerGroup()">
-            <a href ng-click="ctrl.scaleServerGroup()"> Scale </a>
-          </li>
-          <li ng-if="ctrl.canEnable()">
-            <a href ng-click="ctrl.enableServerGroup()"> Enable </a>
-          </li>
-          <li ng-if="ctrl.canDisable()">
-            <a href ng-click="ctrl.disableServerGroup()"> Disable </a>
-          </li>
-          <li>
-            <a href ng-click="ctrl.deleteServerGroup()"> Delete </a>
-          </li>
-          <render-if-feature feature="entityTags">
-            <add-entity-tag-links
-              component="ctrl.serverGroup"
-              application="ctrl.app"
-              entity-type="serverGroup"
-              owner-options="ctrl.entityTagTargets"
-              on-update="ctrl.app.serverGroups.refresh"
-            ></add-entity-tag-links>
-          </render-if-feature>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="content" ng-if="!ctrl.state.loading">
-    <kubernetes-manifest-status status="ctrl.manifest.status"></kubernetes-manifest-status>
-    <div class="band band-info" ng-if="ctrl.serverGroup.isDisabled || ctrl.serverGroup.disabled">Disabled</div>
-    <server-group-running-tasks-details
-      server-group="ctrl.serverGroup"
-      application="ctrl.app"
-    ></server-group-running-tasks-details>
-    <collapsible-section heading="Information" expanded="true">
-      <dl class="dl-horizontal dl-narrow">
-        <dt>Created</dt>
-        <dd>{{ctrl.serverGroup.createdTime | timestamp}}</dd>
-        <dt>Account</dt>
-        <dd><account-tag account="ctrl.serverGroup.account"></account-tag></dd>
-        <dt>Namespace</dt>
-        <dd>{{ctrl.serverGroup.namespace}}</dd>
-        <dt>Kind</dt>
-        <dd>{{ctrl.serverGroup.kind}}</dd>
-        <dt ng-if="ctrl.manifestController()">Controller</dt>
-        <dd>
-          <a
-            ui-sref="^.serverGroupManager({
-                        accountId: ctrl.serverGroup.account,
-                        region: ctrl.serverGroup.region,
-                        serverGroupManager: ctrl.manifestController(),
-                        provider: 'kubernetes'})"
-          >
-            {{ctrl.manifestController() | robotToHuman }}
-          </a>
-        </dd>
-      </dl>
-    </collapsible-section>
-
-    <kubernetes-annotation-custom-sections
-      manifest="ctrl.manifest.manifest"
-      resource="ctrl.serverGroup"
-    ></kubernetes-annotation-custom-sections>
-
-    <collapsible-section heading="Images" expanded="true">
-      <kubernetes-manifest-image-details manifest="ctrl.manifest.manifest"></kubernetes-manifest-image-details>
-    </collapsible-section>
-
-    <collapsible-section heading="Events" expanded="true">
-      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
-    </collapsible-section>
-    <collapsible-section heading="Labels" expanded="true">
-      <kubernetes-manifest-labels manifest="ctrl.manifest.manifest"></kubernetes-manifest-labels>
-    </collapsible-section>
-    <collapsible-section heading="Size" expanded="true">
-      <dl class="dl-horizontal dl-narrow" ng-if="ctrl.serverGroup.capacity.min == null">
-        <dt>Current</dt>
-        <dd>{{ctrl.serverGroup.instances.length}}</dd>
-      </dl>
-      <dl
-        class="dl-horizontal dl-narrow"
-        ng-if="ctrl.serverGroup.capacity.min != null && ctrl.serverGroup.capacity.min === ctrl.serverGroup.capacity.max"
-      >
-        <dt>Min/Max</dt>
-        <dd>{{ctrl.serverGroup.capacity.min}}</dd>
-        <dt>Current</dt>
-        <dd>{{ctrl.serverGroup.instances.length}}</dd>
-      </dl>
-      <dl class="dl-horizontal dl-narrow" ng-if="ctrl.serverGroup.capacity.min !== ctrl.serverGroup.capacity.max">
-        <dt>Min</dt>
-        <dd>{{ctrl.serverGroup.capacity.min}}</dd>
-        <dt>Max</dt>
-        <dd>{{ctrl.serverGroup.capacity.max}}</dd>
-        <dt>Current</dt>
-        <dd>{{ctrl.serverGroup.instances.length}}</dd>
-      </dl>
-    </collapsible-section>
-    <collapsible-section heading="Health" expanded="true">
-      <dl class="dl-horizontal dl-narrow" ng-if="ctrl.serverGroup">
-        <dt>Instances</dt>
-        <dd>
-          <health-counts container="ctrl.serverGroup.instanceCounts" class="pull-left"></health-counts>
-        </dd>
-      </dl>
-    </collapsible-section>
-  </div>
-</div>
-`);
-}]);
-window.angular.module("ng").run(["$templateCache", function(templateCache) {
-  templateCache.put("kubernetes/src/serverGroupManager/details/details.html", `<div class="details-panel">
-  <div class="header" ng-if="ctrl.state.loading">
-    <div class="close-button">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <h4 class="text-center">
-      <span us-spinner="{radius:20, width:6, length: 12}"></span>
-    </h4>
-  </div>
-
-  <div class="header" ng-if="!ctrl.state.loading">
-    <div class="close-button">
-      <a class="btn btn-link" ui-sref="^">
-        <span class="glyphicon glyphicon-remove"></span>
-      </a>
-    </div>
-    <div class="header-text horizontal middle">
-      <cloud-provider-logo
-        provider="ctrl.serverGroupManager.cloudProvider"
-        height="'36px'"
-        width="'36px'"
-      ></cloud-provider-logo>
-      <h3 class="horizontal middle space-between flex-1" select-on-dbl-click>
-        {{ctrl.serverGroupManager.displayName}}
-        <render-if-feature feature="entityTags">
-          <entity-notifications
-            entity="ctrl.serverGroupManager"
-            application="ctrl.app"
-            placement="bottom"
-            h-offset-percent="90%"
-            entity-type="serverGroupManager"
-            page-location="details"
-            on-update="ctrl.app.serverGroupManagers.refresh()"
-          ></entity-notifications>
-        </render-if-feature>
-      </h3>
-    </div>
-    <div class="actions">
-      <div class="dropdown" uib-dropdown dropdown-append-to-body>
-        <button type="button" class="btn btn-sm btn-primary dropdown-toggle" uib-dropdown-toggle ng-hide="isDisabled">
-          {{ctrl.serverGroupManager.kind | robotToHuman}} Actions <span class="caret"></span>
-        </button>
-        <ul class="dropdown-menu" uib-dropdown-menu role="menu">
-          <li>
-            <a href ng-click="ctrl.scaleServerGroupManager()"> Scale </a>
-          </li>
-          <li ng-if="ctrl.canUndoRolloutServerGroupManager()">
-            <a href ng-click="ctrl.undoRolloutServerGroupManager()"> Undo Rollout </a>
-          </li>
-          <li ng-if="ctrl.manifest.status.paused.state">
-            <a href ng-click="ctrl.resumeRolloutServerGroupManager()"> Resume Rollout </a>
-          </li>
-          <li ng-if="!ctrl.manifest.status.paused.state && !ctrl.manifest.status.stable.state">
-            <a href ng-click="ctrl.pauseRolloutServerGroupManager()"> Pause Rollout </a>
-          </li>
-          <kubernetes-rolling-restart
-            ng-if="!ctrl.manifest.status.paused.state"
-            application="ctrl.app"
-            server-group-manager="ctrl.serverGroupManager"
-          ></kubernetes-rolling-restart>
-          <li role="presentation" class="divider"></li>
-          <li>
-            <a href ng-click="ctrl.editServerGroupManager()"> Edit </a>
-          </li>
-          <li>
-            <a href ng-click="ctrl.deleteServerGroupManager()"> Delete </a>
-          </li>
-          <render-if-feature feature="entityTags">
-            <add-entity-tag-links
-              component="ctrl.serverGroupManager"
-              application="ctrl.app"
-              entity-type="serverGroupManager"
-              owner-options="ctrl.entityTagTargets"
-              on-update="ctrl.app.serverGroupManagers.refresh"
-            ></add-entity-tag-links>
-          </render-if-feature>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div class="content" ng-if="!ctrl.state.loading">
-    <kubernetes-manifest-status status="ctrl.manifest.status"></kubernetes-manifest-status>
-    <collapsible-section heading="Information" expanded="true">
-      <dl class="dl-horizontal dl-narrow">
-        <dt>Created</dt>
-        <dd>{{ctrl.serverGroupManager.createdTime | timestamp}}</dd>
-        <dt>Account</dt>
-        <dd><account-tag account="ctrl.serverGroupManager.account"></account-tag></dd>
-        <dt>Namespace</dt>
-        <dd>{{ctrl.serverGroupManager.namespace}}</dd>
-        <dt>Kind</dt>
-        <dd>{{ctrl.serverGroupManager.kind}}</dd>
-        <dt ng-if="ctrl.serverGroupManager.serverGroups.length">Managing</dt>
-        <dd>
-          <ul ng-repeat="serverGroup in ctrl.serverGroupManager.serverGroups | orderBy: ['-name']">
-            <a
-              ui-sref="^.serverGroup({region: serverGroup.region,
-                                       accountId: serverGroup.account,
-                                       serverGroup: serverGroup.name,
-                                       provider: 'kubernetes'})"
-            >
-              {{serverGroup.name}}
-            </a>
-          </ul>
-        </dd>
-      </dl>
-    </collapsible-section>
-
-    <collapsible-section heading="Status" expanded="true">
-      <ul ng-repeat="condition in ctrl.manifest.manifest.status.conditions">
-        <kubernetes-manifest-condition condition="condition"></kubernetes-manifest-condition>
-      </ul>
-    </collapsible-section>
-
-    <kubernetes-annotation-custom-sections
-      manifest="ctrl.manifest.manifest"
-      resource="ctrl.serverGroupManager"
-    ></kubernetes-annotation-custom-sections>
-
-    <collapsible-section heading="Events" expanded="true">
-      <kubernetes-manifest-events manifest="ctrl.manifest"></kubernetes-manifest-events>
-    </collapsible-section>
-
-    <collapsible-section heading="Labels" expanded="true">
-      <kubernetes-manifest-labels manifest="ctrl.manifest.manifest"></kubernetes-manifest-labels>
-    </collapsible-section>
-
-    <collapsible-section heading="Artifacts" expanded="true">
-      <ul ng-repeat="artifact in ctrl.manifest.artifacts">
-        <kubernetes-manifest-artifact artifact="artifact"></kubernetes-manifest-artifact>
-      </ul>
-    </collapsible-section>
-  </div>
-</div>
-`);
-}]);
 window.angular.module("ng").run(["$templateCache", function(templateCache) {
   templateCache.put("kubernetes/src/loadBalancer/details/details.html", `<div class="details-panel">
   <div ng-if="ctrl.state.loading" class="header">
@@ -6020,5 +6557,5 @@ window.angular.module("ng").run(["$templateCache", function(templateCache) {
 `);
 }]);
 
-export { KUBERNETES_LOAD_BALANCER_DETAILS_CTRL, KUBERNETES_MANIFEST_ARTIFACT, KUBERNETES_MANIFEST_CONDITION, KUBERNETES_MANIFEST_DELETE_CTRL, KUBERNETES_MANIFEST_PAUSE_ROLLOUT_CTRL, KUBERNETES_MANIFEST_SCALE_CTRL, KUBERNETES_MANIFEST_STATUS, KUBERNETES_MANIFEST_UNDO_ROLLOUT_CTRL, KUBERNETES_MODULE, KUBERNETES_SECURITY_GROUP_DETAILS_CTRL, KUBERNETES_SERVER_GROUP_COMMAND_BUILDER, KUBERNETES_SERVER_GROUP_DETAILS_CTRL, KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL, KUBERNETES_SERVER_GROUP_RESIZE_CTRL, KUBERNETES_SERVER_GROUP_TRANSFORMER, KUBERNETS_RAW_RESOURCE_MODULE, KubernetesManifestCommandBuilder, KubernetesManifestService, KubernetesV2ServerGroupCommandBuilder, KubernetesV2ServerGroupTransformer };
+export { KUBERNETES_LOAD_BALANCER_DETAILS_CTRL, KUBERNETES_MANIFEST_CONDITION, KUBERNETES_MANIFEST_DELETE_CTRL, KUBERNETES_MANIFEST_PAUSE_ROLLOUT_CTRL, KUBERNETES_MANIFEST_SCALE_CTRL, KUBERNETES_MANIFEST_STATUS, KUBERNETES_MANIFEST_UNDO_ROLLOUT_CTRL, KUBERNETES_MODULE, KUBERNETES_SECURITY_GROUP_DETAILS_CTRL, KUBERNETS_RAW_RESOURCE_MODULE, KubernetesManifestCommandBuilder, KubernetesManifestService, KubernetesReactInject, KubernetesReactInjector, KubernetesV2ServerGroupCommandBuilder, KubernetesV2ServerGroupTransformer, ManifestArtifact, ServerGroupAnnotationCustomSection, ServerGroupEventsSection, ServerGroupHealthSection, ServerGroupImagesSection, ServerGroupInformationSection, ServerGroupLabelsSection, ServerGroupManagerAnnotationCustomSection, ServerGroupManagerArtifactsSection, ServerGroupManagerEventsSection, ServerGroupManagerInformationSection, ServerGroupManagerLabelsSection, ServerGroupManagerManifestConditionSection, ServerGroupManagerManifestStatusSection, ServerGroupManifestStatusSection, ServerGroupSizeSection };
 //# sourceMappingURL=index.js.map