@copilotkit/react-ui 1.51.5-next.0 → 1.51.5-next.2

package/dist/chunk-OQWEOBRX.mjs

@@ -1,120 +0,0 @@
-import {
-  Markdown
-} from "./chunk-DSHTRV2R.mjs";
-import {
-  useChatContext
-} from "./chunk-6TLDRWAD.mjs";
-
-// src/components/chat/messages/AssistantMessage.tsx
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var AssistantMessage = (props) => {
-  var _a, _b, _c;
-  const { icons, labels } = useChatContext();
-  const {
-    message,
-    isLoading,
-    onRegenerate,
-    onCopy,
-    onThumbsUp,
-    onThumbsDown,
-    isCurrentMessage,
-    feedback,
-    markdownTagRenderers
-  } = props;
-  const [copied, setCopied] = useState(false);
-  const handleCopy = () => {
-    const content2 = (message == null ? void 0 : message.content) || "";
-    if (content2 && onCopy) {
-      navigator.clipboard.writeText(content2);
-      setCopied(true);
-      onCopy(content2);
-      setTimeout(() => setCopied(false), 2e3);
-    } else if (content2) {
-      navigator.clipboard.writeText(content2);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }
-  };
-  const handleRegenerate = () => {
-    if (onRegenerate)
-      onRegenerate();
-  };
-  const handleThumbsUp = () => {
-    if (onThumbsUp && message) {
-      onThumbsUp(message);
-    }
-  };
-  const handleThumbsDown = () => {
-    if (onThumbsDown && message) {
-      onThumbsDown(message);
-    }
-  };
-  const LoadingIcon = () => /* @__PURE__ */ jsx("span", { children: icons.activityIcon });
-  const content = (message == null ? void 0 : message.content) || "";
-  const subComponent = (_b = (_a = message == null ? void 0 : message.generativeUI) == null ? void 0 : _a.call(message)) != null ? _b : props.subComponent;
-  const subComponentPosition = (_c = message == null ? void 0 : message.generativeUIPosition) != null ? _c : "after";
-  const renderBefore = subComponent && subComponentPosition === "before";
-  const renderAfter = subComponent && subComponentPosition !== "before";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderBefore ? /* @__PURE__ */ jsx("div", { style: { marginBottom: "0.5rem" }, children: subComponent }) : null,
-    content && /* @__PURE__ */ jsxs("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
-      content && /* @__PURE__ */ jsx(Markdown, { content, components: markdownTagRenderers }),
-      content && !isLoading && /* @__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
-              }
-            ),
-            onThumbsUp && /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: `copilotKitMessageControlButton ${feedback === "thumbsUp" ? "active" : ""}`,
-                onClick: handleThumbsUp,
-                "aria-label": labels.thumbsUp,
-                title: labels.thumbsUp,
-                children: icons.thumbsUpIcon
-              }
-            ),
-            onThumbsDown && /* @__PURE__ */ jsx(
-              "button",
-              {
-                className: `copilotKitMessageControlButton ${feedback === "thumbsDown" ? "active" : ""}`,
-                onClick: handleThumbsDown,
-                "aria-label": labels.thumbsDown,
-                title: labels.thumbsDown,
-                children: icons.thumbsDownIcon
-              }
-            )
-          ]
-        }
-      )
-    ] }),
-    renderAfter ? /* @__PURE__ */ jsx("div", { style: { marginBottom: "0.5rem" }, children: subComponent }) : null,
-    isLoading && /* @__PURE__ */ jsx(LoadingIcon, {})
-  ] });
-};
-
-export {
-  AssistantMessage
-};
-//# sourceMappingURL=chunk-OQWEOBRX.mjs.map

