aiMessageList

<view xmlns="http://jmix.io/schema/flowui/view"
      xmlns:aichat="http://jmix.io/schema/aichat/ui"
      title="msg://MessageListView.title">

<aichat:aiMessageList id="transcriptList" width="100%"/>

transcriptList.setItems(
        AiMessageListItem.user("How do I load orders for a customer?"),
        AiMessageListItem.assistant("""
                ## Loading orders

                Use `DataManager` with a JPQL query:

                ```java
                List<Order> orders = dataManager.load(Order.class)
                        .query("select o from Order o where o.customer = :customer")
                        .parameter("customer", customer)
                        .list();
                ```

                A few things to keep in mind:

                - add a fetch plan when you need referenced entities
                - use `maxResults` to page the result
                """),
        AiMessageListItem.user(LONG_QUESTION)
);

@Subscribe("addItemButton")
public void onAddItemButtonClick(final ClickEvent<JmixButton> event) {
    transcriptList.addItem(AiMessageListItem.user("And how do I page the result?"));
}

@Subscribe("generateButton")
public void onGenerateButtonClick(final ClickEvent<JmixButton> event) {
    drivenList.addItem(AiMessageListItem.user("What is a fetch plan?"));

    AiMessageListItem answer = AiMessageListItem.assistant("");
    drivenList.addItem(answer);
    drivenList.setState(GenerationState.GENERATING);

    backgroundWorker.handle(new AnswerTask(answer)).execute();
}

private class AnswerTask extends BackgroundTask<String, Void> {

    private final AiMessageListItem answer;

    private AnswerTask(AiMessageListItem answer) {
        super(30, TimeUnit.SECONDS, MessageListView.this);
        this.answer = answer;
    }

    @Override
    public Void run(TaskLifeCycle<String> taskLifeCycle) throws Exception {
        ThinkingStatusPublisher statuses = drivenList.getThinkingStatusPublisher();

        ThinkingStatusItem searching = statuses.start("Searching the documentation");
        Thread.sleep(1200);
        searching.complete("4 pages");

        ThinkingStatusItem writing = statuses.start("Writing the answer");

        for (String chunk : ANSWER_CHUNKS) {
            Thread.sleep(400);
            taskLifeCycle.publish(chunk);
        }

        writing.complete();
        return null;
    }

    @Override
    public void progress(List<String> chunks) { (1)
        chunks.forEach(answer::appendText);
    }

    @Override
    public void done(Void result) {
        drivenList.setState(GenerationState.IDLE);
        drivenList.getThinkingStatusPublisher().clear();
    }
}

<aichat:thinkingIndicator>
    <image id="customIndicator"
           resource="public/images/logo.png"
           alternateText="msg://customIndicator.alternateText"
           width="1.75em"
           height="1.75em"/>
</aichat:thinkingIndicator>

<aichat:thinkingStages>
    <aichat:thinkingStage delayMillis="600"
                          text="msg://thinkingStage.thinking"/>
    <aichat:thinkingStage delayMillis="4000"
                          text="msg://thinkingStage.stillThinking"/>
</aichat:thinkingStages>

@Override
public Void run(TaskLifeCycle<String> taskLifeCycle) throws Exception {
    ThinkingStatusPublisher statuses = drivenList.getThinkingStatusPublisher();

    ThinkingStatusItem searching = statuses.start("Searching the documentation");
    Thread.sleep(1200);
    searching.complete("4 pages");

    ThinkingStatusItem writing = statuses.start("Writing the answer");

@Subscribe("failButton")
public void onFailButtonClick(final ClickEvent<JmixButton> event) {
    drivenList.addItem(AiMessageListItem.user("Why did that fail?"));
    drivenList.setState(GenerationState.ERROR);
}

private void registerRetryListener() {
    drivenList.addRetryListener(event -> {
        AiMessageListItem userMessage = event.getUserMessage();
        notifications.show(messageBundle.formatMessage("retry.notification",
                userMessage != null ? userMessage.getText() : "-"));
        drivenList.setState(GenerationState.IDLE);
    });
}

<aichat:aiMessageList id="actionsList" width="100%">
    <aichat:userActions>
        <aichat:action id="userCopy" type="aichat_messageCopy"/>
    </aichat:userActions>
    <aichat:assistantActions>
        <aichat:action id="assistantCopy" type="aichat_messageCopy"/>
        <aichat:action id="reportAction"
                       icon="FLAG"
                       description="msg://reportAction.description"/>
    </aichat:assistantActions>
</aichat:aiMessageList>

@Subscribe("actionsList.reportAction")
public void onReportAction(final AiMessageActionPerformedEvent event) {
    AiMessageListItem item = event.getItem();
    notifications.show(messageBundle.formatMessage("reportAction.notification",
            item.getText()));
}

<aichat:aiMessageList id="announceList"
                      width="100%"
                      announceMessages="true"/>

<aichat:aiMessageList id="i18nList" width="100%">
    <aichat:i18n showMore="msg://i18nList.showMore"
                 showLess="msg://i18nList.showLess">
        <aichat:codeBlock copy="msg://i18nList.codeCopy"/>
    </aichat:i18n>
</aichat:aiMessageList>

com.company.demo.view.messagelist/i18nList.showMore=Read the whole question
com.company.demo.view.messagelist/i18nList.showLess=Collapse the question
com.company.demo.view.messagelist/i18nList.codeCopy=Copy this snippet