Add replies and emoji reactions to chat messages

Every message has a row under it to reply or react. Replying quotes the
message above the composer, and the sent message stores
reply_to_message_id (a plain id, not a foreign key, so deleting the
quoted message only drops the quote). send-message accepts a quote from
any session of the same conversation, so a rollover or a thread that
moved on still sends; the conversation drops a picked quote when its
session changes. The bot reads the quote as "[Replying to ...]" before
the user's turn, file-only replies included, and relayed messages carry
it too.

Reactions are a fixed set (BotMessageReactions) in
bot_message_reactions, one per message, emoji and user or bot. Users
toggle their own through api/admin/bots/react-message, and every bot
gets react_to_message for the session it answers (the user's latest
message by default). Both push the fresh list as server:bot-reaction,
with mine worked out for the session's user.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/pages/admin/bots/[bot_id]/(partials)/user-message.tsx

@@ -1,16 +1,44 @@
+import { useContext } from "react";
+import Stack from "@moduletrace/twui/layout/Stack";
 import type { BotMessageWithAttachments } from "@/src/types";
+import { BotMessageActionsContext } from "../(data)/message-actions-context";
+import MessageActions from "./message-actions";
 import MessageAttachments from "./message-attachments";
+import MessageReactions from "./message-reactions";
+import MessageReplyQuote from "./message-reply-quote";
 import UserBubble from "./user-bubble";
 
+type Props = {
+    message: BotMessageWithAttachments;
+    bot_name: string;
+};
+
 /**
- * One user message: its files, then its text (a file-only message has no
- * bubble).
+ * One user message: the quoted message it answers, its files, then its
+ * text (a file-only message has no bubble), its reactions and actions.
  */
-export default function UserMessage({ text, attachments }: BotMessageWithAttachments) {
+export default function UserMessage({ message, bot_name }: Props) {
+    const { onReact } = useContext(BotMessageActionsContext);
+
     return (
-        <>
-            <MessageAttachments attachments={attachments} />
-            {text ? <UserBubble text={text} /> : null}
-        </>
+        <Stack className="w-full min-w-0 max-w-full items-end gap-1.5!">
+            {message.reply_to ? (
+                <MessageReplyQuote
+                    reply_to={message.reply_to}
+                    bot_name={bot_name}
+                    align_end
+                />
+            ) : null}
+            <MessageAttachments attachments={message.attachments} />
+            {message.text ? <UserBubble text={message.text} /> : null}
+            {message.id ? (
+                <MessageReactions
+                    message_id={message.id}
+                    reactions={message.reactions}
+                    onReact={onReact}
+                />
+            ) : null}
+            <MessageActions message={message} />
+        </Stack>
     );
 }