package/dist/chunk-OQWEOBRX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/AssistantMessage.tsx"],"sourcesContent":["import { AssistantMessageProps } from \"../props\";\nimport { useChatContext } from \"../ChatContext\";\nimport { Markdown } from \"../Markdown\";\nimport { useState } from \"react\";\nimport React from \"react\";\n\nexport const AssistantMessage = (props: AssistantMessageProps) => {\n  const { icons, labels } = useChatContext();\n  const {\n    message,\n    isLoading,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    isCurrentMessage,\n    feedback,\n    markdownTagRenderers,\n  } = props;\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = () => {\n    const content = message?.content || \"\";\n    if (content && onCopy) {\n      navigator.clipboard.writeText(content);\n      setCopied(true);\n      onCopy(content);\n      setTimeout(() => setCopied(false), 2000);\n    } else if (content) {\n      navigator.clipboard.writeText(content);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  const handleRegenerate = () => {\n    if (onRegenerate) onRegenerate();\n  };\n\n  const handleThumbsUp = () => {\n    if (onThumbsUp && message) {\n      onThumbsUp(message);\n    }\n  };\n\n  const handleThumbsDown = () => {\n    if (onThumbsDown && message) {\n      onThumbsDown(message);\n    }\n  };\n\n  const LoadingIcon = () => <span>{icons.activityIcon}</span>;\n  const content = message?.content || \"\";\n  const subComponent = message?.generativeUI?.() ?? props.subComponent;\n  const subComponentPosition = message?.generativeUIPosition ?? \"after\";\n  const renderBefore = subComponent && subComponentPosition === \"before\";\n  const renderAfter = subComponent && subComponentPosition !== \"before\";\n\n  return (\n    <>\n      {renderBefore ? (\n        <div style={{ marginBottom: \"0.5rem\" }}>{subComponent}</div>\n      ) : null}\n      {content && (\n        <div className=\"copilotKitMessage copilotKitAssistantMessage\">\n          {content && (\n            <Markdown content={content} components={markdownTagRenderers} />\n          )}\n\n          {content && !isLoading && (\n            <div\n              className={`copilotKitMessageControls ${isCurrentMessage ? \"currentMessage\" : \"\"}`}\n            >\n              <button\n                className=\"copilotKitMessageControlButton\"\n                onClick={handleRegenerate}\n                aria-label={labels.regenerateResponse}\n                title={labels.regenerateResponse}\n              >\n                {icons.regenerateIcon}\n              </button>\n              <button\n                className=\"copilotKitMessageControlButton\"\n                onClick={handleCopy}\n                aria-label={labels.copyToClipboard}\n                title={labels.copyToClipboard}\n              >\n                {copied ? (\n                  <span style={{ fontSize: \"10px\", fontWeight: \"bold\" }}>\n                    ✓\n                  </span>\n                ) : (\n                  icons.copyIcon\n                )}\n              </button>\n              {onThumbsUp && (\n                <button\n                  className={`copilotKitMessageControlButton ${\n                    feedback === \"thumbsUp\" ? \"active\" : \"\"\n                  }`}\n                  onClick={handleThumbsUp}\n                  aria-label={labels.thumbsUp}\n                  title={labels.thumbsUp}\n                >\n                  {icons.thumbsUpIcon}\n                </button>\n              )}\n              {onThumbsDown && (\n                <button\n                  className={`copilotKitMessageControlButton ${\n                    feedback === \"thumbsDown\" ? \"active\" : \"\"\n                  }`}\n                  onClick={handleThumbsDown}\n                  aria-label={labels.thumbsDown}\n                  title={labels.thumbsDown}\n                >\n                  {icons.thumbsDownIcon}\n                </button>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      {renderAfter ? (\n        <div style={{ marginBottom: \"0.5rem\" }}>{subComponent}</div>\n      ) : null}\n      {isLoading && <LoadingIcon />}\n    </>\n  );\n};\n"],"mappings":"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","names":["content"]}

package/dist/chunk-P34CL4LC.mjs

