Release Healer Man 0.1.43

src/ui/KeybindsPanel.tsx

@@ -26,7 +26,7 @@ const PC_KEYS = [
   "Insert", "Home", "End", "PageUp", "PageDown", ...Array.from({ length: 10 }, (_, i) => `Numpad${i}`),
   "NumpadAdd", "NumpadSubtract", "NumpadMultiply", "NumpadDivide", "NumpadDecimal", "NumpadEnter",
 ];
-function KeybindsDialog() {
+function KeybindsDialog({ onClose }: { onClose?: () => void }) {
   const [device, setDevice] = useState<InputDevice>(() => defaultInputDevice(Capacitor.isNativePlatform(), currentUiDevice() === "mobile"));
   const [draft, setDraft] = useState(() => useUiLayoutStore.getState().preferences);
   const [search, setSearch] = useState("");
@@ -57,7 +57,7 @@ function KeybindsDialog() {
   const shown = INPUT_ACTIONS.filter((entry) => (group === "All actions" || entry.group === group)
     && (!conflictsOnly || conflicts.some((conflict) => conflict.id === entry.id))
     && `${entry.label} ${detail(entry.id)} ${inputBindingLabel(device, bindings[entry.id])}`.toLowerCase().includes(search.toLowerCase()));
-  const close = () => useGameStore.getState().openOverlay("options");
+  const close = onClose ?? (() => useGameStore.getState().openOverlay("options"));
   const endCapture = () => { setListening(false); setCapturingInput(false); };
   const cancelEdit = () => { endCapture(); setEditing(null); setPending(null); setResetPending(false); };
   const apply = (id: string, key: string | null) => {
@@ -211,7 +211,7 @@ function KeybindsDialog() {
     </section>
   </div>;
 }
-export function KeybindsPanel() {
-  const open = useGameStore((state) => state.overlay === "keybinds");
-  return open ? <KeybindsDialog /> : null;
+export function KeybindsPanel({ open, onClose }: { open?: boolean; onClose?: () => void } = {}) {
+  const storeOpen = useGameStore((state) => state.overlay === "keybinds");
+  return (open ?? storeOpen) ? <KeybindsDialog onClose={onClose} /> : null;
 }