discourse-ai/assets/javascripts/discourse/components/reviewable-ai-chat-message.gjs

import Component from "@glimmer/component";
import { array } from "@ember/helper";
import { LinkTo } from "@ember/routing";
import { or } from "truth-helpers";
import ReviewableCreatedBy from "discourse/components/reviewable-created-by";
import ReviewablePostHeader from "discourse/components/reviewable-post-header";
import htmlSafe from "discourse/helpers/html-safe";
import ChatChannelTitle from "discourse/plugins/chat/discourse/components/chat-channel-title";
import ChatChannel from "discourse/plugins/chat/discourse/models/chat-channel";
import ModelAccuracies from "./model-accuracies";

export default class ReviewableAiChatMessage extends Component {
  get chatChannel() {
    if (!this.args.reviewable.chat_channel) {
      return;
    }
    return ChatChannel.create(this.args.reviewable.chat_channel);
  }

  <template>
    {{#if this.chatChannel}}
      <div class="flagged-post-header">
        <LinkTo
          @route="chat.channel.near-message"
          @models={{array
            this.chatChannel.slugifiedTitle
            this.chatChannel.id
            @reviewable.target_id
          }}
        >
          <ChatChannelTitle @channel={{this.chatChannel}} />
        </LinkTo>
      </div>
    {{/if}}

    <div class="post-contents-wrapper">
      <ReviewableCreatedBy
        @user={{@reviewable.target_created_by}}
        @tagName=""
      />
      <div class="post-contents">
        <ReviewablePostHeader
          @reviewable={{@reviewable}}
          @createdBy={{@reviewable.target_created_by}}
          @tagName=""
        />

        <div class="post-body">
          {{htmlSafe
            (or @reviewable.payload.message_cooked @reviewable.cooked)
          }}
        </div>

        {{yield}}

        <ModelAccuracies @accuracies={{@reviewable.payload.accuracies}} />
      </div>
    </div>
  </template>
}