@agentscope-ai/chat 1.1.4 → 1.1.8

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.4",
+  "version": "1.1.8",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "sideEffects": [
     "*.less",
     "*.css",
     "*.scss"
   ],
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "files": [
-    "dist"
+    "lib"
   ],
+  "license": "Apache-2.0",
   "scripts": {
     "build": "npm run src:build && npm run docs:build",
+    "build:publish": "NPM_PUBLISH=1 npm run src:build",
+    "build:doc-api": "rm -rf node_modules && tnpm i && npm run start",
     "build:watch": "father dev",
     "dev": "dumi dev",
     "docs:build": "dumi build",
@@ -22,8 +25,8 @@
     "lint": "npm run lint:es && npm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "llms:build": "rm -rf llms && LLM=true dumi build",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "npm run build",
     "src:build": "father build",
     "start": "npm run dev"
   },
@@ -50,10 +53,16 @@
     ]
   },
   "dependencies": {
+    "@agentscope-ai/icons": "^1.0.8",
+    "@agentscope-ai/icons-override-antd": "^6.0.0",
+    "@agentscope-ai/icons-svg-override-antd": "^4.4.2",
     "@ant-design/cssinjs-utils": "^1.1.3",
     "@ant-design/icons": "^5.0.1",
-    "@ant-design/pro-components": "^2.8.4",
-    "@emotion/server": "^11.11.0",
+    "@copilotkit/react-core": "^1.9",
+    "@copilotkit/react-ui": "^1.9.1",
+    "@copilotkit/runtime": "^1.9",
+    "@copilotkit/runtime-client-gql": "^1.9",
+    "@rc-component/motion": "^1.1.4",
     "ahooks": "^3.8.4",
     "antd-style": "^3.7.1",
     "antd-token-previewer": "^2.0.8",
@@ -62,9 +71,10 @@
     "framer-motion": "^12.12.1",
     "immer": "^10.1.1",
     "lodash": "^4.17.21",
-    "pcm-player": "^0.0.18",
+    "mermaid": "^11.6.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-markdown": "^10.1.0",
+    "react-transition-group": "^4.4.5",
     "recorder-core": "^1.3.25011100",
     "rehype-katex": "^7.0.1",
     "rehype-raw": "^7.0.0",
@@ -80,12 +90,14 @@
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@spark-ai/design": "^1.0.3",
+    "@ali/agentscope-ai-design": "^4.6.0",
+    "@ali/dumi-plugin-api-parser": "^1.0.3",
+    "@ali/dumi-plugin-llms": "^1.0.3",
+    "@ali/dumi-theme-spark": "^0.0.94",
+    "@ant-design/charts": "^2.6.2",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
-    "@copilotkit/react-core": "1.8.12-next.4",
-    "@copilotkit/runtime": "1.8.12-next.4",
-    "@copilotkit/runtime-client-gql": "1.8.12-next.4",
+    "@makotot/ghostui": "^2.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@umijs/lint": "^4.0.0",
@@ -103,10 +115,12 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1",
-    "tailwindcss": "^3.4.17"
+    "tailwindcss": "^3.4.17",
+    "vaso": "^0.4.0"
   },
   "peerDependencies": {
-    "@spark-ai/design": "^1.0.3",
+    "@agentscope-ai/design": "^1.0.0",
+    "@ali/agentscope-ai-design": "^4.6.0",
     "@ant-design/icons": "^5.0.1",
     "antd": "^5.18.0",
     "classnames": "^2.5.1",

package/dist/accordion/Accordion.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface AccordionProps {
-    status?: 'finished' | 'interrupted' | 'generating' | 'error';
-    title: string | React.ReactElement;
-    children?: string | React.ReactElement;
-    icon?: string | React.ReactElement;
-    id?: string;
-    rightChildren?: string | React.ReactElement;
-    steps?: AccordionProps[];
-    defaultOpen?: boolean;
-    bodyStyle?: React.CSSProperties;
-    inline?: boolean;
-    level?: number;
-    isLast?: boolean;
-    isFirst?: boolean;
-}
-declare function Accordion(props: AccordionProps): React.JSX.Element;
-declare namespace Accordion {
-    var BodyContent: typeof import("./BodyContent").default;
-}
-export default Accordion;

package/dist/accordion/BodyContent.js

@@ -1,18 +0,0 @@
-import React from "react";
-import { useProviderContext } from "./..";
-export default function (props) {
-  var _useProviderContext = useProviderContext(),
-    getPrefixCls = _useProviderContext.getPrefixCls;
-  var prefixCls = getPrefixCls('accordion-content-body');
-  return /*#__PURE__*/React.createElement("div", {
-    className: prefixCls
-  }, props.headerLeft || props.headerRight ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-header")
-  }, props.headerLeft, /*#__PURE__*/React.createElement("div", {
-    style: {
-      flex: 1
-    }
-  }), props.headerRight) : null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-body")
-  }, props.children));
-}

