ADK changes

PiperOrigin-RevId: 840201177

Author: google-genai-bot

src/app/components/chat/chat.component.html

@@ -331,6 +331,16 @@
       ></app-trace-event>
     </div>
     }
+    @if (isDeveloperUiDisclaimerEnabledObs | async) {
+    <div
+      class="adk-web-developer-ui-disclaimer"
+      [matTooltip]="i18n.disclosureTooltip"
+      matTooltipPosition="left"
+      style="align-self: flex-end"
+    >
+      {{i18n.adkWebDeveloperUiMessage}}
+    </div>
+    }
   </div>
   }
 </mat-drawer-container>

src/app/components/chat/chat.component.i18n.ts

@@ -45,6 +45,9 @@ export const CHAT_MESSAGES = {
   cannotEditSessionMessage:
       'Chat is disabled to prevent changes to the end user\'s session.',
   readOnlyBadgeLabel: 'Read-only',
+  disclosureTooltip:
+      'ADK Web is for development purposes. It has access to all the data and should not be used in production.',
+  adkWebDeveloperUiMessage: 'ADK Web Developer UI',
 };
 
 /**

src/app/components/chat/chat.component.scss

@@ -735,3 +735,10 @@ app-canvas {
   font-weight: 400;
   padding-left: unset;
 }
+
+.adk-web-developer-ui-disclaimer {
+  padding-left: 4px;
+  padding-bottom: 4px;
+  font-size: 10px;
+  color: var(--adk-web-text-color-light-gray);
+}

src/app/components/chat/chat.component.ts

@@ -289,6 +289,8 @@ export class ChatComponent implements OnInit, AfterViewInit, OnDestroy {
       this.featureFlagService.isDeleteSessionEnabled();
   readonly isUserIdOnToolbarEnabledObs: Observable<boolean> =
       this.featureFlagService.isUserIdOnToolbarEnabled();
+  readonly isDeveloperUiDisclaimerEnabledObs: Observable<boolean> =
+      this.featureFlagService.isDeveloperUiDisclaimerEnabled();
 
   // Trace detail
   bottomPanelVisible = false;

src/app/core/services/feature-flag.service.ts

@@ -119,6 +119,10 @@ export class FeatureFlagService implements FeatureFlagServiceInterface {
     return of(true);
   }
 
+  isDeveloperUiDisclaimerEnabled(): Observable<boolean> {
+    return of(true);
+  }
+
   isFeedbackServiceEnabled(): Observable<boolean> {
     return of(false);
   }

src/app/core/services/interfaces/feature-flag.ts

@@ -50,5 +50,6 @@ export declare abstract class FeatureFlagService {
   abstract isSessionFilteringEnabled(): Observable<boolean>;
   abstract isSessionReloadOnNewMessageEnabled(): Observable<boolean>;
   abstract isUserIdOnToolbarEnabled(): Observable<boolean>;
+  abstract isDeveloperUiDisclaimerEnabled(): Observable<boolean>;
   abstract isFeedbackServiceEnabled(): Observable<boolean>;
 }

src/app/core/services/testing/mock-feature-flag.service.ts

@@ -102,6 +102,10 @@ export class MockFeatureFlagService implements FeatureFlagService {
   isUserIdOnToolbarEnabled =
       jasmine.createSpy('isUserIdOnToolbarEnabled')
           .and.returnValue(this.isUserIdOnToolbarEnabledResponse);
+  isDeveloperUiDisclaimerEnabledResponse = new ReplaySubject<boolean>(1);
+  isDeveloperUiDisclaimerEnabled =
+      jasmine.createSpy('isDeveloperUiDisclaimerEnabled')
+          .and.returnValue(this.isDeveloperUiDisclaimerEnabledResponse);
   isFeedbackServiceEnabledResponse = new ReplaySubject<boolean>(1);
   isFeedbackServiceEnabled =
       jasmine.createSpy('isFeedbackServiceEnabled')

src/styles.scss

@@ -132,6 +132,7 @@ html.dark-theme {
   // Expansion panel text color for dark theme
   --mat-expansion-container-text-color: #e8eaed;
   --mat-expansion-header-text-color: #e8eaed;
+  --adk-web-text-color-light-gray: #c4c7c5;
 }
 
 // Light theme custom properties
@@ -170,6 +171,7 @@ html.light-theme {
   // Expansion panel text color for light theme
   --mat-expansion-container-text-color: #202124;
   --mat-expansion-header-text-color: #202124;
+  --adk-web-text-color-light-gray: #c4c7c5;
 }
 
 // Dark theme dialog overrides
@@ -842,7 +844,6 @@ html.light-theme {
 // Tooltip styling to prevent overlap
 .mat-mdc-tooltip {
   z-index: 10000 !important;
-  white-space: nowrap;
   max-width: 300px;
 }