From ce807ae1491abfc4b535649b0de7e485dbaf8e0e Mon Sep 17 00:00:00 2001
From: Profiler Team <copybara-servicebot@google.com>
Date: Thu, 7 Mar 2024 11:56:53 -0800
Subject: [PATCH] Add probable causes when no TensorBoard profile data is
 loaded, including additional guidance for Vertex AI TensorBoard permissions.

PiperOrigin-RevId: 613657675
---
 .../components/empty_page/empty_page.ng.html    | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/frontend/app/components/empty_page/empty_page.ng.html b/frontend/app/components/empty_page/empty_page.ng.html
index 16700ad2..a571ad1a 100644
--- a/frontend/app/components/empty_page/empty_page.ng.html
+++ b/frontend/app/components/empty_page/empty_page.ng.html
@@ -12,6 +12,23 @@ <h3>Profiling isn't supported in Colab yet.</h3>
 <ng-template #no_profile_data>
   <div class="container">
     <h3>No profile data was found.</h3>
+    <p>Probable causes:</p>
+    <ul>
+      <li>You haven’t captured or uploaded any profile data.</li>
+      <li>TensorBoard can’t access your profile data.
+        <ul>
+        <li>If using Vertex AI TensorBoard, you must grant "Vertex AI Service Agent" IAM role to the
+          "cloud-tensorboard-web-app&#64;system.gserviceaccount.com"
+          <a
+            href="https://cloud.google.com/iam/docs/create-service-agents#grant-role-to-service-agent-console"
+            rel="noopener"
+            target="_blank"
+            >service account</a
+          >.
+        </li>
+        </ul>
+      </li>
+    </ul>
     <div class="horizontal-center">
       <capture-profile></capture-profile>
     </div>