@agentscope-ai/chat 1.1.4 → 1.1.7

package/lib/AGUI/components/HelpModal/modal.js

@@ -0,0 +1,104 @@
+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, useRef, useEffect } from "react";
+import { CloseIcon } from "./icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function CopilotKitHelpModal() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showHelpModal = _useState2[0],
+    setShowHelpModal = _useState2[1];
+  var buttonRef = useRef(null);
+  var popoverRef = useRef(null);
+
+  // Close popover when clicking outside
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (popoverRef.current && !popoverRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
+        setShowHelpModal(false);
+      }
+    };
+    if (showHelpModal) {
+      document.addEventListener("mousedown", handleClickOutside);
+    }
+    return function () {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [showHelpModal]);
+  var HelpButton = function HelpButton() {
+    return /*#__PURE__*/_jsx("button", {
+      ref: buttonRef,
+      onClick: function onClick() {
+        return setShowHelpModal(!showHelpModal);
+      },
+      className: "copilotKitDebugMenuTriggerButton relative",
+      "aria-label": "Open Help",
+      children: "Help"
+    });
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "relative",
+    children: [/*#__PURE__*/_jsx(HelpButton, {}), showHelpModal && /*#__PURE__*/_jsx("div", {
+      ref: popoverRef,
+      className: "absolute mt-2 z-50",
+      style: {
+        top: "100%",
+        right: "-120px",
+        width: "380px"
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        className: "copilotKitHelpModal rounded-lg shadow-xl w-full p-4 flex-col relative",
+        children: [/*#__PURE__*/_jsx("button", {
+          className: "copilotKitHelpModalCloseButton absolute text-gray-400 hover:text-gray-600 focus:outline-none",
+          style: {
+            top: "10px",
+            right: "10px"
+          },
+          onClick: function onClick() {
+            return setShowHelpModal(false);
+          },
+          "aria-label": "Close",
+          children: /*#__PURE__*/_jsx(CloseIcon, {})
+        }), /*#__PURE__*/_jsx("div", {
+          className: "w-full flex mb-6 justify-center",
+          children: /*#__PURE__*/_jsx("h2", {
+            className: "text-2xl font-bold",
+            children: "Help Options"
+          })
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "space-y-4 mb-4",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "copilotKitHelpItemButton",
+            children: /*#__PURE__*/_jsx("a", {
+              href: "https://docs.copilotkit.ai/coagents/troubleshooting/common-issues",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Visit the Troubleshooting and FAQ section in the docs"
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "copilotKitHelpItemButton",
+            children: /*#__PURE__*/_jsx("a", {
+              href: "https://go.copilotkit.ai/dev-console-support-discord",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Go to Discord Support Channel (Community Support)"
+            })
+          }), /*#__PURE__*/_jsx("div", {
+            className: "copilotKitHelpItemButton",
+            children: /*#__PURE__*/_jsx("a", {
+              href: "https://go.copilotkit.ai/dev-console-support-slack",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Apply for Priority Direct Slack Support"
+            })
+          })]
+        })]
+      })
+    })]
+  });
+}

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

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

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

@@ -0,0 +1,27 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { useChatContext } from "./ChatContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Button = function Button(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var _useChatContext = useChatContext(),
+    open = _useChatContext.open,
+    setOpen = _useChatContext.setOpen,
+    icons = _useChatContext.icons;
+  return /*#__PURE__*/_jsx("div", {
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    children: /*#__PURE__*/_jsxs("button", {
+      className: "copilotKitButton ".concat(open ? "open" : ""),
+      "aria-label": open ? "Close Chat" : "Open Chat",
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "copilotKitButtonIcon copilotKitButtonIconOpen",
+        children: icons.openIcon
+      }), /*#__PURE__*/_jsx("div", {
+        className: "copilotKitButtonIcon copilotKitButtonIconClose",
+        children: icons.closeIcon
+      })]
+    })
+  });
+};

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

