21 lines
699 B
Vue
21 lines
699 B
Vue
<script setup lang="ts">
|
|
import type { Entity } from '@triplit/client';
|
|
import type schema from '#triplit/schema';
|
|
|
|
defineProps<{
|
|
message: Readonly<
|
|
Entity<typeof schema, 'messages'> & {
|
|
parts: (Entity<typeof schema, 'message_parts'> & {
|
|
toolCall: Entity<typeof schema, 'tool_calls'> | null;
|
|
})[];
|
|
} & { generation: Entity<typeof schema, 'generations'> | null }
|
|
>;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<div :class="['max-w-full mb-4', message.role === 'user' ? 'pl-9 flex justify-end' : '']">
|
|
<MessageUser v-if="message.role === 'user'" :message="message" />
|
|
<MessageAgent v-else :message="message" />
|
|
</div>
|
|
</template> |