From 64fe056f32fc1406c5c005443664b925a1fef31e Mon Sep 17 00:00:00 2001
From: MugunthPerumal <mugunthking491@gmail.com>
Date: Fri, 20 Mar 2026 10:50:03 +0530
Subject: [PATCH 1/2] feat: add Blob's display_name to Artifacts tab view

Surfaces the Blob's displayName property in the Artifacts tab.
When an artifact is saved with a display_name on the Blob,
the UI now shows it instead of just the artifact key.

Fixes google/adk-web#292
---
 src/app/components/artifact-tab/artifact-tab.component.html | 2 +-
 src/app/components/artifact-tab/artifact-tab.component.ts   | 4 ++--
 src/app/components/chat/chat.component.ts                   | 3 ++-
 src/app/core/models/types.ts                                | 1 +
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/artifact-tab/artifact-tab.component.html b/src/app/components/artifact-tab/artifact-tab.component.html
index b2a96ce5..add320d7 100644
--- a/src/app/components/artifact-tab/artifact-tab.component.html
+++ b/src/app/components/artifact-tab/artifact-tab.component.html
@@ -25,7 +25,7 @@
           class="link-style-button"
           (click)="openArtifact(selectedArtifacts[i].data, selectedArtifacts[i].mimeType)"
           >
-          {{getArtifactName(artifactId)}}
+          {{getArtifactName(artifactId, selectedArtifacts[i].displayName)}}
         </button>
       </div>
       <div class="artifact-metadata">
diff --git a/src/app/components/artifact-tab/artifact-tab.component.ts b/src/app/components/artifact-tab/artifact-tab.component.ts
index b89dbf31..56af4817 100644
--- a/src/app/components/artifact-tab/artifact-tab.component.ts
+++ b/src/app/components/artifact-tab/artifact-tab.component.ts
@@ -133,8 +133,8 @@ export class ArtifactTabComponent implements OnChanges {
     );
   }
 
-  protected getArtifactName(artifactId: string) {
-    return artifactId ?? DEFAULT_ARTIFACT_NAME;
+  protected getArtifactName(artifactId: string, displayName?: string) {
+    return displayName || artifactId || DEFAULT_ARTIFACT_NAME;
   }
 
   protected getDistinctArtifactIds() {
diff --git a/src/app/components/chat/chat.component.ts b/src/app/components/chat/chat.component.ts
index 2a95cff3..f4d063bf 100644
--- a/src/app/components/chat/chat.component.ts
+++ b/src/app/components/chat/chat.component.ts
@@ -1225,7 +1225,7 @@ export class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
             )
         .subscribe({
           next: (res) => {
-            const {mimeType, data} = res.inlineData ?? {};
+            const {mimeType, data, displayName} = res.inlineData ?? {};
             if (!mimeType || !data) {
               this.handleArtifactFetchFailure(message, artifactId, versionId);
               return;
@@ -1263,6 +1263,7 @@ export class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
                   data: base64Data,
                   mimeType,
                   mediaType,
+                  displayName,
                 };
               }
               return artifact;
diff --git a/src/app/core/models/types.ts b/src/app/core/models/types.ts
index 411fa074..744d0f12 100644
--- a/src/app/core/models/types.ts
+++ b/src/app/core/models/types.ts
@@ -21,6 +21,7 @@
 export declare interface Blob {
   mimeType?: string;
   data: string;
+  displayName?: string;
 }
 
 export declare interface FunctionCall {

From f017f0511d5f14b3b2b61a93079085315c2aad0e Mon Sep 17 00:00:00 2001
From: MugunthPerumal <mugunthking491@gmail.com>
Date: Fri, 20 Mar 2026 10:58:50 +0530
Subject: [PATCH 2/2] chore: retrigger CLA check