@@ -0,0 +1,242 @@
+/**
+ * <br/>
+ * <img src="/images/CopilotChat.gif" width="500" />
+ *
+ * A chatbot panel component for the CopilotKit framework. The component allows for a high degree
+ * of customization through various props and custom CSS.
+ *
+ * ## 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 { CopilotChat } from "@copilotkit/react-ui";
+ * import "@copilotkit/react-ui/styles.css";
+ *
+ * <CopilotChat
+ *   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 { CopilotChatIcons, CopilotChatLabels } from "./ChatContext";
+import React from "react";
+import { SystemMessageFunction } from "@copilotkit/react-core";
+import { CopilotChatSuggestion } from "../../types/suggestions";
+import { Message, TextMessage } from "@copilotkit/runtime-client-gql";
+import { AssistantMessageProps, ComponentsMap, InputProps, MessagesProps, RenderMessageProps, RenderSuggestionsListProps, UserMessageProps } from "./props";
+import { HintFunction } from "@copilotkit/react-core";
+/**
+ * Props for CopilotChat component.
+ */
+export interface CopilotChatProps {
+    /**
+     * Custom instructions to be added to the system message. Use this property to
+     * provide additional context or guidance to the language model, influencing
+     * its responses. These instructions can include specific directions,
+     * preferences, or criteria that the model should consider when generating
+     * its output, thereby tailoring the conversation more precisely to the
+     * user's needs or the application's requirements.
+     */
+    instructions?: string;
+    /**
+     * A callback that gets called when the in progress state changes.
+     */
+    onInProgress?: (inProgress: boolean) => void;
+    /**
+     * A callback that gets called when a new message it submitted.
+     */
+    onSubmitMessage?: (message: string) => void | Promise<void>;
+    /**
+     * A custom stop generation function.
+     */
+    onStopGeneration?: OnStopGeneration;
+    /**
+     * A custom reload messages function.
+     */
+    onReloadMessages?: OnReloadMessages;
+    /**
+     * A callback function to regenerate the assistant's response
+     */
+    onRegenerate?: (messageId: string) => void;
+    /**
+     * A callback function when the message is copied
+     */
+    onCopy?: (message: string) => void;
+    /**
+     * A callback function for thumbs up feedback
+     */
+    onThumbsUp?: (message: TextMessage) => void;
+    /**
+     * A callback function for thumbs down feedback
+     */
+    onThumbsDown?: (message: TextMessage) => void;
+    /**
+     * A list of markdown components to render in assistant message.
+     * Useful when you want to render custom elements in the message (e.g a reference tag element)
+     */
+    markdownTagRenderers?: ComponentsMap;
+    /**
+     * Icons can be used to set custom icons for the chat window.
+     */
+    icons?: CopilotChatIcons;
+    /**
+     * Labels can be used to set custom labels for the chat window.
+     */
+    labels?: CopilotChatLabels;
+    /**
+     * Enable image upload button (image inputs only supported on some models)
+     */
+    imageUploadsEnabled?: boolean;
+    /**
+     * The 'accept' attribute for the file input used for image uploads.
+     * Defaults to "image/*".
+     */
+    inputFileAccept?: string;
+    /**
+     * A function that takes in context string and instructions and returns
+     * the system message to include in the chat request.
+     * Use this to completely override the system message, when providing
+     * instructions is not enough.
+     */
+    makeSystemMessage?: SystemMessageFunction;
+    /**
+     * A custom assistant message component to use instead of the default.
+     */
+    AssistantMessage?: React.ComponentType<AssistantMessageProps>;
+    /**
+     * A custom user message component to use instead of the default.
+     */
+    UserMessage?: React.ComponentType<UserMessageProps>;
+    /**
+     * A custom Messages component to use instead of the default.
+     */
+    Messages?: React.ComponentType<MessagesProps>;
+    /**
+     * A custom RenderTextMessage component to use instead of the default.
+     */
+    RenderTextMessage?: React.ComponentType<RenderMessageProps>;
+    /**
+     * A custom RenderActionExecutionMessage component to use instead of the default.
+     */
+    RenderActionExecutionMessage?: React.ComponentType<RenderMessageProps>;
+    /**
+     * A custom RenderAgentStateMessage component to use instead of the default.
+     */
+    RenderAgentStateMessage?: React.ComponentType<RenderMessageProps>;
+    /**
+     * A custom RenderResultMessage component to use instead of the default.
+     */
+    RenderResultMessage?: React.ComponentType<RenderMessageProps>;
+    /**
+     * A custom RenderImageMessage component to use instead of the default.
+     */
+    RenderImageMessage?: React.ComponentType<RenderMessageProps>;
+    /**
+     * A custom suggestions list component to use instead of the default.
+     */
+    RenderSuggestionsList?: React.ComponentType<RenderSuggestionsListProps>;
+    /**
+     * A custom Input component to use instead of the default.
+     */
+    Input?: React.ComponentType<InputProps>;
+    /**
+     * A class name to apply to the root element.
+     */
+    className?: string;
+    /**
+     * Children to render.
+     */
+    children?: React.ReactNode;
+    hideStopButton?: boolean;
+}
+interface OnStopGenerationArguments {
+    /**
+     * The name of the currently executing agent.
+     */
+    currentAgentName: string | undefined;
+    /**
+     * The messages in the chat.
+     */
+    messages: Message[];
+    /**
+     * Set the messages in the chat.
+     */
+    setMessages: (messages: Message[]) => void;
+    /**
+     * Stop chat generation.
+     */
+    stopGeneration: () => void;
+    /**
+     * Restart the currently executing agent.
+     */
+    restartCurrentAgent: () => void;
+    /**
+     * Stop the currently executing agent.
+     */
+    stopCurrentAgent: () => void;
+    /**
+     * Run the currently executing agent.
+     */
+    runCurrentAgent: (hint?: HintFunction) => Promise<void>;
+    /**
+     * Set the state of the currently executing agent.
+     */
+    setCurrentAgentState: (state: any) => void;
+}
+export type OnReloadMessagesArguments = OnStopGenerationArguments & {
+    /**
+     * The message on which "regenerate" was pressed
+     */
+    messageId: string;
+};
+export type OnStopGeneration = (args: OnStopGenerationArguments) => void;
+export type OnReloadMessages = (args: OnReloadMessagesArguments) => void;
+export type ImageUpload = {
+    contentType: string;
+    bytes: string;
+};
+export declare function CopilotChat({ instructions, onSubmitMessage, makeSystemMessage, onInProgress, onStopGeneration, onReloadMessages, onRegenerate, onCopy, onThumbsUp, onThumbsDown, markdownTagRenderers, Messages, RenderTextMessage, RenderActionExecutionMessage, RenderAgentStateMessage, RenderResultMessage, RenderImageMessage, RenderSuggestionsList, Input, className, icons, labels, AssistantMessage, UserMessage, imageUploadsEnabled, inputFileAccept, hideStopButton, }: CopilotChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function WrappedCopilotChat({ children, icons, labels, className, }: {
+    children: React.ReactNode;
+    icons?: CopilotChatIcons;
+    labels?: CopilotChatLabels;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useCopilotChatLogic: (makeSystemMessage?: SystemMessageFunction, onInProgress?: (isLoading: boolean) => void, onSubmitMessage?: (messageContent: string) => Promise<void> | void, onStopGeneration?: OnStopGeneration, onReloadMessages?: OnReloadMessages) => {
+    visibleMessages: Message[];
+    isLoading: boolean;
+    currentSuggestions: CopilotChatSuggestion[];
+    sendMessage: (messageContent: string, imagesToUse?: Array<{
+        contentType: string;
+        bytes: string;
+    }>) => Promise<Message>;
+    stopGeneration: () => void;
+    reloadMessages: (messageId: string) => void;
+};
+export {};