@agentscope-ai/chat 1.1.4 → 1.1.7

package/lib/AGUI/components/chat/Icons.js

@@ -0,0 +1,247 @@
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var OpenIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("g", {
+    transform: "translate(24, 0) scale(-1, 1)",
+    children: /*#__PURE__*/_jsx("path", {
+      fillRule: "evenodd",
+      d: "M5.337 21.718a6.707 6.707 0 01-.533-.074.75.75 0 01-.44-1.223 3.73 3.73 0 00.814-1.686c.023-.115-.022-.317-.254-.543C3.274 16.587 2.25 14.41 2.25 12c0-5.03 4.428-9 9.75-9s9.75 3.97 9.75 9c0 5.03-4.428 9-9.75 9-.833 0-1.643-.097-2.417-.279a6.721 6.721 0 01-4.246.997z",
+      clipRule: "evenodd"
+    })
+  })
+});
+export var CloseIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "1.5",
+  stroke: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+  })
+});
+export var HeaderCloseIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "1.5",
+  stroke: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M6 18L18 6M6 6l12 12"
+  })
+});
+export var SendIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "1.5",
+  stroke: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M12 19V5m0 0l-7 7m7-7l7 7"
+  })
+});
+export var MicrophoneIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "1.5",
+  stroke: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z"
+  })
+});
+export var StopIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "1.5",
+  stroke: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M5.25 7.5A2.25 2.25 0 017.5 5.25h9a2.25 2.25 0 012.25 2.25v9a2.25 2.25 0 01-2.25 2.25h-9a2.25 2.25 0 01-2.25-2.25v-9z"
+  })
+});
+export var RegenerateIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "2",
+  stroke: "currentColor",
+  width: "16",
+  height: "16",
+  style: {
+    minWidth: "16px",
+    minHeight: "16px"
+  },
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+  })
+});
+export var CopyIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "2",
+  stroke: "currentColor",
+  width: "16",
+  height: "16",
+  style: {
+    minWidth: "16px",
+    minHeight: "16px"
+  },
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75"
+  })
+});
+export var SmallSpinnerIcon = /*#__PURE__*/_jsx("span", {
+  className: "copilotKitSpinner",
+  style: {
+    width: "13px",
+    height: "13px"
+  }
+});
+export var SpinnerIcon = /*#__PURE__*/_jsx("span", {
+  className: "copilotKitSpinner",
+  style: {
+    width: "24px",
+    height: "24px"
+  }
+});
+export var ActivityIcon = /*#__PURE__*/_jsxs("div", {
+  style: {
+    display: "flex",
+    alignItems: "center",
+    gap: "4px"
+  },
+  children: [/*#__PURE__*/_jsx("span", {
+    className: "copilotKitActivityDot",
+    style: {
+      animationDelay: "0s"
+    }
+  }), /*#__PURE__*/_jsx("span", {
+    className: "copilotKitActivityDot",
+    style: {
+      animationDelay: "0.2s"
+    }
+  }), /*#__PURE__*/_jsx("span", {
+    className: "copilotKitActivityDot",
+    style: {
+      animationDelay: "0.4s"
+    }
+  })]
+});
+export var ThumbsUpIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "2",
+  stroke: "currentColor",
+  width: "16",
+  height: "16",
+  style: {
+    minWidth: "16px",
+    minHeight: "16px"
+  },
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z"
+  })
+});
+export var ThumbsDownIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "2",
+  stroke: "currentColor",
+  width: "16",
+  height: "16",
+  style: {
+    minWidth: "16px",
+    minHeight: "16px"
+  },
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M7.5 15h2.25m8.024-9.75c.011.05.028.1.052.148.591 1.2.924 2.55.924 3.977a8.96 8.96 0 01-.999 4.125m.023-8.25c-.076-.365.183-.75.575-.75h.908c.889 0 1.713.518 1.972 1.368.339 1.11.521 2.287.521 3.507 0 1.553-.295 3.036-.831 4.398C20.613 14.547 19.833 15 19 15h-1.053c-.472 0-.745-.556-.5-.96a8.95 8.95 0 00.303-.54m.023-8.25H16.48a4.5 4.5 0 01-1.423-.23l-3.114-1.04a4.5 4.5 0 00-1.423-.23H6.504c-.618 0-1.217.247-1.605.729A11.95 11.95 0 002.25 12c0 .434.023.863.068 1.285C2.427 14.306 3.346 15 4.372 15h3.126c.618 0 .991.724.725 1.282A7.471 7.471 0 007.5 19.5a2.25 2.25 0 002.25 2.25.75.75 0 00.75-.75v-.633c0-.573.11-1.14.322-1.672.304-.76.93-1.33 1.653-1.715a9.04 9.04 0 002.86-2.4c.498-.634 1.226-1.08 2.032-1.08h.384"
+  })
+});
+export var DownloadIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "2",
+  stroke: "currentColor",
+  width: "16",
+  height: "16",
+  style: {
+    minWidth: "16px",
+    minHeight: "16px"
+  },
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"
+  })
+});
+export var UploadIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "1.5",
+  stroke: "currentColor",
+  width: "24",
+  height: "24",
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M12 4.5v15m7.5-7.5h-15"
+  })
+});
+export var CheckIcon = /*#__PURE__*/_jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  strokeWidth: "2",
+  stroke: "currentColor",
+  width: "16",
+  height: "16",
+  style: {
+    minWidth: "16px",
+    minHeight: "16px"
+  },
+  children: /*#__PURE__*/_jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M4.5 12.75l6 6 9-13.5"
+  })
+});

