Release Healer Man 0.1.29

src/ui/PauseMenu.tsx

@@ -4,8 +4,11 @@ import { useGameStore } from "../game/store";
 import { useMenuController, type MenuAction } from "../input/useMenuController";
 import { ControllerButton } from "./ControllerButton";
 import { isGameMasterSession } from "../game/manastormAdminConfig";
+import { useInputBindingLabels } from "../input/useInputBindingLabels";
+import { INPUT_ACTION_BY_ID } from "../input/keybinds";
 
 function PauseDialog() {
+  const bindingLabel = useInputBindingLabels();
   const closeOverlay = useGameStore((state) => state.closeOverlay);
   const openOverlay = useGameStore((state) => state.openOverlay);
   const reset = useGameStore((state) => state.resetAtEntrance);
@@ -41,6 +44,7 @@ function PauseDialog() {
     { id: "pause-spellbook", run: () => openOverlay("spellbook") },
     { id: "pause-bindings", run: () => openOverlay("bindings") },
     { id: "pause-talents", run: () => openOverlay("talents") },
+    { id: "pause-keybinds", run: () => openOverlay("keybinds") },
     { id: "pause-options", run: () => openOverlay("options") },
     { id: "pause-ui-layout", run: () => openOverlay("ui-layout") },
     ...(isGm ? [{ id: "pause-gm", run: () => openOverlay("gm") }] : []),
@@ -77,6 +81,7 @@ function PauseDialog() {
           {menuButton("pause-spellbook", "Spellbook", () => openOverlay("spellbook"))}
           {menuButton("pause-bindings", "Ability controls", () => openOverlay("bindings"))}
           {menuButton("pause-talents", skillMenuLabel, () => openOverlay("talents"))}
+          {menuButton("pause-keybinds", "Keybinds", () => openOverlay("keybinds"))}
           {menuButton("pause-options", "Options", () => openOverlay("options"))}
           {menuButton("pause-ui-layout", "Edit UI & templates", () => openOverlay("ui-layout"))}
           {isGm ? menuButton("pause-gm", "GM placement editor", () => openOverlay("gm")) : null}
@@ -86,17 +91,11 @@ function PauseDialog() {
           {menuButton("pause-main-menu", "Return to main menu", leaveDungeon)}
         </div>
         <dl className="controls-list">
-          <div><dt>Move</dt><dd>WASD / Left stick</dd></div>
-          <div><dt>Jump</dt><dd>Space / L3</dd></div>
-          <div><dt>Look</dt><dd>Hold right mouse / Arrow keys / Right stick</dd></div>
-          <div><dt>Abilities</dt><dd>1–8 / Face, R1, R2, D-pad left/right</dd></div>
-          <div><dt>Ability layers</dt><dd>Shift / Alt / Hold L1 / Hold L2</dd></div>
-          <div><dt>Targets</dt><dd>Tab / R3 enemy · D-pad up/down party/self</dd></div>
-          <div><dt>Party orders</dt><dd>F1 Attack / F2 Defend / F3 Stop / F4 Recall</dd></div>
-          <div><dt>Spellbook / {skillMenuLabel}</dt><dd>P / N</dd></div>
-          <div><dt>Boss guide</dt><dd>Pause menu</dd></div>
-          <div><dt>Inventory / Loot</dt><dd>I / E</dd></div>
-          <div><dt>Pause</dt><dd>Escape / Start</dd></div>
+          {["move-forward", "jump", "target-next", "party-next", "loot", "inventory", "spellbook", "pause"].map((id) => <div key={id}>
+            <dt>{INPUT_ACTION_BY_ID[id].label}</dt><dd>{bindingLabel("pc", id)} / {bindingLabel("controller", id)}</dd>
+          </div>)}
+          <div><dt>Camera</dt><dd>Hold right mouse and drag</dd></div>
+          <div><dt>All controls</dt><dd>Options → Keybinds</dd></div>
         </dl>
       </section>
     </div>