diff --git a/components/editor/AudioEditor.tsx b/components/editor/AudioEditor.tsx
index 729b21b..c53e5b8 100644
--- a/components/editor/AudioEditor.tsx
+++ b/components/editor/AudioEditor.tsx
@@ -33,6 +33,7 @@ import { formatDuration } from '@/lib/audio/decoder';
import { useHistory } from '@/lib/hooks/useHistory';
import { useRecording } from '@/lib/hooks/useRecording';
import { useSettings } from '@/lib/hooks/useSettings';
+import { DEFAULT_TRACK_HEIGHT } from '@/types/track';
import type { EffectType } from '@/lib/audio/effects/chain';
import {
createMultiTrackCutCommand,
@@ -149,19 +150,19 @@ export function AudioEditor() {
// Wrap addTrack to auto-select first track when adding to empty project
const addTrack = React.useCallback((name?: string) => {
const shouldAutoSelect = shouldAutoSelectRef.current;
- const track = addTrackOriginal(name, settings.ui.defaultTrackHeight);
+ const track = addTrackOriginal(name, DEFAULT_TRACK_HEIGHT);
if (shouldAutoSelect) {
setSelectedTrackId(track.id);
shouldAutoSelectRef.current = false; // Only auto-select once
}
return track;
- }, [addTrackOriginal, settings.ui.defaultTrackHeight]);
+ }, [addTrackOriginal]);
// Wrap addTrackFromBuffer to auto-select first track when adding to empty project
const addTrackFromBuffer = React.useCallback((buffer: AudioBuffer, name?: string) => {
console.log(`[AudioEditor] addTrackFromBuffer wrapper called: ${name}, shouldAutoSelect: ${shouldAutoSelectRef.current}`);
const shouldAutoSelect = shouldAutoSelectRef.current;
- const track = addTrackFromBufferOriginal(buffer, name, settings.ui.defaultTrackHeight);
+ const track = addTrackFromBufferOriginal(buffer, name, DEFAULT_TRACK_HEIGHT);
console.log(`[AudioEditor] Track created: ${track.name} (${track.id})`);
if (shouldAutoSelect) {
console.log(`[AudioEditor] Auto-selecting track: ${track.id}`);
@@ -169,7 +170,7 @@ export function AudioEditor() {
shouldAutoSelectRef.current = false; // Only auto-select once
}
return track;
- }, [addTrackFromBufferOriginal, settings.ui.defaultTrackHeight]);
+ }, [addTrackFromBufferOriginal]);
// Track which parameters are being touched (for touch/latch modes)
const [touchedParameters, setTouchedParameters] = React.useState
- Initial height for new tracks. Default: 400px. -
-