@copilotkit/react-ui
Version:
<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
66 lines (65 loc) • 2.18 kB
JavaScript
import {
Markdown
} from "../../../chunk-JZ3RFQQ6.mjs";
import "../../../chunk-IK2BPURM.mjs";
import {
useChatContext
} from "../../../chunk-IEMQ2SQW.mjs";
import "../../../chunk-XWG3L6QC.mjs";
import "../../../chunk-54JAUBUJ.mjs";
import "../../../chunk-MRXNTQOX.mjs";
// src/components/chat/messages/ErrorMessage.tsx
import { useState } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
var ErrorMessage = (props) => {
const { icons, labels } = useChatContext();
const { error, onRegenerate, onCopy, isCurrentMessage } = props;
const [copied, setCopied] = useState(false);
const handleCopy = () => {
const content = error.message;
if (content && onCopy) {
navigator.clipboard.writeText(content);
setCopied(true);
onCopy(content);
setTimeout(() => setCopied(false), 2e3);
} else if (content) {
navigator.clipboard.writeText(content);
setCopied(true);
setTimeout(() => setCopied(false), 2e3);
}
};
const handleRegenerate = () => {
if (onRegenerate)
onRegenerate();
};
console.log(error);
return /* @__PURE__ */ jsxs("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
/* @__PURE__ */ jsx(Markdown, { content: error.message }),
/* @__PURE__ */ jsxs("div", { className: `copilotKitMessageControls ${isCurrentMessage ? "currentMessage" : ""}`, children: [
/* @__PURE__ */ jsx(
"button",
{
className: "copilotKitMessageControlButton",
onClick: handleRegenerate,
"aria-label": labels.regenerateResponse,
title: labels.regenerateResponse,
children: icons.regenerateIcon
}
),
/* @__PURE__ */ jsx(
"button",
{
className: "copilotKitMessageControlButton",
onClick: handleCopy,
"aria-label": labels.copyToClipboard,
title: labels.copyToClipboard,
children: copied ? /* @__PURE__ */ jsx("span", { style: { fontSize: "10px", fontWeight: "bold" }, children: "\u2713" }) : icons.copyIcon
}
)
] })
] });
};
export {
ErrorMessage
};
//# sourceMappingURL=ErrorMessage.mjs.map