1 files changed, 13 insertions, 6 deletions
diff --git a/deps/v8/tools/system-analyzer/map-panel/map-details.mjs b/deps/v8/tools/system-analyzer/map-panel/map-details.mjs
index dddccf7d8b..d471609dba 100644
--- a/deps/v8/tools/system-analyzer/map-panel/map-details.mjs
+++ b/deps/v8/tools/system-analyzer/map-panel/map-details.mjs
@@ -10,8 +10,8 @@ defineCustomElement(
     class MapDetails extends V8CustomElement {
       constructor() {
         super(templateText);
-        this.mapDetails.addEventListener("click", () =>
-          this.handleClickSourcePositions()
+        this.#filePositionNode.addEventListener("click", e =>
+          this.handleFilePositionClick(e)
         );
         this.selectedMap = undefined;
       }
@@ -19,23 +19,30 @@ defineCustomElement(
         return this.$("#mapDetails");
       }
 
+      get #filePositionNode() {
+        return this.$("#filePositionNode");
+      }
+
       setSelectedMap(value) {
         this.selectedMap = value;
       }
 
       set mapDetails(map) {
         let details = "";
+        let clickableDetails = "";
         if (map) {
-          details += "ID: " + map.id;
-          details += "\nSource location: " + map.filePosition;
+          clickableDetails += "ID: " + map.id;
+          clickableDetails += "\nSource location: " + map.filePosition;
           details += "\n" + map.description;
           this.setSelectedMap(map);
         }
+        this.#filePositionNode.innerText = clickableDetails;
+        this.#filePositionNode.classList.add("clickable");
         this.mapDetails.innerText = details;
       }
 
-      handleClickSourcePositions() {
-        this.dispatchEvent(new FocusEvent(this.selectedMap.filePosition));
+      handleFilePositionClick() {
+        this.dispatchEvent(new FocusEvent(this.selectedMap.sourcePosition));
       }
     }
 );