feat: implemented piano roll hybrid mode to allow user edit MIDI notes while observing spectrogram as reference

2026-05-01 18:28:45 -07:00
parent ba0e27e50a
commit 83034455cc
11 changed files with 162 additions and 55 deletions
@@ -31,6 +31,9 @@ interface TrackGridPanelProps {
  onRegionClick?: (regionId: string) => void;
  onOpenPianoRoll?: (regionId: string) => void;
  onOpenSpectrogram?: (regionId: string) => void;
+  showHybridButtonForAudio?: boolean;
+  showHybridButtonForMidi?: boolean;
+  onOpenHybrid?: (regionId: string) => void;
  onExternalDropComplete?: (trackIndex: number, regionUI: RegionUI) => void;
 }

@@ -48,6 +51,9 @@ const TrackGridPanel: React.FC<TrackGridPanelProps> = ({
  onRegionClick,
  onOpenPianoRoll,
  onOpenSpectrogram,
+  showHybridButtonForAudio,
+  showHybridButtonForMidi,
+  onOpenHybrid,
  onExternalDropComplete,
 }) => {
  const gridContainerRef = useRef<HTMLDivElement>(null);
@@ -654,6 +660,9 @@ const TrackGridPanel: React.FC<TrackGridPanelProps> = ({
          onRegionClick={handleRegionClick}
          onOpenPianoRoll={onOpenPianoRoll}
          onOpenSpectrogram={onOpenSpectrogram}
+          showHybridButtonForAudio={showHybridButtonForAudio}
+          showHybridButtonForMidi={showHybridButtonForMidi}
+          onOpenHybrid={onOpenHybrid}
          allTracks={tracks}
          onKGOneClipDrop={handleExternalDrop}
        />