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(