@spinnaker/kubernetes 2025.0.6 → 2025.1.0

package/dist/interfaces/infrastructure.types.d.ts

@@ -1,4 +1,4 @@
-import type { IInstance, ILoadBalancer, IMoniker, ISecurityGroupDetail, IServerGroup, IServerGroupManager } from '@spinnaker/core';
+import type { IInstance, ILoadBalancer, IManifest, IMoniker, ISecurityGroupDetail, IServerGroup, IServerGroupManager } from '@spinnaker/core';
 export interface IKubernetesResource {
     apiVersion: string;
     createdTime?: number;
@@ -20,5 +20,8 @@ export interface IKubernetesSecurityGroup extends ISecurityGroupDetail, IKuberne
 export interface IKubernetesServerGroup extends IServerGroup, IKubernetesResource {
     disabled: boolean;
 }
+export interface IKubernetesServerGroupView extends IKubernetesServerGroup {
+    manifest: IManifest;
+}
 export interface IKubernetesServerGroupManager extends IServerGroupManager, IKubernetesResource {
 }

package/dist/manifest/AnnotationCustomSections.d.ts

@@ -0,0 +1,5 @@
+import type { IKubernetesResource } from '../interfaces';
+export interface IAnnotationCustomSectionsProps {
+    manifest: any;
+    resource: IKubernetesResource;
+}

package/dist/manifest/annotationCustomSections.component.d.ts

@@ -1 +1,3 @@
+import type { IComponentOptions } from 'angular';
+export declare const kubernetesAnnotationCustomSectionsComponent: IComponentOptions;
 export declare const KUBERNETES_ANNOTATION_CUSTOM_SECTIONS = "spinnaker.kubernetes.v2.manifest.annotation.custom.sections";

package/dist/manifest/artifact/ManifestArtifact.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { IArtifact } from '@spinnaker/core';
+export interface IKubernetesManifestArtifactProps {
+    artifact: IArtifact;
+}
+export declare function ManifestArtifact({ artifact }: IKubernetesManifestArtifactProps): JSX.Element;

package/dist/manifest/index.d.ts

@@ -1,7 +1,7 @@
 export * from './manifest.service';
 export * from './manifestCommandBuilder.service';
 export * from './IManifestCoordinates';
-export * from './artifact/artifact.component';
+export * from './artifact/ManifestArtifact';
 export * from './delete/delete.controller';
 export * from './rollout/pause.controller';
 export * from './rollout/undo.controller';

package/dist/manifest/manifest.service.d.ts

@@ -12,7 +12,7 @@ export interface IManifestParams {
     location: string;
     name: string;
 }
-export declare type IManifestCallback = (manifest: IManifest) => void;
+export type IManifestCallback = (manifest: IManifest) => void;
 export declare class KubernetesManifestService {
     static subscribe(app: Application, params: IManifestParams, fn: IManifestCallback): () => void;
     private static updateManifest;

package/dist/manifest/rollout/RollingRestart.d.ts

@@ -1 +1,9 @@
-export declare const KUBERNETES_ROLLING_RESTART = "spinnaker.kubernetes.v2.rolling.restart";
+/// <reference types="react" />
+import type { Application } from '@spinnaker/core';
+import type { IKubernetesServerGroupManager } from '../../interfaces';
+interface IRollingRestartProps {
+    application: Application;
+    serverGroupManager: IKubernetesServerGroupManager;
+}
+export declare function RollingRestart({ application, serverGroupManager }: IRollingRestartProps): JSX.Element;
+export {};

package/dist/manifest/status/ManifestStatus.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { IManifestStatus } from '@spinnaker/core';
+export interface IKubernetesManifestStatusProps {
+    status?: {
+        [key: string]: IManifestStatus;
+    };
+}
+export declare function ManifestStatus({ status }: IKubernetesManifestStatusProps): JSX.Element;

package/dist/rawResource/controller/FiltersPubSub.d.ts

@@ -1,5 +1,5 @@
 import type { IK8sResourcesFiltersState } from '../component/K8sResourcesFilters';
-declare type ISubscriber = (message: IK8sResourcesFiltersState) => void;
+type ISubscriber = (message: IK8sResourcesFiltersState) => void;
 export declare class FiltersPubSub {
     private subscribers;
     private static intances;

package/dist/reactShims/index.d.ts

@@ -0,0 +1 @@
+export * from './kubernetes.react.injector';

package/dist/reactShims/kubernetes.react.injector.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="angular" />
+import type React from 'react';
+import { ReactInject } from '@spinnaker/core';
+import type { IAnnotationCustomSectionsProps } from '../manifest/AnnotationCustomSections';
+import IInjectorService = angular.auto.IInjectorService;
+export declare class KubernetesReactInject extends ReactInject {
+    private $injectorProxy;
+    KubernetesAnnotationCustomSections: React.ComponentClass<IAnnotationCustomSectionsProps>;
+    initialize($injector: IInjectorService): void;
+}
+export declare const KubernetesReactInjector: KubernetesReactInject;

package/dist/reactShims/kubernetes.react.module.d.ts

@@ -0,0 +1 @@
+export declare const KUBERNETES_REACT_MODULE = "spinnaker.kubernetes.react";

package/dist/serverGroup/details/KubernetesServerGroupActions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IServerGroupActionsProps } from '@spinnaker/core';
+import type { IKubernetesServerGroupView } from '../../interfaces';
+export interface IKubernetesServerGroupActionsProps extends IServerGroupActionsProps {
+    serverGroup: IKubernetesServerGroupView;
+}
+export declare function KubernetesServerGroupActions({ app, serverGroup }: IKubernetesServerGroupActionsProps): JSX.Element;

package/dist/serverGroup/details/kubernetesServerGroupDetailsGetter.d.ts

@@ -0,0 +1,4 @@
+import { Observable } from 'rxjs';
+import type { IServerGroupDetailsProps } from '@spinnaker/core';
+import type { IKubernetesServerGroupView } from '../../interfaces';
+export declare function kubernetesServerGroupDetailsGetter(props: IServerGroupDetailsProps, autoClose: () => void): Observable<IKubernetesServerGroupView>;

package/dist/serverGroup/details/sections/IKubernetesServerGroupDetailsSectionProps.d.ts

@@ -0,0 +1,5 @@
+import type { IServerGroupDetailsSectionProps } from '@spinnaker/core';
+import type { IKubernetesServerGroupView } from '../../../interfaces';
+export interface IKubernetesServerGroupDetailsSectionProps extends IServerGroupDetailsSectionProps {
+    serverGroup: IKubernetesServerGroupView;
+}

package/dist/serverGroup/details/sections/ServerGroupAnnotationCustomSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupAnnotationCustomSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupEventsSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupEventsSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupHealthSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupHealthSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupImagesSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupImagesSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupInformationSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupInformationSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupLabelsSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupLabelsSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupManifestStatusSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupManifestStatusSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/ServerGroupSizeSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupDetailsSectionProps } from './IKubernetesServerGroupDetailsSectionProps';
+export declare function ServerGroupSizeSection({ serverGroup }: IKubernetesServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/details/sections/index.d.ts

@@ -0,0 +1,9 @@
+export * from './IKubernetesServerGroupDetailsSectionProps';
+export * from './ServerGroupAnnotationCustomSection';
+export * from './ServerGroupEventsSection';
+export * from './ServerGroupHealthSection';
+export * from './ServerGroupImagesSection';
+export * from './ServerGroupInformationSection';
+export * from './ServerGroupLabelsSection';
+export * from './ServerGroupManifestStatusSection';
+export * from './ServerGroupSizeSection';

package/dist/serverGroup/details/useManifest.d.ts

@@ -0,0 +1,8 @@
+import type { IManifest } from '@spinnaker/core';
+interface IUseManifestProps {
+    manifest: IManifest;
+}
+export declare function useManifest({ manifest }: IUseManifestProps): {
+    manifestController: string;
+};
+export {};

package/dist/serverGroup/index.d.ts

@@ -1,4 +1,3 @@
-export * from './serverGroupCommandBuilder.service';
-export * from './serverGroupTransformer.service';
-export * from './details/details.controller';
-export * from './details/resize/resize.controller';
+export * from './details/sections';
+export * from './serverGroupCommandBuilder';
+export * from './serverGroupTransformer';

package/dist/serverGroup/{serverGroupCommandBuilder.service.d.ts → serverGroupCommandBuilder.d.ts}

@@ -3,4 +3,3 @@ import type { IKubernetesManifestCommandData } from '../manifest/manifestCommand
 export declare class KubernetesV2ServerGroupCommandBuilder {
     buildNewServerGroupCommand(app: Application): PromiseLike<IKubernetesManifestCommandData>;
 }
-export declare const KUBERNETES_SERVER_GROUP_COMMAND_BUILDER = "spinnaker.kubernetes.serverGroup.commandBuilder.service";

package/dist/serverGroup/{serverGroupTransformer.service.d.ts → serverGroupTransformer.d.ts}

@@ -3,4 +3,3 @@ import type { IKubernetesServerGroup } from '../interfaces';
 export declare class KubernetesV2ServerGroupTransformer {
     normalizeServerGroup(serverGroup: IKubernetesServerGroup, application: Application): PromiseLike<IKubernetesServerGroup>;
 }
-export declare const KUBERNETES_SERVER_GROUP_TRANSFORMER = "spinnaker.kubernetes.serverGroup.transformer.service";

package/dist/serverGroupManager/details/ServerGroupManagerActions.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Application, IManifest } from '@spinnaker/core';
+import type { IKubernetesServerGroupManager } from '../../interfaces';
+export interface IServerGroupManagerActionsProps {
+    application: Application;
+    serverGroupManager: IKubernetesServerGroupManager;
+    manifest: IManifest;
+}
+export declare function ServerGroupManagerActions({ application, serverGroupManager, manifest, }: IServerGroupManagerActionsProps): JSX.Element;

package/dist/serverGroupManager/details/ServerGroupManagerDetails.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { Application, IServerGroupManagerDetailsProps, IServerGroupManagerStateParams } from '@spinnaker/core';
+export interface IKubernetesServerGroupManagerDetailsProps extends IServerGroupManagerDetailsProps {
+    app: Application;
+    serverGroupManager: IServerGroupManagerStateParams;
+}
+export declare function ServerGroupManagerDetails(props: IKubernetesServerGroupManagerDetailsProps): JSX.Element;

package/dist/serverGroupManager/details/sections/IKubernetesServerGroupManagerDetailsSectionProps.d.ts

@@ -0,0 +1,6 @@
+import type { IManifest, IServerGroupManagerDetailsProps } from '@spinnaker/core';
+import type { IKubernetesServerGroupManager } from '../../../interfaces';
+export interface IKubernetesServerGroupManagerDetailsSectionProps extends IServerGroupManagerDetailsProps {
+    serverGroupManager: IKubernetesServerGroupManager;
+    manifest: IManifest;
+}

package/dist/serverGroupManager/details/sections/ServerGroupManagerAnnotationCustomSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerAnnotationCustomSection({ serverGroupManager, manifest, }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/ServerGroupManagerArtifactsSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerArtifactsSection({ manifest }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/ServerGroupManagerEventsSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerEventsSection({ manifest }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/ServerGroupManagerInformationSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerInformationSection({ serverGroupManager, }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/ServerGroupManagerLabelsSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerLabelsSection({ manifest }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/ServerGroupManagerManifestConditionSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerManifestConditionSection({ manifest, }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/ServerGroupManagerManifestStatusSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { IKubernetesServerGroupManagerDetailsSectionProps } from './IKubernetesServerGroupManagerDetailsSectionProps';
+export declare function ServerGroupManagerManifestStatusSection({ manifest, }: IKubernetesServerGroupManagerDetailsSectionProps): JSX.Element;

package/dist/serverGroupManager/details/sections/index.d.ts

@@ -0,0 +1,8 @@
+export * from './IKubernetesServerGroupManagerDetailsSectionProps';
+export * from './ServerGroupManagerAnnotationCustomSection';
+export * from './ServerGroupManagerArtifactsSection';
+export * from './ServerGroupManagerEventsSection';
+export * from './ServerGroupManagerInformationSection';
+export * from './ServerGroupManagerLabelsSection';
+export * from './ServerGroupManagerManifestConditionSection';
+export * from './ServerGroupManagerManifestStatusSection';

package/dist/serverGroupManager/details/useKubernetesServerGroupManagerDetails.d.ts

@@ -0,0 +1,4 @@
+import type { IManifest } from '@spinnaker/core';
+import type { IKubernetesServerGroupManagerDetailsProps } from './ServerGroupManagerDetails';
+import type { IKubernetesServerGroupManager } from '../../interfaces';
+export declare function useKubernetesServerGroupManagerDetails(props: IKubernetesServerGroupManagerDetailsProps, autoClose: () => void): [IKubernetesServerGroupManager | undefined, IManifest | undefined, boolean];

package/dist/serverGroupManager/index.d.ts

@@ -1 +1 @@
-export * from './details/details.controller';
+export * from './details/sections';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spinnaker/kubernetes",
   "license": "Apache-2.0",
-  "version": "2025.0.6",
+  "version": "2025.1.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "publishConfig": {
@@ -52,7 +52,7 @@
     "@types/react-bootstrap": "0.32.5",
     "@types/react-select": "1.3.4",
     "shx": "0.3.3",
-    "typescript": "4.3.5"
+    "typescript": "5.0.4"
   },
-  "gitHead": "9f1607115a075e95b75864f2304adb6c67157e86"
+  "gitHead": "ed6c0f8929f68fcb6295c4d56c4bfbdec8d21ce6"
 }

package/src/index.ts

@@ -5,3 +5,4 @@ export * from './securityGroup';
 export * from './manifest';
 export * from './loadBalancer';
 export * from './rawResource';
+export * from './reactShims';

package/src/interfaces/infrastructure.types.ts

@@ -1,6 +1,7 @@
 import type {
   IInstance,
   ILoadBalancer,
+  IManifest,
   IMoniker,
   ISecurityGroupDetail,
   IServerGroup,
@@ -32,4 +33,8 @@ export interface IKubernetesServerGroup extends IServerGroup, IKubernetesResourc
   disabled: boolean;
 }
 
+export interface IKubernetesServerGroupView extends IKubernetesServerGroup {
+  manifest: IManifest;
+}
+
 export interface IKubernetesServerGroupManager extends IServerGroupManager, IKubernetesResource {}

package/src/kubernetes.module.ts

@@ -13,7 +13,6 @@ import { KUBERNETES_LOAD_BALANCER_DETAILS_CTRL } from './loadBalancer/details/de
 import { KUBERNETES_LOAD_BALANCER_TRANSFORMER } from './loadBalancer/transformer';
 import kubernetesLogo from './logo/kubernetes.logo.svg';
 import { KUBERNETES_ANNOTATION_CUSTOM_SECTIONS } from './manifest/annotationCustomSections.component';
-import { KUBERNETES_MANIFEST_ARTIFACT } from './manifest/artifact/artifact.component';
 import { KUBERNETES_MANIFEST_DELETE_CTRL } from './manifest/delete/delete.controller';
 import { JSON_EDITOR_COMPONENT } from './manifest/editor/json/jsonEditor.component';
 import { KUBERNETES_MANIFEST_EVENTS } from './manifest/manifestEvents.component';
@@ -21,7 +20,6 @@ import { KUBERNETES_MANIFEST_IMAGE_DETAILS } from './manifest/manifestImageDetai
 import { KUBERNETES_MANIFEST_LABELS } from './manifest/manifestLabels.component';
 import { KUBERNETES_MANIFEST_QOS } from './manifest/manifestQos.component';
 import { KUBERNETES_MANIFEST_RESOURCES } from './manifest/manifestResources.component';
-import { KUBERNETES_ROLLING_RESTART } from './manifest/rollout/RollingRestart';
 import { KUBERNETES_MANIFEST_PAUSE_ROLLOUT_CTRL } from './manifest/rollout/pause.controller';
 import { KUBERNETES_MANIFEST_RESUME_ROLLOUT_CTRL } from './manifest/rollout/resume.controller';
 import { KUBERNETES_MANIFEST_UNDO_ROLLOUT_CTRL } from './manifest/rollout/undo.controller';
@@ -35,15 +33,26 @@ import { KUBERNETES_DISABLE_MANIFEST_STAGE } from './pipelines/stages/traffic/di
 import { KUBERNETES_ENABLE_MANIFEST_STAGE } from './pipelines/stages/traffic/enableManifest.stage';
 import './pipelines/validation/manifestSelector.validator';
 import { KUBERNETS_RAW_RESOURCE_MODULE } from './rawResource';
+import { KUBERNETES_REACT_MODULE } from './reactShims/kubernetes.react.module';
 import { KUBERNETES_RESOURCE_STATES } from './resources/resources.state';
 import { KUBERNETES_SECURITY_GROUP_DETAILS_CTRL } from './securityGroup/details/details.controller';
 import { KubernetesSecurityGroupReader } from './securityGroup/securityGroup.reader';
 import { KUBERNETES_SECURITY_GROUP_TRANSFORMER } from './securityGroup/transformer';
-import { KUBERNETES_SERVER_GROUP_DETAILS_CTRL } from './serverGroup/details/details.controller';
-import { KUBERNETES_SERVER_GROUP_RESIZE_CTRL } from './serverGroup/details/resize/resize.controller';
-import { KUBERNETES_SERVER_GROUP_COMMAND_BUILDER } from './serverGroup/serverGroupCommandBuilder.service';
-import { KUBERNETES_SERVER_GROUP_TRANSFORMER } from './serverGroup/serverGroupTransformer.service';
-import { KUBERNETES_SERVER_GROUP_MANAGER_DETAILS_CTRL } from './serverGroupManager/details/details.controller';
+import { KubernetesServerGroupActions } from './serverGroup/details/KubernetesServerGroupActions';
+import { kubernetesServerGroupDetailsGetter } from './serverGroup/details/kubernetesServerGroupDetailsGetter';
+import {
+  ServerGroupAnnotationCustomSection,
+  ServerGroupEventsSection,
+  ServerGroupHealthSection,
+  ServerGroupImagesSection,
+  ServerGroupInformationSection,
+  ServerGroupLabelsSection,
+  ServerGroupManifestStatusSection,
+  ServerGroupSizeSection,
+} from './serverGroup/details/sections';
+import { KubernetesV2ServerGroupCommandBuilder } from './serverGroup/serverGroupCommandBuilder';
+import { KubernetesV2ServerGroupTransformer } from './serverGroup/serverGroupTransformer';
+import { ServerGroupManagerDetails } from './serverGroupManager/details/ServerGroupManagerDetails';
 import './validation/applicationName.validator';
 
 import './logo/kubernetes.logo.less';
@@ -51,15 +60,10 @@ import './logo/kubernetes.logo.less';
 export 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,
@@ -67,7 +71,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,
@@ -83,7 +86,6 @@ const requires = [
   KUBERNETES_ENABLE_MANIFEST_STAGE,
   KUBERNETES_DISABLE_MANIFEST_STAGE,
   STAGE_ARTIFACT_SELECTOR_COMPONENT_REACT,
-  KUBERNETES_ROLLING_RESTART,
 ];
 
 if (SETTINGS.feature.kubernetesRawResources) {
@@ -99,14 +101,23 @@ module(KUBERNETES_MODULE, requires).config(() => {
     },
     serverGroup: {
       CloneServerGroupModal: ManifestWizard,
-      commandBuilder: 'kubernetesV2ServerGroupCommandBuilder',
-      detailsController: 'kubernetesV2ServerGroupDetailsCtrl',
-      detailsTemplateUrl: require('./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: require('./serverGroupManager/details/details.html'),
-      detailsController: 'kubernetesV2ServerGroupManagerDetailsCtrl',
+      details: ServerGroupManagerDetails,
     },
     loadBalancer: {
       CreateLoadBalancerModal: ManifestWizard,

package/src/manifest/AnnotationCustomSections.tsx

@@ -0,0 +1,6 @@
+import type { IKubernetesResource } from '../interfaces';
+
+export interface IAnnotationCustomSectionsProps {
+  manifest: any;
+  resource: IKubernetesResource;
+}

package/src/manifest/annotationCustomSections.component.ts

@@ -90,7 +90,7 @@ class KubernetesAnnotationCustomSections implements IController {
   }
 }
 
-const kubernetesAnnotationCustomSectionsComponent: IComponentOptions = {
+export const kubernetesAnnotationCustomSectionsComponent: IComponentOptions = {
   bindings: { manifest: '<', resource: '<' },
   controller: ['$sce', '$interpolate', KubernetesAnnotationCustomSections],
   controllerAs: 'ctrl',

package/src/manifest/artifact/ManifestArtifact.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+
+import type { IArtifact } from '@spinnaker/core';
+
+export interface IKubernetesManifestArtifactProps {
+  artifact: IArtifact;
+}
+
+export function ManifestArtifact({ artifact }: IKubernetesManifestArtifactProps) {
+  return (
+    <span>
+      <b>{artifact.type}&nbsp;</b>
+      <i>{artifact.reference}</i>
+    </span>
+  );
+}

package/src/manifest/index.ts

@@ -1,7 +1,7 @@
 export * from './manifest.service';
 export * from './manifestCommandBuilder.service';
 export * from './IManifestCoordinates';
-export * from './artifact/artifact.component';
+export * from './artifact/ManifestArtifact';
 export * from './delete/delete.controller';
 export * from './rollout/pause.controller';
 export * from './rollout/undo.controller';

package/src/manifest/rollout/RollingRestart.tsx

@@ -1,9 +1,7 @@
-import { module } from 'angular';
 import React from 'react';
-import { react2angular } from 'react2angular';
 
 import type { Application } from '@spinnaker/core';
-import { ConfirmationModalService, ManifestWriter, withErrorBoundary } from '@spinnaker/core';
+import { ConfirmationModalService, ManifestWriter } from '@spinnaker/core';
 
 import type { IKubernetesServerGroupManager } from '../../interfaces';
 
@@ -19,7 +17,7 @@ interface IRollingRestartParameters {
   manifestName: string;
 }
 
-function RollingRestart({ application, serverGroupManager }: IRollingRestartProps) {
+export function RollingRestart({ application, serverGroupManager }: IRollingRestartProps) {
   function rollingRestart() {
     const rollingRestartParameters: IRollingRestartParameters = {
       account: serverGroupManager.account,
@@ -46,9 +44,3 @@ function RollingRestart({ application, serverGroupManager }: IRollingRestartProp
     </li>
   );
 }
-
-export const KUBERNETES_ROLLING_RESTART = 'spinnaker.kubernetes.v2.rolling.restart';
-module(KUBERNETES_ROLLING_RESTART, []).component(
-  'kubernetesRollingRestart',
-  react2angular(withErrorBoundary(RollingRestart, 'kubernetesRollingRestart'), ['application', 'serverGroupManager']),
-);

package/src/manifest/status/ManifestStatus.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+import type { IManifestStatus } from '@spinnaker/core';
+import { Spinner, Tooltip } from '@spinnaker/core';
+
+export interface IKubernetesManifestStatusProps {
+  status?: { [key: string]: IManifestStatus };
+}
+
+export function ManifestStatus({ status }: IKubernetesManifestStatusProps) {
+  if (!status) {
+    return (
+      <div className="header">
+        <div className="horizontal middle center spinner-section">
+          <Spinner size="small" />
+        </div>
+      </div>
+    );
+  }
+  return (
+    <div>
+      {!status.available.state && (
+        <Tooltip value={status.available.message}>
+          <div className="band band-warning">Not Fully Available</div>
+        </Tooltip>
+      )}
+      {!status.stable.state && (
+        <Tooltip value={status.stable.message}>
+          <div className="band band-active">Transitioning</div>
+        </Tooltip>
+      )}
+      {status.paused.state && (
+        <Tooltip value={status.paused.message}>
+          <div className="band band-info">Rollout Paused</div>
+        </Tooltip>
+      )}
+    </div>
+  );
+}

package/src/manifest/status/status.component.ts

@@ -1,36 +1,11 @@
-import type { IComponentOptions, IController } from 'angular';
 import { module } from 'angular';
 
-import type { IManifestStatus } from '@spinnaker/core';
-
-class KubernetesManifestStatusCtrl implements IController {
-  public status: IManifestStatus;
-}
-
-const kubernetesManifestStatusComponent: IComponentOptions = {
-  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>
-  `,
-};
+import { react2angular } from 'react2angular';
+import { withErrorBoundary } from '@spinnaker/core';
+import { ManifestStatus } from './ManifestStatus';
 
 export 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, 'kubernetesManifestStatus'), ['status']),
+);

package/src/reactShims/index.ts

@@ -0,0 +1 @@
+export * from './kubernetes.react.injector';