Merge branch 'main' into avm99963-monorail

Merged commit 34d8229ae2b51fb1a15bd208e6fe6185c94f6266

GitOrigin-RevId: 7ee0917f93a577e475f8e09526dd144d245593f4
diff --git a/static_src/elements/mr-app/mr-app.js b/static_src/elements/mr-app/mr-app.js
index 7c7e002..f461413 100644
--- a/static_src/elements/mr-app/mr-app.js
+++ b/static_src/elements/mr-app/mr-app.js
@@ -1,4 +1,4 @@
-// Copyright 2019 The Chromium Authors. All rights reserved.
+// Copyright 2019 The Chromium Authors
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
@@ -79,6 +79,13 @@
           position: static;
           margin-top: 0.5em;
         }
+        .project-alert {
+          background: var(--chops-orange-50);
+          color: var(--chops-field-error-color);
+          display: block;
+          font-weight: bold;
+          text-align: center;
+        }
       </style>
       <mr-header
         .userDisplayName=${this.userDisplayName}
@@ -87,6 +94,9 @@
       ></mr-header>
       <mr-site-banner></mr-site-banner>
       <mr-vulnz-banner></mr-vulnz-banner>
+      <div class="project-alert" ?hidden=${!this.projectAlert}>
+        ${this.projectAlert}
+      </div>
       <mr-cue
         cuePrefName=${cueNames.SWITCH_TO_PARENT_ACCOUNT}
         .loginUrl=${this.loginUrl}
@@ -191,6 +201,10 @@
        */
       versionBase: {type: String},
       /**
+       * A string explaining the project state.
+       */
+      projectAlert: {type: String},
+      /**
        * A String identifier for the page that the user is viewing.
        */
       page: {type: String},