@agentscope-ai/chat 1.1.4 → 1.1.8

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

@@ -0,0 +1,142 @@
+import React from "react";
+/**
+ * Icons for CopilotChat component.
+ */
+export interface CopilotChatIcons {
+    /**
+     * The icon to use for the open chat button.
+     * @default <OpenIcon />
+     */
+    openIcon?: React.ReactNode;
+    /**
+     * The icon to use for the close chat button.
+     * @default <CloseIcon />
+     */
+    closeIcon?: React.ReactNode;
+    /**
+     * The icon to use for the close chat button in the header.
+     * @default <HeaderCloseIcon />
+     */
+    headerCloseIcon?: React.ReactNode;
+    /**
+     * The icon to use for the send button.
+     * @default <SendIcon />
+     */
+    sendIcon?: React.ReactNode;
+    /**
+     * The icon to use for the activity indicator.
+     * @default <ActivityIcon />
+     */
+    activityIcon?: React.ReactNode;
+    /**
+     * The icon to use for the spinner.
+     * @default <SpinnerIcon />
+     */
+    spinnerIcon?: React.ReactNode;
+    /**
+     * The icon to use for the stop button.
+     * @default <StopIcon />
+     */
+    stopIcon?: React.ReactNode;
+    /**
+     * The icon to use for the regenerate button.
+     * @default <RegenerateIcon />
+     */
+    regenerateIcon?: React.ReactNode;
+    /**
+     * The icons to use for push to talk.
+     * @default <PushToTalkIcon />
+     */
+    pushToTalkIcon?: React.ReactNode;
+    /**
+     * The icons to use for copy assistant response
+     * @default <CopyIcon />
+     */
+    copyIcon?: React.ReactNode;
+    /**
+     * The icon to use for thumbs up/response approval.
+     * @default <ThumbsUpIcon />
+     */
+    thumbsUpIcon?: React.ReactNode;
+    /**
+     * The icon to use for thumbs down/response rejection.
+     * @default <ThumbsDownIcon />
+     */
+    thumbsDownIcon?: React.ReactNode;
+    /**
+     * The icon to use for the upload button.
+     * @default <UploadIcon />
+     */
+    uploadIcon?: React.ReactNode;
+}
+/**
+ * Labels for CopilotChat component.
+ */
+export interface CopilotChatLabels {
+    /**
+     * The initial message(s) to display in the chat window.
+     */
+    initial?: string | string[];
+    /**
+     * The title to display in the header.
+     * @default "CopilotKit"
+     */
+    title?: string;
+    /**
+     * The placeholder to display in the input.
+     * @default "Type a message..."
+     */
+    placeholder?: string;
+    /**
+     * The message to display when an error occurs.
+     * @default "❌ An error occurred. Please try again."
+     */
+    error?: string;
+    /**
+     * The label to display on the stop button.
+     * @default "Stop generating"
+     */
+    stopGenerating?: string;
+    /**
+     * The label to display on the regenerate button.
+     * @default "Regenerate response"
+     */
+    regenerateResponse?: string;
+    /**
+     * The label for the copy button.
+     * @default "Copy to clipboard"
+     */
+    copyToClipboard?: string;
+    /**
+     * The label for the thumbs up button.
+     * @default "Thumbs up"
+     */
+    thumbsUp?: string;
+    /**
+     * The label for the thumbs down button.
+     * @default "Thumbs down"
+     */
+    thumbsDown?: string;
+    /**
+     * The text to display when content is copied.
+     * @default "Copied!"
+     */
+    copied?: string;
+}
+interface ChatContext {
+    labels: Required<CopilotChatLabels>;
+    icons: Required<CopilotChatIcons>;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare const ChatContext: React.Context<ChatContext>;
+export declare function useChatContext(): ChatContext;
+interface ChatContextProps {
+    labels?: CopilotChatLabels;
+    icons?: CopilotChatIcons;
+    children?: React.ReactNode;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export declare const ChatContextProvider: ({ labels, icons, children, open, setOpen, }: ChatContextProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,75 @@
+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); }
+import React, { useMemo } from "react";
+import * as DefaultIcons from "./Icons";
+
+/**
+ * Icons for CopilotChat component.
+ */
+
+/**
+ * Labels for CopilotChat component.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ChatContext = /*#__PURE__*/React.createContext(undefined);
+export function useChatContext() {
+  var context = React.useContext(ChatContext);
+  if (context === undefined) {
+    throw new Error("Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?");
+  }
+  return context;
+}
+export var ChatContextProvider = function ChatContextProvider(_ref) {
+  var labels = _ref.labels,
+    icons = _ref.icons,
+    children = _ref.children,
+    open = _ref.open,
+    setOpen = _ref.setOpen;
+  var memoizedLabels = useMemo(function () {
+    return _objectSpread(_objectSpread({}, {
+      initial: "",
+      title: "CopilotKit",
+      placeholder: "Type a message...",
+      error: "❌ An error occurred. Please try again.",
+      stopGenerating: "Stop generating",
+      regenerateResponse: "Regenerate response",
+      copyToClipboard: "Copy to clipboard",
+      thumbsUp: "Thumbs up",
+      thumbsDown: "Thumbs down",
+      copied: "Copied!"
+    }), labels);
+  }, [labels]);
+  var memoizedIcons = useMemo(function () {
+    return _objectSpread(_objectSpread({}, {
+      openIcon: DefaultIcons.OpenIcon,
+      closeIcon: DefaultIcons.CloseIcon,
+      headerCloseIcon: DefaultIcons.HeaderCloseIcon,
+      sendIcon: DefaultIcons.SendIcon,
+      activityIcon: DefaultIcons.ActivityIcon,
+      spinnerIcon: DefaultIcons.SpinnerIcon,
+      stopIcon: DefaultIcons.StopIcon,
+      regenerateIcon: DefaultIcons.RegenerateIcon,
+      pushToTalkIcon: DefaultIcons.MicrophoneIcon,
+      copyIcon: DefaultIcons.CopyIcon,
+      thumbsUpIcon: DefaultIcons.ThumbsUpIcon,
+      thumbsDownIcon: DefaultIcons.ThumbsDownIcon,
+      uploadIcon: DefaultIcons.UploadIcon
+    }), icons);
+  }, [icons]);
+  var context = useMemo(function () {
+    return {
+      labels: memoizedLabels,
+      icons: memoizedIcons,
+      open: open,
+      setOpen: setOpen
+    };
+  }, [memoizedLabels, memoizedIcons, open, setOpen]);
+  return /*#__PURE__*/_jsx(ChatContext.Provider, {
+    value: context,
+    children: children
+  });
+};

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+interface Props {
+    language: string;
+    value: string;
+}
+interface languageMap {
+    [key: string]: string | undefined;
+}
+export declare const programmingLanguages: languageMap;
+export declare const generateRandomString: (length: number, lowercase?: boolean) => string;
+declare const CodeBlock: FC<Props>;
+export { CodeBlock };

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

@@ -0,0 +1,398 @@
+import { memo } from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { useCopyToClipboard } from "../../hooks/use-copy-to-clipboard";
+import { CheckIcon, CopyIcon, DownloadIcon } from "./Icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var programmingLanguages = {
+  javascript: ".js",
+  python: ".py",
+  java: ".java",
+  c: ".c",
+  cpp: ".cpp",
+  "c++": ".cpp",
+  "c#": ".cs",
+  ruby: ".rb",
+  php: ".php",
+  swift: ".swift",
+  "objective-c": ".m",
+  kotlin: ".kt",
+  typescript: ".ts",
+  go: ".go",
+  perl: ".pl",
+  rust: ".rs",
+  scala: ".scala",
+  haskell: ".hs",
+  lua: ".lua",
+  shell: ".sh",
+  sql: ".sql",
+  html: ".html",
+  css: ".css"
+  // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
+};
+export var generateRandomString = function generateRandomString(length) {
+  var lowercase = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789"; // excluding similar looking characters like Z, 2, I, 1, O, 0
+  var result = "";
+  for (var i = 0; i < length; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return lowercase ? result.toLowerCase() : result;
+};
+var CodeBlock = /*#__PURE__*/memo(function (_ref) {
+  var language = _ref.language,
+    value = _ref.value;
+  var _useCopyToClipboard = useCopyToClipboard({
+      timeout: 2000
+    }),
+    isCopied = _useCopyToClipboard.isCopied,
+    copyToClipboard = _useCopyToClipboard.copyToClipboard;
+  var downloadAsFile = function downloadAsFile() {
+    if (typeof window === "undefined") {
+      return;
+    }
+    var fileExtension = programmingLanguages[language] || ".file";
+    var suggestedFileName = "file-".concat(generateRandomString(3, true)).concat(fileExtension);
+    var fileName = window.prompt("Enter file name" || "", suggestedFileName);
+    if (!fileName) {
+      // User pressed cancel on prompt.
+      return;
+    }
+    var blob = new Blob([value], {
+      type: "text/plain"
+    });
+    var url = URL.createObjectURL(blob);
+    var link = document.createElement("a");
+    link.download = fileName;
+    link.href = url;
+    link.style.display = "none";
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(url);
+  };
+  var onCopy = function onCopy() {
+    if (isCopied) return;
+    copyToClipboard(value);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "copilotKitCodeBlock",
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "copilotKitCodeBlockToolbar",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "copilotKitCodeBlockToolbarLanguage",
+        children: language
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "copilotKitCodeBlockToolbarButtons",
+        children: [/*#__PURE__*/_jsx("button", {
+          className: "copilotKitCodeBlockToolbarButton",
+          onClick: downloadAsFile,
+          children: DownloadIcon
+        }), /*#__PURE__*/_jsx("button", {
+          className: "copilotKitCodeBlockToolbarButton",
+          onClick: onCopy,
+          children: isCopied ? CheckIcon : CopyIcon
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(SyntaxHighlighter, {
+      language: language,
+      style: highlightStyle,
+      PreTag: "div",
+      customStyle: {
+        margin: 0,
+        borderBottomLeftRadius: "0.375rem",
+        borderBottomRightRadius: "0.375rem"
+      },
+      children: value
+    })]
+  });
+});
+CodeBlock.displayName = "CodeBlock";
+export { CodeBlock };
+
+// import { vscDarkPlus as highlightStyle } from "react-syntax-highlighter/dist/esm/styles/prism";
+// As a workaround, we inline the vscDarkPlus from react-syntax-highlighter.
+// Importing it as recommended in the documentation leads to build errors in the non app router
+// (Next.js classic) setup.
+var highlightStyle = {
+  'pre[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none",
+    padding: "1em",
+    margin: ".5em 0",
+    overflow: "auto",
+    background: "#1e1e1e"
+  },
+  'code[class*="language-"]': {
+    color: "#d4d4d4",
+    fontSize: "13px",
+    textShadow: "none",
+    fontFamily: 'Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace',
+    direction: "ltr",
+    textAlign: "left",
+    whiteSpace: "pre",
+    wordSpacing: "normal",
+    wordBreak: "normal",
+    lineHeight: "1.5",
+    MozTabSize: "4",
+    OTabSize: "4",
+    tabSize: "4",
+    WebkitHyphens: "none",
+    MozHyphens: "none",
+    msHyphens: "none",
+    hyphens: "none"
+  },
+  'pre[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"]::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'pre[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  'code[class*="language-"] *::selection': {
+    textShadow: "none",
+    background: "#264F78"
+  },
+  ':not(pre) > code[class*="language-"]': {
+    padding: ".1em .3em",
+    borderRadius: ".3em",
+    color: "#db4c69",
+    background: "#1e1e1e"
+  },
+  ".namespace": {
+    Opacity: ".7"
+  },
+  "doctype.doctype-tag": {
+    color: "#569CD6"
+  },
+  "doctype.name": {
+    color: "#9cdcfe"
+  },
+  comment: {
+    color: "#6a9955"
+  },
+  prolog: {
+    color: "#6a9955"
+  },
+  punctuation: {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-css .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  ".language-html .language-javascript .token.punctuation": {
+    color: "#d4d4d4"
+  },
+  property: {
+    color: "#9cdcfe"
+  },
+  tag: {
+    color: "#569cd6"
+  },
+  boolean: {
+    color: "#569cd6"
+  },
+  number: {
+    color: "#b5cea8"
+  },
+  constant: {
+    color: "#9cdcfe"
+  },
+  symbol: {
+    color: "#b5cea8"
+  },
+  inserted: {
+    color: "#b5cea8"
+  },
+  unit: {
+    color: "#b5cea8"
+  },
+  selector: {
+    color: "#d7ba7d"
+  },
+  "attr-name": {
+    color: "#9cdcfe"
+  },
+  string: {
+    color: "#ce9178"
+  },
+  char: {
+    color: "#ce9178"
+  },
+  builtin: {
+    color: "#ce9178"
+  },
+  deleted: {
+    color: "#ce9178"
+  },
+  ".language-css .token.string.url": {
+    textDecoration: "underline"
+  },
+  operator: {
+    color: "#d4d4d4"
+  },
+  entity: {
+    color: "#569cd6"
+  },
+  "operator.arrow": {
+    color: "#569CD6"
+  },
+  atrule: {
+    color: "#ce9178"
+  },
+  "atrule.rule": {
+    color: "#c586c0"
+  },
+  "atrule.url": {
+    color: "#9cdcfe"
+  },
+  "atrule.url.function": {
+    color: "#dcdcaa"
+  },
+  "atrule.url.punctuation": {
+    color: "#d4d4d4"
+  },
+  keyword: {
+    color: "#569CD6"
+  },
+  "keyword.module": {
+    color: "#c586c0"
+  },
+  "keyword.control-flow": {
+    color: "#c586c0"
+  },
+  function: {
+    color: "#dcdcaa"
+  },
+  "function.maybe-class-name": {
+    color: "#dcdcaa"
+  },
+  regex: {
+    color: "#d16969"
+  },
+  important: {
+    color: "#569cd6"
+  },
+  italic: {
+    fontStyle: "italic"
+  },
+  "class-name": {
+    color: "#4ec9b0"
+  },
+  "maybe-class-name": {
+    color: "#4ec9b0"
+  },
+  console: {
+    color: "#9cdcfe"
+  },
+  parameter: {
+    color: "#9cdcfe"
+  },
+  interpolation: {
+    color: "#9cdcfe"
+  },
+  "punctuation.interpolation-punctuation": {
+    color: "#569cd6"
+  },
+  variable: {
+    color: "#9cdcfe"
+  },
+  "imports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  "exports.maybe-class-name": {
+    color: "#9cdcfe"
+  },
+  escape: {
+    color: "#d7ba7d"
+  },
+  "tag.punctuation": {
+    color: "#808080"
+  },
+  cdata: {
+    color: "#808080"
+  },
+  "attr-value": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation": {
+    color: "#ce9178"
+  },
+  "attr-value.punctuation.attr-equals": {
+    color: "#d4d4d4"
+  },
+  namespace: {
+    color: "#4ec9b0"
+  },
+  'pre[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-javascript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-jsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-typescript"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'code[class*="language-tsx"]': {
+    color: "#9cdcfe"
+  },
+  'pre[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'code[class*="language-css"]': {
+    color: "#ce9178"
+  },
+  'pre[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  'code[class*="language-html"]': {
+    color: "#d4d4d4"
+  },
+  ".language-regex .token.anchor": {
+    color: "#dcdcaa"
+  },
+  ".language-html .token.punctuation": {
+    color: "#808080"
+  },
+  'pre[class*="language-"] > code[class*="language-"]': {
+    position: "relative",
+    zIndex: "1"
+  },
+  ".line-highlight.line-highlight": {
+    background: "#f7ebc6",
+    boxShadow: "inset 5px 0 0 #f7d87c",
+    zIndex: "0"
+  }
+};

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

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

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

