Update user conversation bubble links

This commit is contained in:
2026-10-21 19:08:58 +01:00
parent f644772944
commit 72a150c2b2
2 changed files with 14 additions and 2 deletions
@@ -5,6 +5,7 @@ import Stack from "@moduletrace/twui/layout/Stack";
import linkComputerRefs from "@/src/utils/link-computer-refs";
import { UserMarkdownComponents } from "../(data)/user-markdown-components";
import { QuotableAttribute } from "../(hooks)/use-message-selection";
import { twMerge } from "tailwind-merge";
/**
* Kept module-level: a new array on every render makes `react-markdown`
@@ -22,9 +23,16 @@ export default function UserBubble({ text }: { text: string }) {
return (
<Stack
{...{ [QuotableAttribute]: "" }}
className="max-w-[80%] min-w-0 gap-2.5! items-stretch rounded-default-lg bg-ink text-on-ink px-4 py-3 text-sm leading-5 break-words"
className={twMerge(
"max-w-[80%] min-w-0 gap-2.5! items-stretch rounded-default-lg",
"bg-ink text-on-ink px-4 py-3 text-sm leading-5 break-words",
"conversation-user-bubble",
)}
>
<Markdown remarkPlugins={RemarkPlugins} components={UserMarkdownComponents}>
<Markdown
remarkPlugins={RemarkPlugins}
components={UserMarkdownComponents}
>
{linkComputerRefs({ text })}
</Markdown>
</Stack>