<!--
 * @Author: Jason Liu
 * @Date: 2025-03-18 13:53:23
 * @Desc: 
-->
<!--
 * @Author: Jason Liu
 * @Date: 2022-10-12 13:15:18
 * @Desc: 
-->
<template>
  <div class="dialogue_parser_info">
    <div class="user_header"></div>
    <component
      :is="`${value.type}Card`"
      v-model="nodeModel"
      @deepseekSend="deepseekSend"
    />
  </div>
</template>
<script type="text/javascript" src="./service.js"></script>
<style lang="less" scoped>
.dialogue_parser_info {
  display: flex;
  width: 100%;
  line-height: 38px;
  margin-bottom: 12px;
  .user_info {
    background: #e8e8e9;
    border-radius: 8px;
    line-height: 22px;
    padding: 8px;
    color: #10141a;
    position: relative;
    max-width: calc(100% - 54px);
  }
  .user_header {
    width: 34px;
    height: 34px;
    margin: 2px 6px 2px 0px;
    border-radius: 60px;
    background-image: url(../../assets/icon_intelligent_report.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    overflow: hidden;
    -webkit-app-region: no-drag;
  }
}
</style>