@@ -1,82 +0,0 @@
-import {
-  AssistantMessage
-} from "./chunk-OQWEOBRX.mjs";
-import {
-  ImageRenderer
-} from "./chunk-TGM5PKBF.mjs";
-import {
-  UserMessage
-} from "./chunk-DM2V5WTG.mjs";
-import {
-  __objRest
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/messages/RenderMessage.tsx
-import { jsx } from "react/jsx-runtime";
-function RenderMessage(_a) {
-  var _b = _a, {
-    UserMessage: UserMessage2 = UserMessage,
-    AssistantMessage: AssistantMessage2 = AssistantMessage,
-    ImageRenderer: ImageRenderer2 = ImageRenderer
-  } = _b, props = __objRest(_b, [
-    "UserMessage",
-    "AssistantMessage",
-    "ImageRenderer"
-  ]);
-  var _a2;
-  const {
-    message,
-    messages,
-    inProgress,
-    index,
-    isCurrentMessage,
-    onRegenerate,
-    onCopy,
-    onThumbsUp,
-    onThumbsDown,
-    messageFeedback,
-    markdownTagRenderers
-  } = props;
-  switch (message.role) {
-    case "user":
-      return /* @__PURE__ */ jsx(
-        UserMessage2,
-        {
-          rawData: message,
-          "data-message-role": "user",
-          message,
-          ImageRenderer: ImageRenderer2
-        },
-        index
-      );
-    case "assistant":
-      return /* @__PURE__ */ jsx(
-        AssistantMessage2,
-        {
-          "data-message-role": "assistant",
-          subComponent: (_a2 = message.generativeUI) == null ? void 0 : _a2.call(message),
-          rawData: message,
-          message,
-          messages,
-          isLoading: inProgress && isCurrentMessage && !message.content,
-          isGenerating: inProgress && isCurrentMessage && !!message.content,
-          isCurrentMessage,
-          onRegenerate: () => onRegenerate == null ? void 0 : onRegenerate(message.id),
-          onCopy,
-          onThumbsUp,
-          onThumbsDown,
-          feedback: (messageFeedback == null ? void 0 : messageFeedback[message.id]) || null,
-          markdownTagRenderers,
-          ImageRenderer: ImageRenderer2
-        },
-        index
-      );
-    default:
-      return null;
-  }
-}
-
-export {
-  RenderMessage
-};
-//# sourceMappingURL=chunk-P34CL4LC.mjs.map

package/dist/chunk-P34CL4LC.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/RenderMessage.tsx"],"sourcesContent":["import { RenderMessageProps } from \"../props\";\nimport { UserMessage as DefaultUserMessage } from \"./UserMessage\";\nimport { AssistantMessage as DefaultAssistantMessage } from \"./AssistantMessage\";\nimport { ImageRenderer as DefaultImageRenderer } from \"./ImageRenderer\";\n\nexport function RenderMessage({\n  UserMessage = DefaultUserMessage,\n  AssistantMessage = DefaultAssistantMessage,\n  ImageRenderer = DefaultImageRenderer,\n  ...props\n}: RenderMessageProps) {\n  const {\n    message,\n    messages,\n    inProgress,\n    index,\n    isCurrentMessage,\n    onRegenerate,\n    onCopy,\n    onThumbsUp,\n    onThumbsDown,\n    messageFeedback,\n    markdownTagRenderers,\n  } = props;\n\n  switch (message.role) {\n    case \"user\":\n      return (\n        <UserMessage\n          key={index}\n          rawData={message}\n          data-message-role=\"user\"\n          message={message}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    case \"assistant\":\n      return (\n        <AssistantMessage\n          key={index}\n          data-message-role=\"assistant\"\n          subComponent={message.generativeUI?.()}\n          rawData={message}\n          message={message}\n          messages={messages}\n          isLoading={inProgress && isCurrentMessage && !message.content}\n          isGenerating={inProgress && isCurrentMessage && !!message.content}\n          isCurrentMessage={isCurrentMessage}\n          onRegenerate={() => onRegenerate?.(message.id)}\n          onCopy={onCopy}\n          onThumbsUp={onThumbsUp}\n          onThumbsDown={onThumbsDown}\n          feedback={messageFeedback?.[message.id] || null}\n          markdownTagRenderers={markdownTagRenderers}\n          ImageRenderer={ImageRenderer}\n        />\n      );\n    default:\n      return null;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AA4BQ;AAvBD,SAAS,cAAc,IAKP;AALO,eAC5B;AAAA,iBAAAA,eAAc;AAAA,IACd,kBAAAC,oBAAmB;AAAA,IACnB,eAAAC,iBAAgB;AAAA,EARlB,IAK8B,IAIzB,kBAJyB,IAIzB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AARF,MAAAC;AAWE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,UAAQ,QAAQ,MAAM;AAAA,IACpB,KAAK;AACH,aACE;AAAA,QAACH;AAAA,QAAA;AAAA,UAEC,SAAS;AAAA,UACT,qBAAkB;AAAA,UAClB;AAAA,UACA,eAAeE;AAAA;AAAA,QAJV;AAAA,MAKP;AAAA,IAEJ,KAAK;AACH,aACE;AAAA,QAACD;AAAA,QAAA;AAAA,UAEC,qBAAkB;AAAA,UAClB,eAAcE,MAAA,QAAQ,iBAAR,gBAAAA,IAAA;AAAA,UACd,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA,WAAW,cAAc,oBAAoB,CAAC,QAAQ;AAAA,UACtD,cAAc,cAAc,oBAAoB,CAAC,CAAC,QAAQ;AAAA,UAC1D;AAAA,UACA,cAAc,MAAM,6CAAe,QAAQ;AAAA,UAC3C;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAU,mDAAkB,QAAQ,QAAO;AAAA,UAC3C;AAAA,UACA,eAAeD;AAAA;AAAA,QAfV;AAAA,MAgBP;AAAA,IAEJ;AACE,aAAO;AAAA,EACX;AACF;","names":["UserMessage","AssistantMessage","ImageRenderer","_a"]}

