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

package/components/Markdown/Markdown/interface.ts

@@ -1,217 +0,0 @@
-import type { Config as DOMPurifyConfig } from 'dompurify';
-import type { DOMNode } from 'html-react-parser';
-import type { MarkedExtension, Tokens } from 'marked';
-import type { CSSProperties, JSX } from 'react';
-
-export interface AnimationConfig {
-  /**
-   * @description 淡入动画的持续时间（毫秒）
-   * @description The duration of the fade-in animation in milliseconds
-   * @default 200
-   */
-  fadeDuration?: number;
-  /**
-   * @description 动画的缓动函数
-   * @description Easing function for the animation
-   * @default 'ease-in-out'
-   */
-  easing?: string;
-}
-
-type Token = Tokens.Generic;
-
-interface SteamingOption {
-  /**
-   * @description 指示是否还有后续内容块，为 false 时刷新所有缓存并完成渲染
-   * @description Indicates whether more content chunks are expected. When false, flushes all cached content and completes rendering
-   * @default false
-   */
-  hasNextChunk?: boolean;
-  /**
-   * @description 为块级元素（p、li、h1、h2、h3、h4）启用文字淡入动画
-   * @description Enables text fade-in animation for block elements (p, li, h1, h2, h3, h4)
-   * @default false
-   */
-  enableAnimation?: boolean;
-  /**
-   * @description 文字出现动画效果的配置
-   * @description Configuration for text appearance animation effects
-   */
-  animationConfig?: AnimationConfig;
-  /**
-   * @description 启用英文单词缓存，单词会在遇到空格或标点后才整体显示
-   * @description Enable English word caching, words will be displayed as a whole after encountering spaces or punctuation
-   * @default false
-   */
-  enableWordCaching?: boolean;
-  /**
-   * @description 启用 LaTeX 公式缓存，公式会在完整后才整体显示（$...$、$$...$$、\(...\)、\[...\]）
-   * @description Enable LaTeX formula caching, formulas will be displayed as a whole when complete ($...$, $$...$$, \(...\), \[...\])
-   * @default true
-   */
-  enableMathCaching?: boolean;
-}
-
-type StreamStatus = 'loading' | 'done';
-
-type ComponentProps<
-  T extends Record<string, unknown> = Record<string, unknown>,
-> = React.HTMLAttributes<HTMLElement> & {
-  /**
-   * @description 组件对应的 DOM 节点，包含解析后的 DOM 节点信息
-   * @description Component Element from html-react-parser, contains the parsed DOM node information
-   */
-  domNode: DOMNode;
-  /**
-   * @description 流式状态，`loading` 表示正在加载，`done` 表示加载完成
-   * @description Streaming status, `loading` indicates streaming in progress, `done` indicates streaming complete
-   */
-  streamStatus: StreamStatus;
-} & T;
-
-interface MarkdownProps {
-  citations?: {
-    /**
-     * @description 引用的标题
-     * @descriptionEn Title of the citation
-     */
-    title?: string;
-    /**
-     * @description 引用的URL地址
-     * @descriptionEn URL address of the citation
-     */
-    url?: string;
-    /**
-     * @description 引用的内容
-     * @descriptionEn Content of the citation
-     */
-    content?: string;
-    /**
-     * @description 引用的渲染函数
-     * @descriptionEn Rendering function of the citation
-     */
-    render?: (props: {
-      text: string;
-      url: string;
-      title: string;
-      content: string;
-    }) => React.ReactNode;
-  }[];
-  /**
-   * @description 引用映射对象，用于快速查找引用信息
-   * @descriptionEn Citation mapping object for quick lookup of reference information
-   */
-  citationsMap?: Record<
-    string,
-    {
-      /**
-       * @description 引用的标题
-       * @descriptionEn Title of the citation
-       */
-      title?: string;
-      /**
-       * @description 引用的URL地址
-       * @descriptionEn URL address of the citation
-       */
-      url?: string;
-      /**
-       * @description 引用的内容
-       * @descriptionEn Content of the citation
-       */
-      content?: string;
-      /**
-       * @description 引用的渲染函数
-       * @descriptionEn Rendering function of the citation
-       */
-      render?: (props: {
-        text: string;
-        url: string;
-        title: string;
-        content: string;
-      }) => React.ReactNode;
-    }
-  >;
-  /**
-   * @description 光标样式类型，支持点状、下划线或布尔值控制
-   * @description Cursor style type, supports dot, underline, or boolean control
-   */
-  cursor?: boolean | 'dot' | 'underline';
-  /**
-   * @description 基础字体大小，影响整个Markdown内容的字体大小
-   * @description Base font size that affects the font size of the entire Markdown content
-   */
-  baseFontSize?: number;
-  /**
-   * @description 基础行高，影响文本的行间距
-   * @description Base line height that affects text line spacing
-   */
-  baseLineHeight?: number;
-  /**
-   * @description 需要渲染的 Markdown 内容
-   * @description Markdown content to be rendered
-   */
-  content?: string;
-  /**
-   * @description Markdown 内容，作为 `content` 属性的别名
-   * @description Markdown content, alias for `content` property
-   */
-  children?: string;
-  /**
-   * @description 用于替换 HTML 元素的自定义 React 组件映射，组件会接收 domNode、streamStatus 等属性
-   * @description Custom React components to replace HTML elements, components receive domNode, streamStatus, etc.
-   */
-  components?: {
-    [tagName: string]:
-      | React.ComponentType<ComponentProps>
-      | keyof JSX.IntrinsicElements;
-  };
-  /**
-   * @description 流式渲染行为的配置
-   * @description Configuration for streaming rendering behavior
-   */
-  streaming?: SteamingOption;
-  /**
-   * @description Markdown 解析和扩展的 Marked.js 配置
-   * @description Marked.js configuration for Markdown parsing and extensions
-   */
-  config?: MarkedExtension;
-  /**
-   * @description 根元素的额外 CSS 类名
-   * @description Additional CSS class name for the root container
-   */
-  rootClassName?: string;
-  /**
-   * @description 根容器的额外 CSS 类名
-   * @description Additional CSS class name for the root container
-   */
-  className?: string;
-  /**
-   * @description 段落元素的自定义 HTML 标签，防止自定义组件包含块级元素时的验证错误
-   * @description Custom HTML tag for paragraph elements, prevents validation errors when custom components contain block-level elements
-   * @default 'p'
-   */
-  paragraphTag?: keyof JSX.IntrinsicElements;
-  /**
-   * @description 根容器的内联样式
-   * @description Inline styles for the root container
-   */
-  style?: CSSProperties;
-  /**
-   * @description 组件的 CSS 类名前缀
-   * @description CSS class name prefix for the component
-   */
-  prefixCls?: string;
-  /**
-   * @description 是否为所有锚点标签添加 `target="_blank"`
-   * @description Whether to add `target="_blank"` to all anchor tags
-   * @default false
-   */
-  openLinksInNewTab?: boolean;
-  /**
-   * @description HTML 净化和 XSS 防护的 DOMPurify 配置
-   * @description DOMPurify configuration for HTML sanitization and XSS protection
-   */
-  dompurifyConfig?: DOMPurifyConfig;
-}
-
-export type { ComponentProps, MarkdownProps, StreamStatus, Token, Tokens };

