@agentscope-ai/chat 1.1.4 → 1.1.7

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

@@ -0,0 +1,242 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+import { useEffect, useRef } from "react";
+import { ResultMessage, TextMessage, Role } from "@copilotkit/runtime-client-gql";
+import { Bubble } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Messages = function Messages(_ref) {
+  var messages = _ref.messages,
+    inProgress = _ref.inProgress,
+    children = _ref.children,
+    RenderTextMessage = _ref.RenderTextMessage,
+    RenderActionExecutionMessage = _ref.RenderActionExecutionMessage,
+    RenderAgentStateMessage = _ref.RenderAgentStateMessage,
+    RenderResultMessage = _ref.RenderResultMessage,
+    RenderImageMessage = _ref.RenderImageMessage,
+    AssistantMessage = _ref.AssistantMessage,
+    UserMessage = _ref.UserMessage,
+    onRegenerate = _ref.onRegenerate,
+    onCopy = _ref.onCopy,
+    onThumbsUp = _ref.onThumbsUp,
+    onThumbsDown = _ref.onThumbsDown,
+    markdownTagRenderers = _ref.markdownTagRenderers;
+  var actionResults = {};
+  var _loop = function _loop() {
+    if (messages[i].isActionExecutionMessage()) {
+      var id = messages[i].id;
+      var resultMessage = messages.find(function (message) {
+        return message.isResultMessage() && message.actionExecutionId === id;
+      });
+      if (resultMessage) {
+        actionResults[id] = ResultMessage.decodeResult(resultMessage.result || "");
+      }
+    }
+  };
+  for (var i = 0; i < messages.length; i++) {
+    _loop();
+  }
+  return /*#__PURE__*/_jsx(Bubble.List, {
+    style: {
+      height: 0,
+      flex: 1
+    },
+    children: messages.map(function (message, index) {
+      var isCurrentMessage = index === messages.length - 1;
+      if (message.isTextMessage()) {
+        return /*#__PURE__*/_jsx(RenderTextMessage, {
+          message: message,
+          inProgress: inProgress,
+          index: index,
+          isCurrentMessage: isCurrentMessage,
+          AssistantMessage: AssistantMessage,
+          UserMessage: UserMessage,
+          onRegenerate: onRegenerate,
+          onCopy: onCopy,
+          onThumbsUp: onThumbsUp,
+          onThumbsDown: onThumbsDown,
+          markdownTagRenderers: markdownTagRenderers
+        }, message.id);
+      } else if (message.isActionExecutionMessage()) {
+        return /*#__PURE__*/_jsx(RenderActionExecutionMessage, {
+          message: message,
+          inProgress: inProgress,
+          index: index,
+          isCurrentMessage: isCurrentMessage,
+          actionResult: actionResults[message.id],
+          AssistantMessage: AssistantMessage,
+          UserMessage: UserMessage
+        }, index);
+      }
+      return null;
+    })
+  });
+
+  // return (
+  //   <div className="copilotKitMessages" ref={messagesContainerRef}>
+  //     <div className="copilotKitMessagesContainer">
+  //       {messages.map((message, index) => {
+  //         const isCurrentMessage = index === messages.length - 1;
+
+  //         if (message.isTextMessage()) {
+  //           return (
+  //             <RenderTextMessage
+  //               key={index}
+  //               message={message}
+  //               inProgress={inProgress}
+  //               index={index}
+  //               isCurrentMessage={isCurrentMessage}
+  //               AssistantMessage={AssistantMessage}
+  //               UserMessage={UserMessage}
+  //               onRegenerate={onRegenerate}
+  //               onCopy={onCopy}
+  //               onThumbsUp={onThumbsUp}
+  //               onThumbsDown={onThumbsDown}
+  //               markdownTagRenderers={markdownTagRenderers}
+  //             />
+  //           );
+  //         } else if (message.isActionExecutionMessage()) {
+  //           return (
+  //             <RenderActionExecutionMessage
+  //               key={index}
+  //               message={message}
+  //               inProgress={inProgress}
+  //               index={index}
+  //               isCurrentMessage={isCurrentMessage}
+  //               actionResult={actionResults[message.id]}
+  //               AssistantMessage={AssistantMessage}
+  //               UserMessage={UserMessage}
+  //             />
+  //           );
+  //         } else if (message.isAgentStateMessage()) {
+  //           return (
+  //             <RenderAgentStateMessage
+  //               key={index}
+  //               message={message}
+  //               inProgress={inProgress}
+  //               index={index}
+  //               isCurrentMessage={isCurrentMessage}
+  //               AssistantMessage={AssistantMessage}
+  //               UserMessage={UserMessage}
+  //             />
+  //           );
+  //         } else if (message.isResultMessage()) {
+  //           return (
+  //             <RenderResultMessage
+  //               key={index}
+  //               message={message}
+  //               inProgress={inProgress}
+  //               index={index}
+  //               isCurrentMessage={isCurrentMessage}
+  //               AssistantMessage={AssistantMessage}
+  //               UserMessage={UserMessage}
+  //             />
+  //           );
+  //         } else if (message.isImageMessage && message.isImageMessage()) {
+  //           return (
+  //             <RenderImageMessage
+  //               key={index}
+  //               message={message}
+  //               inProgress={inProgress}
+  //               index={index}
+  //               isCurrentMessage={isCurrentMessage}
+  //               AssistantMessage={AssistantMessage}
+  //               UserMessage={UserMessage}
+  //               onRegenerate={onRegenerate}
+  //               onCopy={onCopy}
+  //               onThumbsUp={onThumbsUp}
+  //               onThumbsDown={onThumbsDown}
+  //             />
+  //           );
+  //         }
+  //       })}
+  //       {interrupt}
+  //     </div>
+
+  //   </div>
+  // );
+};
+function makeInitialMessages(initial) {
+  var initialArray = [];
+  if (initial) {
+    if (Array.isArray(initial)) {
+      initialArray.push.apply(initialArray, _toConsumableArray(initial));
+    } else {
+      initialArray.push(initial);
+    }
+  }
+  return initialArray.map(function (message) {
+    return new TextMessage({
+      role: Role.Assistant,
+      content: message
+    });
+  });
+}
+export function useScrollToBottom(messages) {
+  var messagesEndRef = useRef(null);
+  var messagesContainerRef = useRef(null);
+  var isProgrammaticScrollRef = useRef(false);
+  var isUserScrollUpRef = useRef(false);
+  var scrollToBottom = function scrollToBottom() {
+    if (messagesContainerRef.current && messagesEndRef.current) {
+      isProgrammaticScrollRef.current = true;
+      messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;
+    }
+  };
+  var handleScroll = function handleScroll() {
+    if (isProgrammaticScrollRef.current) {
+      isProgrammaticScrollRef.current = false;
+      return;
+    }
+    if (messagesContainerRef.current) {
+      var _messagesContainerRef = messagesContainerRef.current,
+        scrollTop = _messagesContainerRef.scrollTop,
+        scrollHeight = _messagesContainerRef.scrollHeight,
+        clientHeight = _messagesContainerRef.clientHeight;
+      isUserScrollUpRef.current = scrollTop + clientHeight < scrollHeight;
+    }
+  };
+  useEffect(function () {
+    var container = messagesContainerRef.current;
+    if (container) {
+      container.addEventListener("scroll", handleScroll);
+    }
+    return function () {
+      if (container) {
+        container.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, []);
+  useEffect(function () {
+    var container = messagesContainerRef.current;
+    if (!container) {
+      return;
+    }
+    var mutationObserver = new MutationObserver(function () {
+      if (!isUserScrollUpRef.current) {
+        scrollToBottom();
+      }
+    });
+    mutationObserver.observe(container, {
+      childList: true,
+      subtree: true,
+      characterData: true
+    });
+    return function () {
+      mutationObserver.disconnect();
+    };
+  }, []);
+  useEffect(function () {
+    isUserScrollUpRef.current = false;
+    scrollToBottom();
+  }, [messages.filter(function (m) {
+    return m.isTextMessage() && m.role === Role.User;
+  }).length]);
+  return {
+    messagesEndRef: messagesEndRef,
+    messagesContainerRef: messagesContainerRef
+  };
+}

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { ButtonProps, HeaderProps, WindowProps } from "./props";
+import { CopilotChatProps } from "./Chat";
+export interface CopilotModalProps extends CopilotChatProps {
+    /**
+     * Whether the chat window should be open by default.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * If the chat window should close when the user clicks outside of it.
+     * @default true
+     */
+    clickOutsideToClose?: boolean;
+    /**
+     * If the chat window should close when the user hits the Escape key.
+     * @default true
+     */
+    hitEscapeToClose?: boolean;
+    /**
+     * The shortcut key to open the chat window.
+     * Uses Command-[shortcut] on a Mac and Ctrl-[shortcut] on Windows.
+     * @default '/'
+     */
+    shortcut?: string;
+    /**
+     * A callback that gets called when the chat window opens or closes.
+     */
+    onSetOpen?: (open: boolean) => void;
+    /**
+     * A custom Window component to use instead of the default.
+     */
+    Window?: React.ComponentType<WindowProps>;
+    /**
+     * A custom Button component to use instead of the default.
+     */
+    Button?: React.ComponentType<ButtonProps>;
+    /**
+     * A custom Header component to use instead of the default.
+     */
+    Header?: React.ComponentType<HeaderProps>;
+}
+export declare const CopilotModal: ({ instructions, defaultOpen, clickOutsideToClose, hitEscapeToClose, onSetOpen, onSubmitMessage, onStopGeneration, onReloadMessages, shortcut, icons, labels, makeSystemMessage, onInProgress, Window, Button, Header, Messages, Input, AssistantMessage, UserMessage, onThumbsUp, onThumbsDown, onCopy, onRegenerate, markdownTagRenderers, className, children, ...props }: CopilotModalProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,113 @@
+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 = ["instructions", "defaultOpen", "clickOutsideToClose", "hitEscapeToClose", "onSetOpen", "onSubmitMessage", "onStopGeneration", "onReloadMessages", "shortcut", "icons", "labels", "makeSystemMessage", "onInProgress", "Window", "Button", "Header", "Messages", "Input", "AssistantMessage", "UserMessage", "onThumbsUp", "onThumbsDown", "onCopy", "onRegenerate", "markdownTagRenderers", "className", "children"];
+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 _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; }
+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 React, { useMemo } from "react";
+import { ChatContextProvider } from "./ChatContext";
+import { Window as DefaultWindow } from "./Window";
+import { Button as DefaultButton } from "./Button";
+import { Header as DefaultHeader } from "./Header";
+import { Messages as DefaultMessages } from "./Messages";
+import { Input as DefaultInput } from "./Input";
+import { CopilotChat } from "./Chat";
+import { AssistantMessage as DefaultAssistantMessage } from "./messages/AssistantMessage";
+import { UserMessage as DefaultUserMessage } from "./messages/UserMessage";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var CopilotModal = function CopilotModal(_ref) {
+  var instructions = _ref.instructions,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    _ref$clickOutsideToCl = _ref.clickOutsideToClose,
+    clickOutsideToClose = _ref$clickOutsideToCl === void 0 ? true : _ref$clickOutsideToCl,
+    _ref$hitEscapeToClose = _ref.hitEscapeToClose,
+    hitEscapeToClose = _ref$hitEscapeToClose === void 0 ? true : _ref$hitEscapeToClose,
+    onSetOpen = _ref.onSetOpen,
+    onSubmitMessage = _ref.onSubmitMessage,
+    onStopGeneration = _ref.onStopGeneration,
+    onReloadMessages = _ref.onReloadMessages,
+    _ref$shortcut = _ref.shortcut,
+    shortcut = _ref$shortcut === void 0 ? "/" : _ref$shortcut,
+    icons = _ref.icons,
+    labels = _ref.labels,
+    makeSystemMessage = _ref.makeSystemMessage,
+    onInProgress = _ref.onInProgress,
+    _ref$Window = _ref.Window,
+    Window = _ref$Window === void 0 ? DefaultWindow : _ref$Window,
+    _ref$Button = _ref.Button,
+    Button = _ref$Button === void 0 ? DefaultButton : _ref$Button,
+    _ref$Header = _ref.Header,
+    Header = _ref$Header === void 0 ? DefaultHeader : _ref$Header,
+    _ref$Messages = _ref.Messages,
+    Messages = _ref$Messages === void 0 ? DefaultMessages : _ref$Messages,
+    _ref$Input = _ref.Input,
+    Input = _ref$Input === void 0 ? DefaultInput : _ref$Input,
+    _ref$AssistantMessage = _ref.AssistantMessage,
+    AssistantMessage = _ref$AssistantMessage === void 0 ? DefaultAssistantMessage : _ref$AssistantMessage,
+    _ref$UserMessage = _ref.UserMessage,
+    UserMessage = _ref$UserMessage === void 0 ? DefaultUserMessage : _ref$UserMessage,
+    onThumbsUp = _ref.onThumbsUp,
+    onThumbsDown = _ref.onThumbsDown,
+    onCopy = _ref.onCopy,
+    onRegenerate = _ref.onRegenerate,
+    markdownTagRenderers = _ref.markdownTagRenderers,
+    className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(defaultOpen),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    openState = _React$useState2[0],
+    setOpenState = _React$useState2[1];
+  var setOpen = function setOpen(open) {
+    onSetOpen === null || onSetOpen === void 0 || onSetOpen(open);
+    setOpenState(open);
+  };
+  var memoizedHeader = useMemo(function () {
+    return /*#__PURE__*/_jsx(Header, {});
+  }, [Header]);
+  var memoizedChildren = useMemo(function () {
+    return children;
+  }, [children]);
+  return /*#__PURE__*/_jsxs(ChatContextProvider, {
+    icons: icons,
+    labels: labels,
+    open: openState,
+    setOpen: setOpen,
+    children: [memoizedChildren, /*#__PURE__*/_jsxs("div", {
+      className: className,
+      children: [/*#__PURE__*/_jsx(Button, {}), /*#__PURE__*/_jsxs(Window, {
+        clickOutsideToClose: clickOutsideToClose,
+        shortcut: shortcut,
+        hitEscapeToClose: hitEscapeToClose,
+        children: [memoizedHeader, /*#__PURE__*/_jsx(CopilotChat, _objectSpread(_objectSpread({}, props), {}, {
+          instructions: instructions,
+          onSubmitMessage: onSubmitMessage,
+          onStopGeneration: onStopGeneration,
+          onReloadMessages: onReloadMessages,
+          makeSystemMessage: makeSystemMessage,
+          onInProgress: onInProgress,
+          Messages: Messages,
+          Input: Input,
+          AssistantMessage: AssistantMessage,
+          UserMessage: UserMessage,
+          onThumbsUp: onThumbsUp,
+          onThumbsDown: onThumbsDown,
+          onCopy: onCopy,
+          onRegenerate: onRegenerate,
+          markdownTagRenderers: markdownTagRenderers
+        }))]
+      })]
+    })]
+  });
+};

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

@@ -0,0 +1,49 @@
+/**
+ * <br/>
+ * <img src="/images/CopilotPopup.gif" width="500" />
+ *
+ * A chatbot popup component for the CopilotKit framework. The component allows for a high degree
+ * of customization through various props and custom CSS.
+ *
+ * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.
+ *
+ * ## Install Dependencies
+ *
+ * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
+ *
+ * ```shell npm2yarn \"@copilotkit/react-ui"\
+ * npm install @copilotkit/react-core @copilotkit/react-ui
+ * ```
+ * ## Usage
+ *
+ * ```tsx
+ * import { CopilotPopup } from "@copilotkit/react-ui";
+ * import "@copilotkit/react-ui/styles.css";
+ *
+ * <CopilotPopup
+ *   labels={{
+ *     title: "Your Assistant",
+ *     initial: "Hi! 👋 How can I assist you today?",
+ *   }}
+ * />
+ * ```
+ *
+ * ### Look & Feel
+ *
+ * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
+ * ```tsx title="YourRootComponent.tsx"
+ * ...
+ * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
+ *
+ * export function YourRootComponent() {
+ *   return (
+ *     <CopilotKit>
+ *       ...
+ *     </CopilotKit>
+ *   );
+ * }
+ * ```
+ * 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.
+ */
+import { CopilotModalProps } from "./Modal";
+export declare function CopilotPopup(props: CopilotModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,64 @@
+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); }
+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); }
+/**
+ * <br/>
+ * <img src="/images/CopilotPopup.gif" width="500" />
+ *
+ * A chatbot popup component for the CopilotKit framework. The component allows for a high degree
+ * of customization through various props and custom CSS.
+ *
+ * See [CopilotSidebar](/reference/components/chat/CopilotSidebar) for a sidebar version of this component.
+ *
+ * ## Install Dependencies
+ *
+ * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
+ *
+ * ```shell npm2yarn \"@copilotkit/react-ui"\
+ * npm install @copilotkit/react-core @copilotkit/react-ui
+ * ```
+ * ## Usage
+ *
+ * ```tsx
+ * import { CopilotPopup } from "@copilotkit/react-ui";
+ * import "@copilotkit/react-ui/styles.css";
+ *
+ * <CopilotPopup
+ *   labels={{
+ *     title: "Your Assistant",
+ *     initial: "Hi! 👋 How can I assist you today?",
+ *   }}
+ * />
+ * ```
+ *
+ * ### Look & Feel
+ *
+ * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
+ * ```tsx title="YourRootComponent.tsx"
+ * ...
+ * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
+ *
+ * export function YourRootComponent() {
+ *   return (
+ *     <CopilotKit>
+ *       ...
+ *     </CopilotKit>
+ *   );
+ * }
+ * ```
+ * 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.
+ */
+
+import { CopilotModal } from "./Modal";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CopilotPopup(props) {
+  props = _objectSpread(_objectSpread({}, props), {}, {
+    className: props.className ? props.className + " copilotKitPopup" : "copilotKitPopup"
+  });
+  return /*#__PURE__*/_jsx(CopilotModal, _objectSpread(_objectSpread({}, props), {}, {
+    children: props.children
+  }));
+}

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

