# extendify/trunk/src/Agent/components/messages/UserMessage.jsx

Extendify, version trunk. 17 lines.

- Page: https://pluginprobe.com/plugins/extendify/trunk/code/src/Agent/components/messages/UserMessage.jsx
- Raw: https://pluginprobe.com/plugins/extendify/trunk/raw/src/Agent/components/messages/UserMessage.jsx
- Modified: 2026-09-16T19:34:02+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/extendify/trunk/code/src/Agent/components/messages/UserMessage.jsx#L10-L20`.

```jsx
import { decodeEntities } from '@wordpress/html-entities';

export const UserMessage = ({ message }) => {
	const { content, role, hidden } = message.details;
	if (hidden) return null;
	return (
		<div
			data-agent-message-role={role}
			className="flex w-full flex-col items-end p-2"
		>
			<div className="max-w-[80%] break-words rounded-xl bg-gray-100 p-1.5 px-2.5 text-gray-900">
				{decodeEntities(content)}
			</div>
		</div>
	);
};

```