@agentscope-ai/chat 1.1.40 → 1.1.41-beta.1764749089549

package/lib/Markdown/core/components/Raw.d.ts

@@ -0,0 +1,8 @@
+import { MarkdownProps } from '../../types';
+interface RawProps {
+    content: MarkdownProps['content'];
+    baseFontSize?: number;
+    baseLineHeight?: number;
+}
+export default function Raw(props: RawProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Markdown/core/components/Raw.js

@@ -0,0 +1,13 @@
+import { useProviderContext } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Raw(props) {
+  var prefixCls = useProviderContext().getPrefixCls('markdown');
+  return /*#__PURE__*/_jsx("div", {
+    className: prefixCls,
+    style: {
+      fontSize: props.baseFontSize,
+      lineHeight: props.baseLineHeight
+    },
+    children: props.content
+  });
+}

package/lib/Markdown/core/hooks/useCitationsData.d.ts

@@ -0,0 +1,6 @@
+import { CitationComponentProps } from '../plugins/citations/CitationComponent';
+export default function useCitationsData(props: any): {
+    CitationComponent: (props: CitationComponentProps) => import("react/jsx-runtime").JSX.Element;
+    citationsData: any;
+    citationsDataCount: number;
+};

package/lib/Markdown/{Markdown → core}/hooks/useCitationsData.js

@@ -11,7 +11,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { useMemo } from 'react';
-import InnerCitationComponent from "../../plugins/citations/CitationComponent";
+import InnerCitationComponent from "../plugins/citations/CitationComponent";
 import { jsx as _jsx } from "react/jsx-runtime";
 var emptyArray = [];
 var emptyMap = {};

package/lib/Markdown/core/hooks/useCursorContent.d.ts

@@ -0,0 +1,4 @@
+export default function useCursorContent({ cursor, content }: {
+    cursor: boolean | 'dot' | 'underline';
+    content: string;
+}): string;

package/lib/Markdown/core/hooks/useCursorContent.js

@@ -0,0 +1,14 @@
+import { useMemo } from "react";
+export default function useCursorContent(_ref) {
+  var cursor = _ref.cursor,
+    content = _ref.content;
+  var cursorContent = useMemo(function () {
+    if (cursor) {
+      if (cursor === 'dot') return ' :dot:';
+      if (cursor === 'underline') return ' :underline:';
+      return ' :dot:';
+    }
+    return '';
+  }, [cursor, content]);
+  return content + cursorContent;
+}

package/lib/Markdown/core/hooks/useTyping.d.ts

@@ -0,0 +1,5 @@
+declare const useTyping: ({ content, typing }: {
+    content: any;
+    typing: any;
+}) => any;
+export default useTyping;

package/lib/Markdown/{Markdown → core}/hooks/useTyping.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 { useEffect, useRef, useState } from 'react';
-export var useTyping = function useTyping(_ref) {
+var useTyping = function useTyping(_ref) {
   var content = _ref.content,
     typing = _ref.typing;
   var _useState = useState(0),
@@ -29,4 +29,5 @@ export var useTyping = function useTyping(_ref) {
   }, [typing]);
   if (!typing) return content;
   return content.slice(0, index);
-};
+};
+export default useTyping;

package/lib/Markdown/core/index.d.ts

@@ -0,0 +1,2 @@
+import { InnerMarkdownXProps } from '../types';
+export default function (props: InnerMarkdownXProps): import("react/jsx-runtime").JSX.Element;

package/lib/Markdown/{Markdown/hooks/useAnimation.js → core/index.js}

@@ -1,30 +1,30 @@
 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 = ["content", "cursor"];
 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 AnimationNode from "../AnimationNode";
