@copilotkit/react-ui 1.51.3-next.6 → 1.51.3-next.7

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # ui
 
+## 1.51.3-next.7
+
+### Patch Changes
+
+- Updated dependencies [3f00a01]
+  - @copilotkit/react-core@1.51.3-next.7
+  - @copilotkit/runtime-client-gql@1.51.3-next.7
+  - @copilotkit/shared@1.51.3-next.7
+
 ## 1.51.3-next.6
 
 ### Patch Changes

package/dist/{chunk-VVCCMYGT.mjs → chunk-7CMZ7YPQ.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-BVKKSSB2.mjs";
+} from "./chunk-OHGUQZJT.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -18,4 +18,4 @@ function CopilotPopup(props) {
 export {
   CopilotPopup
 };
-//# sourceMappingURL=chunk-VVCCMYGT.mjs.map
+//# sourceMappingURL=chunk-7CMZ7YPQ.mjs.map

package/dist/{chunk-7OURDQZJ.mjs → chunk-F2CDEOFX.mjs}

@@ -1,6 +1,6 @@
 import {
   RenderMessage
-} from "./chunk-NCIAFFQ2.mjs";
+} from "./chunk-LBR23XXF.mjs";
 
 // src/components/chat/messages/LegacyRenderMessage.tsx
 import { aguiToGQL } from "@copilotkit/runtime-client-gql";
@@ -130,4 +130,4 @@ var LegacyRenderMessage = ({
 export {
   LegacyRenderMessage
 };
-//# sourceMappingURL=chunk-7OURDQZJ.mjs.map
+//# sourceMappingURL=chunk-F2CDEOFX.mjs.map

package/dist/{chunk-NCIAFFQ2.mjs → chunk-LBR23XXF.mjs}

@@ -1,6 +1,6 @@
 import {
   AssistantMessage
-} from "./chunk-IHFR6PYG.mjs";
+} from "./chunk-LYYDXL2G.mjs";
 import {
   ImageRenderer
 } from "./chunk-DBKRAOH7.mjs";
@@ -79,4 +79,4 @@ function RenderMessage(_a) {
 export {
   RenderMessage
 };
-//# sourceMappingURL=chunk-NCIAFFQ2.mjs.map
+//# sourceMappingURL=chunk-LBR23XXF.mjs.map

package/dist/{chunk-IHFR6PYG.mjs → chunk-LYYDXL2G.mjs}

@@ -9,7 +9,7 @@ import {
 import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var AssistantMessage = (props) => {
-  var _a;
+  var _a, _b, _c;
   const { icons, labels } = useChatContext();
   const {
     message,
@@ -52,8 +52,12 @@ var AssistantMessage = (props) => {
   };
   const LoadingIcon = () => /* @__PURE__ */ jsx("span", { children: icons.activityIcon });
   const content = (message == null ? void 0 : message.content) || "";
-  const subComponent = (_a = message == null ? void 0 : message.generativeUI) == null ? void 0 : _a.call(message);
+  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(
@@ -105,7 +109,7 @@ var AssistantMessage = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { style: { marginBottom: "0.5rem" }, children: subComponent }),
+    renderAfter ? /* @__PURE__ */ jsx("div", { style: { marginBottom: "0.5rem" }, children: subComponent }) : null,
     isLoading && /* @__PURE__ */ jsx(LoadingIcon, {})
   ] });
 };
@@ -113,4 +117,4 @@ var AssistantMessage = (props) => {
 export {
   AssistantMessage
 };
-//# sourceMappingURL=chunk-IHFR6PYG.mjs.map
+//# sourceMappingURL=chunk-LYYDXL2G.mjs.map

package/dist/chunk-LYYDXL2G.mjs.map

@@ -0,0 +1 @@
+{"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 ? <div style={{ marginBottom: \"0.5rem\" }}>{subComponent}</div> : null}\n      {content && (\n        <div className=\"copilotKitMessage copilotKitAssistantMessage\">\n          {content && <Markdown content={content} components={markdownTagRenderers} />}\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\" }}>✓</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 ? <div style={{ marginBottom: \"0.5rem\" }}>{subComponent}</div> : null}\n      {isLoading && <LoadingIcon />}\n    </>\n  );\n};\n"],"mappings":"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","names":["content"]}

package/dist/{chunk-BVKKSSB2.mjs → chunk-OHGUQZJT.mjs}

@@ -9,16 +9,16 @@ import {
 } from "./chunk-UFN2VWSR.mjs";
 import {
   CopilotChat
-} from "./chunk-NSJWSIPR.mjs";
+} from "./chunk-PD36EMOZ.mjs";
 import {
   Input
 } from "./chunk-3W6J75HS.mjs";
 import {
   Messages
-} from "./chunk-HIW7RXCD.mjs";
+} from "./chunk-WNX755OE.mjs";
 import {
   AssistantMessage
-} from "./chunk-IHFR6PYG.mjs";
+} from "./chunk-LYYDXL2G.mjs";
 import {
   UserMessage
 } from "./chunk-RYUCX3ZK.mjs";
