~admin/command-center-dashboard.git

			@@ -34,7 +34,7 @@
			</div>

			<div class="speed">
			<el-icon class="btnIcon" @click="speed = speed + 1">
			<el-icon class="btnIcon" @click="speed = speed === 15 ? 15 : speed + 1">
			<Plus />
			</el-icon>
			<div>
			@@ -42,7 +42,7 @@
			<br />
			m/s
			</div>
			<el-icon class="btnIcon" @click="speed = speed - 1">
			<el-icon class="btnIcon" @click="speed = speed === 0 ? 0 : speed - 1">
			<Minus />
			</el-icon>
			</div>
			@@ -181,7 +181,7 @@
			let timer = null
			let totalSeconds = 0

			const workspace_id = computed(() => taskDetails?.value?.workspace_id)
			const workspace_id = inject('workspace_id')
			const list1 = [
			{ key: KeyCode.KEY_Q, text: 'Q', icon: RefreshLeft },
			{ key: KeyCode.KEY_W, text: 'W', icon: ArrowUp },
			@@ -406,8 +406,7 @@
			speed: speed.value,
			}))

			watch(
			() => workspace_id.value,
			watch(workspace_id,
			async () => {
			if (workspace_id.value && mqttState === null && client_id.value === '') {
			await createConnect()
			@@ -465,7 +464,7 @@
			right: 0;
			width: 1400px;
			height: 217px;
			background: linear-gradient(196deg, rgba(23, 23, 23, 0.11) 0%, rgba(6, 6, 6, 0.11) 100%);
			background: rgba(31, 31, 31, 0.15);
			backdrop-filter: blur(5px);
			border-radius: 40px 0px 40px 40px;
			display: flex;
			@@ -519,10 +518,11 @@
			box-shadow: 2px 4px 6px 0px rgba(0, 13, 26, 0.42);
			border-radius: 8px 8px 8px 8px;
			text-align: center;
			padding: 5px 0;
			padding: 10px 0;

			.btnIcon {
			font-size: 20px;
			cursor: pointer;
			}
			}
			}
			@@ -631,7 +631,7 @@

			.divider {
			position: absolute;
			transform: translateX(90px);
			transform: translateX(95px);
			width: 0;
			height: 137px;
			border: 1px solid rgba(255, 255, 255, 0.07);