+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 XMarkdown from '@ant-design/x-markdown';
+import Styles from "../styles";
+import useCursorContent from "./hooks/useCursorContent";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ANIMATION_TAGS = ['div', 'p', 'li', 'h1', 'h2', 'h3', 'h4', 'strong'];
-var useAnimation = function useAnimation(streaming) {
-  var _ref = streaming || {},
-    _ref$enableAnimation = _ref.enableAnimation,
-    enableAnimation = _ref$enableAnimation === void 0 ? false : _ref$enableAnimation,
-    animationConfig = _ref.animationConfig;
-  var animatedComponents = useMemo(function () {
-    if (!enableAnimation) return {};
-    return ANIMATION_TAGS.reduce(function (acc, tag) {
-      var AnimatedComponent = /*#__PURE__*/React.memo(function (props) {
-        return /*#__PURE__*/_jsx(AnimationNode, _objectSpread({
-          nodeTag: tag,
-          animationConfig: animationConfig
-        }, props));
-      });
-      return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, tag, AnimatedComponent));
-    }, {});
-  }, [enableAnimation, JSON.stringify(animationConfig)]);
-  return animatedComponents;
-};
-export default useAnimation;
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function (props) {
+  var originalContent = props.content,
+    cursor = props.cursor,
+    rest = _objectWithoutProperties(props, _excluded);
+  var content = useCursorContent({
+    cursor: cursor,
+    content: originalContent
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Styles, {}), /*#__PURE__*/_jsx(XMarkdown, _objectSpread(_objectSpread({}, rest), {}, {
+      content: content
+    }))]
+  });
+}
+;

package/lib/Markdown/{plugins → core/plugins}/citations/CitationComponent.js

@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createGlobalStyle } from 'antd-style';
-import { useProviderContext } from "../../..";
+import { useProviderContext } from "../../../..";
 import { Popover } from 'antd';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -29,10 +29,10 @@ function DefaultRender(props) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('markdown-citation');
