ADK changes

PiperOrigin-RevId: 813276845

Author: google-genai-bot

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

@@ -34,26 +34,11 @@
     >
   }
   <mat-drawer class="side-drawer" #sideDrawer mode="side" appResizableDrawer>
-  @if (isApplicationSelectorEnabledObs | async) {
-    <div class="app-select-container">
-      <mat-select
-        class="app-select"
-        (selectionChange)="onAppSelection($event)"
-        [placeholder]="isLoadingApps() ? 'Loading...' : 'Select an agent'"
-        [formControl]="selectedAppControl"
-      >
-        @if (apps$ | async; as availableApps) {
-          @for (appName of availableApps; track appName) {
-            <mat-option class="app-name-option" [value]="appName">{{ appName }}</mat-option>
-          }
-        }
-        @if (selectedAppControl.value && isLoadingApps()) {
-          <mat-option class="app-name-option" [value]="selectedAppControl.value">{{ selectedAppControl.value }}</mat-option>
-        }
-      </mat-select>
-    </div>
-  }
     <app-side-panel
+      [isApplicationSelectorEnabledObs]="isApplicationSelectorEnabledObs"
+      [apps$]="apps$"
+      [isLoadingApps]="isLoadingApps"
+      [selectedAppControl]="selectedAppControl"
       [showSidePanel]="showSidePanel"
       [appName]="appName"
       [userId]="userId"
@@ -80,6 +65,7 @@
       (page)="handlePageEvent($event)"
       (closeSelectedEvent)="closeSelectedEvent()"
       (openImageDialog)="openViewImageDialog($event)"
+      (appSelectionChange)="onAppSelection($event)"
     >
     </app-side-panel>
   </mat-drawer>

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

@@ -257,10 +257,6 @@ button {
   margin-right: 20px;
 }
 
-.app-select {
-  width: 100%;
-}
-
 .empty-state-container {
   color: #eee;
   height: 100%;
@@ -350,30 +346,6 @@ button {
   font-size: 14px;
 }
 
-.app-select-container {
-  width: 35%;
-  margin-top: 12px;
-  background-color: #212123;
-  margin-left: 10px;
-  height: 30px;
-  display: flex;
-  justify-content: space-between;
-  padding-left: 20px;
-  padding-right: 20px;
-  border-radius: 10px;
-  padding-top: 5px;
-}
-
-.app-select-container {
-  @include mat.select-overrides(
-    (
-      placeholder-text-color: #8ab4f8,
-      enabled-trigger-text-color: #8ab4f8,
-      enabled-arrow-color: #8ab4f8,
-    )
-  );
-}
-
 .adk-checkbox {
   position: fixed;
   bottom: 0;
@@ -470,12 +442,3 @@ button {
 ::ng-deep .mat-drawer {
   border-right: 1px solid #444746 !important;
 }
-
-.app-name-option,
-.app-select {
-  color: #9aa0a6;
-  font-family: 'Google Sans Mono', monospace;
-  font-style: normal;
-  font-weight: 400;
-  padding-left: unset;
-}

src/app/components/event-tab/event-tab.component.html

@@ -24,7 +24,7 @@
         @if (isTraceView()) {
           <p>Trace</p>
         }
-        @if (traceData()) {
+        @if (traceData().length > 0) {
           <mat-button-toggle-group name="fontStyle" aria-label="Font Style" style="scale: 0.8" [(ngModel)]="view">
             <mat-button-toggle value="events">Events</mat-button-toggle>
             @if (isTraceEnabledObs | async) {