feat: show playable charts with score hover and special-start markers

src/routes/analysis/+page.svelte

@@ -19,6 +19,7 @@
   import { releasedSongCharts } from '$lib/data/song-release.ts';
   import PresetManager from '$lib/components/PresetManager.svelte';
   import ScoreTimelineChart from '$lib/components/ScoreTimelineChart.svelte';
+  import PlayableChart from '$lib/components/PlayableChart.svelte';
   import { calculateMaximumScoreProbabilityTimeline } from '$lib/engine/score-probability.ts';
   import SongPicker from '$lib/components/SongPicker.svelte';
   import { buildExactSkillWindows, calculateBoardEffects, calculateExactScore, calculateUnitPower, countOptimizationCandidates, finalNoteScore, memoryParameterPermil, optimizeBoardConnectionCards, optimizeExactOrderAndCooldowns, perfectNoteScoreFromPower, toOptimizerCard } from '$lib/engine/index.ts';
@@ -1308,6 +1309,13 @@
             </div>
           </details>
         {/if}
+        {#if simulationContext}
+          <PlayableChart songId={simulationContext.chart.songId} difficulty={simulationContext.chart.difficulty}
+            chartNotes={simulationContext.chart.notes}
+            durationSeconds={timelineDuration} notes={displayedResult!.notes} {maximumScoreProbabilities}
+            activeWindows={displayedEffectiveActiveWindows} specialWindows={result.specialWindows}
+            cardName={resultCardName} {memberColor} />
+        {/if}
         <p class="board-guide">그래프를 좌우로 밀면 전체 시간대를 확인할 수 있습니다.</p>
         <!-- svelte-ignore a11y_no_noninteractive_tabindex (Keyboard users must be able to scroll the timeline.) -->
         <div class="timeline-scroll" role="region" aria-label="스킬 발동 시간대 그래프" tabindex="0">