package/dist/accordion/DeepThink.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export default function (props: {
-    title?: string;
-    loading?: boolean;
-    content?: string;
-    defaultOpen?: boolean;
-}): React.JSX.Element;

package/dist/accordion/DeepThink.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { Accordion } from "./..";
-import { useProviderContext } from "./..";
-import { theme as AntdTheme } from 'antd';
-export default function (props) {
-  var _useProviderContext = useProviderContext(),
-    getPrefixCls = _useProviderContext.getPrefixCls,
-    theme = _useProviderContext.theme;
-  var prefixCls = getPrefixCls('accordion-deepthink');
-  var isDarkMode = theme.algorithm === AntdTheme.darkAlgorithm;
-  var icon = /*#__PURE__*/React.createElement("img", {
-    style: {
-      display: 'block',
-      width: 16,
-      height: 16,
-      filter: isDarkMode ? 'invert(1)  brightness(100%) saturate(0%)' : ''
-    },
-    src: "https://img.alicdn.com/imgextra/i2/O1CN01QZgWRv1I4JM0BAZ9O_!!6000000000839-54-tps-56-56.apng"
-  });
-  var titleString = /*#__PURE__*/React.createElement("div", {
-    className: props.loading ? "".concat(prefixCls, "-title-loading") : '',
-    style: isDarkMode ? {} : {
-      color: 'rgba(38, 36, 76, 0.88)'
-    }
-  }, "".concat(props.title || 'Deep think').concat(props.loading ? '...' : ''));
-  return /*#__PURE__*/React.createElement(Accordion, {
-    title: titleString,
-    status: props.loading ? 'generating' : 'finished',
-    icon: props.loading ? icon : null,
-    defaultOpen: props.defaultOpen,
-    inline: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: prefixCls
-  }, props.content || '...'));
-}

package/dist/accordion/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Accordion } from './Accordion';
-export type { AccordionProps } from './Accordion';

package/dist/accordion/index.less

