feat(web-platform): release V0.8.3 常规界面优化

web_platform/src/app/components/ViewportHUD.tsx

@@ -16,11 +16,13 @@ export function ViewportHUD({
   mode,
   selection,
   ready,
+  mapEditing = false,
 }: {
   paused: boolean;
   mode: InteractionMode;
   selection: ViewerSelection | null;
   ready: boolean;
+  mapEditing?: boolean;
 }) {
   if (!ready) return null;
   return (
@@ -45,7 +47,7 @@ export function ViewportHUD({
       </div>
       <div
         aria-label="视口操作提示"
-        className="pointer-events-none absolute bottom-3 left-1/2 z-10 hidden -translate-x-1/2 items-center gap-2 whitespace-nowrap rounded-full border border-border-strong bg-panel px-3 py-1.5 text-[10px] text-text-secondary shadow-xl lg:flex"
+        className="pointer-events-none absolute bottom-14 left-1/2 z-10 hidden -translate-x-1/2 items-center gap-2 whitespace-nowrap rounded-full border border-border-strong bg-panel/85 px-3 py-1.5 text-[10px] text-text-secondary shadow-xl backdrop-blur lg:flex"
       >
         <Mouse aria-hidden="true" className="h-3 w-3 text-text-secondary" />
         <span>{primaryGestures[mode]}</span>
@@ -57,14 +59,28 @@ export function ViewportHUD({
           ·
         </span>
         <span>滚轮缩放</span>
-        {mode !== 'select' && (
+        {mapEditing && mode === 'select' ? (
           <>
             <span aria-hidden="true" className="text-border-strong">
               ·
             </span>
-            <Kbd>1</Kbd>
-            <span>旋转视角</span>
+            <Kbd>W</Kbd>
+            <Kbd>E</Kbd>
+            <Kbd>R</Kbd>
+            <span>变换</span>
+            <Kbd>F</Kbd>
+            <span>聚焦</span>
           </>
+        ) : (
+          mode !== 'select' && (
+            <>
+              <span aria-hidden="true" className="text-border-strong">
+                ·
+              </span>
+              <Kbd>1</Kbd>
+              <span>旋转视角</span>
+            </>
+          )
         )}
       </div>
     </>