package/dist/chunk-PF3QBO7V.mjs

@@ -1,133 +0,0 @@
-import {
-  RenderMessage
-} from "./chunk-P34CL4LC.mjs";
-
-// src/components/chat/messages/LegacyRenderMessage.tsx
-import { aguiToGQL } from "@copilotkit/runtime-client-gql";
-import { jsx } from "react/jsx-runtime";
-var LegacyRenderMessage = ({
-  message,
-  messages,
-  inProgress,
-  index,
-  isCurrentMessage,
-  actionResult,
-  AssistantMessage,
-  UserMessage,
-  ImageRenderer,
-  onRegenerate,
-  onCopy,
-  onThumbsUp,
-  onThumbsDown,
-  markdownTagRenderers,
-  legacyProps
-}) => {
-  var _a;
-  const {
-    RenderTextMessage,
-    RenderActionExecutionMessage,
-    RenderAgentStateMessage,
-    RenderResultMessage,
-    RenderImageMessage
-  } = legacyProps;
-  const deprecatedMessage = (_a = aguiToGQL(message)[0]) != null ? _a : void 0;
-  if (deprecatedMessage.isTextMessage() && RenderTextMessage) {
-    return /* @__PURE__ */ jsx(
-      RenderTextMessage,
-      {
-        message,
-        messages,
-        inProgress,
-        index,
-        isCurrentMessage,
-        AssistantMessage,
-        UserMessage,
-        onRegenerate,
-        onCopy,
-        onThumbsUp,
-        onThumbsDown,
-        markdownTagRenderers
-      }
-    );
-  }
-  if (deprecatedMessage.isActionExecutionMessage() && RenderActionExecutionMessage) {
-    return /* @__PURE__ */ jsx(
-      RenderActionExecutionMessage,
-      {
-        messages,
-        message,
-        inProgress,
-        index,
-        isCurrentMessage,
-        actionResult,
-        AssistantMessage,
-        UserMessage
-      }
-    );
-  }
-  if (deprecatedMessage.isAgentStateMessage() && RenderAgentStateMessage) {
-    return /* @__PURE__ */ jsx(
-      RenderAgentStateMessage,
-      {
-        messages,
-        message,
-        inProgress,
-        index,
-        isCurrentMessage,
-        AssistantMessage,
-        UserMessage
-      }
-    );
-  }
-  if (deprecatedMessage.isResultMessage() && RenderResultMessage) {
-    return /* @__PURE__ */ jsx(
-      RenderResultMessage,
-      {
-        messages,
-        message,
-        inProgress,
-        index,
-        isCurrentMessage,
-        AssistantMessage,
-        UserMessage
-      }
-    );
-  }
-  if (deprecatedMessage.isImageMessage() && RenderImageMessage) {
-    return /* @__PURE__ */ jsx(
-      RenderImageMessage,
-      {
-        messages,
-        message,
-        inProgress,
-        index,
-        isCurrentMessage,
-        AssistantMessage,
-        UserMessage
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    RenderMessage,
-    {
-      messages,
-      message,
-      inProgress,
-      index,
-      isCurrentMessage,
-      AssistantMessage,
-      UserMessage,
-      ImageRenderer,
-      onRegenerate,
-      onCopy,
-      onThumbsUp,
-      onThumbsDown,
-      markdownTagRenderers
-    }
-  );
-};
-
-export {
-  LegacyRenderMessage
-};
-//# sourceMappingURL=chunk-PF3QBO7V.mjs.map

package/dist/chunk-PF3QBO7V.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/messages/LegacyRenderMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { RenderMessageProps } from \"../props\";\nimport { RenderMessage as DefaultRenderMessage } from \"./RenderMessage\";\nimport { aguiToGQL } from \"@copilotkit/runtime-client-gql\";\n\n/**\n * Legacy message render props interface for backwards compatibility\n */\nexport interface LegacyRenderProps {\n  RenderTextMessage?: React.ComponentType<RenderMessageProps>;\n  RenderActionExecutionMessage?: React.ComponentType<RenderMessageProps>;\n  RenderAgentStateMessage?: React.ComponentType<RenderMessageProps>;\n  RenderResultMessage?: React.ComponentType<RenderMessageProps>;\n  RenderImageMessage?: React.ComponentType<RenderMessageProps>;\n}\n\n/**\n * Props for the LegacyRenderMessage component\n */\nexport interface LegacyRenderMessageProps extends RenderMessageProps {\n  legacyProps: LegacyRenderProps;\n}\n\n/**\n * Legacy message adapter component that maps old render props to new message types.\n * This component provides backwards compatibility for the deprecated render props.\n */\nexport const LegacyRenderMessage: React.FC<LegacyRenderMessageProps> = ({\n  message,\n  messages,\n  inProgress,\n  index,\n  isCurrentMessage,\n  actionResult,\n  AssistantMessage,\n  UserMessage,\n  ImageRenderer,\n  onRegenerate,\n  onCopy,\n  onThumbsUp,\n  onThumbsDown,\n  markdownTagRenderers,\n  legacyProps,\n}) => {\n  const {\n    RenderTextMessage,\n    RenderActionExecutionMessage,\n    RenderAgentStateMessage,\n    RenderResultMessage,\n    RenderImageMessage,\n  } = legacyProps;\n\n  const deprecatedMessage = aguiToGQL(message)[0] ?? undefined;\n\n  // Route to appropriate legacy renderer based on message type\n  if (deprecatedMessage.isTextMessage() && RenderTextMessage) {\n    return (\n      <RenderTextMessage\n        message={message}\n        messages={messages}\n        inProgress={inProgress}\n        index={index}\n        isCurrentMessage={isCurrentMessage}\n        AssistantMessage={AssistantMessage}\n        UserMessage={UserMessage}\n        onRegenerate={onRegenerate}\n        onCopy={onCopy}\n        onThumbsUp={onThumbsUp}\n        onThumbsDown={onThumbsDown}\n        markdownTagRenderers={markdownTagRenderers}\n      />\n    );\n  }\n\n  if (\n    deprecatedMessage.isActionExecutionMessage() &&\n    RenderActionExecutionMessage\n  ) {\n    return (\n      <RenderActionExecutionMessage\n        messages={messages}\n        message={message}\n        inProgress={inProgress}\n        index={index}\n        isCurrentMessage={isCurrentMessage}\n        actionResult={actionResult}\n        AssistantMessage={AssistantMessage}\n        UserMessage={UserMessage}\n      />\n    );\n  }\n\n  if (deprecatedMessage.isAgentStateMessage() && RenderAgentStateMessage) {\n    return (\n      <RenderAgentStateMessage\n        messages={messages}\n        message={message}\n        inProgress={inProgress}\n        index={index}\n        isCurrentMessage={isCurrentMessage}\n        AssistantMessage={AssistantMessage}\n        UserMessage={UserMessage}\n      />\n    );\n  }\n\n  if (deprecatedMessage.isResultMessage() && RenderResultMessage) {\n    return (\n      <RenderResultMessage\n        messages={messages}\n        message={message}\n        inProgress={inProgress}\n        index={index}\n        isCurrentMessage={isCurrentMessage}\n        AssistantMessage={AssistantMessage}\n        UserMessage={UserMessage}\n      />\n    );\n  }\n\n  if (deprecatedMessage.isImageMessage() && RenderImageMessage) {\n    return (\n      <RenderImageMessage\n        messages={messages}\n        message={message}\n        inProgress={inProgress}\n        index={index}\n        isCurrentMessage={isCurrentMessage}\n        AssistantMessage={AssistantMessage}\n        UserMessage={UserMessage}\n      />\n    );\n  }\n\n  // Fallback to default RenderMessage for any unhandled cases\n  return (\n    <DefaultRenderMessage\n      messages={messages}\n      message={message}\n      inProgress={inProgress}\n      index={index}\n      isCurrentMessage={isCurrentMessage}\n      AssistantMessage={AssistantMessage}\n      UserMessage={UserMessage}\n      ImageRenderer={ImageRenderer}\n      onRegenerate={onRegenerate}\n      onCopy={onCopy}\n      onThumbsUp={onThumbsUp}\n      onThumbsDown={onThumbsDown}\n      markdownTagRenderers={markdownTagRenderers}\n    />\n  );\n};\n"],"mappings":";;;;;AAGA,SAAS,iBAAiB;AAsDpB;AA9BC,IAAM,sBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AA3CN;AA4CE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAoB,eAAU,OAAO,EAAE,CAAC,MAApB,YAAyB;AAGnD,MAAI,kBAAkB,cAAc,KAAK,mBAAmB;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MACE,kBAAkB,yBAAyB,KAC3C,8BACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,kBAAkB,oBAAoB,KAAK,yBAAyB;AACtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,kBAAkB,gBAAgB,KAAK,qBAAqB;AAC9D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,kBAAkB,eAAe,KAAK,oBAAoB;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PLHTVHUW.mjs

@@ -1,82 +0,0 @@
-// src/components/chat/ImageUploadQueue.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var ImageUploadQueue = ({
-  images,
-  onRemoveImage,
-  className = ""
-}) => {
-  if (images.length === 0)
-    return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `copilotKitImageUploadQueue ${className}`,
-      style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "8px",
-        margin: "8px",
-        padding: "8px"
-      },
-      children: images.map((image, index) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "copilotKitImageUploadQueueItem",
-          style: {
-            position: "relative",
-            display: "inline-block",
-            width: "60px",
-            height: "60px",
-            borderRadius: "4px",
-            overflow: "hidden"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: `data:${image.contentType};base64,${image.bytes}`,
-                alt: `Selected image ${index + 1}`,
-                style: {
-                  width: "100%",
-                  height: "100%",
-                  objectFit: "cover"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: () => onRemoveImage(index),
-                className: "copilotKitImageUploadQueueRemoveButton",
-                style: {
-                  position: "absolute",
-                  top: "2px",
-                  right: "2px",
-                  background: "rgba(0,0,0,0.6)",
-                  color: "white",
-                  border: "none",
-                  borderRadius: "50%",
-                  width: "18px",
-                  height: "18px",
-                  display: "flex",
-                  alignItems: "center",
-                  justifyContent: "center",
-                  cursor: "pointer",
-                  fontSize: "10px",
-                  padding: 0
-                },
-                children: "\u2715"
-              }
-            )
-          ]
-        },
-        index
-      ))
-    }
-  );
-};
-
-export {
-  ImageUploadQueue
-};
-//# sourceMappingURL=chunk-PLHTVHUW.mjs.map

