<template>
  <div class="board-round-card">
    <AssistantText :message="textMessage" />
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import type { IChatMessage } from '@/api/types'
import AssistantText from './AssistantText.vue'

interface Props {
  content: string
}

const props = defineProps<Props>()

// 方案B: BoardRoundCard 仅作为 Board 发言的纯内容容器，
// 渲染 AssistantText 的流式文本。头像/名字/轮次/角色标签等元信息
// 全部由外层 MessageShell 的 header 负责，避免重复渲染。
const textMessage = computed<IChatMessage>(() => ({
  id: `board-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
  role: 'assistant',
  content: props.content,
  timestamp: new Date().toISOString(),
  status: 'completed',
}))
</script>

<style scoped>
.board-round-card {
  width: 100%;
}
</style>
