@spinnaker/cloudrun 2026.2.3 → 2026.3.0

package/dist/instance/details/CloudrunInstanceDetails.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Application } from '@spinnaker/core';
+import type { ICloudrunInstance } from '../../common/domain';
+interface ICloudrunInstanceDetailsProps {
+    app: Application;
+    instance: {
+        instanceId: string;
+    };
+}
+interface ICloudrunInstanceDetailsState {
+    loading: boolean;
+    instance?: ICloudrunInstance;
+    instanceIdNotFound?: string;
+}
+export declare class CloudrunInstanceDetails extends React.Component<ICloudrunInstanceDetailsProps, ICloudrunInstanceDetailsState> {
+    state: ICloudrunInstanceDetailsState;
+    private isUnmounted;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private retrieveInstance;
+    render(): JSX.Element;
+}
+export {};

package/dist/loadBalancer/configure/wizard/CloudrunLoadBalancerModal.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { ILoadBalancerModalProps, IRouterInjectedProps } from '@spinnaker/core';
+import { TaskMonitor } from '@spinnaker/core';
+import { CloudrunLoadBalancerUpsertDescription } from '../../loadBalancerTransformer';
+export interface ICloudrunLoadBalancerModalState {
+    loading: boolean;
+    loadBalancer?: CloudrunLoadBalancerUpsertDescription;
+    taskMonitor: TaskMonitor;
+}
+export interface ICloudrunLoadBalancerModalProps extends ILoadBalancerModalProps {
+    isNew?: boolean;
+}
+export declare class CloudrunLoadBalancerModalComponent extends React.Component<ICloudrunLoadBalancerModalProps & IRouterInjectedProps, ICloudrunLoadBalancerModalState> {
+    static show(props: ICloudrunLoadBalancerModalProps): Promise<CloudrunLoadBalancerUpsertDescription>;
+    private transformer;
+    private isUnmounted;
+    private applicationRefreshUnsubscribe?;
+    constructor(props: ICloudrunLoadBalancerModalProps & IRouterInjectedProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private onTaskComplete;
+    private onApplicationRefresh;
+    private clearApplicationRefreshSubscription;
+    private submit;
+    private updateLoadBalancer;
+    render(): JSX.Element;
+}
+export declare const CloudrunLoadBalancerModal: React.ForwardRefExoticComponent<Omit<ICloudrunLoadBalancerModalProps & IRouterInjectedProps, keyof IRouterInjectedProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>> & {
+    show: typeof CloudrunLoadBalancerModalComponent.show;
+};

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ILoadBalancerDetailsSectionProps } from '@spinnaker/core';
+export declare function compareCloudrunLoadBalancerServerGroups(a: any, b: any): number;
+export declare function CloudrunLoadBalancerDetailsSection({ loadBalancer }: ILoadBalancerDetailsSectionProps): JSX.Element;
+export declare function CloudrunLoadBalancerStatusSection({ loadBalancer }: ILoadBalancerDetailsSectionProps): JSX.Element;
+export declare function CloudrunLoadBalancerTrafficSplitSection({ loadBalancer }: ILoadBalancerDetailsSectionProps): JSX.Element;
+export declare function CloudrunLoadBalancerDnsSection({ loadBalancer }: ILoadBalancerDetailsSectionProps): JSX.Element;

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

@@ -0,0 +1,4 @@
+import type { IUseDetailsHookProps, UseDetailsHook } from '@spinnaker/core';
+import type { ICloudrunLoadBalancer } from '../../common/domain';
+export declare const useCloudrunLoadBalancerDetails: UseDetailsHook<ICloudrunLoadBalancer>;
+export declare function findCloudrunLoadBalancer(loadBalancers: ICloudrunLoadBalancer[], loadBalancerParams: IUseDetailsHookProps['loadBalancerParams']): ICloudrunLoadBalancer;

package/dist/loadBalancer/index.d.ts

@@ -1,3 +1,5 @@
 export * from './loadBalancerTransformer';