package/dist/chunk-PLHTVHUW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/ImageUploadQueue.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface ImageUploadQueueProps {\n  images: Array<{ contentType: string; bytes: string }>;\n  onRemoveImage: (index: number) => void;\n  className?: string;\n}\n\nexport const ImageUploadQueue: React.FC<ImageUploadQueueProps> = ({\n  images,\n  onRemoveImage,\n  className = \"\",\n}) => {\n  if (images.length === 0) return null;\n\n  return (\n    <div\n      className={`copilotKitImageUploadQueue ${className}`}\n      style={{\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        gap: \"8px\",\n        margin: \"8px\",\n        padding: \"8px\",\n      }}\n    >\n      {images.map((image, index) => (\n        <div\n          key={index}\n          className=\"copilotKitImageUploadQueueItem\"\n          style={{\n            position: \"relative\",\n            display: \"inline-block\",\n            width: \"60px\",\n            height: \"60px\",\n            borderRadius: \"4px\",\n            overflow: \"hidden\",\n          }}\n        >\n          {/* eslint-disable-next-line @next/next/no-img-element */}\n          <img\n            src={`data:${image.contentType};base64,${image.bytes}`}\n            alt={`Selected image ${index + 1}`}\n            style={{\n              width: \"100%\",\n              height: \"100%\",\n              objectFit: \"cover\",\n            }}\n          />\n          <button\n            onClick={() => onRemoveImage(index)}\n            className=\"copilotKitImageUploadQueueRemoveButton\"\n            style={{\n              position: \"absolute\",\n              top: \"2px\",\n              right: \"2px\",\n              background: \"rgba(0,0,0,0.6)\",\n              color: \"white\",\n              border: \"none\",\n              borderRadius: \"50%\",\n              width: \"18px\",\n              height: \"18px\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              cursor: \"pointer\",\n              fontSize: \"10px\",\n              padding: 0,\n            }}\n          >\n            ✕\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";AA2BQ,SAaE,KAbF;AAnBD,IAAM,mBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,MAAI,OAAO,WAAW;AAAG,WAAO;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,8BAA8B;AAAA,MACzC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MAEC,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UACV,OAAO;AAAA,YACL,UAAU;AAAA,YACV,SAAS;AAAA,YACT,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,UAAU;AAAA,UACZ;AAAA,UAGA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,QAAQ,MAAM,sBAAsB,MAAM;AAAA,gBAC/C,KAAK,kBAAkB,QAAQ;AAAA,gBAC/B,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAW;AAAA,gBACb;AAAA;AAAA,YACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS,MAAM,cAAc,KAAK;AAAA,gBAClC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,KAAK;AAAA,kBACL,OAAO;AAAA,kBACP,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,cAAc;AAAA,kBACd,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,SAAS;AAAA,gBACX;AAAA,gBACD;AAAA;AAAA,YAED;AAAA;AAAA;AAAA,QA3CK;AAAA,MA4CP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-PP2A5RP6.mjs

@@ -1,21 +0,0 @@
-import {
-  CopilotModal
-} from "./chunk-T4NNQG6T.mjs";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/Popup.tsx
-import { jsx } from "react/jsx-runtime";
-function CopilotPopup(props) {
-  props = __spreadProps(__spreadValues({}, props), {
-    className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
-  });
-  return /* @__PURE__ */ jsx(CopilotModal, __spreadProps(__spreadValues({}, props), { children: props.children }));
-}
-
-export {
-  CopilotPopup
-};
-//# sourceMappingURL=chunk-PP2A5RP6.mjs.map

package/dist/chunk-PP2A5RP6.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Popup.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotPopup.gif\" width=\"500\" />\n *\n * A chatbot popup component for the CopilotKit framework. The component allows for a high degree\n * of customization through various props and custom CSS.\n *\n * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.\n *\n * ## Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n * ## Usage\n *\n * ```tsx\n * import { CopilotPopup } from \"@copilotkit/react-ui\";\n * import \"@copilotkit/react-ui/styles.css\";\n *\n * <CopilotPopup\n *   labels={{\n *     title: \"Your Assistant\",\n *     initial: \"Hi! 👋 How can I assist you today?\",\n *   }}\n * />\n * ```\n *\n * ### With Observability Hooks\n *\n * To monitor user interactions, provide the `observabilityHooks` prop.\n * **Note:** This requires a `publicApiKey` in the `<CopilotKit>` provider.\n *\n * ```tsx\n * <CopilotKit publicApiKey=\"YOUR_PUBLIC_API_KEY\">\n *   <CopilotPopup\n *     observabilityHooks={{\n *       onChatExpanded: () => {\n *         console.log(\"Popup opened\");\n *       },\n *       onChatMinimized: () => {\n *         console.log(\"Popup closed\");\n *       },\n *     }}\n *   />\n * </CopilotKit>\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-ui/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n */\n\nimport { CopilotModal, CopilotModalProps } from \"./Modal\";\n\nexport function CopilotPopup(props: CopilotModalProps) {\n  props = {\n    ...props,\n    className: props.className\n      ? props.className + \" copilotKitPopup\"\n      : \"copilotKitPopup\",\n  };\n  return <CopilotModal {...props}>{props.children}</CopilotModal>;\n}\n"],"mappings":";;;;;;;;;AA6ES;AAPF,SAAS,aAAa,OAA0B;AACrD,UAAQ,iCACH,QADG;AAAA,IAEN,WAAW,MAAM,YACb,MAAM,YAAY,qBAClB;AAAA,EACN;AACA,SAAO,oBAAC,+CAAiB,QAAjB,EAAyB,gBAAM,WAAS;AAClD;","names":[]}