package/components/Markdown/demo/typing.tsx

@@ -1,82 +0,0 @@
-import { Markdown } from '@agentscope-ai/chat';
-import { Flex } from 'antd';
-
-const fullContentZh = `# 出师表
-臣亮言：先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。
-
-然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。
-
-诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。
-
-亲贤臣，远小人，此先汉所以兴隆也；亲小人，远贤臣，此后汉所以倾颓也。
-
-先帝在时，每与臣论此事，未尝不叹息痛恨于桓、灵也。
-
-臣本布衣，躬耕于南阳，苟全性命于乱世，不求闻达于诸侯。
-
-先帝不以臣卑鄙，猥自枉屈，三顾臣于草庐之中，咨臣以当世之事，由是感激，遂许先帝以驱驰。
-
-先帝知臣谨慎，故临崩寄臣以大事也。
-
-受命以来，夙夜忧叹，恐托付不效，以伤先帝之明，故五月渡泸，深入不毛。
-
-今南方已定，兵甲已足，当奖率三军，北定中原，庶竭驽钝，攘除奸凶，兴复汉室，还于旧都。
-
-此臣所以报先帝而忠陛下之职分也。
-
-愿陛下托臣以讨贼兴复之效，不效，则治臣之罪，以告先帝之灵。
-
-陛下亦宜自谋，以咨诹善道，察纳雅言。深追先帝遗诏，臣不胜受恩感激。今当远离，临表涕零，不知所言。`;
-
-const fullContentEn = `# 出师表
-
-Permit me to observe: the late emperor was taken from us before he could finish his life's work, the restoration of the Han. Today, the empire is still divided in three, and our very survival is threatened.
-
-Yet still the officials at court and the soldiers throughout the realm remain loyal to you, your majesty. Because they remember the late emperor, all of them, and they wish to repay his kindness in service to you.
-
-This is the moment to extend your divine influence, to honor the memory of the late Emperor and strengthen the morale of your officers. It is not the time to listen to bad advice, or close your ears to the suggestions of loyal men.
-
-The emperors of the Western Han chose their courtiers wisely, and their dynasty flourished. The emperors of the Eastern Han chose poorly, and they doomed the empire to ruin.
-
-Whenever the late Emperor discussed this problem with me, he lamented the failings of Emperors Huan and Ling.
-
-I began as a common man, farming in my fields in Nanyang, doing what I could to survive in an age of chaos. I never had any interest in making a name for myself as a noble.
-
-The late Emperor was not ashamed to visit my cottage and seek my advice. Grateful for his regard, I responded to his appeal and threw myself into his service.
-
-The late Emperor always appreciated my caution and, in his final days, entrusted me with his cause.
-
-Since that moment, I have been tormented day and night by the fear that I might let him down. That is why I crossed the Lu river at the height of summer, and entered the wastelands beyond.
-
-Now the south has been subdued, and our forces are fully armed. I should lead our soldiers to conquer the northern heartland and attempt to remove the hateful traitors, restore the house of Han, and return it to the former capital.
-
-This is the way I mean to honor my debt to the late Emperor and fulfill my duty to you.
-
-My only desire is to be permitted to drive out the traitors and restore the Han. If I should let you down, punish my offense and report it to the spirit of the late Emperor.
-
-Your Majesty, consider your course of action carefully. Seek out good advice, and never forget the late words of the late Emperor. I depart now on a long expedition, and I will be forever grateful if you heed my advice. Blinded by my own tears, I know not what I write.`;
-
-
-export default function () {
-  return <Flex gap={32}>
-    <div style={{ flex: 1 }}>
-
-      <Markdown
-        typing={50}
-        enableAnimation={true}
-        enableWordCaching={true}
-        content={fullContentZh}
-      />
-    </div>
-
-    <div style={{ flex: 1 }}>
-
-      <Markdown
-        cursor="underline"
-        typing={12.5}
-        enableWordCaching={true}
-        content={fullContentEn}
-      />
-    </div>
-  </Flex>
-}

