feat: refactor vehicle and gesture control console

apps/web-console/index.html

@@ -8,16 +8,18 @@
     <meta name="mobile-web-app-capable" content="yes" />
     <link rel="manifest" href="/manifest.webmanifest" />
     <link rel="icon" href="/icons/app-icon-192.png" />
-    <title>智舱随行 · 一句话与手势控制</title>
+    <title>智舱随行 · 整车智能控制台</title>
     <link rel="stylesheet" href="/styles.css?v=android-pad-3" />
+    <link rel="stylesheet" href="/console-v2.css?v=desktop-refactor-56" />
     <script src="/vendor/lucide/0.468.0/lucide.min.js" defer></script>
     <script src="/vendor/three/0.147.0/three.min.js" defer></script>
     <script src="/vendor/three/0.147.0/fflate.min.js" defer></script>
     <script src="/vendor/three/0.147.0/FBXLoader.js" defer></script>
     <script src="/network.js?v=android-pad-1" defer></script>
-    <script src="/app.js?v=seat-hil-13" defer></script>
-    <script type="module" src="/gesture-control.js?v=android-pad-1"></script>
+    <script src="/app.js?v=seat-hil-42" defer></script>
+    <script type="module" src="/gesture-control.js?v=android-pad-5"></script>
     <script src="/pwa.js?v=android-pad-1" defer></script>
+    <script src="/console-v2.js?v=desktop-refactor-16" defer></script>
   </head>
   <body>
     <header class="topbar">
@@ -147,7 +149,7 @@
             <p class="provider-note" id="autoFlashNote">正在检查自动烧录配置</p>
           </div>
 
-          <button class="primary-action" id="runButton" type="submit">
+          <button class="primary-action" id="runButton" type="submit" aria-label="执行车舱控制指令">
             <i data-lucide="play"></i>
             <span>生成并执行</span>
           </button>
@@ -229,7 +231,6 @@
         <section class="cabin-band" aria-labelledby="cabinStateTitle">
           <div class="section-title-row cabin-heading">
             <div>
-              <span class="section-kicker">JOINT DEVICE STATE</span>
               <h3 id="cabinStateTitle">联合设备状态</h3>
             </div>
             <span class="simulation-label" id="feedbackModeLabel">MATRIX-BACKED · SIMULATED FEEDBACK</span>
@@ -252,6 +253,14 @@
                   <span>副驾</span><strong id="passengerTemperature">24<sup>℃</sup></strong>
                 </div>
               </div>
+              <div class="climate-display climate-direction-display" aria-label="双区空调风向">
+                <div class="zone-temperature">
+                  <span>主驾风向</span><strong id="driverAirDirection">-</strong>
+                </div>
+                <div class="zone-temperature passenger-temperature">
+                  <span>副驾风向</span><strong id="passengerAirDirection">-</strong>
+                </div>
+              </div>
               <dl class="domain-readouts">
                 <div><dt>风量</dt><dd id="fanLevel">0 档</dd></div>
                 <div><dt>循环</dt><dd id="cycleMode">外循环</dd></div>
@@ -273,20 +282,18 @@
                 </div>
               </div>
               <dl class="domain-readouts">
-                <div><dt>透光率</dt><dd id="transmittanceValue">100%</dd></div>
                 <div><dt>遮阳帘</dt><dd id="shadePositionValue">0%</dd></div>
-                <div><dt>自动调光</dt><dd id="automaticDimming">关闭</dd></div>
-                <div><dt>电机反馈</dt><dd id="roofMotorState">已停止</dd></div>
+                <div><dt>调光</dt><dd id="automaticDimming">关闭</dd></div>
               </dl>
             </article>
 
             <article class="domain-panel ambient-panel" data-domain-panel="ambient_light">
               <header>
                 <span class="domain-icon"><i data-lucide="lamp-ceiling"></i></span>
-                <div><strong>氛围灯</strong><small>AMBIENT · RGB 16.8M</small></div>
+                <div><strong>阅读灯</strong><small>AMBIENT · RGB 16.8M</small></div>
                 <span class="device-state" id="ambientPower">OFF</span>
               </header>
-              <div class="ambient-visual" id="ambientVisual" aria-label="副驾手套箱上方九段氛围灯排灯">
+              <div class="ambient-visual" id="ambientVisual" aria-label="副驾阅读灯状态">
                 <div class="ambient-dashboard-sketch" aria-hidden="true">
                   <span class="ambient-dashboard-top"></span>
                   <span class="ambient-center-screen"></span>
@@ -299,11 +306,36 @@
                 </div>
                 <small class="ambient-location-label">副驾 · 手套箱上方排灯</small>
               </div>
-              <dl class="domain-readouts">
-                <div><dt>颜色</dt><dd><i class="color-swatch" id="ambientSwatch"></i><span id="ambientColor">#74D9FF</span></dd></div>
-                <div><dt>亮度</dt><dd id="ambientBrightness">0%</dd></div>
+              <dl class="domain-readouts single-readout">
                 <div><dt>模式</dt><dd id="ambientMode">关闭</dd></div>