-export * from './details/details.controller';
-export * from './configure/wizard/wizard.controller';
+export * from './configure/wizard/CloudrunLoadBalancerModal';
+export * from './details/CloudrunLoadBalancerActions';
+export * from './details/sections';
+export * from './details/useCloudrunLoadBalancerDetails';

package/dist/loadBalancer/loadBalancerTransformer.d.ts

@@ -26,13 +26,9 @@ export declare class CloudrunLoadBalancerUpsertDescription implements ILoadBalan
     mapAllocationsToPercentages(): void;
 }
 export declare class CloudrunLoadBalancerTransformer {
-    private $q;
-    static $inject: string[];
-    constructor($q: ng.IQService);
-    normalizeLoadBalancer(loadBalancer: ILoadBalancer): PromiseLike<ILoadBalancer>;
-    convertLoadBalancerForEditing(loadBalancer: ICloudrunLoadBalancer, application: Application): PromiseLike<ICloudrunLoadBalancer>;
+    normalizeLoadBalancer(loadBalancer: ILoadBalancer): Promise<ILoadBalancer>;
+    convertLoadBalancerForEditing(loadBalancer: ICloudrunLoadBalancer, application: Application): Promise<ICloudrunLoadBalancer>;
     convertLoadBalancerToUpsertDescription(loadBalancer: ICloudrunLoadBalancer): CloudrunLoadBalancerUpsertDescription;
     private buildInstanceCounts;
     private transformInstance;
 }
-export declare const CLOUDRUN_LOAD_BALANCER_TRANSFORMER = "spinnaker.cloudrun.loadBalancer.transformer.service";

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

@@ -7,6 +7,11 @@ export interface IStageManifest {
         name: string;
     };
 }