@@ -0,0 +1,28 @@
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { useChatContext } from "./ChatContext";
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var Header = function Header(_ref) {
+  _objectDestructuringEmpty(_ref);
+  var _useChatContext = useChatContext(),
+    setOpen = _useChatContext.setOpen,
+    icons = _useChatContext.icons,
+    labels = _useChatContext.labels;
+  return /*#__PURE__*/_jsxs("div", {
+    className: "copilotKitHeader",
+    children: [/*#__PURE__*/_jsx("div", {
+      children: labels.title
+    }), /*#__PURE__*/_jsx("div", {
+      className: "copilotKitHeaderControls",
+      children: /*#__PURE__*/_jsx("button", {
+        onClick: function onClick() {
+          return setOpen(false);
+        },
+        "aria-label": "Close",
+        className: "copilotKitHeaderCloseButton",
+        children: icons.headerCloseIcon
+      })
+    })]
+  });
+};

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

@@ -0,0 +1,16 @@
+export declare const OpenIcon: import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: import("react/jsx-runtime").JSX.Element;
+export declare const HeaderCloseIcon: import("react/jsx-runtime").JSX.Element;
+export declare const SendIcon: import("react/jsx-runtime").JSX.Element;
+export declare const MicrophoneIcon: import("react/jsx-runtime").JSX.Element;
+export declare const StopIcon: import("react/jsx-runtime").JSX.Element;
+export declare const RegenerateIcon: import("react/jsx-runtime").JSX.Element;
+export declare const CopyIcon: import("react/jsx-runtime").JSX.Element;
+export declare const SmallSpinnerIcon: import("react/jsx-runtime").JSX.Element;
+export declare const SpinnerIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ActivityIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ThumbsUpIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ThumbsDownIcon: import("react/jsx-runtime").JSX.Element;
+export declare const DownloadIcon: import("react/jsx-runtime").JSX.Element;
+export declare const UploadIcon: import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: import("react/jsx-runtime").JSX.Element;