package/lib/AGUI/components/chat/ImageUploadQueue.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ImageUploadQueueProps {
+    images: Array<{
+        contentType: string;
+        bytes: string;
+    }>;
+    onRemoveImage: (index: number) => void;
+    className?: string;
+}
+export declare const ImageUploadQueue: React.FC<ImageUploadQueueProps>;
+export {};

package/lib/AGUI/components/chat/ImageUploadQueue.js

@@ -0,0 +1,65 @@
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var ImageUploadQueue = function ImageUploadQueue(_ref) {
+  var images = _ref.images,
+    onRemoveImage = _ref.onRemoveImage,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  if (images.length === 0) return null;
+  return /*#__PURE__*/_jsx("div", {
+    className: "copilotKitImageUploadQueue ".concat(className),
+    style: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "8px",
+      margin: "8px",
+      padding: "8px"
+    },
+    children: images.map(function (image, index) {
+      return /*#__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:".concat(image.contentType, ";base64,").concat(image.bytes),
+          alt: "Selected image ".concat(index + 1),
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "cover"
+          }
+        }), /*#__PURE__*/_jsx("button", {
+          onClick: function onClick() {
+            return 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);
+    })
+  });
+};

package/lib/AGUI/components/chat/Input.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from "./props";
+export declare const Input: ({ inProgress, onSend, onStop, }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/lib/AGUI/components/chat/Input.js

@@ -0,0 +1,30 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from "react";
+import { ChatInput } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Input = function Input(_ref) {
+  var inProgress = _ref.inProgress,
+    onSend = _ref.onSend,
+    onStop = _ref.onStop;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    text = _useState2[0],
+    setText = _useState2[1];
+  var send = function send() {
+    if (inProgress) return;
+    onSend(text);
+    setText("");
+  };
+  return /*#__PURE__*/_jsx(ChatInput, {
+    value: text,
+    onChange: setText,
+    onSubmit: send,
+    loading: inProgress,
+    onCancel: onStop
+  });
+};

package/lib/AGUI/components/chat/Markdown.d.ts

@@ -0,0 +1,7 @@
+import { Components } from "react-markdown";
+type MarkdownProps = {
+    content: string;
+    components?: Components;
+};
+export declare const Markdown: ({ content, components }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/AGUI/components/chat/Markdown.js

@@ -0,0 +1,187 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"],
+  _excluded2 = ["children", "className", "inline"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"],
+  _excluded5 = ["children"],
+  _excluded6 = ["children"],
+  _excluded7 = ["children"],
+  _excluded8 = ["children"],
+  _excluded9 = ["children"],
+  _excluded10 = ["children"],
+  _excluded11 = ["children"],
+  _excluded12 = ["children"],
+  _excluded13 = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from "react";
+import ReactMarkdown from "react-markdown";
+import { CodeBlock } from "./CodeBlock";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import rehypeRaw from "rehype-raw";
+import { jsx as _jsx } from "react/jsx-runtime";
+var defaultComponents = {
+  a: function a(_ref) {
+    var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: children
+    }));
+  },
+  // @ts-expect-error -- inline
+  code: function code(_ref2) {
+    var children = _ref2.children,
+      className = _ref2.className,
+      inline = _ref2.inline,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+    if (Array.isArray(children) && children.length) {
+      if (children[0] == "▍") {
+        return /*#__PURE__*/_jsx("span", {
+          style: {
+            animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+            marginTop: "0.25rem"
+          },
+          children: "\u258D"
+        });
+      }
+      children[0] = (children === null || children === void 0 ? void 0 : children[0]).replace("`▍`", "▍");
+    }
+    var match = /language-(\w+)/.exec(className || "");
+    if (inline) {
+      return /*#__PURE__*/_jsx("code", _objectSpread(_objectSpread({
+        className: className
+      }, props), {}, {
+        children: children
+      }));
+    }
+    return /*#__PURE__*/_jsx(CodeBlock, _objectSpread({
+      language: match && match[1] || "",
+      value: String(children).replace(/\n$/, "")
+    }, props), Math.random());
+  },
+  h1: function h1(_ref3) {
+    var children = _ref3.children,
+      props = _objectWithoutProperties(_ref3, _excluded3);
+    return /*#__PURE__*/_jsx("h1", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  h2: function h2(_ref4) {
+    var children = _ref4.children,
+      props = _objectWithoutProperties(_ref4, _excluded4);
+    return /*#__PURE__*/_jsx("h2", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  h3: function h3(_ref5) {
+    var children = _ref5.children,
+      props = _objectWithoutProperties(_ref5, _excluded5);
+    return /*#__PURE__*/_jsx("h3", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  h4: function h4(_ref6) {
+    var children = _ref6.children,
+      props = _objectWithoutProperties(_ref6, _excluded6);
+    return /*#__PURE__*/_jsx("h4", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  h5: function h5(_ref7) {
+    var children = _ref7.children,
+      props = _objectWithoutProperties(_ref7, _excluded7);
+    return /*#__PURE__*/_jsx("h5", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  h6: function h6(_ref8) {
+    var children = _ref8.children,
+      props = _objectWithoutProperties(_ref8, _excluded8);
+    return /*#__PURE__*/_jsx("h6", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  p: function p(_ref9) {
+    var children = _ref9.children,
+      props = _objectWithoutProperties(_ref9, _excluded9);
+    return /*#__PURE__*/_jsx("p", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  pre: function pre(_ref10) {
+    var children = _ref10.children,
+      props = _objectWithoutProperties(_ref10, _excluded10);
+    return /*#__PURE__*/_jsx("pre", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  blockquote: function blockquote(_ref11) {
+    var children = _ref11.children,
+      props = _objectWithoutProperties(_ref11, _excluded11);
+    return /*#__PURE__*/_jsx("blockquote", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  ul: function ul(_ref12) {
+    var children = _ref12.children,
+      props = _objectWithoutProperties(_ref12, _excluded12);
+    return /*#__PURE__*/_jsx("ul", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  },
+  li: function li(_ref13) {
+    var children = _ref13.children,
+      props = _objectWithoutProperties(_ref13, _excluded13);
+    return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({
+      className: "copilotKitMarkdownElement"
+    }, props), {}, {
+      children: children
+    }));
+  }
+};
+var MemoizedReactMarkdown = /*#__PURE__*/memo(ReactMarkdown, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children && prevProps.components === nextProps.components;
+});
+export var Markdown = function Markdown(_ref14) {
+  var content = _ref14.content,
+    components = _ref14.components;
+  return /*#__PURE__*/_jsx("div", {
+    className: "copilotKitMarkdown",
+    children: /*#__PURE__*/_jsx(MemoizedReactMarkdown, {
+      components: _objectSpread(_objectSpread({}, defaultComponents), components),
+      remarkPlugins: [remarkGfm, remarkMath],
+      rehypePlugins: [rehypeRaw],
+      children: content
+    })
+  });
+};

package/lib/AGUI/components/chat/Messages.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { MessagesProps } from "./props";
+export declare const Messages: ({ messages, inProgress, children, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, RenderImageMessage, AssistantMessage, UserMessage, onRegenerate, onCopy, onThumbsUp, onThumbsDown, markdownTagRenderers, }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useScrollToBottom(messages: any[]): {
+    messagesEndRef: import("react").MutableRefObject<HTMLDivElement>;
+    messagesContainerRef: import("react").MutableRefObject<HTMLDivElement>;
+};