+export interface IStoredManifestReference {
+    type: string;
+    reference: string;
+}
+export declare function isStoredManifestReference(manifest: unknown): manifest is IStoredManifestReference;
 export interface IManifestParams {
     account: string;
     location: string;

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

@@ -26,5 +26,5 @@ export interface ICloudrunManifestSpinnakerRelationships {
 export declare class CloudrunManifestCommandBuilder {
     static manifestCommandIsValid(command: ICloudrunManifestCommand): boolean;
     static copyAndCleanCommand(input: ICloudrunManifestCommand): ICloudrunManifestCommand;
-    static buildNewManifestCommand(app: Application, sourceManifest?: any, sourceMoniker?: IMoniker, sourceAccount?: string): PromiseLike<ICloudrunManifestCommandData>;
+    static buildNewManifestCommand(app: Application, sourceManifest?: any, sourceMoniker?: IMoniker, sourceAccount?: string): Promise<ICloudrunManifestCommandData>;
 }

package/dist/pipeline/stages/deployManifest/manifestStatus/DeployStatus.d.ts

@@ -17,6 +17,7 @@ export declare class DeployStatus extends React.Component<IExecutionDetailsSecti
     componentDidUpdate(_prevProps: IExecutionDetailsSectionProps, prevState: IDeployStatusState): void;
     private subscribeToManifestUpdates;
     private unsubscribeAll;
+    private get storedManifestRefs();
     private stageManifestToIManifest;
     render(): JSX.Element;
 }

package/dist/pipeline/stages/deployManifest/manifestStatus/ManifestDetailsLink.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IManifest } from '@spinnaker/core';
+import type { IManifest, IRouterInjectedProps } from '@spinnaker/core';
 export interface IManifestDetailsProps {
     manifest: IManifest;
     linkName: string;
@@ -8,9 +8,9 @@ export interface IManifestDetailsProps {
 export interface IManifestDetailsState {
     url: string;
 }
-export declare class ManifestDetailsLink extends React.Component<IManifestDetailsProps, IManifestDetailsState> {
+export declare class ManifestDetailsLinkComponent extends React.Component<IManifestDetailsProps & IRouterInjectedProps, IManifestDetailsState> {
     private spinnakerKindStateMap;
-    constructor(props: IManifestDetailsProps);
+    constructor(props: IManifestDetailsProps & IRouterInjectedProps);
     private canOpen;
     private spinnakerKindFromCloudrunKind;
     private resourceRegion;
@@ -18,3 +18,6 @@ export declare class ManifestDetailsLink extends React.Component<IManifestDetail
     private loadUrl;
     render(): JSX.Element;
 }
+export declare const ManifestDetailsLink: React.ForwardRefExoticComponent<Omit<IManifestDetailsProps & IRouterInjectedProps, keyof IRouterInjectedProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;

package/dist/pipeline/stages/editLoadBalancer/CloudrunEditLoadBalancerExecutionDetails.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { IExecutionDetailsSectionProps, ILoadBalancer } from '@spinnaker/core';
+export declare function CloudrunEditLoadBalancerExecutionDetails(props: IExecutionDetailsSectionProps): JSX.Element;
+export declare namespace CloudrunEditLoadBalancerExecutionDetails {
+    var title: string;
+}
+export declare function getLoadBalancerCompositeKey(loadBalancer: Partial<ILoadBalancer>): string;

package/dist/pipeline/stages/editLoadBalancer/CloudrunEditLoadBalancerStageConfig.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { ILoadBalancer, IStageConfigProps } from '@spinnaker/core';
+export declare class CloudrunEditLoadBalancerStageConfig extends React.Component<IStageConfigProps> {
+    componentDidMount(): void;
+    private addLoadBalancer;
+    private editLoadBalancer;
+    private removeLoadBalancer;
+    render(): JSX.Element;
+}
+interface ICloudrunLoadBalancerChoiceModalProps {
+    application: IStageConfigProps['application'];
+    closeModal?: (loadBalancer: ILoadBalancer) => void;
+    dismissModal?: () => void;
+}
+interface ICloudrunLoadBalancerChoiceModalState {
+    loading: boolean;
+    loadBalancers: ILoadBalancer[];
+    selectedLoadBalancer?: ILoadBalancer;
+}
+export declare class CloudrunLoadBalancerChoiceModal extends React.Component<ICloudrunLoadBalancerChoiceModalProps, ICloudrunLoadBalancerChoiceModalState> {
+    static show(props: ICloudrunLoadBalancerChoiceModalProps): Promise<ILoadBalancer>;
+    private mounted;
+    state: ICloudrunLoadBalancerChoiceModalState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private submit;
+    render(): JSX.Element;
+}
+export declare function getLoadBalancerOptionLabel(loadBalancer: ILoadBalancer): string;
+export {};

package/dist/pipeline/stages/editLoadBalancer/cloudrunEditLoadBalancerStage.d.ts

@@ -1 +1,2 @@
-export declare const CLOUDRUN_EDIT_LOAD_BALANCER_STAGE = "spinnaker.cloudrun.pipeline.stage.editLoadBalancerStage";
+import type { IStageTypeConfig } from '@spinnaker/core';
+export declare const CLOUDRUN_EDIT_LOAD_BALANCER_STAGE_CONFIG: IStageTypeConfig;

package/dist/serverGroup/configure/serverGroupCommandBuilder.service.d.ts

@@ -56,19 +56,17 @@ export interface ICloudrunServerGroupSpinnakerRelationships {
     securityGroups?: string[];
 }
 export declare class CloudrunV2ServerGroupCommandBuilder {
-    buildNewServerGroupCommand(app: Application): PromiseLike<ICloudrunServerGroupCommandData>;
+    buildNewServerGroupCommand(app: Application): Promise<ICloudrunServerGroupCommandData>;
     buildNewServerGroupCommandForPipeline(_stage: IStage, pipeline: IPipeline): any;
-    buildServerGroupCommandFromPipeline(app: Application, cluster: CloudrunDeployDescription, _stage: IStage, pipeline: IPipeline): PromiseLike<ICloudrunServerGroupCommandData>;
+    buildServerGroupCommandFromPipeline(app: Application, cluster: CloudrunDeployDescription, _stage: IStage, pipeline: IPipeline): Promise<ICloudrunServerGroupCommandData>;
 }
 export declare class CloudrunServerGroupCommandBuilder {
-    static $inject: string[];
     static ServerGroupCommandIsValid(command: ICloudrunServerGroupCommand): boolean;
     static copyAndCleanCommand(input: ICloudrunServerGroupCommand): ICloudrunServerGroupCommand;
     static buildNewServerGroupCommandForPipeline(stage: IStage, pipeline: IPipeline): any;
     private static getExpectedArtifacts;
-    static buildServerGroupCommandFromPipeline(app: Application, cluster: CloudrunDeployDescription, _stage: IStage, pipeline: IPipeline): PromiseLike<ICloudrunServerGroupCommandData>;
+    static buildServerGroupCommandFromPipeline(app: Application, cluster: CloudrunDeployDescription, _stage: IStage, pipeline: IPipeline): Promise<ICloudrunServerGroupCommandData>;
     static getCredentials(accounts: IAccountDetails[]): string;
     static getRegion(accounts: any[], credentials: string): string;
-    static buildNewServerGroupCommand(app: Application, sourceAccount: string, mode: string): PromiseLike<ICloudrunServerGroupCommandData>;
+    static buildNewServerGroupCommand(app: Application, sourceAccount: string, mode: string): Promise<ICloudrunServerGroupCommandData>;
 }
-export declare const CLOUDRUN_SERVER_GROUP_COMMAND_BUILDER = "spinnaker.cloudrun.serverGroup.commandBuilder.service";

package/dist/serverGroup/configure/wizard/BasicSettings.d.ts

@@ -1,6 +1,6 @@
 import type { FormikProps } from 'formik';
 import React from 'react';
-import type { Application, IAccount, IServerGroup } from '@spinnaker/core';
+import type { Application, IAccount, IRouterInjectedProps, IServerGroup } from '@spinnaker/core';
 import type { ICloudrunServerGroupCommandData } from '../serverGroupCommandBuilder.service';
 export interface IServerGroupBasicSettingsProps {
     accounts: IAccount[];
@@ -16,7 +16,10 @@ export interface IServerGroupBasicSettingsState {
     createsNewCluster: boolean;
     latestServerGroup: IServerGroup;
 }
-export declare function ServerGroupBasicSettings({ accounts, onAccountSelect, selectedAccount, formik, onEnterStack, detailsChanged, app, }: IServerGroupBasicSettingsProps): JSX.Element;
+export declare function ServerGroupBasicSettingsComponent({ accounts, onAccountSelect, selectedAccount, formik, onEnterStack, detailsChanged, app, stateService, }: IServerGroupBasicSettingsProps & IRouterInjectedProps): JSX.Element;
+export declare const ServerGroupBasicSettings: React.ForwardRefExoticComponent<Omit<IServerGroupBasicSettingsProps & IRouterInjectedProps, keyof IRouterInjectedProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;
 export interface IWizardServerGroupBasicSettingsProps {
     formik: FormikProps<ICloudrunServerGroupCommandData>;
     app: Application;

package/dist/serverGroup/configure/wizard/serverGroupWizard.d.ts

@@ -1,25 +1,37 @@
 import React from 'react';
-import type { Application, IModalComponentProps } from '@spinnaker/core';
-import { TaskMonitor } from '@spinnaker/core';
+import type { Application, DeckRuntimeServices, IModalComponentProps, IRouterInjectedProps } from '@spinnaker/core';
+import { DeckRuntimeContext, TaskMonitor } from '@spinnaker/core';
 import type { ICloudrunServerGroupCommandData } from '../serverGroupCommandBuilder.service';
 export interface ICloudrunServerGroupModalProps extends IModalComponentProps {
     title: string;
     application: Application;
     command: ICloudrunServerGroupCommandData;
     isNew?: boolean;
+    closeModal?: (command: any) => void;
+    dismissModal?: () => void;
 }
 export interface ICloudrunServerGroupModalState {
     command: ICloudrunServerGroupCommandData;
     loaded: boolean;
     taskMonitor: TaskMonitor;
 }
-export declare class ServerGroupWizard extends React.Component<ICloudrunServerGroupModalProps, ICloudrunServerGroupModalState> {
-    static defaultProps: Partial<ICloudrunServerGroupModalProps>;
+export declare class ServerGroupWizardComponent extends React.Component<ICloudrunServerGroupModalProps & IRouterInjectedProps, ICloudrunServerGroupModalState> {
+    static contextType: React.Context<import("@spinnaker/core").DeckRuntimeContextValue>;
+    context: React.ContextType<typeof DeckRuntimeContext>;
+    static defaultProps: Partial<ICloudrunServerGroupModalProps & IRouterInjectedProps>;
     private _isUnmounted;
-    static show(props: ICloudrunServerGroupModalProps): Promise<ICloudrunServerGroupCommandData>;
-    constructor(props: ICloudrunServerGroupModalProps);
+    private applicationRefreshUnsubscribe?;
+    static show(props: ICloudrunServerGroupModalProps, runtimeServices: DeckRuntimeServices): Promise<ICloudrunServerGroupCommandData>;
+    constructor(props: ICloudrunServerGroupModalProps & IRouterInjectedProps);
     private onTaskComplete;
     protected onApplicationRefresh: () => void;
+    componentWillUnmount(): void;
+    private clearApplicationRefreshSubscription;
     private submit;
     render(): JSX.Element;
 }
+export declare const ServerGroupWizard: React.ForwardRefExoticComponent<Omit<ICloudrunServerGroupModalProps & IRouterInjectedProps, keyof IRouterInjectedProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>> & {
+    show: typeof ServerGroupWizardComponent.show;
+};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { IRouterInjectedProps, IServerGroupActionsProps } from '@spinnaker/core';
+export declare function CloudrunServerGroupActionsComponent({ app, serverGroup, stateService, }: IServerGroupActionsProps & IRouterInjectedProps): JSX.Element;
+export declare const CloudrunServerGroupActions: React.ForwardRefExoticComponent<Omit<IServerGroupActionsProps & IRouterInjectedProps, keyof IRouterInjectedProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<any>>;

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

@@ -0,0 +1,3 @@
+import { Observable } from 'rxjs';
+import type { IServerGroup, IServerGroupDetailsProps } from '@spinnaker/core';
+export declare const cloudrunServerGroupDetailsGetter: (props: IServerGroupDetailsProps, autoClose: () => void) => Observable<IServerGroup>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { IServerGroupDetailsSectionProps } from '@spinnaker/core';
+export declare function CloudrunServerGroupInformationSection({ serverGroup }: IServerGroupDetailsSectionProps): JSX.Element;
+export declare function CloudrunServerGroupSizeSection({ serverGroup }: IServerGroupDetailsSectionProps): JSX.Element;
+export declare function CloudrunServerGroupHealthSection({ serverGroup }: IServerGroupDetailsSectionProps): JSX.Element;

package/dist/serverGroup/index.d.ts

@@ -1,3 +1,5 @@
 export * from './configure/serverGroupCommandBuilder.service';
 export * from './serverGroupTransformer.service';
-export * from './details/details.controller';
+export * from './details/CloudrunServerGroupActions';
+export * from './details/cloudrunServerGroupDetailsGetter';
+export * from './details/sections';

package/dist/serverGroup/serverGroupTransformer.service.d.ts

@@ -1,10 +1,7 @@
 import type { IServerGroup } from '@spinnaker/core';
 import type { ICloudrunServerGroupCommand } from '../serverGroup/configure/serverGroupCommandBuilder.service';
 export declare class CloudrunV2ServerGroupTransformer {
-    private $q;
-    static $inject: string[];
-    constructor($q: ng.IQService);
-    normalizeServerGroup(serverGroup: IServerGroup): PromiseLike<IServerGroup>;
+    normalizeServerGroup(serverGroup: IServerGroup): Promise<IServerGroup>;
     convertServerGroupCommandToDeployConfiguration(command: ICloudrunServerGroupCommand): any;
 }
 export declare class CloudrunDeployDescription {
@@ -28,4 +25,3 @@ export declare class CloudrunDeployDescription {
     sourceType: string;
     constructor(command: ICloudrunServerGroupCommand);
 }
-export declare const CLOUDRUN_SERVER_GROUP_TRANSFORMER = "spinnaker.cloudrun.serverGroup.transformer.service";

package/package.json

@@ -5,7 +5,7 @@
     "url": "https://github.com/spinnaker/spinnaker.git"
   },
   "license": "Apache-2.0",
-  "version": "2026.2.3",
+  "version": "2026.3.0",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "publishConfig": {
@@ -22,30 +22,23 @@
   },
   "dependencies": {
     "@spinnaker/core": "^0.29.1",
-    "@uirouter/angularjs": "1.0.26",
     "@uirouter/react": "1.0.7",
-    "angular": "1.8.3",
-    "angular-ui-bootstrap": "2.5.0",
     "brace": "0.11.1",
     "dompurify": "^3.0.0",
     "enzyme": "3.11.0",
     "formik": "1.5.1",
-    "js-yaml": "3.13.1",
+    "js-yaml": "4.1.1",
     "lodash": "4.18.1",
     "luxon": "1.28.1",
-    "ngimport": "0.6.1",
     "react": "16.14.0",
     "react-ace": "6.4.0",
     "react-bootstrap": "0.32.1",
     "react-select": "1.2.1",
-    "react2angular": "3.2.1",
     "rxjs": "6.6.7"
   },
   "devDependencies": {
     "@spinnaker/eslint-plugin": "^3.0.2",
     "@spinnaker/scripts": "^0.4.0",
-    "@types/angular": "1.8.5",
-    "@types/angular-ui-bootstrap": "0.13.41",
     "@types/dompurify": "^2.3.3",
     "@types/enzyme": "3.10.3",
     "@types/js-yaml": "3.5.30",
@@ -55,7 +48,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": "a4e60ac0d767ffea0a41057a8bd9b0df110dfaa4"
+  "gitHead": "0f7d75f5d4b42c1675e2ecc69a53f8eb73090eb9"
 }

package/src/cloudrun.module.spec.ts

@@ -0,0 +1,22 @@
+import { CloudProviderRegistry } from '@spinnaker/core';
+
+import './index';
+import { CloudrunLoadBalancerTransformer } from './loadBalancer/loadBalancerTransformer';
+import { CloudrunV2ServerGroupCommandBuilder } from './serverGroup/configure/serverGroupCommandBuilder.service';
+import { CloudrunV2ServerGroupTransformer } from './serverGroup/serverGroupTransformer.service';
+
+describe('Cloud Run provider registration', () => {
+  it('registers the provider configuration', () => {
+    expect(CloudProviderRegistry.getValue('cloudrun', 'instance.details')).toBeDefined();
+    expect(CloudProviderRegistry.getValue('cloudrun', 'serverGroup.commandBuilder')).toBe(
+      CloudrunV2ServerGroupCommandBuilder,
+    );
+    expect(CloudProviderRegistry.getValue('cloudrun', 'serverGroup.transformer')).toBe(
+      CloudrunV2ServerGroupTransformer,
+    );
+    expect(CloudProviderRegistry.getValue('cloudrun', 'loadBalancer.transformer')).toBe(
+      CloudrunLoadBalancerTransformer,
+    );
+    expect(CloudProviderRegistry.getValue('cloudrun', 'loadBalancer.CreateLoadBalancerModal')).toBeDefined();
+  });
+});

package/src/cloudrun.module.ts

@@ -1,73 +1,68 @@
-import { module } from 'angular';
-
 import { CloudProviderRegistry, DeploymentStrategyRegistry } from '@spinnaker/core';
 
-import { CLOUDRUN_COMPONENT_URL_DETAILS } from './common/componentUrlDetails.component';
-import { CLOUDRUN_LOAD_BALANCER_CREATE_MESSAGE } from './common/loadBalancerMessage.component';
 import './help/cloudrun.help';
-import { CLOUDRUN_INSTANCE_DETAILS_CTRL } from './instance/details/details.controller';
-import { CLOUDRUN_ALLOCATION_CONFIGURATION_ROW } from './loadBalancer/configure/wizard/allocationConfigurationRow.component';
-import { CLOUDRUN_LOAD_BALANCER_BASIC_SETTINGS } from './loadBalancer/configure/wizard/basicSettings.component';
-import { CLOUDRUN_STAGE_ALLOCATION_CONFIGURATION_ROW } from './loadBalancer/configure/wizard/stageAllocationConfigurationRow.component';
-import { CLOUDRUN_LOAD_BALANCER_WIZARD_CTRL } from './loadBalancer/configure/wizard/wizard.controller';
-import { CLOUDRUN_LOAD_BALANCER_DETAILS_CTRL } from './loadBalancer/details/details.controller';
-import { CLOUDRUN_LOAD_BALANCER_TRANSFORMER } from './loadBalancer/loadBalancerTransformer';
+import { CloudrunInstanceDetails } from './instance/details/CloudrunInstanceDetails';
+import { CloudrunLoadBalancerModal } from './loadBalancer/configure/wizard/CloudrunLoadBalancerModal';
+import { CloudrunLoadBalancerActions } from './loadBalancer/details/CloudrunLoadBalancerActions';
+import {
+  CloudrunLoadBalancerDetailsSection,
+  CloudrunLoadBalancerDnsSection,
+  CloudrunLoadBalancerStatusSection,
+  CloudrunLoadBalancerTrafficSplitSection,
+} from './loadBalancer/details/sections';
+import { useCloudrunLoadBalancerDetails } from './loadBalancer/details/useCloudrunLoadBalancerDetails';
+import { CloudrunLoadBalancerTransformer } from './loadBalancer/loadBalancerTransformer';
 import logo from './logo/cloudrun.logo.png';
-import { CLOUDRUN_PIPELINE_MODULE } from './pipeline/pipeline.module';
 import './pipeline/stages/deployManifest/deployStage';
-import { CLOUDRUN_SERVER_GROUP_COMMAND_BUILDER } from './serverGroup/configure/serverGroupCommandBuilder.service';
+import './pipeline/stages/editLoadBalancer/cloudrunEditLoadBalancerStage';
+import { CloudrunV2ServerGroupCommandBuilder } from './serverGroup/configure/serverGroupCommandBuilder.service';
 import { ServerGroupWizard } from './serverGroup/configure/wizard/serverGroupWizard';
-import { CLOUDRUN_SERVER_GROUP_DETAILS_CTRL } from './serverGroup/details/details.controller';
-import { CLOUDRUN_SERVER_GROUP_TRANSFORMER } from './serverGroup/serverGroupTransformer.service';
+import { CloudrunServerGroupActions } from './serverGroup/details/CloudrunServerGroupActions';
+import { cloudrunServerGroupDetailsGetter } from './serverGroup/details/cloudrunServerGroupDetailsGetter';
+import {
+  CloudrunServerGroupHealthSection,
+  CloudrunServerGroupInformationSection,
+  CloudrunServerGroupSizeSection,
+} from './serverGroup/details/sections';
+import { CloudrunV2ServerGroupTransformer } from './serverGroup/serverGroupTransformer.service';
 
 import './logo/cloudrun.logo.less';
 
-export const CLOUDRUN_MODULE = 'spinnaker.cloudrun';
-
-const requires = [
-  CLOUDRUN_COMPONENT_URL_DETAILS,
-  CLOUDRUN_SERVER_GROUP_COMMAND_BUILDER,
-  CLOUDRUN_SERVER_GROUP_DETAILS_CTRL,
-  CLOUDRUN_SERVER_GROUP_TRANSFORMER,
-  CLOUDRUN_LOAD_BALANCER_TRANSFORMER,
-  CLOUDRUN_LOAD_BALANCER_DETAILS_CTRL,
-  CLOUDRUN_LOAD_BALANCER_WIZARD_CTRL,
-  CLOUDRUN_LOAD_BALANCER_CREATE_MESSAGE,
-  CLOUDRUN_ALLOCATION_CONFIGURATION_ROW,
-  CLOUDRUN_LOAD_BALANCER_BASIC_SETTINGS,
-  CLOUDRUN_STAGE_ALLOCATION_CONFIGURATION_ROW,
-  CLOUDRUN_PIPELINE_MODULE,
-  CLOUDRUN_INSTANCE_DETAILS_CTRL,
-];
-
-module(CLOUDRUN_MODULE, requires).config(() => {
-  CloudProviderRegistry.registerProvider('cloudrun', {
-    name: 'cloudrun',
-    logo: {
-      path: logo,
-    },
+CloudProviderRegistry.registerProvider('cloudrun', {
+  name: 'cloudrun',
+  logo: {
+    path: logo,
+  },
 
-    instance: {
-      detailsTemplateUrl: require('./instance/details/details.html'),
-      detailsController: 'cloudrunInstanceDetailsCtrl',
-    },
-    serverGroup: {
-      CloneServerGroupModal: ServerGroupWizard,
-      commandBuilder: 'cloudrunV2ServerGroupCommandBuilder',
-      detailsController: 'cloudrunV2ServerGroupDetailsCtrl',
-      detailsTemplateUrl: require('./serverGroup/details/details.html'),
-      transformer: 'cloudrunV2ServerGroupTransformer',
-      skipUpstreamStageCheck: true,
-    },
+  instance: {
+    details: CloudrunInstanceDetails,
+  },
+  serverGroup: {
+    CloneServerGroupModal: ServerGroupWizard,
+    commandBuilder: CloudrunV2ServerGroupCommandBuilder,
+    detailsActions: CloudrunServerGroupActions,
+    detailsGetter: cloudrunServerGroupDetailsGetter,
+    detailsSections: [
+      CloudrunServerGroupInformationSection,
+      CloudrunServerGroupSizeSection,
+      CloudrunServerGroupHealthSection,
+    ],
+    transformer: CloudrunV2ServerGroupTransformer,
+    skipUpstreamStageCheck: true,
+  },
 
-    loadBalancer: {
-      transformer: 'cloudrunLoadBalancerTransformer',
-      createLoadBalancerTemplateUrl: require('./loadBalancer/configure/wizard/wizard.html'),
-      createLoadBalancerController: 'cloudrunLoadBalancerWizardCtrl',
-      detailsTemplateUrl: require('./loadBalancer/details/details.html'),
-      detailsController: 'cloudrunLoadBalancerDetailsCtrl',
-    },
-  });
+  loadBalancer: {
+    transformer: CloudrunLoadBalancerTransformer,
+    CreateLoadBalancerModal: CloudrunLoadBalancerModal,
+    useDetailsHook: useCloudrunLoadBalancerDetails,
+    detailsActions: CloudrunLoadBalancerActions,
+    detailsSections: [
+      CloudrunLoadBalancerDetailsSection,
+      CloudrunLoadBalancerStatusSection,
+      CloudrunLoadBalancerTrafficSplitSection,
+      CloudrunLoadBalancerDnsSection,
+    ],
+  },
 });
 
 DeploymentStrategyRegistry.registerProvider('cloudrun', ['custom', 'redblack', 'rollingpush', 'rollingredblack']);

package/src/common/ComponentUrlDetails.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+import { CopyToClipboard } from '@spinnaker/core';
+
+export function ComponentUrlDetails({ component }: { component: { url?: string; httpsUrl?: string } }) {
+  if (!component?.url) {
+    return null;
+  }
+
+  return (
+    <>
+      <dt>HTTPS</dt>
+      <dd className="small">
+        <a href={component.url} target="_blank" rel="noopener noreferrer">
+          {component.url}
+        </a>
+        <CopyToClipboard
+          className="copy-to-clipboard copy-to-clipboard-sm"
+          toolTip="Copy URL to clipboard"
+          text={component.httpsUrl || component.url}
+        />
+      </dd>
+    </>
+  );
+}

package/src/common/LoadBalancerMessage.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+export function LoadBalancerMessage({ showCreateMessage = false }: { showCreateMessage?: boolean }) {
+  return (
+    <div className="row">
+      <div className="col-md-offset-1 col-md-10">
+        <div className="well">
+          <p>
+            {showCreateMessage && <span>Spinnaker cannot create a load balancer for Cloud Run. </span>}A Spinnaker load
+            balancer maps to an Cloud Run Service, which will be created automatically alongside a Revision. Once
+            created, the Service can be edited as a Load Balancer.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/index.ts

@@ -1,3 +1,4 @@
-export * from './cloudrun.module';
+import './cloudrun.module';
+
 export * from './serverGroup';
 export * from './loadBalancer';