@copilotkit/react-ui 0.0.0-0.0.0-max-changeset-10101010101010-20260109191632

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) Atai Barkai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,141 @@
+# CopilotKit - React UI
+
+<img src="https://github.com/user-attachments/assets/0a6b64d9-e193-4940-a3f6-60334ac34084" alt="banner" style="border-radius: 12px; border: 2px solid #d6d4fa;" />
+
+<br>
+<div align="center" style="display:flex;justify-content:center;gap:16px;height:20px;margin: 0;">
+  <a href="https://www.npmjs.com/package/@copilotkit/react-core" target="_blank">
+    <img src="https://img.shields.io/npm/v/%40copilotkit%2Freact-ui?logo=npm&logoColor=%23FFFFFF&label=Version&color=%236963ff" alt="NPM">
+  </a>
+  <a href="https://github.com/copilotkit/copilotkit/blob/main/LICENSE" target="_blank">
+    <img src="https://img.shields.io/github/license/copilotkit/copilotkit?color=%236963ff&label=License" alt="MIT">
+  </a>
+  <a href="https://discord.gg/6dffbvGU3D" target="_blank">
+    <img src="https://img.shields.io/discord/1122926057641742418?logo=discord&logoColor=%23FFFFFF&label=Discord&color=%236963ff" alt="Discord">
+  </a>
+</div>
+<br/>
+<div align="center">
+  <a href="https://www.producthunt.com/posts/copilotkit" target="_blank">
+    <img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=428778&theme=light&period=daily">
+  </a>
+</div>
+
+## ✨ Why CopilotKit?
+
+- Minutes to integrate - Get started quickly with our CLI
+- Framework agnostic - Works with React, Next.js, AGUI and more
+- Production-ready UI - Use customizable components or build with headless UI
+- Built-in security - Prompt injection protection
+- Open source - Full transparency and community-driven
+
+<img src="https://github.com/user-attachments/assets/6cb425f8-ffcb-49d2-9bbb-87cab5995b78" alt="class-support-ecosystem" style="border-radius: 12px; border: 2px solid #d6d4fa;">
+
+## 🧑‍💻 Real life use cases
+
+<span>Deploy deeply-integrated AI assistants & agents that work alongside your users inside your applications.</span>
+
+<img src="https://github.com/user-attachments/assets/3b810240-e9f8-43ae-acec-31a58095e223" alt="headless-ui" style="border-radius: 12px; border: 2px solid #d6d4fa;">
+
+## 🖥️ Code Samples
+
+<span>Drop in these building blocks and tailor them to your needs.</span>
+
+<h3>Build with Headless APIs and Pre-Built Components</h3>
+
+```ts
+// Headless UI with full control
+const { visibleMessages, appendMessage, setMessages, ... } = useCopilotChat();
+
+// Pre-built components with deep customization options (CSS + pass custom sub-components)
+<CopilotPopup 
+  instructions={"You are assisting the user as best as you can. Answer in the best way possible given the data you have."} 
+  labels={{ title: "Popup Assistant", initial: "Need any help?" }} 
+/>
+```
+
+```ts
+// Frontend actions + generative UI, with full streaming support
+useCopilotAction({
+  name: "appendToSpreadsheet",
+  description: "Append rows to the current spreadsheet",
+  parameters: [
+    { name: "rows", type: "object[]", attributes: [{ name: "cells", type: "object[]", attributes: [{ name: "value", type: "string" }] }] }
+  ],
+  render: ({ status, args }) => <Spreadsheet data={canonicalSpreadsheetData(args.rows)} />,
+  handler: ({ rows }) => setSpreadsheet({ ...spreadsheet, rows: [...spreadsheet.rows, ...canonicalSpreadsheetData(rows)] }),
+});
+```
+
+<h3>Integrate In-App CoAgents with LangGraph</h3>
+
+```ts
+// Share state between app and agent
+const { agentState } = useCoAgent({ 
+  name: "basic_agent", 
+  initialState: { input: "NYC" } 
+});
+
+// agentic generative UI
+useCoAgentStateRender({
+  name: "basic_agent",
+  render: ({ state }) => <WeatherDisplay {...state.final_response} />,
+});
+
+// Human in the Loop (Approval)
+useCopilotAction({
+  name: "email_tool",
+  parameters: [
+    {
+      name: "email_draft",
+      type: "string",
+      description: "The email content",
+      required: true,
+    },
+  ],
+  renderAndWaitForResponse: ({ args, status, respond }) => {
+    return (
+      <EmailConfirmation
+        emailContent={args.email_draft || ""}
+        isExecuting={status === "executing"}
+        onCancel={() => respond?.({ approved: false })}
+        onSend={() =>
+          respond?.({
+            approved: true,
+            metadata: { sentAt: new Date().toISOString() },
+          })
+        }
+      />
+    );
+  },
+});
+```
+
+```ts
+// intermediate agent state streaming (supports both LangGraph.js + LangGraph python)
+const modifiedConfig = copilotKitCustomizeConfig(config, {
+  emitIntermediateState: [{ 
+    stateKey: "outline", 
+    tool: "set_outline", 
+    toolArgument: "outline" 
+  }],
+});
+const response = await ChatOpenAI({ model: "gpt-4o" }).invoke(messages, modifiedConfig);
+```
+## 🏆 Featured Examples
+
+<p align="center">
+  <a href="https://www.copilotkit.ai/examples/form-filling-copilot">
+    <img src="https://github.com/user-attachments/assets/874da84a-67ff-47fa-a6b4-cbc3c65eb704" width="300" style="border-radius: 16px;" />
+  </a>
+  <a href="https://www.copilotkit.ai/examples/state-machine-copilot">
+    <img src="https://github.com/user-attachments/assets/0b5e45b3-2704-4678-82dc-2f3e1c58e2dd" width="300" style="border-radius: 16px;" />
+  </a>
+  <a href="https://www.copilotkit.ai/examples/chat-with-your-data">
+    <img src="https://github.com/user-attachments/assets/0fed66be-a4c2-4093-8eab-75c0b27a62f6" width="300" style="border-radius: 16px;" />
+  </a>
+</p>
+
+## Documentation
+
+To get started with CopilotKit, please check out the [documentation](https://docs.copilotkit.ai).

package/dist/chunk-3W6J75HS.mjs

@@ -0,0 +1,126 @@
+import {
+  PoweredByTag
+} from "./chunk-ELGRNEAO.mjs";
+import {
+  Textarea_default
+} from "./chunk-QIOJXTIQ.mjs";
+import {
+  useChatContext
+} from "./chunk-IEMQ2SQW.mjs";
+import {
+  usePushToTalk
+} from "./chunk-O72ZB5V3.mjs";
+
+// src/components/chat/Input.tsx
+import { useMemo, useRef, useState } from "react";
+import { useCopilotContext, useCopilotChatInternal } from "@copilotkit/react-core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MAX_NEWLINES = 6;
+var Input = ({
+  inProgress,
+  onSend,
+  chatReady = false,
+  onStop,
+  onUpload,
+  hideStopButton = false
+}) => {
+  var _a;
+  const context = useChatContext();
+  const copilotContext = useCopilotContext();
+  const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
+  const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
+  const textareaRef = useRef(null);
+  const [isComposing, setIsComposing] = useState(false);
+  const handleDivClick = (event) => {
+    var _a2;
+    const target = event.target;
+    if (target.closest("button"))
+      return;
+    if (target.tagName === "TEXTAREA")
+      return;
+    (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+  };
+  const [text, setText] = useState("");
+  const send = () => {
+    var _a2;
+    if (inProgress)
+      return;
+    onSend(text);
+    setText("");
+    (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+  };
+  const { pushToTalkState, setPushToTalkState } = usePushToTalk({
+    sendFunction: onSend,
+    inProgress
+  });
+  const isInProgress = inProgress || pushToTalkState === "transcribing";
+  const { buttonIcon, buttonAlt } = useMemo(() => {
+    if (!chatReady)
+      return { buttonIcon: context.icons.spinnerIcon, buttonAlt: "Loading" };
+    return isInProgress && !hideStopButton && chatReady ? { buttonIcon: context.icons.stopIcon, buttonAlt: "Stop" } : { buttonIcon: context.icons.sendIcon, buttonAlt: "Send" };
+  }, [isInProgress, chatReady, hideStopButton, context.icons.stopIcon, context.icons.sendIcon]);
+  const showPushToTalk = pushToTalkConfigured && (pushToTalkState === "idle" || pushToTalkState === "recording") && !inProgress;
+  const { interrupt } = useCopilotChatInternal();
+  const canSend = useMemo(() => {
+    return !isInProgress && text.trim().length > 0 && pushToTalkState === "idle" && !interrupt;
+  }, [interrupt, isInProgress, text, pushToTalkState]);
+  const canStop = useMemo(() => {
+    return isInProgress && !hideStopButton;
+  }, [isInProgress, hideStopButton]);
+  const sendDisabled = !canSend && !canStop;
+  return /* @__PURE__ */ jsxs("div", { className: `copilotKitInputContainer ${showPoweredBy ? "poweredByContainer" : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "copilotKitInput", onClick: handleDivClick, children: [
+      /* @__PURE__ */ jsx(
+        Textarea_default,
+        {
+          ref: textareaRef,
+          placeholder: context.labels.placeholder,
+          autoFocus: false,
+          maxRows: MAX_NEWLINES,
+          value: text,
+          onChange: (event) => setText(event.target.value),
+          onCompositionStart: () => setIsComposing(true),
+          onCompositionEnd: () => setIsComposing(false),
+          onKeyDown: (event) => {
+            if (event.key === "Enter" && !event.shiftKey && !isComposing) {
+              event.preventDefault();
+              if (canSend) {
+                send();
+              }
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "copilotKitInputControls", children: [
+        onUpload && /* @__PURE__ */ jsx("button", { onClick: onUpload, className: "copilotKitInputControlButton", children: context.icons.uploadIcon }),
+        /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
+        showPushToTalk && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setPushToTalkState(pushToTalkState === "idle" ? "recording" : "transcribing"),
+            className: pushToTalkState === "recording" ? "copilotKitInputControlButton copilotKitPushToTalkRecording" : "copilotKitInputControlButton",
+            children: context.icons.pushToTalkIcon
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            disabled: sendDisabled,
+            onClick: isInProgress && !hideStopButton ? onStop : send,
+            "data-copilotkit-in-progress": inProgress,
+            "data-test-id": inProgress ? "copilot-chat-request-in-progress" : "copilot-chat-ready",
+            className: "copilotKitInputControlButton",
+            "aria-label": buttonAlt,
+            children: buttonIcon
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(PoweredByTag, { showPoweredBy })
+  ] });
+};
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-3W6J75HS.mjs.map

package/dist/chunk-3W6J75HS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat/Input.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from \"react\";\nimport { InputProps } from \"./props\";\nimport { useChatContext } from \"./ChatContext\";\nimport AutoResizingTextarea from \"./Textarea\";\nimport { usePushToTalk } from \"../../hooks/use-push-to-talk\";\nimport { useCopilotContext, useCopilotChatInternal } from \"@copilotkit/react-core\";\nimport { PoweredByTag } from \"./PoweredByTag\";\n\nconst MAX_NEWLINES = 6;\n\nexport const Input = ({\n  inProgress,\n  onSend,\n  chatReady = false,\n  onStop,\n  onUpload,\n  hideStopButton = false,\n}: InputProps) => {\n  const context = useChatContext();\n  const copilotContext = useCopilotContext();\n\n  const showPoweredBy = !copilotContext.copilotApiConfig?.publicApiKey;\n\n  const pushToTalkConfigured =\n    copilotContext.copilotApiConfig.textToSpeechUrl !== undefined &&\n    copilotContext.copilotApiConfig.transcribeAudioUrl !== undefined;\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const [isComposing, setIsComposing] = useState(false);\n\n  const handleDivClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n\n    // If the user clicked a button or inside a button, don't focus the textarea\n    if (target.closest(\"button\")) return;\n\n    // If the user clicked the textarea, do nothing (it's already focused)\n    if (target.tagName === \"TEXTAREA\") return;\n\n    // Otherwise, focus the textarea\n    textareaRef.current?.focus();\n  };\n\n  const [text, setText] = useState(\"\");\n  const send = () => {\n    if (inProgress) return;\n    onSend(text);\n    setText(\"\");\n\n    textareaRef.current?.focus();\n  };\n\n  // tylerslaton:\n  //\n  // This scrolls CopilotKit into view always. Reading the commit history, it was likely\n  // added to fix a bug but it is causing issues now.\n  //\n  // For the future, if we want this behavior again, we will need to find a way to do it without\n  // forcing CopilotKit to always be in view. This code causes this because focusing an element\n  // in most browsers will scroll that element into view.\n  //\n  // useEffect(() => {\n  //   if (isVisible) {\n  //     textareaRef.current?.focus();\n  //   }\n  // }, [isVisible]);\n\n  const { pushToTalkState, setPushToTalkState } = usePushToTalk({\n    sendFunction: onSend,\n    inProgress,\n  });\n\n  const isInProgress = inProgress || pushToTalkState === \"transcribing\";\n  const { buttonIcon, buttonAlt } = useMemo(() => {\n    if (!chatReady) return { buttonIcon: context.icons.spinnerIcon, buttonAlt: \"Loading\" };\n    return isInProgress && !hideStopButton && chatReady\n      ? { buttonIcon: context.icons.stopIcon, buttonAlt: \"Stop\" }\n      : { buttonIcon: context.icons.sendIcon, buttonAlt: \"Send\" };\n  }, [isInProgress, chatReady, hideStopButton, context.icons.stopIcon, context.icons.sendIcon]);\n  const showPushToTalk =\n    pushToTalkConfigured &&\n    (pushToTalkState === \"idle\" || pushToTalkState === \"recording\") &&\n    !inProgress;\n\n  const { interrupt } = useCopilotChatInternal();\n\n  const canSend = useMemo(() => {\n    return !isInProgress && text.trim().length > 0 && pushToTalkState === \"idle\" && !interrupt;\n  }, [interrupt, isInProgress, text, pushToTalkState]);\n\n  const canStop = useMemo(() => {\n    return isInProgress && !hideStopButton;\n  }, [isInProgress, hideStopButton]);\n\n  const sendDisabled = !canSend && !canStop;\n\n  return (\n    <div className={`copilotKitInputContainer ${showPoweredBy ? \"poweredByContainer\" : \"\"}`}>\n      <div className=\"copilotKitInput\" onClick={handleDivClick}>\n        <AutoResizingTextarea\n          ref={textareaRef}\n          placeholder={context.labels.placeholder}\n          autoFocus={false}\n          maxRows={MAX_NEWLINES}\n          value={text}\n          onChange={(event) => setText(event.target.value)}\n          onCompositionStart={() => setIsComposing(true)}\n          onCompositionEnd={() => setIsComposing(false)}\n          onKeyDown={(event) => {\n            if (event.key === \"Enter\" && !event.shiftKey && !isComposing) {\n              event.preventDefault();\n              if (canSend) {\n                send();\n              }\n            }\n          }}\n        />\n        <div className=\"copilotKitInputControls\">\n          {onUpload && (\n            <button onClick={onUpload} className=\"copilotKitInputControlButton\">\n              {context.icons.uploadIcon}\n            </button>\n          )}\n\n          <div style={{ flexGrow: 1 }} />\n\n          {showPushToTalk && (\n            <button\n              onClick={() =>\n                setPushToTalkState(pushToTalkState === \"idle\" ? \"recording\" : \"transcribing\")\n              }\n              className={\n                pushToTalkState === \"recording\"\n                  ? \"copilotKitInputControlButton copilotKitPushToTalkRecording\"\n                  : \"copilotKitInputControlButton\"\n              }\n            >\n              {context.icons.pushToTalkIcon}\n            </button>\n          )}\n          <button\n            disabled={sendDisabled}\n            onClick={isInProgress && !hideStopButton ? onStop : send}\n            data-copilotkit-in-progress={inProgress}\n            data-test-id={inProgress ? \"copilot-chat-request-in-progress\" : \"copilot-chat-ready\"}\n            className=\"copilotKitInputControlButton\"\n            aria-label={buttonAlt}\n          >\n            {buttonIcon}\n          </button>\n        </div>\n      </div>\n      <PoweredByTag showPoweredBy={showPoweredBy} />\n    </div>\n  );\n};\n"],"mappings":"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","names":["_a"]}

package/dist/chunk-54JAUBUJ.mjs

@@ -0,0 +1,26 @@
+// src/hooks/use-copy-to-clipboard.tsx
+import * as React from "react";
+function useCopyToClipboard({ timeout = 2e3 }) {
+  const [isCopied, setIsCopied] = React.useState(false);
+  const copyToClipboard = (value) => {
+    var _a;
+    if (typeof window === "undefined" || !((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+      return;
+    }
+    if (!value) {
+      return;
+    }
+    navigator.clipboard.writeText(value).then(() => {
+      setIsCopied(true);
+      setTimeout(() => {
+        setIsCopied(false);
+      }, timeout);
+    });
+  };
+  return { isCopied, copyToClipboard };
+}
+
+export {
+  useCopyToClipboard
+};
+//# sourceMappingURL=chunk-54JAUBUJ.mjs.map

package/dist/chunk-54JAUBUJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-copy-to-clipboard.tsx"],"sourcesContent":["import * as React from \"react\";\n\nexport interface useCopyToClipboardProps {\n  timeout?: number;\n}\n\nexport function useCopyToClipboard({ timeout = 2000 }: useCopyToClipboardProps) {\n  const [isCopied, setIsCopied] = React.useState<Boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (typeof window === \"undefined\" || !navigator.clipboard?.writeText) {\n      return;\n    }\n\n    if (!value) {\n      return;\n    }\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n\n      setTimeout(() => {\n        setIsCopied(false);\n      }, timeout);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAMhB,SAAS,mBAAmB,EAAE,UAAU,IAAK,GAA4B;AAC9E,QAAM,CAAC,UAAU,WAAW,IAAU,eAAkB,KAAK;AAE7D,QAAM,kBAAkB,CAAC,UAAkB;AAT7C;AAUI,QAAI,OAAO,WAAW,eAAe,GAAC,eAAU,cAAV,mBAAqB,YAAW;AACpE;AAAA,IACF;AAEA,QAAI,CAAC,OAAO;AACV;AAAA,IACF;AAEA,cAAU,UAAU,UAAU,KAAK,EAAE,KAAK,MAAM;AAC9C,kBAAY,IAAI;AAEhB,iBAAW,MAAM;AACf,oBAAY,KAAK;AAAA,MACnB,GAAG,OAAO;AAAA,IACZ,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,UAAU,gBAAgB;AACrC;","names":[]}

package/dist/chunk-7OURDQZJ.mjs

@@ -0,0 +1,133 @@
+import {
+  RenderMessage
+} from "./chunk-NCIAFFQ2.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-7OURDQZJ.mjs.map

package/dist/chunk-7OURDQZJ.mjs.map

@@ -0,0 +1 @@
+{"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 (deprecatedMessage.isActionExecutionMessage() && RenderActionExecutionMessage) {\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,MAAI,kBAAkB,yBAAyB,KAAK,8BAA8B;AAChF,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":[]}