tbenandClaude Opus 5.5
d1b5b6d68a
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]>
50 lines
2.0 KiB
TypeScript
50 lines
2.0 KiB
TypeScript
import Button from "@moduletrace/twui/layout/Button";
|
|
import Row from "@moduletrace/twui/layout/Row";
|
|
import Stack from "@moduletrace/twui/layout/Stack";
|
|
import Span from "@moduletrace/twui/layout/Span";
|
|
import { Reply, X } from "lucide-react";
|
|
import type { BotMessageWithAttachments } from "@/src/types";
|
|
import messagePreview from "@/src/utils/message-preview";
|
|
|
|
type Props = {
|
|
message: BotMessageWithAttachments;
|
|
bot_name: string;
|
|
onCancel: () => void;
|
|
};
|
|
|
|
/**
|
|
* The message the next one will quote, above the composer, until it is
|
|
* sent or dropped.
|
|
*/
|
|
export default function ComposerReplyPreview({ message, bot_name, onCancel }: Props) {
|
|
const preview = messagePreview({ text: message.text || "" }) || "A file";
|
|
|
|
return (
|
|
<Row className="w-full max-w-container mx-auto gap-2! flex-nowrap items-center px-3 md:px-6 pt-4 pb-0">
|
|
<Row className="min-w-0 grow gap-2! flex-nowrap items-center overflow-hidden rounded-default-lg border border-solid border-hairline bg-surface px-3 py-1.5">
|
|
<Reply size={14} aria-hidden className="shrink-0 text-ink-secondary" />
|
|
<Stack className="min-w-0 grow gap-0.5!">
|
|
<Span className="block w-full truncate text-[11px] font-bold leading-4 text-ink">
|
|
Replying to {message.author == "user" ? "yourself" : bot_name}
|
|
</Span>
|
|
<Span className="block w-full truncate text-xs leading-4 text-ink-secondary">
|
|
{preview}
|
|
</Span>
|
|
</Stack>
|
|
</Row>
|
|
<Button
|
|
title="Cancel reply"
|
|
aria-label="Cancel reply"
|
|
type="button"
|
|
variant="ghost"
|
|
color="gray"
|
|
size="small"
|
|
className="shrink-0 p-1!"
|
|
onClick={onCancel}
|
|
>
|
|
<X size={14} aria-hidden />
|
|
</Button>
|
|
</Row>
|
|
);
|
|
}
|