fix(ui): wrap topic and intent fields in TopicMessage (#24386)

This commit is contained in:
Jarrod Whelan
2026-03-31 17:00:48 -07:00
committed by GitHub
parent 782bb4e4bd
commit cdc602edd7
3 changed files with 14 additions and 9 deletions
@@ -31,11 +31,16 @@ export const TopicMessage: React.FC<TopicMessageProps> = ({ args }) => {
const intent = typeof rawIntent === 'string' ? rawIntent : undefined;
return (
<Box flexDirection="row" marginLeft={2}>
<Text color={theme.text.primary} bold>
<Box flexDirection="row" marginLeft={2} flexWrap="wrap">
<Text color={theme.text.primary} bold wrap="truncate-end">
{title || 'Topic'}
{intent && <Text>: </Text>}
</Text>
{intent && <Text color={theme.text.secondary}> {intent}</Text>}
{intent && (
<Text color={theme.text.secondary} wrap="wrap">
{intent}
</Text>
)}
</Box>
);
};