@spinnaker/kubernetes 2025.1.4 → 2025.2.1

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

@@ -13,6 +13,9 @@ export interface IKubernetesInstance extends IInstance, IKubernetesResource {
 }
 export interface IKubernetesLoadBalancer extends ILoadBalancer, IKubernetesResource {
 }
+export interface IKubernetesLoadBalancerView extends IKubernetesLoadBalancer {
+    manifest: IManifest;
+}
 export interface IKubernetesSecurityGroup extends ISecurityGroupDetail, IKubernetesResource {
     account: string;
     moniker: IMoniker;
@@ -25,3 +28,4 @@ export interface IKubernetesServerGroupView extends IKubernetesServerGroup {
 }
 export interface IKubernetesServerGroupManager extends IServerGroupManager, IKubernetesResource {
 }
+export type IAnyKubernetesResource = IKubernetesServerGroup | IKubernetesInstance | IKubernetesLoadBalancer | IKubernetesSecurityGroup | IKubernetesServerGroupManager;

package/dist/loadBalancer/details/KubernetesLoadBalancerActions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ILoadBalancerActionsProps } from '@spinnaker/core';
+import type { IKubernetesLoadBalancerView } from '../../interfaces';
+export interface IKubernetesLoadBalancerActionsProps extends ILoadBalancerActionsProps {
+    loadBalancer: IKubernetesLoadBalancerView;
+}
+export declare function KubernetesLoadBalancerActions({ app, loadBalancer }: IKubernetesLoadBalancerActionsProps): JSX.Element;

package/dist/loadBalancer/details/sections/IKubernetesLoadBalancerDetailsSectionProps.d.ts

@@ -0,0 +1,5 @@
+import type { ILoadBalancerDetailsSectionProps } from '@spinnaker/core';
+import type { IKubernetesLoadBalancerView } from '../../../interfaces';
+export interface IKubernetesLoadBalancerDetailsSectionProps extends ILoadBalancerDetailsSectionProps {
+    loadBalancer: IKubernetesLoadBalancerView;
+}

package/dist/loadBalancer/details/sections/LoadBalancerAnnotationCustomSection.d.ts

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

package/dist/loadBalancer/details/sections/LoadBalancerEventsSection.d.ts

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

package/dist/loadBalancer/details/sections/LoadBalancerInformationSection.d.ts

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

package/dist/loadBalancer/details/sections/LoadBalancerLabelsSection.d.ts

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

package/dist/loadBalancer/details/sections/LoadBalancerStatusSection.d.ts

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

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

@@ -0,0 +1,6 @@
+export * from './IKubernetesLoadBalancerDetailsSectionProps';
+export * from './LoadBalancerAnnotationCustomSection';
+export * from './LoadBalancerEventsSection';
+export * from './LoadBalancerInformationSection';
+export * from './LoadBalancerLabelsSection';
+export * from './LoadBalancerStatusSection';

package/dist/loadBalancer/details/useKubernetesLoadBalancerDetails.d.ts

@@ -0,0 +1,3 @@
+import type { UseDetailsHook } from '@spinnaker/core';
+import type { IKubernetesLoadBalancer } from '../../interfaces';
+export declare const useKubernetesLoadBalancerDetails: UseDetailsHook<IKubernetesLoadBalancer>;

package/dist/loadBalancer/index.d.ts

@@ -1 +1,4 @@
-export * from './details/details.controller';
+export * from './transformer';
+export * from './details/sections';
+export * from './details/KubernetesLoadBalancerActions';
+export * from './details/useKubernetesLoadBalancerDetails';

package/dist/loadBalancer/transformer.d.ts

@@ -1 +1,5 @@
-export declare const KUBERNETES_LOAD_BALANCER_TRANSFORMER = "spinnaker.kubernetes.loadBalancerTransformer";
+import type { IKubernetesLoadBalancer } from '../interfaces';
+export declare class KubernetesLoadBalancerTransformer {
+    normalizeLoadBalancer(loadBalancer: IKubernetesLoadBalancer): PromiseLike<IKubernetesLoadBalancer>;
+    private buildInstanceCounts;
+}

package/dist/manifest/delete/Delete.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { Application } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IDeleteProps {
+    application: Application;
+    resource: IAnyKubernetesResource;
+    manifestController: string | undefined;
+}
+export declare function Delete(props: IDeleteProps): JSX.Element;
+export declare const KUBERNETES_DELETE = "spinnaker.kubernetes.delete";