-                <div><dt>控制精度</dt><dd>24-bit RGB</dd></div>
+              </dl>
+            </article>
+
+            <article class="domain-panel window-panel" data-domain-panel="window">
+              <header>
+                <span class="domain-icon"><i data-lucide="gallery-vertical-end"></i></span>
+                <div><strong>车窗</strong><small>WINDOW · OPENING</small></div>
+                <span class="device-state" id="windowState">READY</span>
+              </header>
+              <dl class="domain-readouts">
+                <div><dt>左前窗</dt><dd id="frontLeftWindow">0%</dd></div>
+                <div><dt>右前窗</dt><dd id="frontRightWindow">0%</dd></div>
+                <div><dt>左后窗</dt><dd id="rearLeftWindow">0%</dd></div>
+                <div><dt>右后窗</dt><dd id="rearRightWindow">0%</dd></div>
+              </dl>
+            </article>
+
+            <article class="domain-panel lighting-panel" data-domain-panel="front_light">
+              <header>
+                <span class="domain-icon"><i data-lucide="car-front"></i></span>
+                <div><strong>前大灯</strong><small>FRONT LIGHT · SWITCH</small></div>
+                <span class="device-state" id="frontLightState">OFF</span>
+              </header>
+              <dl class="domain-readouts">
+                <div><dt>近光灯</dt><dd id="lowBeamState">关闭</dd></div>
+                <div><dt>远光灯</dt><dd id="highBeamState">关闭</dd></div>
+                <div><dt>雾灯</dt><dd id="fogLightState">关闭</dd></div>
+                <div><dt>转向灯</dt><dd id="turnSignalState">关闭</dd></div>
               </dl>
             </article>
           </div>
@@ -312,26 +344,19 @@
         <section class="twin-band" aria-labelledby="twinTitle">
           <div class="twin-heading">
             <div>
-              <span class="section-kicker">FULL VEHICLE DIGITAL TWIN</span>
               <h3 id="twinTitle">整车孪生界面</h3>
               <div class="preset-indicator" id="presetIndicator" hidden>
                 <i data-lucide="bookmark-check"></i><span></span>
               </div>
             </div>
             <div class="twin-toolbar">
-              <span class="twin-focus-badge"><i data-lucide="scan"></i>透明车体 · 实体设备</span>
               <button class="icon-button twin-reset" id="twinReset" type="button" title="复位 3D 视角" aria-label="复位 3D 视角">
                 <i data-lucide="rotate-3d"></i>
               </button>
             </div>
           </div>
           <div class="twin-stage" id="seatTwin" data-selected-seat="passenger">
-            <canvas id="seatTwinCanvas" data-vehicle-model="byd-tang-2024-reference" data-seat-layout="five-seat" data-active-seat="front-right" aria-label="具有前后遮挡明暗层次的半透明整车外壳、始终清晰显示的动态副驾、全景天幕、仪表台空调出风口与副驾手套箱上方氛围灯三维状态"></canvas>
-            <div class="vehicle-system-hud" aria-label="整车孪生系统状态">
-              <span data-twin-system="roof"><i data-lucide="panels-top-left"></i><small>全景天幕</small><b id="twinRoofState">透光 100%</b></span>
-              <span data-twin-system="climate"><i data-lucide="wind"></i><small>仪表台 HVAC</small><b id="twinClimateState">关闭</b></span>
-              <span data-twin-system="ambient"><i data-lucide="lamp-ceiling"></i><small>手套箱氛围灯</small><b id="twinAmbientState">关闭</b></span>
-            </div>
+            <canvas id="seatTwinCanvas" data-vehicle-model="byd-tang-2024-reference" data-seat-layout="five-seat" data-active-seat="front-right" aria-label="通过模型动画展示动态副驾、空调气流、智能天幕、阅读灯、四门车窗与前大灯状态的整车数字孪生"></canvas>
             <div class="twin-seat-label passenger"><i></i><span>副驾动态座椅</span><small>ACTIVE · FRONT RIGHT</small></div>
             <div class="twin-callout-layer" aria-hidden="true">
               <div class="twin-callout" data-callout="longitudinal"><span>水平位置</span><b>50%</b><small>导轨</small></div>
@@ -506,12 +531,19 @@
 
       <div class="gesture-actions">
         <button class="gesture-primary" id="gestureStartButton" type="button"><i data-lucide="camera"></i><span>开启摄像头</span></button>
-        <button id="gestureArmButton" type="button" disabled><i data-lucide="hand"></i>激活控制</button>
+        <button id="gestureArmButton" type="button" aria-controls="gestureDebugPanel" aria-expanded="false"><i data-lucide="bug-play"></i>手势调试</button>
         <button id="gestureStopButton" type="button" disabled><i data-lucide="octagon"></i>停止</button>
+        <div class="gesture-debug-panel" id="gestureDebugPanel" hidden>
+          <div class="gesture-debug-heading"><span>管理员手势调试</span><small>无需开启摄像头</small></div>
+          <div class="gesture-debug-controls">
+            <select id="gestureDebugSelect" aria-label="选择模拟手势"></select>
+            <button id="gestureDebugSend" type="button"><i data-lucide="send"></i>发送模拟手势</button>
+          </div>
+        </div>
       </div>
 
       <section class="gesture-guide-card">
-        <div class="gesture-card-heading"><div><span>动作速查</span><small>张掌激活 · 握拳只停止</small></div><button id="gestureCustomizeButton" type="button"><i data-lucide="sliders-horizontal"></i>自定义</button></div>
+        <div class="gesture-card-heading"><div><span>手势速查</span><small>张掌激活 · 握拳只停止</small></div><button id="gestureCustomizeButton" type="button"><i data-lucide="sliders-horizontal"></i>自定义</button></div>
         <div class="gesture-map-grid" id="gestureMapGrid"></div>
         <div class="gesture-customize" id="gestureCustomizePanel" hidden>
           <div><span>识别到</span><strong id="gestureCustomizeToken">请先摆出手势</strong></div>