{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"message","type":"registry:ui","title":"Message","description":"One message in a conversation with an AI assistant, with a cursor while it streams and Copy, Regenerate and feedback under it.","dependencies":["lucide-react"],"registryDependencies":["https://dashral.com/r/utils.json","https://dashral.com/r/lib-locale.json","https://dashral.com/r/avatar.json","https://dashral.com/r/button.json","https://dashral.com/r/copy-button.json","https://dashral.com/r/tooltip.json"],"files":[{"path":"registry/dashral/message.tsx","type":"registry:file","target":"components/dashral/message.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { RotateCcw, Sparkles, ThumbsDown, ThumbsUp } from \"lucide-react\"\n\nimport { useLocale } from \"./lib/locale\"\nimport { cn } from \"./lib/utils\"\nimport { Avatar } from \"./avatar\"\nimport { Button } from \"./button\"\nimport { CopyButton } from \"./copy-button\"\nimport { Tooltip } from \"./tooltip\"\n\ntype MessageFrom = \"user\" | \"assistant\"\n/** \"streaming\" while words are still arriving; \"error\" when the answer stopped short. */\ntype MessageStatus = \"streaming\" | \"done\" | \"error\"\ntype MessageFeedback = \"up\" | \"down\" | null\n\ntype MessageProps = Omit, \"children\"> & {\n /** Who wrote it: your own messages sit at the end in a bubble, the assistant's open flat beside its avatar. */\n from: MessageFrom\n /** What it says: text (line breaks kept), or your own rendering (Markdown, a table, a chart). */\n children: React.ReactNode\n /** The sender, for the avatar's initials and screen readers. \"You\" or \"Assistant\" by default. */\n name?: string\n /** An image URL, or your own mark (a logo). The assistant shows a sparkle by default, you nothing; false hides it. */\n avatar?: string | React.ReactNode | false\n /** When it was sent: a Date (written in the locale) or your own words (\"2 min ago\"). */\n time?: Date | string\n status?: MessageStatus\n /** What Copy copies. The message's text by default. */\n copyText?: string\n /** Shows Regenerate (and Try again after an error). */\n onRegenerate?: () => void\n /** Good and bad response, controlled or not. Shown when onFeedbackChange is given. */\n feedback?: MessageFeedback\n defaultFeedback?: MessageFeedback\n onFeedbackChange?: (feedback: MessageFeedback) => void\n /** More buttons, after the built-in ones. */\n actions?: React.ReactNode\n /** \"hover\" shows the actions when the pointer or focus is on the message (always on touch screens). */\n showActions?: \"hover\" | \"always\" | false\n /** What an error says. \"Couldn't finish this answer.\" by default. */\n error?: React.ReactNode\n classNames?: { content?: string; avatar?: string; actions?: string; meta?: string }\n}\n\n/**\n * One message in a conversation with an assistant: yours in a bubble at the end, the assistant's flat with its avatar,\n * a cursor while it streams in, and Copy, Regenerate and feedback under it.\n */\nfunction Message({\n from,\n children,\n name,\n avatar,\n time,\n status = \"done\",\n copyText,\n onRegenerate,\n feedback: feedbackProp,\n defaultFeedback = null,\n onFeedbackChange,\n actions,\n showActions = \"hover\",\n error,\n className,\n classNames,\n ...props\n}: MessageProps) {\n const { t, locale } = useLocale()\n const content = React.useRef(null)\n const [ownFeedback, setOwnFeedback] = React.useState(defaultFeedback)\n const feedback = feedbackProp ?? ownFeedback\n const setFeedback = (next: MessageFeedback) => {\n if (feedbackProp === undefined) setOwnFeedback(next)\n onFeedbackChange?.(next)\n }\n // Copy takes the text as it reads on screen, once the message is complete.\n const [text, setText] = React.useState(copyText ?? (typeof children === \"string\" ? children : \"\"))\n React.useEffect(() => {\n if (copyText !== undefined) setText(copyText)\n else if (status !== \"streaming\") setText(content.current?.innerText.trim() ?? \"\")\n }, [copyText, status, children])\n\n const user = from === \"user\"\n const sender = name ?? (user ? t(\"you\") : t(\"assistant\"))\n const streaming = status === \"streaming\"\n const showAvatar = avatar !== false && (avatar !== undefined || !user)\n const when =\n time instanceof Date ? { label: time.toLocaleTimeString(locale, { hour: \"numeric\", minute: \"2-digit\" }), iso: time.toISOString() } : time ? { label: time } : null\n\n const buttons = !streaming && showActions !== false && (\n