-  var text = props.text,
-    url = props.url,
-    title = props.title,
-    content = props.content;
+  var text = props['data-text'];
+  var url = props['data-url'];
+  var title = props['data-title'];
+  var content = props['data-content'];
   var isTooltip = content || title;
   var node = /*#__PURE__*/_jsx("sup", {
     className: prefixCls,

package/lib/Markdown/{plugins → core/plugins}/citations/index.d.ts

@@ -1,6 +1,5 @@
-import { MarkdownProps } from "../../Markdown/interface";
 export { default as CitationComponent } from './CitationComponent';
-export declare function citationsExtension(citationsData: MarkdownProps['citationsMap']): {
+export declare function citationsExtension(citationsData: any): {
     name: string;
     level: "inline";
     tokenizer(src: string): {

package/lib/Markdown/{plugins → core/plugins}/citations/index.js

@@ -24,7 +24,7 @@ export function citationsExtension(citationsData) {
       var text = token.text;
       var citation = citationsData === null || citationsData === void 0 ? void 0 : citationsData[text];
       if (!citation) return token.raw;
-      return "<citation text=\"".concat(text, "\" url=\"").concat(citation.url, "\" title=\"").concat(citation.title, "\" content=\"").concat(citation.content, "\"></citation>");
+      return "<citation data-text=\"".concat(text, "\" data-url=\"").concat(citation.url, "\" data-title=\"").concat(citation.title, "\" data-content=\"").concat(citation.content, "\"></citation>");
     }
   };
 }

package/lib/Markdown/{plugins → core/plugins}/cursor/Dot.js

@@ -1,6 +1,6 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { useProviderContext } from "../../..";
+import { useProviderContext } from "../../../..";
 import { createGlobalStyle } from 'antd-style';
 import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/Markdown/{plugins → core/plugins}/cursor/Underline.js

@@ -1,6 +1,6 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { useProviderContext } from "../../..";
+import { useProviderContext } from "../../../..";
 import classNames from 'classnames';
 import { createGlobalStyle } from 'antd-style';
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/Markdown/{plugins → core/plugins}/cursor/index.js

@@ -1,12 +1,12 @@
-import React from "react";
 import Underline from "./Underline";
 import Dot from "./Dot";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var CursorComponent = function CursorComponent(props) {
-  if (props.type === 'dot') {
+  var type = props['data-type'];
+  if (type === 'dot') {
     return /*#__PURE__*/_jsx(Dot, {});
   }
-  if (props.type === 'underline') {
+  if (type === 'underline') {
     return /*#__PURE__*/_jsx(Underline, {});
   }
   return null;
@@ -48,7 +48,7 @@ export function cursorExtension() {
       };
     },
     renderer: function renderer(token) {
-      var content = "<cursor type=\"".concat(token.name, "\"></cursor>");
+      var content = "<custom-cursor data-type=\"".concat(token.name, "\"></custom-cursor>");
       return content;
     }
   };

package/lib/Markdown/index.d.ts

@@ -1 +1,2 @@
-export { default, type MarkdownProps } from './Markdown';
+export { default } from './Markdown';
+export type { MarkdownProps, } from './types';

package/lib/Markdown/styles.js

@@ -0,0 +1,32 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from 'antd-style';
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-markdown {\n  color: inherit;\n  max-width: 100%;\n\n  blockquote {\n    padding-inline: 0.6em 0;\n    padding-block: 0;\n    margin: 1em 0;\n    border-inline-start: 4px solid ", ";\n    opacity: 0.85;\n  }\n\n  figure {\n    margin: 0;\n  }\n\n  code {\n    font-size: 0.8571428571428571em;\n    border: 0;\n    margin: 0;\n    background-color: ", ";\n    color: ", ";\n    border-radius: ", "px;\n    padding: 2px 6px;\n    margin-inline: 3px;\n    border: 1px solid ", ";\n  }\n\n  pre code {\n    font-size: 0.8571428571428571em;\n    background-color: transparent;\n    border: none;\n  }\n\n  pre {\n    background-color: ", ";\n    padding: 4px 10px;\n    border: 1px solid ", ";\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0.5714285714285714em;\n    margin-bottom: 0.5714285714285714em;\n    font-weight: 500;\n    line-height: 1.7777;\n    color: inherit;\n  }\n\n  p {\n    margin-bottom: 0.5714285714285714em;\n  }\n\n  h1 {\n    font-size: 1.2857142857142858em;\n  }\n\n  h2 {\n    font-size: 1.1428571428571428em;\n  }\n\n  h3 {\n    font-size: 1em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 1em;\n  }\n\n  hr {\n    border-color: ", ";\n    border-style: solid;\n    border-width: 1px 0 0 0;\n    margin: 1em 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n  }\n\n  table th {\n    background: ", ";\n    text-align: left;\n  }\n\n  table td,\n  table th {\n    padding: 0.75em 1.5em;\n    border: 1px solid ", ";\n    white-space: pre;\n  }\n\n  .", "-image {\n    max-width: 480px;\n    overflow: hidden;\n  }\n\n  .", "-markdown-video {\n    position: relative;\n    \n    &-poster {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      max-width: 480px;\n      background-color: #000;\n      border-radius: 8px;\n      padding: 100px 0;\n      cursor: pointer;\n    }\n\n    &-play {\n      color: #ccc;\n      font-size: 30px;\n    }\n  }\n}\n\n.", "-markdown.x-markdown {\n  img {\n    margin: 0;\n  }\n}\n"])), function (p) {
+  return p.theme.prefixCls;
+}, function (p) {
+  return p.theme.colorBorder;
+}, function (p) {
+  return p.theme.colorFillQuaternary;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.borderRadiusSM;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.theme.colorFillQuaternary;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.theme.colorFillQuaternary;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.theme.prefixCls;
+}, function (p) {
+  return p.theme.prefixCls;
+}, function (p) {
+  return p.theme.prefixCls;
+});

package/lib/Markdown/types.d.ts

@@ -0,0 +1,78 @@
+/// <reference types="react" />
+import { XMarkdownProps } from '@ant-design/x-markdown';
+export interface MarkdownProps {
+    /**
+     * @description 需要渲染的 Markdown 内容
+     * @descriptionEn Markdown content to be rendered
+     */
+    content?: string;
+    /**
+     * @description 光标样式类型，支持点状、下划线或布尔值控制
+     * @descriptionEn Cursor style type, supports dot, underline, or boolean control
+     */
+    cursor?: boolean | 'dot' | 'underline';
+    /**
+     * @description 基础字体大小，影响整个Markdown内容的字体大小
+     * @descriptionEn Base font size that affects the font size of the entire Markdown content
+     */
+    baseFontSize?: number;
+    /**
+     * @description 基础行高，影响文本的行间距
+     * @descriptionEn Base line height that affects text line spacing
+     */
+    baseLineHeight?: number;
+    /**
+     * @description 是否允许渲染HTML标签，影响安全性
+     * @descriptionEn Whether to allow rendering HTML tags, affects security
+     */
+    allowHtml?: boolean;
+    /**
+     * @description 是否禁用图片渲染
+     * @descriptionEn Whether to disable image rendering
+    */
+    disableImage?: boolean;
+    /**
+     * @description 是否以原始文本形式显示，跳过Markdown解析
+     * @descriptionEn Whether to display as raw text, skipping Markdown parsing
+     */
+    raw?: boolean;
+    /**
+     * @description 是否启用打字机效果，逐字显示内容
+     * @descriptionEn Whether to enable typewriter effect for character-by-character display
+     */
+    typing?: boolean | number;
+    /**
+     * @description 组件的CSS类名
+     * @descriptionEn CSS class name for the component
+     */
+    className?: string;
+    citations?: {
+        title?: string;
+        url?: string;
+        content?: string;
+        render?: (props: {
+            text: string;
+            url: string;
+            title: string;
+            content: string;
+        }) => React.ReactNode;
+    }[];
+    citationsMap?: Record<string, {
+        title?: string;
+        url?: string;
+        content?: string;
+        render?: (props: {
+            text: string;
+            url: string;
+            title: string;
+            content: string;
+        }) => React.ReactNode;
+    }>;
+}
+export interface InnerMarkdownXProps extends XMarkdownProps {
+    /**
+     * @description 光标样式类型，支持点状、下划线或布尔值控制
+     * @descriptionEn Cursor style type, supports dot, underline, or boolean control
+     */
+    cursor?: MarkdownProps['cursor'];
+}

package/lib/index.d.ts

@@ -1,7 +1,5 @@
 export { ConfigProvider } from 'antd';
 export { default as version } from './Version';
-export * from '@copilotkit/react-core';
-export * from './AGUI';
 export { CustomCardsContext, CustomCardsProvider, default as SparkChatProvider, useCustomCardsContext, useGlobalContext, useProviderContext, } from './Provider';
 export { default as Stream } from './Stream';
 export type { StreamOptions as StreamOptions } from './Stream';

package/lib/index.js

@@ -1,7 +1,5 @@
 export { ConfigProvider } from 'antd';
 export { default as version } from "./Version";
-export * from '@copilotkit/react-core';
-export * from "./AGUI";
 export { CustomCardsContext, CustomCardsProvider, default as SparkChatProvider, useCustomCardsContext, useGlobalContext, useProviderContext } from "./Provider";
 export { default as Stream } from "./Stream";
 export { createCard } from "./Bubble/Cards";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.40",
+  "version": "1.1.41-beta.1764749089549",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [
@@ -64,48 +64,23 @@
     "@agentscope-ai/icons-svg-override-antd": "^4.4.2",
     "@ant-design/cssinjs-utils": "^1.1.3",
     "@ant-design/icons": "^5.0.1",
-    "@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",
-    "@react-spring/web": "^10.0.2",
+    "@ant-design/x-markdown": "^2.0.0",
     "ahooks": "^3.8.4",
     "antd-style": "^3.7.1",
-    "antd-token-previewer": "^2.0.8",
+    "commander": "^12.1.0",
     "copy-to-clipboard": "^3.3.3",
-    "cross-fetch": "^4.1.0",
     "dompurify": "^3.2.6",
-    "framer-motion": "^12.12.1",
-    "html-react-parser": "^5.2.7",
-    "html-tags": "^5.1.0",
     "immer": "^10.1.1",
-    "katex": "^0.16.22",
     "lodash": "^4.17.21",
-    "marked": "^16.2.1",
     "mermaid": "^11.6.0",
-    "pretty-ms": "^9.3.0",
     "react-error-boundary": "^6.0.0",
-    "react-infinite-scroll-component": "^6.1.0",
-    "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^15.6.6",
     "react-transition-group": "^4.4.5",
-    "recorder-core": "^1.3.25011100",
-    "rehype-katex": "^7.0.1",
-    "rehype-raw": "^7.0.0",
-    "remark-breaks": "^4.0.0",
-    "remark-gfm": "^4.0.1",
-    "remark-math": "^6.0.0",
-    "unified": "^11.0.5",
-    "unist-util-visit": "^5.0.0",
     "use-context-selector": "^2.0.0",
     "use-stick-to-bottom": "^1.1.1",
     "uuid": "^11.0.5",
     "xstate": "^5.19.4",
-    "zustand": "^5.0.3",
-    "vite": "^5.4.11",
-    "antd": "^5.18.0",
-    "commander": "^12.1.0"
+    "zustand": "^5.0.3"
   },
   "devDependencies": {
     "@agentscope-ai/dumi-theme-spark": "0.0.98",
@@ -119,11 +94,10 @@
     "@types/react-dom": "^18.0.0",
     "@umijs/lint": "^4.0.0",
     "@umijs/plugins": "^4.4.11",
+    "antd": "^5.18.0",
     "dumi": "^2.4.13",
     "esbuild": "^0.19.12",
     "eslint": "^8.23.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
     "father": "^4.1.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
@@ -131,6 +105,8 @@
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^3.0.0",
     "prettier-plugin-packagejson": "^2.2.18",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "stylelint": "^14.9.1",
     "tailwindcss": "^3.4.17",
     "vaso": "^0.4.0"

package/components/AGUI/components/HelpModal/icons.tsx

@@ -1,68 +0,0 @@
-import React from "react";
-
-export const LifeBuoyIcon = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    viewBox="0 0 24 24"
-    fill="none"
-    stroke="currentColor"
-    strokeWidth="2"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-    className="icon icon-tabler icons-tabler-outline icon-tabler-lifebuoy"
-  >
-    <g transform="translate(0, -1)">
-      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-      <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" />
-      <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />
-      <path d="M15 15l3.35 3.35" />
-      <path d="M9 15l-3.35 3.35" />
-      <path d="M5.65 5.65l3.35 3.35" />
-      <path d="M18.35 5.65l-3.35 3.35" />
-    </g>
-  </svg>
-);
-
-export const CloseIcon = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    strokeWidth="1.5"
-    stroke="currentColor"
-    width="20"
-    height="20"
-  >
-    <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
-  </svg>
-);
-
-export const LoadingSpinnerIcon = ({ color = "rgb(107 114 128)" }: { color?: string }) => (
-  <svg
-    style={{
-      animation: "copilotKitSpinAnimation 1s linear infinite",
-      color,
-    }}
-    width="24"
-    height="24"
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <circle
-      style={{ opacity: 0.25 }}
-      cx="12"
-      cy="12"
-      r="10"
-      stroke="currentColor"
-      strokeWidth="4"
-    ></circle>
-    <path
-      style={{ opacity: 0.75 }}
-      fill="currentColor"
-      d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-    ></path>
-  </svg>
-);

package/components/AGUI/components/HelpModal/index.tsx

@@ -1 +0,0 @@
-export { CopilotKitHelpModal } from "./modal";

package/components/AGUI/components/HelpModal/modal.tsx

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