diff --git a/frontend/app/player/MessageDistributor/StatedScreen/Screen/Cursor.ts b/frontend/app/player/MessageDistributor/StatedScreen/Screen/Cursor.ts index d0b6e5d00..54ea414fd 100644 --- a/frontend/app/player/MessageDistributor/StatedScreen/Screen/Cursor.ts +++ b/frontend/app/player/MessageDistributor/StatedScreen/Screen/Cursor.ts @@ -27,11 +27,11 @@ export default class Cursor { position: 'absolute', padding: '4px 6px', borderRadius: '8px', - backgroundColor: 'rgb(57, 78, 255)', + backgroundColor: '#3EAAAF', color: 'white', - bottom: '-30px', - left: '100%', - fontSize: '16px', + bottom: '-25px', + left: '80%', + fontSize: '12px', whiteSpace: 'nowrap', }) this.cursor.appendChild(this.nameElement) diff --git a/tracker/tracker-assist/layout/index.html b/tracker/tracker-assist/layout/index.html index b432a28e2..2b5200b0f 100644 --- a/tracker/tracker-assist/layout/index.html +++ b/tracker/tracker-assist/layout/index.html @@ -113,6 +113,7 @@ display: none; justify-content: space-between; flex-direction: row; + align-items: center; padding: 8px 16px; } @@ -191,7 +192,7 @@
-
Remote control active
+
Your tab is now remotely controlled
diff --git a/tracker/tracker-assist/src/Assist.ts b/tracker/tracker-assist/src/Assist.ts index d81407a23..79ac5ecd2 100644 --- a/tracker/tracker-assist/src/Assist.ts +++ b/tracker/tracker-assist/src/Assist.ts @@ -6,7 +6,7 @@ import type { Properties, } from 'csstype' import { App, } from '@openreplay/tracker' import RequestLocalStream, { LocalStream, } from './LocalStream.js' -import RemoteControl from './RemoteControl.js' +import RemoteControl, { RCStatus, } from './RemoteControl.js' import CallWindow from './CallWindow.js' import AnnotationCanvas from './AnnotationCanvas.js' import ConfirmWindow from './ConfirmWindow/ConfirmWindow.js' @@ -314,18 +314,19 @@ export default class Assist { // UI closeCallConfirmWindow() - remoteControl.releaseControl() - callUI?.remove() - annot?.remove() - callUI = null - annot = null + if (remoteControl.status === RCStatus.Disabled) { + callUI?.remove() + annot?.remove() + callUI = null + annot = null + } else { + callUI?.hideControls() + } this.emit('UPDATE_SESSION', { agentIds: [], isCallActive: false, }) this.setCallingState(CallingState.False) sessionStorage.removeItem(this.options.session_calling_peer_key) - remoteControl.releaseControl() - callEndCallback?.() } const initiateCallEnd = () => { diff --git a/tracker/tracker-assist/src/Mouse.ts b/tracker/tracker-assist/src/Mouse.ts index dc1483b70..4624752ca 100644 --- a/tracker/tracker-assist/src/Mouse.ts +++ b/tracker/tracker-assist/src/Mouse.ts @@ -15,11 +15,11 @@ export default class Mouse { position: 'absolute', padding: '4px 6px', borderRadius: '8px', - backgroundColor: 'green', + backgroundColor: '#394EFF', color: 'white', - bottom: '-18px', - left: '50%', - fontSize: '16px', + bottom: '-14px', + left: '55%', + fontSize: '12px', whiteSpace: 'nowrap', }) diff --git a/tracker/tracker-assist/src/RemoteControl.ts b/tracker/tracker-assist/src/RemoteControl.ts index cb6482c4e..71824e61b 100644 --- a/tracker/tracker-assist/src/RemoteControl.ts +++ b/tracker/tracker-assist/src/RemoteControl.ts @@ -3,7 +3,7 @@ import ConfirmWindow from './ConfirmWindow/ConfirmWindow.js' import { controlConfirmDefault, } from './ConfirmWindow/defaults.js' import type { Options as AssistOptions, } from './Assist' -enum RCStatus { +export enum RCStatus { Disabled, Requesting, Enabled, @@ -19,7 +19,7 @@ if (nativeInputValueDescriptor && nativeInputValueDescriptor.set) { export default class RemoteControl { private mouse: Mouse | null - private status: RCStatus = RCStatus.Disabled + status: RCStatus = RCStatus.Disabled private agentID: string | null = null constructor(