Attachment chip exceeds desirable width

[asuwebdesign]

If you attach a file with a long file name, the attachment chip will try to render the entirety of the name. This can potentially break layouts and isn't desirable, especially in scenarios where the chatbot needs to support multiple file attachments. Let's apply a truncation rule on the file name in the chip.

For overlay and dock mode, try to cap the width of each attachment chip to roughly 50% of the message bar. Take into account a gap between each chip (if more than 1 attached). Width might vary depending on the rendered size of the chatbot.

For fullscreen mode, and as the chatbot and message bar get wider, simply cap the width of the chip to 224px (14rem).

[rebeccaalpert]

That's valid!