feat: add visual metronome (Beat Pulse) for recording mode and update manuals

Author: acidsound

App.tsx

@@ -484,6 +484,26 @@ const App: React.FC = () => {
         </div>
       )}
 
+      {/* Beat Pulse - Recording Mode Visual Metronome */}
+      {isRecording && isPlaying && (
+        <>
+          {/* Left Pulse Line */}
+          <div
+            className={`absolute left-0 top-0 bottom-0 w-1.5 z-[55] pointer-events-none transition-all duration-75 ${currentStep % 4 === 0
+                ? 'bg-retro-accent shadow-[0_0_20px_rgba(255,30,86,0.8),0_0_40px_rgba(255,30,86,0.4)]'
+                : 'bg-retro-accent/40 shadow-[0_0_10px_rgba(255,30,86,0.3)]'
+              }`}
+          />
+          {/* Right Pulse Line */}
+          <div
+            className={`absolute right-0 top-0 bottom-0 w-1.5 z-[55] pointer-events-none transition-all duration-75 ${currentStep % 4 === 0
+                ? 'bg-retro-accent shadow-[0_0_20px_rgba(255,30,86,0.8),0_0_40px_rgba(255,30,86,0.4)]'
+                : 'bg-retro-accent/40 shadow-[0_0_10px_rgba(255,30,86,0.3)]'
+              }`}
+          />
+        </>
+      )}
+
       {appMode === AppMode.SAMPLE && (
         <SampleBrowser
           isLandscape={isLandscape}

CHANGELOG.md

@@ -4,6 +4,13 @@
 
 ---
 
+## [1.3.1] - 2026-01-21
+
+### Added
+- **Visual Metronome (Beat Pulse)**: 리얼타임 레코딩 모드 시 화면 좌우 가장자리에 비트에 맞춘 시각적 펄스 효과 추가 (공연 및 소음 환경 대응)
+
+---
+
 ## [1.3.0] - 2026-01-20
 
 ### Added

USER_MANUAL.md

@@ -92,7 +92,8 @@ When a pad is selected, you can manipulate its sound in real-time. Changes are a
 You can record your performance directly into the sequencer in real-time:
 1. **Enable Record Mode**: **Long-press** the **Play** button until it turns red and shows a record icon.
 2. **Perform**: While the sequencer is playing, hit any pad in **Perform** mode. Your hits will be automatically recorded into the active step of the sequencer.
-3. **Disable**: Long-press the Play button again (or stop playback) to exit recording mode.
+3. **Visual Metronome (Beat Pulse)**: During recording, pink lines on the left and right edges of the screen will pulse in time with the BPM. This helps you stay on beat visually even in loud environments.
+4. **Disable**: Long-press the Play button again (or stop playback) to exit recording mode.
    * *Note: This allows you to quickly build patterns by "playing" them rather than manual step entry.*
 
 ### Minimalist Step Visualization

USER_MANUAL_ko.md

@@ -93,7 +93,8 @@
 연주를 실시간으로 시퀀서에 기록할 수 있습니다:
 1. **녹음 모드 활성화**: **Play 버튼을 길게 누르면** 버튼이 빨간색으로 변하며 녹음 대기 상태가 됩니다.
 2. **연주**: 시퀀서가 재생 중일 때 **Perform** 모드에서 패드를 치면, 해당 시점이 속한 스텝에 자동으로 기록됩니다.
-3. **해제**: Play 버튼을 다시 길게 누르거나 재생을 정지하면 녹음 모드가 종료됩니다.
+3. **비주얼 메트로놈 (Beat Pulse)**: 녹음 모드 중에는 화면 좌우 가장자리에 분홍색 라인이 비트에 맞춰 깜빡입니다. 소리를 듣기 어려운 환경에서도 시각적으로 박자를 맞출 수 있도록 도와줍니다.
+4. **해제**: Play 버튼을 다시 길게 누르거나 재생을 정지하면 녹음 모드가 종료됩니다.
    * *참고: 이 기능을 사용하면 일일이 스텝을 찍지 않고도 "연주"를 통해 빠르게 비트를 만들 수 있습니다.*
 
 ### 미니멀리스트 스텝 시각화

package.json

@@ -1,7 +1,7 @@
 {
   "name": "uss44",
   "private": true,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",