Tweak ChatMessage layout

[ahuang11]

Ensures the icon divider is invisible if reaction_icons is empty or if copy icon is invisible.

import panel as pn

pn.extension()

cm = pn.chat.ChatMessage("ABC")
cm.servable()

cm = pn.chat.ChatMessage("ABC", show_copy_icon=False)

cm = pn.chat.ChatMessage("ABC", reaction_icons={})

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 82.27%. Comparing base (647db1a) to head (eef89b9).
Report is 5 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7209      +/-   ##
==========================================
+ Coverage   82.24%   82.27%   +0.02%     
==========================================
  Files         331      331              
  Lines       49420    49470      +50     
==========================================
+ Hits        40647    40699      +52     
+ Misses       8773     8771       -2     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[MarcSkovMadsen]

The green activity indicator is now in the right spot. I still see the divider icon though.

You can reproduce with

from asyncio import sleep

import panel as pn

ORSTED_AVATAR = "https://nationalmaglab.org/media/hdri02zb/hans-christian-oersted.png"
ASSISTANT = "Ørsted, AI Trading Assistant"

pn.chat.message.DEFAULT_AVATARS[ASSISTANT] = ORSTED_AVATAR
pn.chat.ChatMessage.show_reaction_icons = False

pn.extension(sizing_mode="stretch_width")


async def generate_response(contents, user, instance):
    text = ""
    for _ in range(0, 50):
        text += "ABCD "
        yield text
        await sleep(0.1)


# pylint: disable=line-too-long
chat_interface = pn.chat.ChatInterface(
    callback=generate_response,
    callback_user=ASSISTANT,
    widgets=pn.chat.ChatAreaInput(
        placeholder="Enter some text and click Send",
        auto_grow=True,
        max_length=20000,
    ),
)
chat_interface.send(
    """XYZ """ * 50,
    user=ASSISTANT,
    respond=False,
)

pn.template.FastListTemplate(
    main=[chat_interface],
    main_max_width="1200px",
    main_layout=None,
).servable()

[MarcSkovMadsen]

As described its almost perfect. The vertical bar is still there though.

[philippjfr]

The line is not reproducible on my end, I think you forgot to pull.

[philippjfr]

Also we will have to revisit this, e.g. serializing a whole model simply to render the separator icon is a little bit insane.

Cannot reproduce