@@ -1,170 +0,0 @@
-@import '../index.less';
-
-.@{ant-prefix}-accordion-group {
-  .anticon-spin::before,
-  .anticon-spin {
-    animation-duration: 2s;
-  }
-  &-icon-success {
-    color: e('var(--@{ant-prefix}-color-success)');
-  }
-
-  &-icon-error {
-    color: e('var(--@{ant-prefix}-color-error)');
-  }
-
-  &-header {
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    color: e('var(--@{ant-prefix}-color-text-secondary)');
-    padding: 8px 12px;
-    font-size: 12px;
-    cursor: pointer;
-    line-height: 1;
-
-    &-close {
-      border-radius: 8px;
-      border: 1px solid e('var(--@{ant-prefix}-color-border-secondary)');
-      display: inline-flex;
-    }
-
-    &-icon {
-      position: relative;
-      display: flex;
-      width: 16px;
-      height: 16px;
-      align-items: center;
-      justify-content: center;
-      font-size: 14px;
-
-      &::before,
-      &::after {
-        content: '';
-        position: absolute;
-        width: 1px;
-        height: 7px;
-        background-color: e('var(--@{ant-prefix}-color-border)');
-        left: 50%;
-        transform: translateX(-50%);
-      }
-
-      &::before {
-        top: -9px;
-      }
-
-      &::after {
-        bottom: -9px;
-      }
-
-      &-last::after {
-        content: none;
-      }
-
-      &-first::before {
-        content: none;
-      }
-    }
-
-    &-arrow {
-      font-size: 10px;
-      transform: scaleY(0.75);
-    }
-  }
-
-  &-open {
-    border-radius: 8px;
-    border: 1px solid e('var(--@{ant-prefix}-color-border-secondary)');
-  }
-
-  &-body {
-    margin: 8px;
-    color: e('var(--@{ant-prefix}-color-text)');
-    font-size: 12px;
-    border-radius: 8px;
-    overflow: hidden;
-
-    &-close {
-      display: none;
-    }
-
-    .@{ant-prefix}-accordion-group-header-close,
-    .@{ant-prefix}-accordion-group-open {
-      border: 1px solid transparent;
-    }
-
-    &-inline-open {
-      padding: 8px 0;
-      margin: 0;
-      display: block;
-      background-color: transparent;
-    }
-
-    > .@{ant-prefix}-accordion-group {
-      background-color: e('var(--@{ant-prefix}-color-fill-tertiary)');
-
-      &-open {
-        border-radius: 0;
-      }
-    }
-  }
-}
-
-.@{ant-prefix}-accordion-deepthink {
-  font-size: 12px;
-  color: e('var(--@{ant-prefix}-color-text-tertiary)');
-  white-space: pre-wrap;
-  line-height: 20px;
-  padding: 0 12px;
-  border-left: 1px solid e('var(--@{ant-prefix}-color-border-secondary)');
-
-  &-title-loading {
-    font-size: 12px;
-    position: relative;
-    display: inline-block;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    mask-image: linear-gradient(
-      270deg,
-      rgba(231, 231, 237, 0.88) 20%,
-      rgba(231, 231, 237, 0.5) 50%,
-      rgba(255, 255, 255, 0.4) 52%,
-      rgba(231, 231, 237, 0.5) 70%,
-      rgba(231, 231, 237, 0.88) 80%
-    );
-    mask-size: 200% 100%;
-    animation: softlight-text 3s linear infinite;
-  }
-}
-
-@keyframes softlight-text {
-  0% {
-    mask-position: 100% 0;
-  }
-
-  100% {
-    mask-position: -100% 0;
-  }
-}
-
-.@{ant-prefix}-accordion-content-body {
-  border: 1px solid e('var(--@{ant-prefix}-color-border-secondary)');
-  border-radius: 8px;
-  overflow: hidden;
-  &-header {
-    display: flex;
-    height: 24px;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 12px;
-    border-bottom: 1px solid e('var(--@{ant-prefix}-color-border-secondary)');
-    background-color: e('var(--@{ant-prefix}-color-fill-tertiary)');
-    color: e('var(--@{ant-prefix}-color-text)');
-  }
-
-  &-body {
-    background-color: e('var(--@{ant-prefix}-color-bg-base)');
-  }
-}

package/dist/attachments/DropArea.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface DropUploaderProps {
-    prefixCls: string;
-    className: string;
-    getDropContainer?: null | (() => HTMLElement | null | undefined);
-    children?: React.ReactNode;
-}
-export default function DropArea(props: DropUploaderProps): React.ReactPortal;

package/dist/attachments/FileList/AudioIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export default function AudioIcon(): React.JSX.Element;

package/dist/attachments/FileList/AudioIcon.js

