<template>
  <div class="optimization-panel">
    <PathOptimizerPanel
      :optimizations="store.optimizations"
    />
  </div>
</template>

<script setup lang="ts">
import { useEvolutionStore } from '@/stores/evolution'
import PathOptimizerPanel from '@/components/evolution/PathOptimizerPanel.vue'

const store = useEvolutionStore()
</script>

<style scoped>
.optimization-panel {
  height: 100%;
  background: var(--bg-primary);
  border: 1px solid var(--border-color-split);
  border-radius: 8px;
  padding: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
</style>