package/dist/chunk-Q64GLWPQ.mjs

@@ -1,30 +0,0 @@
-import {
-  CopilotModal
-} from "./chunk-T4NNQG6T.mjs";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-MRXNTQOX.mjs";
-
-// src/components/chat/Sidebar.tsx
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function CopilotSidebar(props) {
-  props = __spreadProps(__spreadValues({}, props), {
-    className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
-  });
-  const [expandedClassName, setExpandedClassName] = useState(
-    props.defaultOpen ? "sidebarExpanded" : ""
-  );
-  const onSetOpen = (open) => {
-    var _a;
-    (_a = props.onSetOpen) == null ? void 0 : _a.call(props, open);
-    setExpandedClassName(open ? "sidebarExpanded" : "");
-  };
-  return /* @__PURE__ */ jsx("div", { className: `copilotKitSidebarContentWrapper ${expandedClassName}`, children: /* @__PURE__ */ jsx(CopilotModal, __spreadProps(__spreadValues(__spreadValues({}, props), { onSetOpen }), { children: props.children })) });
-}
-
-export {
-  CopilotSidebar
-};
-//# sourceMappingURL=chunk-Q64GLWPQ.mjs.map

package/dist/chunk-Q64GLWPQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/chat/Sidebar.tsx"],"sourcesContent":["/**\n * <br/>\n * <img src=\"https://cdn.copilotkit.ai/docs/copilotkit/images/CopilotSidebar.gif\" width=\"500\" />\n *\n * A chatbot sidebar component for the CopilotKit framework. Highly customizable through various props and custom CSS.\n *\n * See [CopilotPopup](/reference/components/chat/CopilotPopup) for a popup version of this component.\n *\n * ## Install Dependencies\n *\n * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.\n *\n * ```shell npm2yarn \\\"@copilotkit/react-ui\"\\\n * npm install @copilotkit/react-core @copilotkit/react-ui\n * ```\n *\n * ## Usage\n *\n * ```tsx\n * import { CopilotSidebar } from \"@copilotkit/react-ui\";\n * import \"@copilotkit/react-ui/styles.css\";\n *\n * <CopilotSidebar\n *   labels={{\n *     title: \"Your Assistant\",\n *     initial: \"Hi! 👋 How can I assist you today?\",\n *   }}\n * >\n *   <YourApp/>\n * </CopilotSidebar>\n * ```\n *\n * ### With Observability Hooks\n *\n * To monitor user interactions, provide the `observabilityHooks` prop.\n * **Note:** This requires a `publicApiKey` in the `<CopilotKit>` provider.\n *\n * ```tsx\n * <CopilotKit publicApiKey=\"YOUR_PUBLIC_API_KEY\">\n *   <CopilotSidebar\n *     observabilityHooks={{\n *       onChatExpanded: () => {\n *         console.log(\"Sidebar opened\");\n *       },\n *       onChatMinimized: () => {\n *         console.log(\"Sidebar closed\");\n *       },\n *     }}\n *   >\n *     <YourApp/>\n *   </CopilotSidebar>\n * </CopilotKit>\n * ```\n *\n * ### Look & Feel\n *\n * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:\n * ```tsx title=\"YourRootComponent.tsx\"\n * ...\n * import \"@copilotkit/react-ui/styles.css\"; // [!code highlight]\n *\n * export function YourRootComponent() {\n *   return (\n *     <CopilotKit>\n *       ...\n *     </CopilotKit>\n *   );\n * }\n * ```\n * For more information about how to customize the styles, check out the [Customize Look & Feel](/guides/custom-look-and-feel/customize-built-in-ui-components) guide.\n */\nimport React, { useState } from \"react\";\nimport { CopilotModal, CopilotModalProps } from \"./Modal\";\n\nexport function CopilotSidebar(props: CopilotModalProps) {\n  props = {\n    ...props,\n    className: props.className\n      ? props.className + \" copilotKitSidebar\"\n      : \"copilotKitSidebar\",\n  };\n  const [expandedClassName, setExpandedClassName] = useState(\n    props.defaultOpen ? \"sidebarExpanded\" : \"\",\n  );\n\n  const onSetOpen = (open: boolean) => {\n    props.onSetOpen?.(open);\n    setExpandedClassName(open ? \"sidebarExpanded\" : \"\");\n  };\n\n  return (\n    <div className={`copilotKitSidebarContentWrapper ${expandedClassName}`}>\n      <CopilotModal {...props} {...{ onSetOpen }}>\n        {props.children}\n      </CopilotModal>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAuEA,SAAgB,gBAAgB;AAqB1B;AAlBC,SAAS,eAAe,OAA0B;AACvD,UAAQ,iCACH,QADG;AAAA,IAEN,WAAW,MAAM,YACb,MAAM,YAAY,uBAClB;AAAA,EACN;AACA,QAAM,CAAC,mBAAmB,oBAAoB,IAAI;AAAA,IAChD,MAAM,cAAc,oBAAoB;AAAA,EAC1C;AAEA,QAAM,YAAY,CAAC,SAAkB;AArFvC;AAsFI,gBAAM,cAAN,+BAAkB;AAClB,yBAAqB,OAAO,oBAAoB,EAAE;AAAA,EACpD;AAEA,SACE,oBAAC,SAAI,WAAW,mCAAmC,qBACjD,8BAAC,8DAAiB,QAAW,EAAE,UAAU,IAAxC,EACE,gBAAM,WACT,GACF;AAEJ;","names":[]}

package/dist/chunk-SC6JRFAJ.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-SC6JRFAJ.mjs.map

package/dist/chunk-SC6JRFAJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-T26KLXLH.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-T26KLXLH.mjs.map

package/dist/chunk-T26KLXLH.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}