From f6857bfc7b41922a0eba28bc0f4107c54cfadf3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 18 Nov 2025 18:18:17 +0100
Subject: [PATCH] fix: restore waveform click-to-seek functionality
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Re-enabled mouse event handlers on waveform canvas that were accidentally
removed. Users can now:
- Click to seek to a specific position
- Drag to create selection regions

Also fixed TypeScript error by properly typing EffectType parameter in
handleAddEffect callback.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/editor/AudioEditor.tsx | 3 ++-
 components/tracks/Track.tsx       | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/editor/AudioEditor.tsx b/components/editor/AudioEditor.tsx
index 4494681..573661a 100644
--- a/components/editor/AudioEditor.tsx
+++ b/components/editor/AudioEditor.tsx
@@ -18,6 +18,7 @@ import { EffectsPanel } from '@/components/effects/EffectsPanel';
 import { formatDuration } from '@/lib/audio/decoder';
 import { useHistory } from '@/lib/hooks/useHistory';
 import { useRecording } from '@/lib/hooks/useRecording';
+import type { EffectType } from '@/lib/audio/effects/chain';
 import {
   createMultiTrackCutCommand,
   createMultiTrackCopyCommand,
@@ -209,7 +210,7 @@ export function AudioEditor() {
   };
 
   // Effects Panel handlers
-  const handleAddEffect = React.useCallback((effectType: any) => {
+  const handleAddEffect = React.useCallback((effectType: EffectType) => {
     if (!selectedTrackId) return;
     const track = tracks.find((t) => t.id === selectedTrackId);
     if (!track) return;
diff --git a/components/tracks/Track.tsx b/components/tracks/Track.tsx
index 6d7c952..eff7d6c 100644
--- a/components/tracks/Track.tsx
+++ b/components/tracks/Track.tsx
@@ -628,7 +628,10 @@ export function Track({
             {/* Waveform Canvas */}
             <canvas
               ref={canvasRef}
-              className="absolute inset-0 w-full h-full"
+              className="absolute inset-0 w-full h-full cursor-pointer"
+              onMouseDown={handleCanvasMouseDown}
+              onMouseMove={handleCanvasMouseMove}
+              onMouseUp={handleCanvasMouseUp}
             />
           </>
         ) : (