package/components/Markdown/index.ts

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

package/components/Markdown/plugins/latex/index.ts

@@ -1,109 +0,0 @@
-import katex, { type KatexOptions } from 'katex';
-import { TokenizerAndRendererExtension } from 'marked';
-
-import 'katex/dist/katex.min.css';
-
-const inlineRuleNonStandard =
-  /^(?:\${1,2}([^$]{1,10000}?)\${1,2}|\\\(([\s\S]{1,10000}?)\\\)|\\\[((?:\\.|[^\\]){1,10000}?)\\\])/;
-const blockRule = /^(\${1,2})\n([\s\S]{1,10000}?)\n\1(?:\n|$)|^\\\[((?:\\.|[^\\]){1,10000}?)\\\]/;
-
-type LatexOption = {
-  katexOptions?: KatexOptions;
-  replaceAlignStart?: boolean;
-};
-
-type Token = {
-  text: string;
-  displayMode: boolean;
-};
-
-type Render = (token: Token) => string;
-
-type ILevel = 'inline' | 'block';
-
-// fix katex not support align*: https://github.com/KaTeX/KaTeX/issues/1007
-function replaceAlign(text: string) {
-  return text ? text.replace(/\{align\*\}/g, '{aligned}') : text;
-}
-
-function createRenderer(options: KatexOptions, newlineAfter: boolean) {
-  return (token: Token) =>
-    katex.renderToString(token.text, {
-      ...options,
-      displayMode: token.displayMode,
-    }) + (newlineAfter ? '\n' : '');
-}
-
-function inlineKatex(renderer: Render, replaceAlignStart: boolean) {
-  const ruleReg = inlineRuleNonStandard;
-  return {
-    name: 'inlineKatex',
-    level: 'inline' as ILevel,
-    start(src: string) {
-      if (!src.includes('$') && !src.includes('\\(')) return;
-
-      const indices = [src.indexOf('$'), src.indexOf('\\(')].filter((idx) => idx !== -1);
-
-      if (indices.length === 0) return;
-
-      const katexIndex = Math.min(...indices);
-      const possibleKatex = src.slice(katexIndex);
-
-      if (possibleKatex.match(ruleReg)) {
-        return katexIndex;
-      }
-    },
-    tokenizer(src: string) {
-      const match = src.match(inlineRuleNonStandard);
-      if (match) {
-        let text = (match[1] || match[2]).trim();
-        if (replaceAlignStart) {
-          text = replaceAlign(text);
-        }
-        return {
-          type: 'inlineKatex',
-          raw: match[0],
-          text,
-          displayMode: false,
-        };
-      }
-    },
-    renderer,
-  };
-}
-
-function blockKatex(renderer: Render, replaceAlignStart: boolean) {
-  return {
-    name: 'blockKatex',
-    level: 'block' as ILevel,
-    tokenizer(src: string) {
-      const match = src.match(blockRule);
-      if (match) {
-        let text = replaceAlign(match[2] || match[3].trim());
-        if (replaceAlignStart) {
-          text = replaceAlign(text);
-        }
-        return {
-          type: 'blockKatex',
-          raw: match[0],
-          text,
-          displayMode: true,
-        };
-      }
-    },
-    renderer,
-  };
-}
-
-const Latex = (options?: LatexOption): TokenizerAndRendererExtension[] => {
-  const { replaceAlignStart = true, katexOptions = { output: 'html' } } = options || {};
-
-  const inlineRenderer = createRenderer(katexOptions, false);
-  const blockRenderer = createRenderer(katexOptions, true);
-  return [
-    inlineKatex(inlineRenderer, replaceAlignStart),
-    blockKatex(blockRenderer, replaceAlignStart),
-  ];
-};
-
-export default Latex;

