tbenandClaude Opus 5.5
c13b9ea826
Every bot message gets an info button that opens its details: the provider and model behind it, tokens and cost, the job that ran it, each model used and every call in order. Each model call now records how it was made in token_usages.settings (generation settings sent, whose settings they were, pinned or automatic model, fallbacks), shown per model in the modal. Live replies now carry their token usage, from the job's push and the live relay alike, so it shows without a reload. Co-Authored-By: Claude Opus 5.5 <[email protected]>
46 lines
1.7 KiB
TypeScript
46 lines
1.7 KiB
TypeScript
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 CopyMessageButton from "./copy-message-button";
|
|
import MessageActionButton from "./message-action-button";
|
|
import MessageDetailsModal from "./message-details-modal";
|
|
import MessageReactionPicker from "./message-reaction-picker";
|
|
|
|
type Props = {
|
|
message: BotMessageWithAttachments;
|
|
};
|
|
|
|
/**
|
|
* A message's copy, reply, reaction and details actions, shown under it. A message
|
|
* still on its way to the server has no id yet, so it can only be copied.
|
|
*/
|
|
export default function MessageActions({ message }: Props) {
|
|
const { onReply, onReact } = useContext(BotMessageActionsContext);
|
|
|
|
if (!message.id && !message.text?.trim()) return null;
|
|
|
|
return (
|
|
<Row className="gap-3! items-center">
|
|
<CopyMessageButton text={message.text || ""} />
|
|
{message.id ? (
|
|
<>
|
|
<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}
|
|
/>
|
|
{message.author == "bot" ? <MessageDetailsModal message_id={Number(message.id)} /> : null}
|
|
</>
|
|
) : null}
|
|
</Row>
|
|
);
|
|
}
|