package/dist/manifest/delete/DeleteModal.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { Application, IModalComponentProps, IModalProps } from '@spinnaker/core';
+import type { IDeleteOptions } from './delete.controller';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IKubernetesDeleteModalProps extends Pick<IModalProps, 'isOpen'>, Pick<IModalComponentProps, 'dismissModal'> {
+    application: Application;
+    resource: IAnyKubernetesResource;
+    manifestController: string | undefined;
+}
+export interface IKubernetesDeleteValues extends IDeleteOptions {
+    reason?: string;
+}
+export declare function DeleteModal({ application, resource, manifestController, isOpen, dismissModal, }: IKubernetesDeleteModalProps): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Application } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IPauseRolloutProps {
+    application: Application;
+    resource: IAnyKubernetesResource;
+}
+export declare function PauseRollout({ application, resource }: IPauseRolloutProps): JSX.Element;
+export declare const KUBERNETES_PAUSE_ROLLOUT = "spinnaker.kubernetes.pause.rollout";

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Application } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IResumeRolloutProps {
+    application: Application;
+    resource: IAnyKubernetesResource;
+}
+export declare function ResumeRollout({ application, resource }: IResumeRolloutProps): JSX.Element;
+export declare const KUBERNETES_RESUME_ROLLOUT = "spinnaker.kubernetes.resume.rollout";

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

@@ -6,4 +6,5 @@ interface IRollingRestartProps {
     serverGroupManager: IKubernetesServerGroupManager;
 }
 export declare function RollingRestart({ application, serverGroupManager }: IRollingRestartProps): JSX.Element;
+export declare const KUBERNETES_ROLLING_RESTART = "spinnaker.kubernetes.v2.rolling.restart";
 export {};

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Application } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IUndoRolloutProps {
+    application: Application;
+    resource: IAnyKubernetesResource;
+}
+export declare function UndoRollout(props: IUndoRolloutProps): JSX.Element;
+export declare const KUBERNETES_UNDO_ROLLOUT = "spinnaker.kubernetes.undo.rollout";

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { Application, IModalComponentProps, IModalProps } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IKubernetesUndoRolloutModalProps extends Pick<IModalProps, 'isOpen'>, Pick<IModalComponentProps, 'dismissModal'> {
+    application: Application;
+    resource: IAnyKubernetesResource;
+}
+export interface IKubernetesUndoRolloutValues {
+    revision?: number;
+    reason?: string;
+}
+export declare function UndoRolloutModal({ application, resource, isOpen, dismissModal }: IKubernetesUndoRolloutModalProps): JSX.Element;

package/dist/manifest/rollout/undo.controller.d.ts

@@ -1 +1,5 @@
+export interface IRolloutRevision {
+    label: string;
+    revision: number;
+}
 export declare const KUBERNETES_MANIFEST_UNDO_ROLLOUT_CTRL = "spinnaker.kubernetes.v2.manifest.undoRollout.controller";

package/dist/manifest/scale/Scale.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { Application } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IScaleProps {
+    application: Application;
+    resource: IAnyKubernetesResource;
+    currentReplicas: number;
+}
+export declare function Scale(props: IScaleProps): JSX.Element;
+export declare const KUBERNETES_SCALE = "spinnaker.kubernetes.scale";

package/dist/manifest/scale/ScaleModal.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { Application, IModalComponentProps, IModalProps } from '@spinnaker/core';
+import type { IAnyKubernetesResource } from '../../interfaces';
+export interface IKubernetesScaleModalProps extends Pick<IModalProps, 'isOpen'>, Pick<IModalComponentProps, 'dismissModal'> {
+    application: Application;
+    resource: IAnyKubernetesResource;
+    currentReplicas: number;
+}
+export interface IKubernetesScaleValues {
+    reason?: string;
+    replicas: number;
+}
+export declare function ScaleModal({ application, resource, currentReplicas, isOpen, dismissModal, }: IKubernetesScaleModalProps): JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spinnaker/kubernetes",
   "license": "Apache-2.0",
-  "version": "2025.1.4",
+  "version": "2025.2.1",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "publishConfig": {
@@ -54,5 +54,5 @@
     "shx": "0.3.3",
     "typescript": "5.0.4"
   },
-  "gitHead": "9d7aa2b1efc3f4fcb545a8578ee72e41f4cf88cd"
+  "gitHead": "33bad18275d63c4000a8e757cc0b4816e2e7eed5"
 }

