<script setup lang="ts">
import EscalationBanner from './components/EscalationBanner.vue'
</script>

<template>
  <div class="min-h-screen">
    <header class="border-b border-gray-800 px-6 py-4 flex items-center justify-between">
      <router-link to="/" class="text-lg font-bold text-gray-100 hover:text-white no-underline">
        Kin
      </router-link>
      <nav class="flex items-center gap-4">
        <EscalationBanner />
        <router-link to="/settings" class="text-xs text-gray-400 hover:text-gray-200 no-underline">Settings</router-link>
        <span class="text-xs text-gray-600">multi-agent orchestrator</span>
      </nav>
    </header>
    <main class="px-6 py-6">
      <router-view />
    </main>
  </div>
</template>
