@if (agentService.isVideoWindowOpen() && isTheaterMode()) {
} @if (agentService.isVideoWindowOpen()) {
{{ agentService.recordingPlaybackStatus() === 'live' ? 'sensors' : (agentService.playerMode() === 'steps' ? 'slideshow' : (agentService.recordingPlaybackStatus() === 'processing' ? 'progress_activity' : 'smart_display')) }} {{ agentService.recordingPlaybackStatus() === 'live' ? 'Live Device Screen' : (agentService.playerMode() === 'steps' ? ('Step Replay (' + (totalStepFrames() > 0 ? (activeStepIndex() + 1) + '/' + totalStepFrames() : '0') + ')') : (agentService.recordingPlaybackStatus() === 'processing' ? 'Preparing Recording' : (agentService.activeVideoTitle() || 'Screen Recording'))) }}
@if (agentService.recordingPlaybackStatus() === 'ready' && agentService.hasCurrentSessionStepFrames() && !agentService.isVideoMinimized()) {
} @if (!agentService.isVideoMinimized()) { }
@if (!agentService.isVideoMinimized()) {
@if (agentService.recordingPlaybackStatus() === 'live') { @if (!liveStreamError()) {
Live Device Screen
LIVE
} @if (liveStreamError()) {
phonelink_off

Device Stream Connecting

Waiting for ADB device screen stream...

} } @if (agentService.recordingPlaybackStatus() !== 'live') { @if (agentService.playerMode() === 'video' && (agentService.recordingPlaybackStatus() === 'processing' || agentService.isVideoLoading())) {
progress_activity {{ agentService.recordingPlaybackMessage() || 'Preparing screen recording...' }}
} @if (agentService.playerMode() === 'steps' && totalStepFrames() > 0) {
@if (agentService.recordingPlaybackStatus() === 'failed' || videoLoadError()) {
info Screen recording unavailable. Replaying step-by-step screenshots.
}
@if (isStepImageLoading()) {
progress_activity Loading screenshot...
} @if (stepImageError() && !isStepImageLoading()) {
broken_image Screenshot preview unavailable for this step
} @if (!stepImageError()) {
} @if (currentStepFrame(); as frame) {
Step {{ frame.stepNumber }} @if (frame.action) { {{ getStepActionIcon(frame.action) }} } {{ frame.actionText || frame.title }}
@if (frame.postImageUrl) {
}
}
@if (totalStepFrames() > 1) {
@for (f of stepFrames(); track trackStepFrame(i, f); let i = $index) { }
}
Step {{ activeStepIndex() + 1 }} / {{ totalStepFrames() }}
} @if (agentService.playerMode() === 'video' && agentService.recordingPlaybackStatus() === 'ready' && !agentService.isVideoLoading() && agentService.activeVideoUrl(); as videoUrl) { @if (!videoLoadError()) {
} @if (!videoLoadError()) {
{{ formatTime(currentTime()) }} / {{ formatTime(duration()) }}
} } @if (!agentService.isVideoLoading() && (agentService.playerMode() === 'video' || totalStepFrames() === 0) && (agentService.recordingPlaybackStatus() === 'failed' || agentService.recordingPlaybackStatus() === 'unavailable' || videoLoadError()) && totalStepFrames() === 0) {
videocam_off

{{ agentService.recordingPlaybackStatus() === 'failed' || videoLoadError() ? 'Recording Playback Failed' : 'No Video Recording Available' }}

{{ videoLoadError() ? 'The finalized recording could not be played.' : (agentService.recordingPlaybackMessage() || 'No screen recording was found for this task.') }}

@if (agentService.recordingPlaybackStatus() === 'failed' || videoLoadError()) { }
} }
}
}