<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
import { AppShellLayout } from './shared/ui/layouts'
</script>
<template>
  <AppShellLayout>
    <template #navigation><nav class="app-nav" aria-label="주요 메뉴">
      <section><h2>Research</h2><RouterLink to="/research/sell-decision">매도 의사결정</RouterLink></section>
      <section><h2>Portfolio</h2><RouterLink to="/portfolio/risk">포트폴리오 리스크</RouterLink><RouterLink to="/portfolio/rebalance">리밸런싱 제안</RouterLink></section>
      <section><h2>Operations</h2><RouterLink to="/ops/data-quality">데이터 품질</RouterLink><RouterLink to="/ops/market-data-ingestion">시장 데이터 수집</RouterLink><RouterLink to="/ops/market-data-history">수집 이력</RouterLink><RouterLink to="/ops/model-operations">모델 운영</RouterLink></section>
      <section><h2>Internal</h2><RouterLink to="/internal/wbs">WBS 작업공간</RouterLink><RouterLink to="/internal/ui-standard">컴포넌트 카탈로그</RouterLink></section>
    </nav></template>
    <RouterView />
  </AppShellLayout>
</template>
<style scoped>.app-nav{display:grid;gap:var(--ks-space-2)}.app-nav a{padding:var(--ks-space-2) var(--ks-space-3);border-radius:var(--ks-radius-sm);text-decoration:none}.app-nav a.router-link-active{background:var(--ks-color-neutral-100);font-weight:700}</style>