package/src/interfaces/infrastructure.types.ts

@@ -24,6 +24,10 @@ export interface IKubernetesInstance extends IInstance, IKubernetesResource {
 
 export interface IKubernetesLoadBalancer extends ILoadBalancer, IKubernetesResource {}
 
+export interface IKubernetesLoadBalancerView extends IKubernetesLoadBalancer {
+  manifest: IManifest;
+}
+
 export interface IKubernetesSecurityGroup extends ISecurityGroupDetail, IKubernetesResource {
   account: string;
   moniker: IMoniker;
@@ -38,3 +42,10 @@ export interface IKubernetesServerGroupView extends IKubernetesServerGroup {
 }
 
 export interface IKubernetesServerGroupManager extends IServerGroupManager, IKubernetesResource {}
+
+export type IAnyKubernetesResource =
+  | IKubernetesServerGroup
+  | IKubernetesInstance
+  | IKubernetesLoadBalancer
+  | IKubernetesSecurityGroup
+  | IKubernetesServerGroupManager;

package/src/kubernetes.module.ts

@@ -9,10 +9,19 @@ import {
 
 import './help/kubernetes.help';
 import { KUBERNETES_INSTANCE_DETAILS_CTRL } from './instance/details/details.controller';
-import { KUBERNETES_LOAD_BALANCER_DETAILS_CTRL } from './loadBalancer/details/details.controller';
-import { KUBERNETES_LOAD_BALANCER_TRANSFORMER } from './loadBalancer/transformer';
+import {
+  KubernetesLoadBalancerActions,
+  KubernetesLoadBalancerTransformer,
+  LoadBalancerAnnotationCustomSection,
+  LoadBalancerEventsSection,
+  LoadBalancerInformationSection,
+  LoadBalancerLabelsSection,
+  LoadBalancerStatusSection,
+  useKubernetesLoadBalancerDetails,
+} from './loadBalancer';
 import kubernetesLogo from './logo/kubernetes.logo.svg';
 import { KUBERNETES_ANNOTATION_CUSTOM_SECTIONS } from './manifest/annotationCustomSections.component';
+import { KUBERNETES_DELETE } from './manifest/delete/Delete';
 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';
@@ -20,9 +29,13 @@ 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_PAUSE_ROLLOUT } from './manifest/rollout/PauseRollout';
+import { KUBERNETES_RESUME_ROLLOUT } from './manifest/rollout/ResumeRollout';
+import { KUBERNETES_UNDO_ROLLOUT } from './manifest/rollout/UndoRollout';
 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';
+import { KUBERNETES_SCALE } from './manifest/scale/Scale';
 import { KUBERNETES_MANIFEST_SCALE_CTRL } from './manifest/scale/scale.controller';
 import { KUBERNETES_MANIFEST_SELECTOR } from './manifest/selector/selector.component';
 import { KUBERNETES_MANIFEST_CONDITION } from './manifest/status/condition.component';
@@ -60,9 +73,13 @@ import './logo/kubernetes.logo.less';
 export const KUBERNETES_MODULE = 'spinnaker.kubernetes';
 
 const requires = [
+  KUBERNETES_DELETE,
+  KUBERNETES_PAUSE_ROLLOUT,
+  KUBERNETES_RESUME_ROLLOUT,
+  KUBERNETES_UNDO_ROLLOUT,
+  KUBERNETES_SCALE,
   KUBERNETES_REACT_MODULE,
   KUBERNETES_INSTANCE_DETAILS_CTRL,
-  KUBERNETES_LOAD_BALANCER_DETAILS_CTRL,
   KUBERNETES_SECURITY_GROUP_DETAILS_CTRL,
   KUBERNETES_MANIFEST_DELETE_CTRL,
   KUBERNETES_MANIFEST_SCALE_CTRL,
@@ -71,7 +88,6 @@ const requires = [
   KUBERNETES_MANIFEST_RESUME_ROLLOUT_CTRL,
   KUBERNETES_MANIFEST_STATUS,
   KUBERNETES_MANIFEST_CONDITION,
-  KUBERNETES_LOAD_BALANCER_TRANSFORMER,
   KUBERNETES_SECURITY_GROUP_TRANSFORMER,
   KUBERNETES_MANIFEST_SELECTOR,
   KUBERNETES_MANIFEST_LABELS,
@@ -121,9 +137,16 @@ module(KUBERNETES_MODULE, requires).config(() => {
     },
     loadBalancer: {
       CreateLoadBalancerModal: ManifestWizard,
-      detailsController: 'kubernetesV2LoadBalancerDetailsCtrl',
-      detailsTemplateUrl: require('./loadBalancer/details/details.html'),
-      transformer: 'kubernetesV2LoadBalancerTransformer',
+      useDetailsHook: useKubernetesLoadBalancerDetails,
+      detailsActions: KubernetesLoadBalancerActions,
+      detailsSections: [
+        LoadBalancerInformationSection,
+        LoadBalancerStatusSection,
+        LoadBalancerAnnotationCustomSection,
+        LoadBalancerEventsSection,
+        LoadBalancerLabelsSection,
+      ],
+      transformer: KubernetesLoadBalancerTransformer,
     },
     securityGroup: {
       reader: KubernetesSecurityGroupReader,

package/src/loadBalancer/details/KubernetesLoadBalancerActions.tsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import { Dropdown, MenuItem } from 'react-bootstrap';
+
+import type { ILoadBalancerActionsProps } from '@spinnaker/core';
+import { AddEntityTagLinks, ModalInjector, robotToHuman, SETTINGS } from '@spinnaker/core';
+
+import type { IKubernetesLoadBalancerView } from '../../interfaces';
+import { KubernetesManifestCommandBuilder } from '../../manifest';
+import { ManifestWizard } from '../../manifest/wizard/ManifestWizard';
+
+export interface IKubernetesLoadBalancerActionsProps extends ILoadBalancerActionsProps {
+  loadBalancer: IKubernetesLoadBalancerView;
+}
+
+export function KubernetesLoadBalancerActions({ app, loadBalancer }: IKubernetesLoadBalancerActionsProps) {
+  const showEntityTags = SETTINGS.feature && SETTINGS.feature.entityTags;
+  const isEnabled = SETTINGS.kubernetesAdHocInfraWritesEnabled;
+  const { manifest } = loadBalancer;
+
+  const deleteLoadBalancer = (): void => {
+    ModalInjector.modalService.open({
+      templateUrl: require('../../manifest/delete/delete.html'),
+      controller: 'kubernetesV2ManifestDeleteCtrl as ctrl',
+      resolve: {
+        coordinates: {
+          name: loadBalancer.name,
+          namespace: loadBalancer.namespace,
+          account: loadBalancer.account,
+        },
+        application: app,
+        manifestController: (): string => null,
+      },
+    });
+  };
+
+  const editLoadBalancer = (): void => {
+    KubernetesManifestCommandBuilder.buildNewManifestCommand(
+      app,
+      manifest.manifest,
+      loadBalancer.moniker,
+      loadBalancer.account,
+    ).then((builtCommand) => {
+      ManifestWizard.show({ title: 'Edit Manifest', application: app, command: builtCommand });
+    });
+  };
+
+  return (
+    <Dropdown className="dropdown" id="load-balancer-actions-dropdown">
+      {isEnabled && (
+        <Dropdown.Toggle className="btn btn-sm btn-primary dropdown-toggle">
+          {robotToHuman(loadBalancer.kind)} Actions
+        </Dropdown.Toggle>
+      )}
+      <Dropdown.Menu>
+        <MenuItem onClick={deleteLoadBalancer}>Delete</MenuItem>
+        <MenuItem onClick={editLoadBalancer}>Edit</MenuItem>
+        {showEntityTags && (
+          <AddEntityTagLinks
+            component={loadBalancer}
+            application={app}
+            entityType="loadBalancer"
+            onUpdate={() => app.loadBalancers.refresh()}
+          />
+        )}
+      </Dropdown.Menu>
+    </Dropdown>
+  );
+}

package/src/loadBalancer/details/sections/IKubernetesLoadBalancerDetailsSectionProps.ts

@@ -0,0 +1,6 @@
+import type { ILoadBalancerDetailsSectionProps } from '@spinnaker/core';
+import type { IKubernetesLoadBalancerView } from '../../../interfaces';
+
+export interface IKubernetesLoadBalancerDetailsSectionProps extends ILoadBalancerDetailsSectionProps {
+  loadBalancer: IKubernetesLoadBalancerView;
+}

package/src/loadBalancer/details/sections/LoadBalancerAnnotationCustomSection.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IKubernetesLoadBalancerDetailsSectionProps } from './IKubernetesLoadBalancerDetailsSectionProps';
+import { KubernetesReactInjector } from '../../../reactShims';
+
+export function LoadBalancerAnnotationCustomSection({ loadBalancer }: IKubernetesLoadBalancerDetailsSectionProps) {
+  const { manifest } = loadBalancer;
+  const { KubernetesAnnotationCustomSections } = KubernetesReactInjector;
+  return <KubernetesAnnotationCustomSections manifest={manifest.manifest} resource={loadBalancer} />;
+}

package/src/loadBalancer/details/sections/LoadBalancerEventsSection.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { IKubernetesLoadBalancerDetailsSectionProps } from './IKubernetesLoadBalancerDetailsSectionProps';
+import { ManifestEvents } from '../../../pipelines/stages/deployManifest/manifestStatus/ManifestEvents';
+
+export function LoadBalancerEventsSection({ loadBalancer }: IKubernetesLoadBalancerDetailsSectionProps) {
+  const { manifest } = loadBalancer;
+  return (
+    <CollapsibleSection heading="Events" defaultExpanded={true}>
+      <ManifestEvents manifest={manifest} />
+    </CollapsibleSection>
+  );
+}

package/src/loadBalancer/details/sections/LoadBalancerInformationSection.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { AccountTag, CollapsibleSection, timestamp } from '@spinnaker/core';
+import type { IKubernetesLoadBalancerDetailsSectionProps } from './IKubernetesLoadBalancerDetailsSectionProps';
+
+export function LoadBalancerInformationSection({ loadBalancer }: IKubernetesLoadBalancerDetailsSectionProps) {
+  const { manifest } = loadBalancer;
+  const spec = manifest?.manifest?.spec ?? {};
+  return (
+    <CollapsibleSection heading="Information" defaultExpanded={true}>
+      <dl className="dl-horizontal dl-narrow">
+        <dt>Created</dt>
+        <dd>{timestamp(loadBalancer.createdTime)}</dd>
+        <dt>Account</dt>
+        <dd>
+          <AccountTag account={loadBalancer.account} />
+        </dd>
+        <dt>Namespace</dt>
+        <dd>{loadBalancer.namespace}</dd>
+        <dt>Kind</dt>
+        <dd>{loadBalancer.kind}</dd>
+        <dt>Service Type</dt>
+        <dd>{spec.type || '-'}</dd>
+        <dt>Sess. Affinity</dt>
+        <dd>{spec.sessionAffinity || '-'}</dd>
+      </dl>
+    </CollapsibleSection>
+  );
+}

package/src/loadBalancer/details/sections/LoadBalancerLabelsSection.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import { CollapsibleSection } from '@spinnaker/core';
+
+import type { IKubernetesLoadBalancerDetailsSectionProps } from './IKubernetesLoadBalancerDetailsSectionProps';
+import { ManifestLabels } from '../../../manifest/ManifestLabels';
+
+export function LoadBalancerLabelsSection({ loadBalancer }: IKubernetesLoadBalancerDetailsSectionProps) {
+  const { manifest } = loadBalancer;
+  return (
+    <CollapsibleSection heading="Labels" defaultExpanded={true}>
+      <ManifestLabels manifest={manifest.manifest} />
+    </CollapsibleSection>
+  );
+}

package/src/loadBalancer/details/sections/LoadBalancerStatusSection.tsx

@@ -0,0 +1,138 @@
+import { UISref } from '@uirouter/react';
+import { isEmpty, orderBy } from 'lodash';
+import React from 'react';
+
+import type { IServerGroup } from '@spinnaker/core';
+import { CollapsibleSection, CopyToClipboard, HealthCounts, robotToHuman } from '@spinnaker/core';
+
+import type { IKubernetesLoadBalancerDetailsSectionProps } from './IKubernetesLoadBalancerDetailsSectionProps';
+
+export function LoadBalancerStatusSection({ loadBalancer }: IKubernetesLoadBalancerDetailsSectionProps) {
+  const { manifest } = loadBalancer;
+  return (
+    <CollapsibleSection heading="Status" defaultExpanded={true}>
+      <dl className="dl-horizontal dl-narrow">
+        {isEmpty(loadBalancer.serverGroups) && (
+          <div>No workloads associated with this {robotToHuman(loadBalancer.kind)}.</div>
+        )}
+        {!isEmpty(loadBalancer.serverGroups) && (
+          <>
+            <dt>Workloads</dt>
+            <dd>
+              <ul>
+                {orderBy(loadBalancer.serverGroups, ['isDisabled', 'name'], ['asc', 'desc']).map(
+                  (serverGroup: IServerGroup) => (
+                    <li key={serverGroup.name}>
+                      <UISref
+                        to="^.serverGroup"
+                        params={{
+                          region: serverGroup.region,
+                          accountId: serverGroup.account,
+                          serverGroup: serverGroup.name,
+                          provider: 'kubernetes',
+                        }}
+                      >
+                        <a>{robotToHuman(serverGroup.name)}</a>
+                      </UISref>
+                    </li>
+                  ),
+                )}
+              </ul>
+            </dd>
+            <div>
+              <dt>Pod status</dt>
+              <dd>
+                <HealthCounts className="pull-left" container={loadBalancer.instanceCounts} />
+              </dd>
+            </div>
+          </>
+        )}
+        {manifest.manifest.spec.clusterIP && (
+          <div>
+            <dt>Cluster IP</dt>
+            <dd>
+              <a target="_blank" href={`//${manifest.manifest.spec.clusterIP}`}>
+                {manifest.manifest.spec.clusterIP}
+              </a>
+              <CopyToClipboard
+                className="sp-margin-s-left copy-to-clipboard copy-to-clipboard-sm"
+                text={manifest.manifest.spec.clusterIP}
+                toolTip="Copy Cluster IP to clipboard"
+              />
+            </dd>
+          </div>
+        )}
+        {manifest.manifest.spec.loadBalancerIP && (
+          <div>
+            <dt>Load Balancer IP</dt>
+            <dd>
+              <a target="_blank" href={`//${manifest.manifest.spec.loadBalancerIP}`}>
+                {manifest.manifest.spec.loadBalancerIP}
+              </a>
+              <CopyToClipboard
+                className="sp-margin-s-left copy-to-clipboard copy-to-clipboard-sm"
+                text={manifest.manifest.spec.loadBalancerIP}
+                toolTip="Copy Load Balancer IP to clipboard"
+              />
+            </dd>
+          </div>
+        )}
+        {!isEmpty(manifest.manifest.spec.rules) && (
+          <div>
+            <dt>Host Rules</dt>
+            {manifest.manifest.spec.rules
+              .filter((ingressRule: { host: string }) => Boolean(ingressRule.host?.trim()))
+              .map((ingressRule: { host: string }) => (
+                <dd>
+                  <a target="_blank" href={`//${ingressRule.host}`}>
+                    {' '}
+                    {ingressRule.host}{' '}
+                  </a>
+                  <CopyToClipboard
+                    className="sp-margin-s-left copy-to-clipboard copy-to-clipboard-sm"
+                    text={ingressRule.host}
+                    toolTip="Copy ingress rule host to clipboard"
+                  />
+                </dd>
+              ))}
+          </div>
+        )}
+        {!isEmpty(manifest.manifest.status.loadBalancer.ingress) && (
+          <div>
+            <dt>Ingress</dt>
+            {manifest.manifest.status.loadBalancer.ingress.map((ingress: { hostname: string; ip: string }) => (
+              <dd>
+                {ingress.hostname && (
+                  <>
+                    <a target="_blank" href={`//${ingress.hostname}`}>
+                      {' '}
+                      {ingress.hostname}{' '}
+                    </a>
+                    <CopyToClipboard
+                      className="sp-margin-s-left copy-to-clipboard copy-to-clipboard-sm"
+                      text={ingress.hostname}
+                      toolTip="Copy Ingress hostname to clipboard"
+                    />
+                  </>
+                )}
+                {ingress.ip && (
+                  <>
+                    <a target="_blank" href={`//${ingress.ip}`}>
+                      {' '}
+                      {ingress.ip}{' '}
+                    </a>
+                    <CopyToClipboard
+                      className="sp-margin-s-left copy-to-clipboard copy-to-clipboard-sm"
+                      text={ingress.ip}
+                      toolTip="Copy Ingress IP to clipboard"
+                    />
+                  </>
+                )}
+              </dd>
+            ))}
+          </div>
+        )}
+      </dl>
+    </CollapsibleSection>
+  );
+}

package/src/loadBalancer/details/sections/index.ts

@@ -0,0 +1,6 @@
+export * from './IKubernetesLoadBalancerDetailsSectionProps';
+export * from './LoadBalancerAnnotationCustomSection';
+export * from './LoadBalancerEventsSection';
+export * from './LoadBalancerInformationSection';
+export * from './LoadBalancerLabelsSection';
+export * from './LoadBalancerStatusSection';