Internal change

PiperOrigin-RevId: 932851189

Author: OmniLab Team

src/devtools/mobileharness/fe/v6/angular/app/core/models/device_action.ts

@@ -1,4 +1,15 @@
 import {ActionButtonState} from './action_common';
+/**
+ * Reason code for a device being ineligible for remote control.
+ */
+export type IneligibilityReasonCode =
+  | 'PERMISSION_DENIED' // User lacks permission for the device
+  | 'DEVICE_NOT_IDLE' // Device state is not IDLE (e.g., BUSY, MISSING)
+  | 'DEVICE_TYPE_NOT_SUPPORTED' // Device type is not supported (e.g., FailedDevice, AbnormalTestbedDevice, or non-AndroidRealDevice in multi-selection mode)
+  | 'HOST_OS_NOT_SUPPORTED' // Host OS is MacOS
+  | 'ACID_NOT_SUPPORTED' // Device does not support AcidRemoteDriver
+  | 'DEVICE_NOT_FOUND'; // Device or sub-device not found in lab info
+
 
 /**
  * Information about the host machine.
@@ -66,6 +77,8 @@ export declare interface DeviceHeaderInfo {
 export declare interface TakeScreenshotResponse {
   screenshotUrl: string;
   capturedAt: string;
+  errorType?: IneligibilityReasonCode;
+  errorMessage?: string;
 }
 
 /**
@@ -74,6 +87,8 @@ export declare interface TakeScreenshotResponse {
 export declare interface GetLogcatResponse {
   logUrl: string;
   capturedAt: string;
+  errorType?: IneligibilityReasonCode;
+  errorMessage?: string;
 }
 
 /**

src/devtools/mobileharness/fe/v6/angular/app/core/models/host_overview.ts

@@ -6,7 +6,7 @@
  * uses this data to render the UI, including icons, colors, and layouts.
  */
 
-import {DeviceActions} from './device_action';
+import {DeviceActions, IneligibilityReasonCode} from './device_action';
 import {HealthState, SubDeviceInfo} from './device_overview';
 import {HostHeaderInfo, LabServerActions} from './host_action';
 
@@ -280,16 +280,7 @@ export enum DeviceProxyType {
   VIDEO = 5,
 }
 
