From ba1b5224ffe446f13db5257463a479c93f55cc55 Mon Sep 17 00:00:00 2001
From: mofeng-git <mofeng654321@hotmail.com>
Date: Wed, 11 Feb 2026 22:16:54 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E8=B0=83=E6=95=B4=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=8F=B0HID=E7=8A=B6=E6=80=81=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E4=B8=8E=E5=BC=B9=E5=B1=82=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/views/ConsoleView.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/web/src/views/ConsoleView.vue b/web/src/views/ConsoleView.vue
index 16267af8..27172d6b 100644
--- a/web/src/views/ConsoleView.vue
+++ b/web/src/views/ConsoleView.vue
@@ -267,7 +267,6 @@ const hidDetails = computed<StatusDetail[]>(() => {
     { label: t('statusCard.device'), value: hid.device || '-' },
     { label: t('statusCard.backend'), value: hid.backend || t('common.unknown') },
     { label: t('statusCard.initialized'), value: hid.initialized ? t('statusCard.yes') : t('statusCard.no'), status: hid.initialized ? 'ok' : 'warning' },
-    { label: t('statusCard.mouseSupport'), value: hid.supportsAbsoluteMouse ? t('statusCard.absolute') : t('statusCard.relative'), status: hid.available ? 'ok' : undefined },
     { label: t('statusCard.currentMode'), value: mouseMode.value === 'absolute' ? t('statusCard.absolute') : t('statusCard.relative'), status: 'ok' },
   ]
 
@@ -408,6 +407,14 @@ const msdDetails = computed<StatusDetail[]>(() => {
   return details
 })
 
+const showMsdStatusCard = computed(() => {
+  return !!(systemStore.msd?.available && systemStore.hid?.backend !== 'ch9329')
+})
+
+const hidHoverAlign = computed<'start' | 'end'>(() => {
+  return showMsdStatusCard.value ? 'start' : 'end'
+})
+
 // Video handling
 let retryTimeoutId: number | null = null
 let retryCount = 0
@@ -1941,11 +1948,12 @@ onUnmounted(() => {
                 :status="hidStatus"
                 :quick-info="hidQuickInfo"
                 :details="hidDetails"
+                :hover-align="hidHoverAlign"
               />
 
               <!-- MSD Status - Hidden when CH9329 backend (no USB gadget support) -->
               <StatusCard
-                v-if="systemStore.msd?.available && systemStore.hid?.backend !== 'ch9329'"
+                v-if="showMsdStatusCard"
                 :title="t('statusCard.msd')"
                 type="msd"
                 :status="msdStatus"
@@ -2037,11 +2045,12 @@ onUnmounted(() => {
                 :status="hidStatus"
                 :quick-info="hidQuickInfo"
                 :details="hidDetails"
+                :hover-align="hidHoverAlign"
                 compact
               />
             </div>
 
-            <div v-if="systemStore.msd?.available && systemStore.hid?.backend !== 'ch9329'" class="shrink-0">
+            <div v-if="showMsdStatusCard" class="shrink-0">
               <StatusCard
                 :title="t('statusCard.msd')"
                 type="msd"