feat: 音素タイミングエディターに音声波形表示を追加

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: sigprogramming

src/components/Sing/SequencerPhonemeTimingEditor.vue

@@ -3,13 +3,15 @@
     <div class="axis-area"></div>
     <div class="parameter-area">
       <SequencerParameterGrid class="parameter-grid" :viewportInfo />
+      <SequencerWaveform class="waveform" :viewportInfo />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import type { ViewportInfo } from "@/sing/viewHelper";
 import SequencerParameterGrid from "@/components/Sing/SequencerParameterGrid.vue";
+import SequencerWaveform from "@/components/Sing/SequencerWaveform.vue";
 
 defineProps<{
   viewportInfo: ViewportInfo;
@@ -46,4 +48,9 @@ defineProps<{
   grid-column: 1;
   grid-row: 1 / 5;
 }
+
+.waveform {
+  grid-column: 1;
+  grid-row: 4 / 5;
+}
 </style>