-/**
- * Reason code for a device being ineligible for remote control.
- */
-export type IneligibilityReasonCode =
-  | 'PERMISSION_DENIED' // User lacks permission for the device
-  | 'DEVICE_NOT_IDLE' // Device state is not IDLE (e.g., BUSY, MISSING)
-  | 'DEVICE_TYPE_NOT_SUPPORTED' // Device type is not supported (e.g., FailedDevice, AbnormalTestbedDevice, or non-AndroidRealDevice in multi-selection mode)
-  | 'HOST_OS_NOT_SUPPORTED' // Host OS is MacOS
-  | 'ACID_NOT_SUPPORTED' // Device does not support AcidRemoteDriver
-  | 'DEVICE_NOT_FOUND'; // Device or sub-device not found in lab info
+
 
 /**
  * The eligibility result for a sub-device.

src/devtools/mobileharness/fe/v6/angular/app/core/services/device/fake_device_service.ts

@@ -6,6 +6,7 @@ import {GoogleDate} from '../../../shared/utils/date_utils';
 import {
   DeviceHeaderInfo,
   GetLogcatResponse,
+  IneligibilityReasonCode,
   QuarantineDeviceRequest,
   QuarantineDeviceResponse,
   QuarantineInfo,
@@ -150,6 +151,28 @@ export class FakeDeviceService extends DeviceService {
 
   override takeScreenshot(id: string): Observable<TakeScreenshotResponse> {
     console.log(`FakeService: Taking screenshot for ${id}`);
+    if (id.includes('permission-denied')) {
+      return of({
+        screenshotUrl: '',
+        capturedAt: '',
+        errorType: 'PERMISSION_DENIED' as IneligibilityReasonCode,
+        errorMessage: 'Lacks permission to take screenshot',
+      }).pipe(delay(1000));
+    }
+    if (id.includes('logical-error')) {
+      return of({
+        screenshotUrl: '',
+        capturedAt: '',
+        errorType: 'DEVICE_NOT_FOUND' as IneligibilityReasonCode,
+        errorMessage: 'Device was disconnected during screenshot',
+      }).pipe(delay(1000));
+    }
+    if (id.includes('rpc-error')) {
+      return throwError(
+        () => new Error('RPC Failure: Connection reset by peer'),
+      ).pipe(delay(1000));
+    }
+
     return of({
       screenshotUrl:
         'http://0.0.0.0:8000/device_detail/action_bar/resource/screenshot-demo.png',
@@ -159,6 +182,28 @@ export class FakeDeviceService extends DeviceService {
 
   override getLogcat(id: string): Observable<GetLogcatResponse> {
     console.log(`FakeService: Getting logcat for ${id}`);
+    if (id.includes('permission-denied')) {
+      return of({
+        logUrl: '',
+        capturedAt: '',
+        errorType: 'PERMISSION_DENIED' as IneligibilityReasonCode,
+        errorMessage: 'Lacks permission to get logcat',
+      }).pipe(delay(1000));
+    }
+    if (id.includes('logical-error')) {
+      return of({
+        logUrl: '',
+        capturedAt: '',
+        errorType: 'DEVICE_NOT_FOUND' as IneligibilityReasonCode,
+        errorMessage: 'Device was disconnected while retrieving logcat',
+      }).pipe(delay(1000));
+    }
+    if (id.includes('rpc-error')) {
+      return throwError(
+        () => new Error('RPC Failure: Connection timed out'),
+      ).pipe(delay(1000));
+    }
+
     return of({
       logUrl:
         'http://0.0.0.0:8000/device_detail/action_bar/resource/logcat-demo.log',
@@ -244,6 +289,7 @@ export class FakeDeviceService extends DeviceService {
     const remoteControlVisible =
       scenario.actionVisibility?.remoteControl ?? true;
     const quarantineVisible = scenario.actionVisibility?.quarantine ?? true;
+    const decommissionVisible = isMissing;
 
     return {
       id: overview.id,
@@ -312,7 +358,7 @@ export class FakeDeviceService extends DeviceService {
         },
         decommission: {
           enabled: true,
-          visible: true,
+          visible: decommissionVisible,
           tooltip: 'Decommission device',
           isReady: !scenario.allActionsNotReady,
         },

src/devtools/mobileharness/fe/v6/angular/app/core/services/mock_data/devices/27_error_scenarios.ts

@@ -0,0 +1,50 @@
+import {MockDeviceScenario} from '../models';
+import {SCENARIO_IN_SERVICE_IDLE} from './01_in_service_idle';
+
+/** Mock scenario for a device that triggers a Permission Denied error. */
+export const SCENARIO_ERROR_PERMISSION_DENIED: MockDeviceScenario = {
+  ...SCENARIO_IN_SERVICE_IDLE,
+  id: 'android-permission-denied-01',
+  scenarioName: '27. Error: Permission Denied (Demo)',
+  overview: {
+    ...SCENARIO_IN_SERVICE_IDLE.overview,
+    id: 'android-permission-denied-01',
+    healthAndActivity: {
+      ...SCENARIO_IN_SERVICE_IDLE.overview.healthAndActivity,
+      subtitle:
+        'This device is configured to trigger errors for demo: Permission Denied',
+    },
+  },
+};
+
+/** Mock scenario for a device that triggers a logical action error. */
+export const SCENARIO_ERROR_LOGICAL: MockDeviceScenario = {
+  ...SCENARIO_IN_SERVICE_IDLE,
+  id: 'android-logical-error-01',
+  scenarioName: '28. Error: Logical Action Failed (Demo)',
+  overview: {
+    ...SCENARIO_IN_SERVICE_IDLE.overview,
+    id: 'android-logical-error-01',
+    healthAndActivity: {
+      ...SCENARIO_IN_SERVICE_IDLE.overview.healthAndActivity,
+      subtitle:
+        'This device is configured to trigger errors for demo: Logical Error',
+    },
+  },
+};
+
+/** Mock scenario for a device that triggers an RPC error. */
+export const SCENARIO_ERROR_RPC: MockDeviceScenario = {
+  ...SCENARIO_IN_SERVICE_IDLE,
+  id: 'android-rpc-error-01',
+  scenarioName: '29. Error: RPC Exception (Demo)',
+  overview: {
+    ...SCENARIO_IN_SERVICE_IDLE.overview,
+    id: 'android-rpc-error-01',
+    healthAndActivity: {
+      ...SCENARIO_IN_SERVICE_IDLE.overview.healthAndActivity,
+      subtitle:
+        'This device is configured to trigger errors for demo: RPC Exception',
+    },
+  },
+};

src/devtools/mobileharness/fe/v6/angular/app/core/services/mock_data/index.ts

