<template>
  <div class="app-shell">
    <AssistantContextPanel />
    <ConversationPanel />
    <ContextPanel />
  </div>
</template>

<script setup lang="ts">
import ConversationPanel from '../chat/ConversationPanel.vue';
import AssistantContextPanel from './AssistantContextPanel.vue';
import ContextPanel from './ContextPanel.vue';
</script>

<style scoped>
.app-shell {
  display: grid;
  grid-template-columns: var(--panel-left) 1fr var(--panel-right);
  height: 100vh;
  overflow: hidden;
}
</style>