@@ -1,19 +0,0 @@
-import React from 'react';
-export default function AudioIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 16 16",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React.createElement("title", null, "audio"), /*#__PURE__*/React.createElement("g", {
-    stroke: "none",
-    "stroke-width": "1",
-    fill: "none",
-    "fill-rule": "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M14.1178571,4.0125 C14.225,4.11964286 14.2857143,4.26428571 14.2857143,4.41607143 L14.2857143,15.4285714 C14.2857143,15.7446429 14.0303571,16 13.7142857,16 L2.28571429,16 C1.96964286,16 1.71428571,15.7446429 1.71428571,15.4285714 L1.71428571,0.571428571 C1.71428571,0.255357143 1.96964286,0 2.28571429,0 L9.86964286,0 C10.0214286,0 10.1678571,0.0607142857 10.275,0.167857143 L14.1178571,4.0125 Z M10.7315824,7.11216117 C10.7428131,7.15148751 10.7485063,7.19218979 10.7485063,7.23309113 L10.7485063,8.07742614 C10.7484199,8.27364959 10.6183424,8.44607275 10.4296853,8.50003683 L8.32984514,9.09986306 L8.32984514,11.7071803 C8.32986605,12.5367078 7.67249692,13.217028 6.84345686,13.2454634 L6.79068592,13.2463395 C6.12766108,13.2463395 5.53916361,12.8217001 5.33010655,12.1924966 C5.1210495,11.563293 5.33842118,10.8709227 5.86959669,10.4741173 C6.40077221,10.0773119 7.12636292,10.0652587 7.67042486,10.4442027 L7.67020842,7.74937024 L7.68449368,7.74937024 C7.72405122,7.59919041 7.83988806,7.48101083 7.98924584,7.4384546 L10.1880418,6.81004755 C10.42156,6.74340323 10.6648954,6.87865515 10.7315824,7.11216117 Z M9.60714286,1.31785714 L12.9678571,4.67857143 L9.60714286,4.67857143 L9.60714286,1.31785714 Z",
-    fill: "currentColor"
-  })));
-}

package/dist/attachments/FileList/FileListCard.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Attachment } from '..';
-export interface FileListCardProps {
-    prefixCls?: string;
-    item: Attachment;
-    onRemove?: (item: Attachment) => void;
-    className?: string;
-    style?: React.CSSProperties;
-    renderType?: 'default';
-}
-declare const _default: React.ForwardRefExoticComponent<FileListCardProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;

package/dist/attachments/FileList/Progress.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface ProgressProps {
-    prefixCls: string;
-    percent: number;
-}
-export default function Progress(props: ProgressProps): React.JSX.Element;

package/dist/attachments/FileList/VideoIcon.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export default function VideoIcon(): React.JSX.Element;

package/dist/attachments/FileList/VideoIcon.js

@@ -1,19 +0,0 @@
-import React from 'react';
-export default function VideoIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "1em",
-    height: "1em",
-    viewBox: "0 0 16 16",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg",
-    xmlnsXlink: "http://www.w3.org/1999/xlink"
-  }, /*#__PURE__*/React.createElement("title", null, "video"), /*#__PURE__*/React.createElement("g", {
-    stroke: "none",
-    "stroke-width": "1",
-    fill: "none",
-    "fill-rule": "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M14.1178571,4.0125 C14.225,4.11964286 14.2857143,4.26428571 14.2857143,4.41607143 L14.2857143,15.4285714 C14.2857143,15.7446429 14.0303571,16 13.7142857,16 L2.28571429,16 C1.96964286,16 1.71428571,15.7446429 1.71428571,15.4285714 L1.71428571,0.571428571 C1.71428571,0.255357143 1.96964286,0 2.28571429,0 L9.86964286,0 C10.0214286,0 10.1678571,0.0607142857 10.275,0.167857143 L14.1178571,4.0125 Z M12.9678571,4.67857143 L9.60714286,1.31785714 L9.60714286,4.67857143 L12.9678571,4.67857143 Z M10.5379461,10.3101106 L6.68957555,13.0059749 C6.59910784,13.0693494 6.47439406,13.0473861 6.41101953,12.9569184 C6.3874624,12.9232903 6.37482581,12.8832269 6.37482581,12.8421686 L6.37482581,7.45043999 C6.37482581,7.33998304 6.46436886,7.25043999 6.57482581,7.25043999 C6.61588409,7.25043999 6.65594753,7.26307658 6.68957555,7.28663371 L10.5379461,9.98249803 C10.6284138,10.0458726 10.6503772,10.1705863 10.5870027,10.2610541 C10.5736331,10.2801392 10.5570312,10.2967411 10.5379461,10.3101106 Z",
-    fill: "currentColor"
-  })));
-}

package/dist/attachments/FileList/index.d.ts

