ChatInterface Buttons should flow below input when window width is small

[MarcSkovMadsen]

The ChatInterface reference example from https://github.com/panel-extensions/panel-splitjs is not really useful because the TextInput + Buttons become way too wide when the window is not wide.

Please flow the Buttons below the TextInput when the window is not wide.

import panel as pn
from panel_splitjs import Split

pn.extension()

chat = pn.chat.ChatInterface(sizing_mode="stretch_both")
output = pn.Column("# Output Area")

split = Split(
    chat,
    output,
    collapsed=None,  # Both panels visible
    expanded_sizes=(50, 50),
    show_buttons=True,
    min_size=(300, 300),  # Minimum 300px for each panel,
    sizing_mode="stretch_both"
)

split.servable()

[ahuang11]

I think the better UI/UX would be collapse the button to a burger icon, which panel-material-ui ChatInterface does.

[philippjfr]

At this point we are probably going to halt development on existing components and put all efforts into ensuring the transition to panel-material-ui is smooth.