@@ -219,4 +219,4 @@ var CopilotModal = (_a) => {
 export {
   CopilotModal
 };
-//# sourceMappingURL=chunk-BVKKSSB2.mjs.map
+//# sourceMappingURL=chunk-OHGUQZJT.mjs.map

package/dist/{chunk-NSJWSIPR.mjs → chunk-PD36EMOZ.mjs}

@@ -9,13 +9,13 @@ import {
 } from "./chunk-3W6J75HS.mjs";
 import {
   Messages
-} from "./chunk-HIW7RXCD.mjs";
+} from "./chunk-WNX755OE.mjs";
 import {
   RenderMessage
-} from "./chunk-NCIAFFQ2.mjs";
+} from "./chunk-LBR23XXF.mjs";
 import {
   AssistantMessage
-} from "./chunk-IHFR6PYG.mjs";
+} from "./chunk-LYYDXL2G.mjs";
 import {
   ImageRenderer
 } from "./chunk-DBKRAOH7.mjs";
@@ -432,4 +432,4 @@ export {
   CopilotChat,
   WrappedCopilotChat
 };
-//# sourceMappingURL=chunk-NSJWSIPR.mjs.map
+//# sourceMappingURL=chunk-PD36EMOZ.mjs.map

package/dist/{chunk-DI7DDMRS.mjs → chunk-RKQM2AE5.mjs}

@@ -1,6 +1,6 @@
 import {
   CopilotModal
-} from "./chunk-BVKKSSB2.mjs";
+} from "./chunk-OHGUQZJT.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,4 +27,4 @@ function CopilotSidebar(props) {
 export {
   CopilotSidebar
 };
-//# sourceMappingURL=chunk-DI7DDMRS.mjs.map
+//# sourceMappingURL=chunk-RKQM2AE5.mjs.map

package/dist/{chunk-HIW7RXCD.mjs → chunk-WNX755OE.mjs}

@@ -1,6 +1,6 @@
 import {
   LegacyRenderMessage
-} from "./chunk-7OURDQZJ.mjs";
+} from "./chunk-F2CDEOFX.mjs";
 import {
   useChatContext
 } from "./chunk-IEMQ2SQW.mjs";
@@ -181,4 +181,4 @@ export {
   Messages,
   useScrollToBottom
 };
-//# sourceMappingURL=chunk-HIW7RXCD.mjs.map
+//# sourceMappingURL=chunk-WNX755OE.mjs.map

package/dist/components/chat/Chat.js

@@ -955,7 +955,7 @@ var Markdown = ({ content, components }) => {
 var import_react4 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var AssistantMessage = (props) => {
-  var _a;
+  var _a, _b, _c;
   const { icons, labels } = useChatContext();
   const {
     message,
@@ -998,8 +998,12 @@ var AssistantMessage = (props) => {
   };
   const LoadingIcon = () => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: icons.activityIcon });
   const content = (message == null ? void 0 : message.content) || "";
-  const subComponent = (_a = message == null ? void 0 : message.generativeUI) == null ? void 0 : _a.call(message);
+  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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    renderBefore ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginBottom: "0.5rem" }, children: subComponent }) : null,
     content && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "copilotKitMessage copilotKitAssistantMessage", children: [
       content && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Markdown, { content, components: markdownTagRenderers }),
       content && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -1051,7 +1055,7 @@ var AssistantMessage = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginBottom: "0.5rem" }, children: subComponent }),
+    renderAfter ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginBottom: "0.5rem" }, children: subComponent }) : null,
     isLoading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(LoadingIcon, {})
   ] });
 };