@@ -1,16 +0,0 @@
-import { type UploadProps } from 'antd';
-import React from 'react';
-import type { Attachment } from '..';
-export interface FileListProps {
-    prefixCls: string;
-    items: Attachment[];
-    onRemove: (item: Attachment) => void;
-    overflow?: 'scrollX' | 'scrollY' | 'wrap';
-    upload: UploadProps;
-    listClassName?: string;
-    listStyle?: React.CSSProperties;
-    itemClassName?: string;
-    itemStyle?: React.CSSProperties;
-    renderType?: 'default';
-}
-export default function FileList(props: FileListProps): React.JSX.Element;

package/dist/attachments/PlaceholderUploader.d.ts

@@ -1,17 +0,0 @@
-import { type UploadProps } from 'antd';
-import React from 'react';
-export interface PlaceholderConfig {
-    icon?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-}
-export type PlaceholderType = PlaceholderConfig | React.ReactElement;
-export interface PlaceholderProps {
-    prefixCls: string;
-    placeholder?: PlaceholderType;
-    upload?: UploadProps;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const _default: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
-export default _default;

package/dist/attachments/SilentUploader.d.ts

@@ -1,9 +0,0 @@
-import { type UploadProps } from 'antd';
-import React from 'react';
-export interface SilentUploaderProps {
-    children: React.ReactElement;
-    upload: UploadProps;
-    rootClassName?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<SilentUploaderProps & React.RefAttributes<import("antd/es/upload/Upload").UploadRef<any>>>;
-export default _default;

package/dist/attachments/SilentUploader.js

@@ -1,23 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { Upload } from 'antd';
-import React from 'react';
-/**
- * SilentUploader is only wrap children with antd Upload component.
- */
-function SilentUploader(props, ref) {
-  var children = props.children,
-    upload = props.upload,
-    rootClassName = props.rootClassName;
-  var uploadRef = React.useRef(null);
-  React.useImperativeHandle(ref, function () {
-    return uploadRef.current;
-  });
-
-  // ============================ Render ============================
-  return /*#__PURE__*/React.createElement(Upload, _extends({}, upload, {
-    showUploadList: false,
-    rootClassName: rootClassName,
-    ref: uploadRef
-  }), children);
-}
-export default /*#__PURE__*/React.forwardRef(SilentUploader);

package/dist/attachments/context.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface AttachmentContextProps {
-    disabled?: boolean;
-}
-export declare const AttachmentContext: React.Context<AttachmentContextProps>;

package/dist/attachments/index.d.ts

@@ -1,33 +0,0 @@
-import { type GetProp, type UploadProps } from 'antd';
-import React from 'react';
-import { type FileListProps } from './FileList';
-import FileListCard from './FileList/FileListCard';
-import { type PlaceholderType } from './PlaceholderUploader';
-export type SemanticType = 'list' | 'item' | 'placeholder';
-export type Attachment = GetProp<UploadProps, 'fileList'>[number] & {
-    description?: React.ReactNode;
-};
-export interface AttachmentsProps extends Omit<UploadProps, 'fileList'> {
-    prefixCls?: string;
-    rootClassName?: string;
-    rootStyle?: React.CSSProperties;
-    style?: React.CSSProperties;
-    className?: string;
-    classNames?: Partial<Record<SemanticType, string>>;
-    styles?: Partial<Record<SemanticType, React.CSSProperties>>;
-    children?: React.ReactElement;
-    disabled?: boolean;
-    placeholder?: PlaceholderType | ((type: 'inline' | 'drop') => PlaceholderType);
-    getDropContainer?: null | (() => HTMLElement | null | undefined);
-    items?: Attachment[];
-    overflow?: FileListProps['overflow'];
-    renderType?: 'default';
-}
-export interface AttachmentsRef {
-    nativeElement: HTMLDivElement | null;
-    upload: (file: File) => void;
-}
-declare const ForwardAttachments: React.ForwardRefExoticComponent<AttachmentsProps & React.RefAttributes<AttachmentsRef>> & {
-    FileCard: typeof FileListCard;
-};
-export default ForwardAttachments;

package/dist/attachments/style/fileCard.d.ts

@@ -1,4 +0,0 @@
-import type { AttachmentsToken } from '.';
-import type { GenerateStyle } from '../../theme/cssinjs-utils';
-declare const genFileCardStyle: GenerateStyle<AttachmentsToken>;
-export default genFileCardStyle;