package/components/Markdown/plugins/type.ts

@@ -1,71 +0,0 @@
-import type { KatexOptions } from 'katex';
-import type { TokenizerAndRendererExtension } from 'marked';
-import type { ReactNode } from 'react';
-import type { SyntaxHighlighterProps } from 'react-syntax-highlighter';
-
-export type LatexOption = {
-  katexOptions?: KatexOptions;
-  replaceAlignStart?: boolean;
-};
-
-type HighlightCodeType = 'root' | 'header' | 'headerTitle' | 'code';
-export type HighlightCodeProps = {
-  lang?: string;
-  children: string;
-  header?: ReactNode | null;
-  prefixCls?: string;
-  style?: React.CSSProperties;
-  className?: string;
-  highlightProps?: Partial<SyntaxHighlighterProps>;
-  // Semantic
-  classNames?: Partial<Record<HighlightCodeType, string>>;
-  styles?: Partial<Record<HighlightCodeType, React.CSSProperties>>;
-};
-
-type MermaidType = 'root' | 'header' | 'graph' | 'code';
-export type MermaidProps = {
-  children: string;
-  header?: ReactNode | null;
-  prefixCls?: string;
-  style?: React.CSSProperties;
-  className?: string;
-  highlightProps?: Partial<SyntaxHighlighterProps>;
-  // Semantic
-  classNames?: Partial<Record<MermaidType, string>>;
-  styles?: Partial<Record<MermaidType, React.CSSProperties>>;
-};
-
-interface BaseComponentConfig {
-  style: React.CSSProperties;
-  styles: Record<string, React.CSSProperties>;
-  className: string;
-  classNames: Record<string, string>;
-}
-
-type ComponentConfig<
-  CompProps extends Record<PropertyKey, any>,
-  PickType extends keyof CompProps = keyof BaseComponentConfig,
-> = Pick<CompProps, PickType>;
-
-export interface MarkdownComponentsConfig {
-  highlightCode?: ComponentConfig<HighlightCodeProps>;
-  mermaid?: ComponentConfig<MermaidProps>;
-}
-
-export type PluginsType = {
-  /**
-   * @desc 渲染数学公式Latex语法。
-   * @descEN Rendering mathematical formulas using Latex syntax.
-   */
-  Latex: (options?: LatexOption) => TokenizerAndRendererExtension[];
-  /**
-   * @desc 渲染代码高亮。
-   * @descEN Highlight the rendering code.
-   */
-  HighlightCode: (props: HighlightCodeProps) => React.ReactNode;
-  /**
-   * @desc 渲染 Mermaid 图表。
-   * @descEN Rendering the Mermaid Chart.
-   */
-  Mermaid: (props: MermaidProps) => React.ReactNode;
-};

