@spinnaker/core 0.10.0 → 0.11.3

package/dist/managed/config/GitIntegration.d.ts

@@ -1,5 +1,5 @@
 import { FetchApplicationManagementDataQuery } from '../graphql/graphql-sdk';
 import './GitIntegration.less';
 declare type IGitIntegrationProps = NonNullable<NonNullable<FetchApplicationManagementDataQuery['application']>['gitIntegration']>;
-export declare const GitIntegration: ({ isEnabled, branch, link, repository }: IGitIntegrationProps) => JSX.Element;
+export declare const GitIntegration: ({ isEnabled, branch, link, repository, manifestPath }: IGitIntegrationProps) => JSX.Element;
 export {};

package/dist/managed/graphql/graphql-sdk.d.ts

@@ -126,6 +126,18 @@ export interface MdConstraintStatusPayload {
     reference: Scalars['String'];
     status: MdConstraintStatus;
 }
+export interface MdDeployLocation {
+    __typename?: 'MdDeployLocation';
+    account?: Maybe<Scalars['String']>;
+    region?: Maybe<Scalars['String']>;
+    sublocations?: Maybe<Array<Scalars['String']>>;
+}
+export interface MdDeployTarget {
+    __typename?: 'MdDeployTarget';
+    cloudProvider?: Maybe<Scalars['String']>;
+    location?: Maybe<MdDeployLocation>;
+    status?: Maybe<MdRolloutTargetStatus>;
+}
 export interface MdDismissNotificationPayload {
     application: Scalars['String'];
     id: Scalars['String'];
@@ -147,6 +159,15 @@ export interface MdEnvironmentState {
     artifacts?: Maybe<Array<MdArtifact>>;
 }
 export declare type MdEventLevel = 'SUCCESS' | 'INFO' | 'WARNING' | 'ERROR';
+export interface MdExecutionSummary {
+    __typename?: 'MdExecutionSummary';
+    status: MdTaskStatus;
+    currentStage?: Maybe<MdStageDetail>;
+    stages?: Maybe<Array<MdStageDetail>>;
+    deployTargets?: Maybe<Array<MdDeployTarget>>;
+    completedDeployTargets?: Maybe<Array<MdDeployTarget>>;
+    error?: Maybe<Scalars['String']>;
+}
 export interface MdGitIntegration {
     __typename?: 'MdGitIntegration';
     id: Scalars['String'];
@@ -276,6 +297,7 @@ export interface MdResourceTask {
     __typename?: 'MdResourceTask';
     id: Scalars['String'];
     name: Scalars['String'];
+    summary?: Maybe<MdExecutionSummary>;
 }
 export interface MdRetryArtifactActionPayload {
     application: Scalars['String'];
@@ -285,6 +307,19 @@ export interface MdRetryArtifactActionPayload {
     actionId: Scalars['String'];
     actionType: MdActionType;
 }
+export declare type MdRolloutTargetStatus = 'NOT_STARTED' | 'RUNNING' | 'SUCCEEDED' | 'FAILED';
+export interface MdStageDetail {
+    __typename?: 'MdStageDetail';
+    id?: Maybe<Scalars['String']>;
+    type?: Maybe<Scalars['String']>;
+    name?: Maybe<Scalars['String']>;
+    startTime?: Maybe<Scalars['InstantTime']>;
+    endTime?: Maybe<Scalars['InstantTime']>;
+    status?: Maybe<MdTaskStatus>;
+    refId?: Maybe<Scalars['String']>;
+    requisiteStageRefIds?: Maybe<Array<Scalars['String']>>;
+}
+export declare type MdTaskStatus = 'NOT_STARTED' | 'RUNNING' | 'PAUSED' | 'SUSPENDED' | 'SUCCEEDED' | 'FAILED_CONTINUE' | 'TERMINAL' | 'CANCELED' | 'REDIRECT' | 'STOPPED' | 'BUFFERED' | 'SKIPPED';
 export interface MdToggleResourceManagementPayload {
     id: Scalars['ID'];
     isPaused: Scalars['Boolean'];
@@ -604,7 +639,7 @@ export declare type FetchApplicationManagementDataQuery = {
         } & Pick<MdConfig, 'id' | 'updatedAt' | 'rawConfig' | 'processedConfig'>>;
         gitIntegration?: Maybe<{
             __typename?: 'MdGitIntegration';
-        } & Pick<MdGitIntegration, 'id' | 'repository' | 'branch' | 'isEnabled' | 'link'>>;
+        } & Pick<MdGitIntegration, 'id' | 'repository' | 'branch' | 'isEnabled' | 'link' | 'manifestPath'>>;
     }>;
 };
 export declare type FetchApplicationManagementStatusQueryVariables = Exact<{

package/dist/managed/utils/defaults.d.ts

@@ -1,3 +1,4 @@
+import { IManagedDeliveryURLs } from '../../config/settings';
 import { IHoverablePopoverProps } from '../../presentation';
 import { ISpinnerProps } from '../../widgets';
 export declare const TOOLTIP_DELAY_SHOW = 400;
@@ -7,3 +8,4 @@ export declare const MODAL_MAX_WIDTH = 750;
 export declare const spinnerProps: ISpinnerProps;
 export declare const ABSOLUTE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss ZZZZ";
 export declare const MD_CATEGORY = "ManagedDelivery";
+export declare const getDocsUrl: (doc: keyof IManagedDeliveryURLs) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spinnaker/core",
   "license": "Apache-2.0",
-  "version": "0.10.0",
+  "version": "0.11.3",
   "module": "dist/index.js",
   "typings": "dist/index.d.ts",
   "scripts": {
@@ -120,5 +120,5 @@
     "shx": "0.3.3",
     "typescript": "4.3.5"
   },
-  "gitHead": "9747e3eb05df8aa158fde06878a0fac5dfe24ac2"
+  "gitHead": "67fd3038a84114b28ef578bd474d5ed88841b568"
 }

package/src/config/settings.ts

@@ -67,6 +67,14 @@ export interface INewApplicationDefaults {
   chaosMonkey?: boolean;
 }
 
+export interface IManagedDeliveryURLs {
+  gettingStarted: string;
+  root: string;
+  pinning: string;
+  resourceStatus: string;
+  markAsBad: string;
+}
+
 export interface ISpinnakerSettings {
   [key: string]: any;
 
@@ -111,9 +119,9 @@ export interface ISpinnakerSettings {
   gitSources: string[];
   hiddenStages: string[];
   managedDelivery?: {
-    gettingStartedUrl?: string;
     defaultManifest: string;
     manifestBasePath: string;
+    urls?: Partial<IManagedDeliveryURLs>;
   };
   maxPipelineAgeDays: number;
   newApplicationDefaults: INewApplicationDefaults;

package/src/domain/IManagedEntity.ts

@@ -15,6 +15,7 @@ export enum ManagedResourceStatus {
   UNHAPPY = 'UNHAPPY',
   UNKNOWN = 'UNKNOWN',
   WAITING = 'WAITING',
+  DELETING = 'DELETING',
 }
 
 type DeprecatedStatus = 'OVERRIDE_PASS' | 'OVERRIDE_FAIL' | 'NOT_EVALUATED'; // will be removed in future versions

package/src/managed/UnmanagedMessage.tsx

@@ -1,11 +1,8 @@
 import React from 'react';
-
-import { SETTINGS } from '../config';
-
-const defaultGettingStartedUrl = 'https://www.spinnaker.io/guides/user/managed-delivery/getting-started/';
+import { getDocsUrl } from './utils/defaults';
 
 export const UnmanagedMessage = () => {
-  const gettingStartedLink = SETTINGS.managedDelivery?.gettingStartedUrl || defaultGettingStartedUrl;
+  const gettingStartedLink = getDocsUrl('gettingStarted');
   return (
     <div style={{ width: '100%' }}>
       Welcome! This application does not have any environments or artifacts. Check out the{' '}

package/src/managed/config/Configuration.tsx

@@ -17,7 +17,7 @@ import { Messages } from '../messages/Messages';
 import { showModal, useApplicationContextSafe } from '../../presentation';
 import { ActionModal, IArtifactActionModalProps } from '../utils/ActionModal';
 import { getIsDebugMode } from '../utils/debugMode';
-import { MODAL_MAX_WIDTH, spinnerProps } from '../utils/defaults';
+import { getDocsUrl, MODAL_MAX_WIDTH, spinnerProps } from '../utils/defaults';
 import { useLogEvent } from '../utils/logging';
 import { Spinner } from '../../widgets';
 
@@ -158,14 +158,14 @@ export const DisableManagementModal = ({ application, ...props }: InternalModalP
               Careful! You’re about to stop Spinnaker from managing all resources in your application.
             </span>
             This feature should only be used if management is not working properly and manual intervention is required.{' '}
-            <a href="https://www.spinnaker.io/guides/user/managed-delivery" target="_blank">
+            <a href={getDocsUrl('root')} target="_blank">
               Check our documentation for more information
             </a>
             .
           </p>
           <p>
             Need to rollback?{' '}
-            <a href="https://www.spinnaker.io/guides/user/managed-delivery/pinning/" target="_blank">
+            <a href={getDocsUrl('pinning')} target="_blank">
               Try pinning a version instead
             </a>
             .

package/src/managed/config/GitIntegration.less

@@ -4,4 +4,19 @@
     color: var(--color-dovegray);
     margin-left: 20px;
   }
+
+  .ManifestPath {
+    min-height: 30px;
+
+    .manifest-input {
+      width: auto;
+      min-width: 200px;
+      padding-right: 24px;
+    }
+
+    code {
+      color: var(--color-accent);
+      background-color: transparent;
+    }
+  }
 }

package/src/managed/config/GitIntegration.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { SETTINGS } from '../../config';
 import {
   FetchApplicationManagementDataDocument,
   FetchApplicationManagementDataQuery,
@@ -15,7 +16,68 @@ type IGitIntegrationProps = NonNullable<
   NonNullable<FetchApplicationManagementDataQuery['application']>['gitIntegration']
 >;
 
-export const GitIntegration = ({ isEnabled, branch, link, repository }: IGitIntegrationProps) => {
+const ManifestPath = ({ manifestPath }: Pick<IGitIntegrationProps, 'manifestPath'>) => {
+  const [currentPath, setCurrentPath] = React.useState(manifestPath);
+  const [isEditing, setIsEditing] = React.useState(false);
+  const appName = useApplicationContextSafe().name;
+  const [updateIntegration, { loading }] = useUpdateGitIntegrationMutation({
+    refetchQueries: [{ query: FetchApplicationManagementDataDocument, variables: { appName } }],
+    onCompleted: () => {
+      setIsEditing(false);
+    },
+  });
+
+  const baseManifestPath = SETTINGS.managedDelivery?.manifestBasePath + '/';
+
+  return (
+    <div className="sp-margin-s-top horizontal middle ManifestPath">
+      Config file path:{' '}
+      {isEditing ? (
+        <form
+          className="horizontal middle"
+          onSubmit={(e) => {
+            e.preventDefault();
+            updateIntegration({ variables: { payload: { application: appName, manifestPath: currentPath } } });
+          }}
+        >
+          <code>{baseManifestPath}</code>
+          <input
+            value={currentPath}
+            className="form-control horizontal manifest-input input-sm sp-margin-xs-left"
+            onChange={(e) => setCurrentPath(e.target.value)}
+            autoFocus
+          />
+          <button
+            className="btn md-btn md-btn-accent sp-padding-xs-yaxis sp-padding-s-xaxis sp-margin-s-left"
+            type="submit"
+            disabled={loading}
+          >
+            Save
+          </button>
+        </form>
+      ) : (
+        <code>
+          {baseManifestPath}
+          {manifestPath}
+        </code>
+      )}
+      {loading ? (
+        <Spinner mode="circular" size="nano" color="var(--color-accent)" className="sp-margin-s-left" />
+      ) : (
+        <button
+          className="btn-link no-padding no-border sp-margin-s-left"
+          onClick={() => {
+            setIsEditing((state) => !state);
+          }}
+        >
+          <i className={isEditing ? 'fas fa-times' : 'far fa-edit'} />
+        </button>
+      )}
+    </div>
+  );
+};
+
+export const GitIntegration = ({ isEnabled, branch, link, repository, manifestPath }: IGitIntegrationProps) => {
   const appName = useApplicationContextSafe().name;
   const [updateIntegration, { loading }] = useUpdateGitIntegrationMutation({
     refetchQueries: [{ query: FetchApplicationManagementDataDocument, variables: { appName } }],
@@ -56,6 +118,7 @@ export const GitIntegration = ({ isEnabled, branch, link, repository }: IGitInte
         Turning this on will automatically import your config from git when a new commit is made to{' '}
         {branch || 'your main branch'}
       </div>
+      <ManifestPath manifestPath={manifestPath} />
     </div>
   );
 };

package/src/managed/externals/ManagedResourceConfig.tsx

@@ -14,6 +14,7 @@ import {
 import { withErrorBoundary } from '../../presentation/SpinErrorBoundary';
 import { ValidationMessage } from '../../presentation/forms/validation';
 import { logger } from '../../utils';
+import { getDocsUrl } from '../utils/defaults';
 import { Spinner } from '../../widgets/spinners/Spinner';
 
 import './ManagedResourceConfig.less';
@@ -95,11 +96,7 @@ const ManagedResourceConfigInternal = ({ application }: IManagedResourceConfigPr
       )}
       <div className="color-text-caption sp-margin-l-top">
         Not sure what this means?{' '}
-        <a
-          target="_blank"
-          onClick={() => logClick('Documentation', application.name)}
-          href="https://www.spinnaker.io/guides/user/managed-delivery"
-        >
+        <a target="_blank" onClick={() => logClick('Documentation', application.name)} href={getDocsUrl('root')}>
           Check out our documentation
         </a>
       </div>

package/src/managed/externals/ManagedResourceDetailsIndicator.tsx

@@ -11,6 +11,7 @@ import { ReactInjector } from '../../reactShims';
 import { showManagedResourceHistoryModal } from '../resourceHistory/ManagedResourceHistoryModal';
 import { toggleResourcePause } from './toggleResourceManagement';
 import { logger } from '../../utils/Logger';
+import { getDocsUrl } from '../utils/defaults';
 
 import './ManagedResourceDetailsIndicator.css';
 
@@ -43,11 +44,7 @@ export const ManagedResourceDetailsIndicator = ({
       </p>
       <p>
         If a difference from the desired state is detected, Spinnaker will act to correct it.{' '}
-        <a
-          target="_blank"
-          onClick={() => logClick('Learn More', id)}
-          href="https://www.spinnaker.io/guides/user/managed-delivery/"
-        >
+        <a target="_blank" onClick={() => logClick('Learn More', id)} href={getDocsUrl('root')}>
           Learn More
         </a>
       </p>

package/src/managed/externals/managedResourceStatusConfig.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 
 import { IconNames } from '@spinnaker/presentation';
+
 import { Application } from '../../application';
 import { IManagedResourceSummary, ManagedResourceStatus } from '../../domain';
 import { logger } from '../../utils';
+import { getDocsUrl } from '../utils/defaults';
 
 interface IViewConfiguration {
   appearance: 'info' | 'warning' | 'error';
@@ -22,15 +24,22 @@ const LearnMoreLink = ({ resourceSummary }: { resourceSummary: IManagedResourceS
   <a
     target="_blank"
     onClick={() => logClick('Status docs link', resourceSummary.id, resourceSummary.status)}
-    href={`https://www.spinnaker.io/guides/user/managed-delivery/resource-status/#${resourceSummary.status
-      .toLowerCase()
-      .replace('_', '-')}`}
+    href={`${getDocsUrl('resourceStatus')}#${resourceSummary.status.toLowerCase().replace('_', '-')}`}
   >
     Learn more
   </a>
 );
 
 export const viewConfigurationByStatus: { [status in ManagedResourceStatus]: IViewConfiguration } = {
+  DELETING: {
+    appearance: 'warning',
+    iconName: 'mdActuating',
+    popoverContents: () => (
+      <p>
+        <b>Spinnaker is deleting this temporary managed resource</b>
+      </p>
+    ),
+  },
   ACTUATING: {
     appearance: 'info',
     iconName: 'mdActuating',

package/src/managed/graphql/graphql-sdk.ts

@@ -144,6 +144,20 @@ export interface MdConstraintStatusPayload {
   status: MdConstraintStatus;
 }
 
+export interface MdDeployLocation {
+  __typename?: 'MdDeployLocation';
+  account?: Maybe<Scalars['String']>;
+  region?: Maybe<Scalars['String']>;
+  sublocations?: Maybe<Array<Scalars['String']>>;
+}
+
+export interface MdDeployTarget {
+  __typename?: 'MdDeployTarget';
+  cloudProvider?: Maybe<Scalars['String']>;
+  location?: Maybe<MdDeployLocation>;
+  status?: Maybe<MdRolloutTargetStatus>;
+}
+
 export interface MdDismissNotificationPayload {
   application: Scalars['String'];
   id: Scalars['String'];
@@ -169,6 +183,16 @@ export interface MdEnvironmentState {
 
 export type MdEventLevel = 'SUCCESS' | 'INFO' | 'WARNING' | 'ERROR';
 
+export interface MdExecutionSummary {
+  __typename?: 'MdExecutionSummary';
+  status: MdTaskStatus;
+  currentStage?: Maybe<MdStageDetail>;
+  stages?: Maybe<Array<MdStageDetail>>;
+  deployTargets?: Maybe<Array<MdDeployTarget>>;
+  completedDeployTargets?: Maybe<Array<MdDeployTarget>>;
+  error?: Maybe<Scalars['String']>;
+}
+
 export interface MdGitIntegration {
   __typename?: 'MdGitIntegration';
   id: Scalars['String'];
@@ -317,6 +341,7 @@ export interface MdResourceTask {
   __typename?: 'MdResourceTask';
   id: Scalars['String'];
   name: Scalars['String'];
+  summary?: Maybe<MdExecutionSummary>;
 }
 
 export interface MdRetryArtifactActionPayload {
@@ -328,6 +353,34 @@ export interface MdRetryArtifactActionPayload {
   actionType: MdActionType;
 }
 
+export type MdRolloutTargetStatus = 'NOT_STARTED' | 'RUNNING' | 'SUCCEEDED' | 'FAILED';
+
+export interface MdStageDetail {
+  __typename?: 'MdStageDetail';
+  id?: Maybe<Scalars['String']>;
+  type?: Maybe<Scalars['String']>;
+  name?: Maybe<Scalars['String']>;
+  startTime?: Maybe<Scalars['InstantTime']>;
+  endTime?: Maybe<Scalars['InstantTime']>;
+  status?: Maybe<MdTaskStatus>;
+  refId?: Maybe<Scalars['String']>;
+  requisiteStageRefIds?: Maybe<Array<Scalars['String']>>;
+}
+
+export type MdTaskStatus =
+  | 'NOT_STARTED'
+  | 'RUNNING'
+  | 'PAUSED'
+  | 'SUSPENDED'
+  | 'SUCCEEDED'
+  | 'FAILED_CONTINUE'
+  | 'TERMINAL'
+  | 'CANCELED'
+  | 'REDIRECT'
+  | 'STOPPED'
+  | 'BUFFERED'
+  | 'SKIPPED';
+
 export interface MdToggleResourceManagementPayload {
   id: Scalars['ID'];
   isPaused: Scalars['Boolean'];
@@ -695,7 +748,7 @@ export type FetchApplicationManagementDataQuery = { __typename?: 'Query' } & {
         gitIntegration?: Maybe<
           { __typename?: 'MdGitIntegration' } & Pick<
             MdGitIntegration,
-            'id' | 'repository' | 'branch' | 'isEnabled' | 'link'
+            'id' | 'repository' | 'branch' | 'isEnabled' | 'link' | 'manifestPath'
           >
         >;
       }
@@ -1309,6 +1362,7 @@ export const FetchApplicationManagementDataDocument = gql`
         branch
         isEnabled
         link
+        manifestPath
       }
     }
   }

package/src/managed/graphql/schema.graphql

@@ -197,6 +197,42 @@ type MdResourceActuationState {
 type MdResourceTask {
   id: String!
   name: String!
+  summary: MdExecutionSummary
+}
+
+type MdExecutionSummary {
+  status: MdTaskStatus!
+  currentStage: MdStageDetail,
+  stages: [MdStageDetail!]
+  deployTargets: [MdDeployTarget!]
+  completedDeployTargets: [MdDeployTarget!]
+  error: String
+}
+
+type MdDeployTarget {
+  cloudProvider: String
+  location: MdDeployLocation
+  status: MdRolloutTargetStatus
+}
+enum MdRolloutTargetStatus {
+  NOT_STARTED, RUNNING, SUCCEEDED, FAILED
+}
+
+type MdDeployLocation {
+  account: String
+  region: String
+  sublocations: [String!]
+}
+
+type MdStageDetail {
+  id: String
+  type: String
+  name: String
+  startTime: InstantTime
+  endTime: InstantTime
+  status: MdTaskStatus
+  refId: String
+  requisiteStageRefIds: [String!]
 }
 
 type MdResource {
@@ -354,6 +390,21 @@ enum MdEventLevel {
   SUCCESS, INFO, WARNING, ERROR
 }
 
+enum MdTaskStatus {
+  NOT_STARTED,
+  RUNNING,
+  PAUSED,
+  SUSPENDED,
+  SUCCEEDED,
+  FAILED_CONTINUE,
+  TERMINAL,
+  CANCELED,
+  REDIRECT,
+  STOPPED,
+  BUFFERED,
+  SKIPPED
+}
+
 input MdDismissNotificationPayload {
   application: String!
   id: String!

package/src/managed/overview/artifact/ArtifactActionModal.tsx

@@ -3,11 +3,12 @@ import React from 'react';
 import { Illustration } from '@spinnaker/presentation';
 import { logger } from '../../../utils';
 import { ActionModal, IArtifactActionModalProps } from '../../utils/ActionModal';
+import { getDocsUrl } from '../../utils/defaults';
 
 type InternalModalProps = Omit<IArtifactActionModalProps, 'logCategory'> & { application: string };
 
-const MARK_BAD_DOCS_URL = 'https://www.spinnaker.io/guides/user/managed-delivery/marking-as-bad/';
-const PINNING_DOCS_URL = 'https://www.spinnaker.io/guides/user/managed-delivery/pinning';
+const MARK_BAD_DOCS_URL = getDocsUrl('markAsBad');
+const PINNING_DOCS_URL = getDocsUrl('pinning');
 
 export const PinActionModal = ({ application, ...props }: InternalModalProps) => {
   return (

package/src/managed/overview/baseStyles.less

@@ -86,6 +86,18 @@ button.md-btn {
   }
 }
 
+button.md-btn-primary,
+button.md-btn-primary:hover {
+  color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+
+button.md-btn-accent,
+button.md-btn-accent:hover {
+  color: var(--color-accent);
+  border-color: var(--color-accent);
+}
+
 button.md-btn-success,
 button.md-btn-success:hover {
   color: var(--color-validation-success);

package/src/managed/overview/queries.graphql

@@ -282,6 +282,7 @@ query fetchApplicationManagementData($appName: String!) {
       branch
       isEnabled
       link
+      manifestPath
     }
   }
 }

package/src/managed/utils/defaults.ts

@@ -1,3 +1,4 @@
+import { IManagedDeliveryURLs, SETTINGS } from '../../config/settings';
 import { IHoverablePopoverProps } from '../../presentation';
 import { ISpinnerProps } from '../../widgets';
 
@@ -16,3 +17,15 @@ export const spinnerProps: ISpinnerProps = {
 export const ABSOLUTE_TIME_FORMAT = 'yyyy-MM-dd HH:mm:ss ZZZZ';
 
 export const MD_CATEGORY = 'ManagedDelivery';
+
+const DOCS_URLS: IManagedDeliveryURLs = {
+  root: 'https://www.spinnaker.io/guides/user/managed-delivery',
+  pinning: 'https://www.spinnaker.io/guides/user/managed-delivery/pinning/',
+  gettingStarted: 'https://www.spinnaker.io/guides/user/managed-delivery/getting-started/',
+  markAsBad: 'https://www.spinnaker.io/guides/user/managed-delivery/marking-as-bad/',
+  resourceStatus: 'https://www.spinnaker.io/guides/user/managed-delivery/resource-status/',
+};
+
+export const getDocsUrl = (doc: keyof IManagedDeliveryURLs): string => {
+  return SETTINGS.managedDelivery?.urls?.[doc] || DOCS_URLS[doc];
+};

package/src/managed/versionMetadata/MetadataComponents.tsx

@@ -180,7 +180,7 @@ export const VersionMessage = ({ data, type, newRow = true }: IVersionMessage) =
     <>
       {newRow && <div className="flex-break sp-margin-s-top" />}
       <div className={classnames('version-message', typeProps.className)}>
-        <Icon name={typeProps.icon} size="18px" color="black" className="sp-margin-s-right sp-margin-2xs-top" />
+        <Icon name={typeProps.icon} size="14px" color="black" className="sp-margin-2xs-top" />
         <div>
           <div>
             {typeProps.text} {data.by},{' '}

package/src/managed/versionMetadata/VersionMetadata.less

@@ -64,9 +64,10 @@
     color: var(--color-mineshaft);
     border-radius: 4px;
     padding: var(--s-spacing);
-    padding-right: var(--xl-spacing);
-    display: flex;
-    flex-direction: row;
+    padding-right: var(--l-spacing);
+    display: grid;
+    grid-gap: var(--xs-spacing);
+    grid-template-columns: auto auto;
     align-items: flex-start;
   }
 

package/src/managed/versionsHistory/VersionHeading.tsx

@@ -146,7 +146,7 @@ const EnvironmentBadge = ({ name, data: { isPreview, versions, gitMetadata, isPi
   return (
     <Tooltip
       delayShow={TOOLTIP_DELAY_SHOW}
-      value={isCurrent && status !== 'CURRENT' ? `Current & ${statusText}` : statusText}
+      value={isCurrent && statusSummary !== 'CURRENT' ? `Current & ${statusText}` : statusText}
     >
       <div
         className={classnames(

package/src/widgets/notifier/notifier.component.less

@@ -5,6 +5,11 @@
     color: var(--color-text-primary);
   }
 
+  .Toastify__toast-body {
+    overflow: hidden;
+    overflow-wrap: break-word;
+  }
+
   .Toastify__toast--info {
     background-color: var(--color-status-info-light);