@@ -65,6 +65,11 @@ import {OVERVIEW_11} from './hosts/overview_11';
 import {OVERVIEW_12} from './hosts/overview_12';
 import {OVERVIEW_13} from './hosts/overview_13';
 import {OVERVIEW_14} from './hosts/overview_14';
+import {
+  SCENARIO_ERROR_LOGICAL,
+  SCENARIO_ERROR_PERMISSION_DENIED,
+  SCENARIO_ERROR_RPC,
+} from './devices/27_error_scenarios';
 import {SCENARIO_RC_PERMISSIONS_ALL} from './hosts/remote_control_permissions';
 import {MockDeviceScenario, MockHostScenario} from './models';
 
@@ -99,6 +104,9 @@ export const MOCK_DEVICE_SCENARIOS: MockDeviceScenario[] = [
   SCENARIO_TESTBED_SINGLE_ELIGIBLE,
   SCENARIO_TESTBED_MIXED_ELIGIBILITY,
   SCENARIO_COMING_SOON,
+  SCENARIO_ERROR_PERMISSION_DENIED,
+  SCENARIO_ERROR_LOGICAL,
+  SCENARIO_ERROR_RPC,
 ];
 
 /**

src/devtools/mobileharness/fe/v6/angular/app/shared/components/action_error_content/action_error_content.ng.html

@@ -0,0 +1,36 @@
+<div class="action-error-dialog-container">
+  <div class="dialog-header">
+    <mat-icon>error</mat-icon>
+    <h3 class="dialog-title">Action Failed</h3>
+  </div>
+
+  <mat-dialog-content class="dialog-content">
+    <div class="error-message-container">
+      <span class="message-label">Message:</span>
+      <div class="error-message">{{ errorMessage }}</div>
+    </div>
+
+    @if (errorDetails) {
+      <div class="error-details-container">
+        <span class="details-label">Details:</span>
+        <pre class="error-details">{{ errorDetails }}</pre>
+      </div>
+    }
+  </mat-dialog-content>
+
+  <mat-dialog-actions class="dialog-actions">
+    <div class="left-actions">
+      <button mat-stroked-button (click)="copyError()">
+        <mat-icon>content_copy</mat-icon>
+        Copy Error
+      </button>
+      <button mat-stroked-button (click)="reportBug()">
+        <mat-icon>bug_report</mat-icon>
+        Report Bug
+      </button>
+    </div>
+    <button class="close-button" [mat-dialog-close]="'close'">
+      Close
+    </button>
+  </mat-dialog-actions>
+</div>

src/devtools/mobileharness/fe/v6/angular/app/shared/components/action_error_content/action_error_content.scss

@@ -0,0 +1,113 @@
+@use '@angular/material' as mat;
+@use '../../styles/common';
+@use '../../styles/typography';
+
+.action-error-dialog-container {
+  padding: 1.5rem;
+  min-width: 24rem;
+  max-width: 32rem;
+  font-family: typography.$labconsole-font;
+}
+
+.dialog-header {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  gap: 1rem;
+  margin-bottom: 1rem;
+
+  mat-icon {
+    font-size: 2.5rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    color: #c5221f;
+  }
+
+  .dialog-title {
+    font-weight: 600;
+    margin: 0;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+    color: #1f2937;
+    margin-bottom: 1rem;
+  }
+}
+
+.dialog-content {
+  padding: 0;
+  margin-bottom: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-height: 60vh;
+  overflow-y: auto;
+  @include common.shared-scrollbar-style();
+}
+
+.error-message-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.message-label {
+  font-weight: 500;
+  font-size: 14px;
+  color: #5f6368;
+}
+
+.error-message {
+  margin: 0;
+  padding: 12px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  border: 1px solid #dadce0;
+  font-size: 14px;
+  color: #3c4043;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.error-details-container {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.details-label {
+  font-weight: 500;
+  font-size: 14px;
+  color: #5f6368;
+}
+
+.error-details {
+  margin: 0;
+  padding: 12px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  border: 1px solid #dadce0;
+  font-family: monospace;
+  font-size: 12px;
+  white-space: pre-wrap;
+  word-break: break-all;
+  max-height: 200px;
+  overflow-y: auto;
+  @include common.shared-scrollbar-style();
+}
+
+.dialog-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0;
+  min-height: fit-content;
+
+  .left-actions {
+    display: flex;
+    gap: 8px;
+  }
+
+  .close-button {
+    @include common.shared-button('destructive');
+  }
+}