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]>
2026-10-19 21:56:31 +01:00
parent bc499a7466
commit d1b5b6d68a
44 changed files with 1289 additions and 58 deletions
@@ -0,0 +1,33 @@
+import { useContext } from "react";
+import Row from "@moduletrace/twui/layout/Row";
+import { Reply } from "lucide-react";
+import type { BotMessageWithAttachments } from "@/src/types";
+import { BotMessageActionsContext } from "../(data)/message-actions-context";
+import MessageActionButton from "./message-action-button";
+import MessageReactionPicker from "./message-reaction-picker";
+
+type Props = {
+    message: BotMessageWithAttachments;
+};
+
+/**
+ * A message's reply and reaction actions, shown under it.
+ */
+export default function MessageActions({ message }: Props) {
+    const { onReply, onReact } = useContext(BotMessageActionsContext);
+
+    if (!message.id) return null;
+
+    return (
+        <Row className="gap-1.5! items-center">
+            <MessageActionButton
+                title="Reply"
+                aria_label="Reply to this message"
+                onClick={() => onReply({ message })}
+            >
+                <Reply size={14} aria-hidden />
+            </MessageActionButton>
+            <MessageReactionPicker message_id={message.id} onReact={onReact} />
+        </Row>
+    );
+}