package/lib/AGUI/components/HelpModal/icons.d.ts

@@ -1,5 +0,0 @@
-export declare const LifeBuoyIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const LoadingSpinnerIcon: ({ color }: {
-    color?: string;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,84 +0,0 @@
-import React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var LifeBuoyIcon = function LifeBuoyIcon() {
-  return /*#__PURE__*/_jsx("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",
-    children: /*#__PURE__*/_jsxs("g", {
-      transform: "translate(0, -1)",
-      children: [/*#__PURE__*/_jsx("path", {
-        stroke: "none",
-        d: "M0 0h24v24H0z",
-        fill: "none"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M15 15l3.35 3.35"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M9 15l-3.35 3.35"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M5.65 5.65l3.35 3.35"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M18.35 5.65l-3.35 3.35"
-      })]
-    })
-  });
-};
-export var CloseIcon = function CloseIcon() {
-  return /*#__PURE__*/_jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    strokeWidth: "1.5",
-    stroke: "currentColor",
-    width: "20",
-    height: "20",
-    children: /*#__PURE__*/_jsx("path", {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      d: "M6 18L18 6M6 6l12 12"
-    })
-  });
-};
-export var LoadingSpinnerIcon = function LoadingSpinnerIcon(_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? "rgb(107 114 128)" : _ref$color;
-  return /*#__PURE__*/_jsxs("svg", {
-    style: {
-      animation: "copilotKitSpinAnimation 1s linear infinite",
-      color: color
-    },
-    width: "24",
-    height: "24",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    children: [/*#__PURE__*/_jsx("circle", {
-      style: {
-        opacity: 0.25
-      },
-      cx: "12",
-      cy: "12",
-      r: "10",
-      stroke: "currentColor",
-      strokeWidth: "4"
-    }), /*#__PURE__*/_jsx("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"
-    })]
-  });
-};

package/lib/AGUI/components/HelpModal/index.d.ts

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

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

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

package/lib/AGUI/components/HelpModal/modal.d.ts

@@ -1 +0,0 @@
-export declare function CopilotKitHelpModal(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,104 +0,0 @@
-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"
-            })
-          })]
-        })]
-      })
-    })]
-  });
-}