Support Images as chat output

[codenprogressive]

I would like to know if images could be supported in chat output?
I work on a use case where I output some plotly charts. Ideally, we plot those charts dynamically as plotly objects (like Streamlit or gradio) but for the short team it would be helpful if Langflow can support images in chat output.
Any workaround to achieve this?

[michelgirault]

any luck? it seams there is not much documentation or feedback

[dapengsmith]

I use below code can display image in the playground. F.Y.I

from langflow.custom import Component
from langflow.io import MessageTextInput, Output
from langflow.schema import Data

from langflow.schema.message import Message
from langflow.schema.content_block import ContentBlock
from langflow.schema.content_types import TextContent, MediaContent
import ast

class CustomComponent(Component):
    display_name = "Custom Component"
    description = "Use as a template to create your own component."
    documentation: str = "http://docs.langflow.org/components/custom"
    icon = "code"
    name = "CustomComponent"

    inputs = [
        MessageTextInput(
            name="input_value",
            display_name="Input Value",
            info="This is a custom component Input",
            value="Hello, World!",
            tool_mode=True,
        ),
    ]

    outputs = [
        Output(display_name="Output", name="output", method="build_output"),
    ]

    def build_output(self) -> Message:
        result_string=self.input_value+ ' :shixaoping: ' + self.input_value
        

        message = Message(
            text=result_string,
            sender="User",
            sender_name="John Doe",
            content_blocks=[
             
            ContentBlock(
            title="Media Block",
            contents=[
                MediaContent(type="media", urls=["https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"])
                    ]
                )
            ],


        )
        
        self.status = message

        return message

[michelgirault]

i did find a solution but yours is much for effective, thanks for sharing