<template>
  <div class="ai-detached-shell">
    <AiChat :detached="true" />
  </div>
</template>

<script setup lang="ts">
import AiChat from '@/components/AiChat.vue'
import { onMounted } from 'vue'
import { useAiStore } from '@/stores/ai'

const store = useAiStore()

onMounted(async () => {
  // 标记为分离模式
  store.state.detached = true
})
</script>

<style scoped>
.ai-detached-shell {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: var(--df-bg);
}
</style>
