@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;" />
144 lines (142 loc) • 3.44 kB
JavaScript
import {
Window
} from "./chunk-C3GSYRC3.mjs";
import {
Header
} from "./chunk-GVKA7RQQ.mjs";
import {
Button
} from "./chunk-UFN2VWSR.mjs";
import {
CopilotChat
} from "./chunk-HKTWKCPS.mjs";
import {
AssistantMessage
} from "./chunk-L3GZ7TXC.mjs";
import {
UserMessage
} from "./chunk-HWMFMBJC.mjs";
import {
Input
} from "./chunk-4HUXYD3B.mjs";
import {
Messages
} from "./chunk-B3D7U7TJ.mjs";
import {
ChatContextProvider
} from "./chunk-IEMQ2SQW.mjs";
import {
__objRest,
__spreadProps,
__spreadValues
} from "./chunk-MRXNTQOX.mjs";
// src/components/chat/Modal.tsx
import React, { useMemo } from "react";
import { jsx, jsxs } from "react/jsx-runtime";
var CopilotModal = (_a) => {
var _b = _a, {
instructions,
defaultOpen = false,
clickOutsideToClose = true,
hitEscapeToClose = true,
onSetOpen,
onSubmitMessage,
onStopGeneration,
onReloadMessages,
shortcut = "/",
icons,
labels,
makeSystemMessage,
onInProgress,
Window: Window2 = Window,
Button: Button2 = Button,
Header: Header2 = Header,
Messages: Messages2 = Messages,
Input: Input2 = Input,
AssistantMessage: AssistantMessage2 = AssistantMessage,
UserMessage: UserMessage2 = UserMessage,
onThumbsUp,
onThumbsDown,
onCopy,
onRegenerate,
markdownTagRenderers,
className,
children
} = _b, props = __objRest(_b, [
"instructions",
"defaultOpen",
"clickOutsideToClose",
"hitEscapeToClose",
"onSetOpen",
"onSubmitMessage",
"onStopGeneration",
"onReloadMessages",
"shortcut",
"icons",
"labels",
"makeSystemMessage",
"onInProgress",
"Window",
"Button",
"Header",
"Messages",
"Input",
"AssistantMessage",
"UserMessage",
"onThumbsUp",
"onThumbsDown",
"onCopy",
"onRegenerate",
"markdownTagRenderers",
"className",
"children"
]);
const [openState, setOpenState] = React.useState(defaultOpen);
const setOpen = (open) => {
onSetOpen == null ? void 0 : onSetOpen(open);
setOpenState(open);
};
const memoizedHeader = useMemo(() => /* @__PURE__ */ jsx(Header2, {}), [Header2]);
const memoizedChildren = useMemo(() => children, [children]);
return /* @__PURE__ */ jsxs(ChatContextProvider, { icons, labels, open: openState, setOpen, children: [
memoizedChildren,
/* @__PURE__ */ jsxs("div", { className, children: [
/* @__PURE__ */ jsx(Button2, {}),
/* @__PURE__ */ jsxs(
Window2,
{
clickOutsideToClose,
shortcut,
hitEscapeToClose,
children: [
memoizedHeader,
/* @__PURE__ */ jsx(
CopilotChat,
__spreadProps(__spreadValues({}, props), {
instructions,
onSubmitMessage,
onStopGeneration,
onReloadMessages,
makeSystemMessage,
onInProgress,
Messages: Messages2,
Input: Input2,
AssistantMessage: AssistantMessage2,
UserMessage: UserMessage2,
onThumbsUp,
onThumbsDown,
onCopy,
onRegenerate,
markdownTagRenderers
})
)
]
}
)
] })
] });
};
export {
CopilotModal
};
//# sourceMappingURL=chunk-KN2GCKBE.mjs.map