@@ -0,0 +1,3 @@
+export declare function PoweredByTag({ showPoweredBy }: {
+    showPoweredBy?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import React from "react";
+import { useDarkMode } from "../../hooks/use-dark-mode";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PoweredByTag(_ref) {
+  var _ref$showPoweredBy = _ref.showPoweredBy,
+    showPoweredBy = _ref$showPoweredBy === void 0 ? true : _ref$showPoweredBy;
+  var isDark = useDarkMode();
+  if (!showPoweredBy) {
+    return null;
+  }
+  var poweredByStyle = {
+    visibility: "visible",
+    display: "block",
+    position: "static",
+    textAlign: "center",
+    fontSize: "12px",
+    padding: "3px 0",
+    color: isDark ? "rgb(69, 69, 69)" : "rgb(214, 214, 214)"
+  };
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx("p", {
+      className: "poweredBy",
+      style: poweredByStyle,
+      children: "Powered by CopilotKit"
+    })
+  });
+}

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

@@ -0,0 +1,2 @@
+import { CopilotModalProps } from "./Modal";
+export declare function CopilotSidebar(props: CopilotModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,85 @@
+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); }
+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; }
+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); }
+/**
+ * <br/>
+ * <img src="/images/CopilotSidebar.gif" width="500" />
+ *
+ * A chatbot sidebar component for the CopilotKit framework. Highly customizable through various props and custom CSS.
+ *
+ * See [CopilotPopup](/reference/components/chat/CopilotPopup) for a popup version of this component.
+ *
+ * ## Install Dependencies
+ *
+ * This component is part of the [@copilotkit/react-ui](https://npmjs.com/package/@copilotkit/react-ui) package.
+ *
+ * ```shell npm2yarn \"@copilotkit/react-ui"\
+ * npm install @copilotkit/react-core @copilotkit/react-ui
+ * ```
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * import { CopilotSidebar } from "@copilotkit/react-ui";
+ * import "@copilotkit/react-ui/styles.css";
+ *
+ * <CopilotSidebar
+ *   labels={{
+ *     title: "Your Assistant",
+ *     initial: "Hi! 👋 How can I assist you today?",
+ *   }}
+ * >
+ *   <YourApp/>
+ * </CopilotSidebar>
+ * ```
+ *
+ * ### Look & Feel
+ *
+ * By default, CopilotKit components do not have any styles. You can import CopilotKit's stylesheet at the root of your project:
+ * ```tsx title="YourRootComponent.tsx"
+ * ...
+ * import "@copilotkit/react-ui/styles.css"; // [!code highlight]
+ *
+ * export function YourRootComponent() {
+ *   return (
+ *     <CopilotKit>
+ *       ...
+ *     </CopilotKit>
+ *   );
+ * }
+ * ```
+ * 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.
+ */
+import React, { useState } from "react";
+import { CopilotModal } from "./Modal";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function CopilotSidebar(props) {
+  props = _objectSpread(_objectSpread({}, props), {}, {
+    className: props.className ? props.className + " copilotKitSidebar" : "copilotKitSidebar"
+  });
+  var _useState = useState(props.defaultOpen ? "sidebarExpanded" : ""),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandedClassName = _useState2[0],
+    setExpandedClassName = _useState2[1];
+  var onSetOpen = function onSetOpen(open) {
+    var _props$onSetOpen, _props;
+    (_props$onSetOpen = (_props = props).onSetOpen) === null || _props$onSetOpen === void 0 || _props$onSetOpen.call(_props, open);
+    setExpandedClassName(open ? "sidebarExpanded" : "");
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: "copilotKitSidebarContentWrapper ".concat(expandedClassName),
+    children: /*#__PURE__*/_jsx(CopilotModal, _objectSpread(_objectSpread({}, props), {}, {
+      onSetOpen: onSetOpen,
+      children: props.children
+    }))
+  });
+}

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

@@ -0,0 +1,16 @@
+import { CopilotContextParams, CopilotChatSuggestionConfiguration, CopilotMessagesContextParams } from "@copilotkit/react-core";
+interface SuggestionsProps {
+    title: string;
+    message: string;
+    partial?: boolean;
+    className?: string;
+    onClick: () => void;
+}
+export declare function Suggestion({ title, onClick, partial, className }: SuggestionsProps): import("react/jsx-runtime").JSX.Element;
+export declare const reloadSuggestions: (context: CopilotContextParams & CopilotMessagesContextParams, chatSuggestionConfiguration: {
+    [key: string]: CopilotChatSuggestionConfiguration;
+}, setCurrentSuggestions: (suggestions: {
+    title: string;
+    message: string;
+}[]) => void, abortControllerRef: React.MutableRefObject<AbortController | null>) => Promise<void>;
+export {};