How patch/attach to the original AiMessageRenderer instead of building a new one

[mstfash]

Hi, nice work as usual.

i am wondering how to just patch/attach something to already rendered AiMessageComponent from nlux instead of building a new one. is this feasible ? would be great to have something like that, for example I wanna attach feedback buttons to the message and rebuilding the whole AiMessageComponent is just a drag.

Thanks in advance!

[salmenus]

Hi @mstfash — Sound like an easy and useful customisation to implement. Let me do that for you (original renderer + custom UI around it). I'll post an update here once it's done.

[salmenus]

You can look at example here @mstfash : https://docs.nlkit.com/nlux/reference/ui/markdown#with-batched-custom-renderers

import {memo} from 'react';
import {ResponseRenderer, Markdown} from '@nlux/react';

const responseRenderer: ResponseRenderer<string> = memo((props) => {
    const {content} = props;
    return (
        <div className="myCustomRenderer">
            <Markdown>{content}</Markdown>
        </div>
    );
});

That custom renderer would render markdown the same as it's being streamed. Does that solved your problem? Or you were rather looking not to build a create a new renderer at all?