@agentscope-ai/chat 1.1.4 → 1.1.8

package/LICENSE

@@ -0,0 +1,74 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1.  Definitions.
+
+    "License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+    "Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+    "Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+    "You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+    "Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+    "Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+    "Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+    "Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+    "Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+    "Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2.  Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3.  Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4.  Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+    (a) You must give any other recipients of the Work or Derivative Works a copy of this License; and
+
+    (b) You must cause any modified files to carry prominent notices stating that You changed the files; and
+
+    (c) You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+
+    (d) If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License.
+
+    You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5.  Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6.  Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7.  Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8.  Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9.  Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+Copyright 2025 agentscope-ai
+
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

package/README.md

@@ -1,88 +1,188 @@
+# Alibaba Cloud Spark Chat
 
-# spark-ai/chat 
+**Note**: `@agentscope-ai/design` and `@agentscope-ai/chat` are actively progressing towards open source, with completion expected by the end of 2025. Currently, you can access our projects through npm.
 
-一个免费、开源的对话框架，用于构建优秀的 LLM 对话体验
+[![npm version](https://img.shields.io/npm/v/@ali/agentscope-ai-chat.svg)](https://www.npmjs.com/package/@ali/agentscope-ai-chat)
+[![license](https://img.shields.io/npm/l/@ali/agentscope-ai-chat.svg)](https://github.com/your-repo/spark-chat/blob/main/LICENSE)
 
-## 介绍
+A free, open-source React chat framework based on **Alibaba Cloud Spark Design**, designed for building excellent LLM conversation experiences.
 
-![O1CN01PXnfNo1TXaRlPEuYp_!!6000000002392-2-tps-2944-1864.png](https://img.alicdn.com/imgextra/i3/O1CN01PXnfNo1TXaRlPEuYp_!!6000000002392-2-tps-2944-1864.png)
+## ✨ Features
 
+- 🏆 Built on Alibaba Cloud Bailian best practices: Incorporates our team's extensive experience and real-world business solutions, enabling rapid development of excellent LLM conversation experiences.
+- 🤖 Out-of-the-box model integration capabilities: Easily integrate with model inference services that comply with OpenAI standards.
+- 🧩 Ultimate extensibility: Present model outputs through customizable card components, supporting diverse output display formats.
+- 📝 Full TypeScript coverage: Developed with TypeScript, providing complete type support to enhance development experience and reliability.
+- 🎨 Use Modern CSS-in-JS: Implements a contemporary CSS-in-JS styling solution with automatic on-demand loading, minimizing dependencies on developer's build configuration.
 
-![O1CN01UsX0vG1dU3YEqZHvG_!!6000000003738-2-tps-2944-1864.png](https://img.alicdn.com/imgextra/i4/O1CN01UsX0vG1dU3YEqZHvG_!!6000000003738-2-tps-2944-1864.png)
+## 🚀 Quick Start
 
+### Installation
 
-## 多形式内容展示
+```bash
+# Install dependencies
+npm install antd --save
+npm install @agentscope-ai/design --save
+npm install @agentscope-ai/chat --save
+```
 
+> **Note**: If you are an Alibaba internal developer, please use:
+>
+> ```bash
+> tnpm install @ali/agentscope-ai-chat @ali/agentscope-ai-design --save
+> ```
+
+### Basic Usage
+
+```tsx
+import { ConfigProvider, carbonTheme } from '@agentscope-ai/design';
+import { ChatAnywhere, ChatAnywhereRef, uuid } from '@agentscope-ai/chat';
+import { useRef, useCallback } from 'react';
+
+export default function App() {
+  const ref = useRef<ChatAnywhereRef>();
+
+  const onSubmit = useCallback(async (data) => {
+    // Add user message
+    ref.current.updateMessage({
+      id: uuid(),
+      role: 'user',
+      content: data.query,
+    });
+
+    // Add assistant reply
+    ref.current.updateMessage({
+      id: uuid(),
+      role: 'assistant',
+      content: 'This is the assistant reply content',
+    });
+  }, []);
+
+  return (
+    <ConfigProvider {...carbonTheme}>
+      <ChatAnywhere ref={ref} onInput={{ onSubmit }} onStop={() => {}} />
+    </ConfigProvider>
+  );
+}
+```
 
-Spark Chat 所有对话都基于一个统一模型：
+## 📦 Core Components
 
-- 每条消息 = 一个 `Bubble`
-- 每个 `Bubble` 包含多个 `cards [ ]`
-- 每张卡片由 `{ code, data }` 构成
+### ChatAnywhere
 
-这意味着：一切消息、内容、交互行为，都是一张“卡片”，是结构化的，你可以将文本、图表、推荐、流程、轮播、统计数据以卡片的形式组织，你也可以让每次模型回答都变成一组“可被理解与操作的块，这种结构具有两个重要技术价值：
+An out-of-the-box chat container that eliminates the need to manage message state, enabling rapid development of LLM conversation experiences.
 
-- **统一渲染引擎**：所有对话内容都走统一的 card 渲染管线，避免 UI 特例和嵌套分支逻辑
-- **语义隔离**：每种卡片封装自己的样式、逻辑、状态，无副作用，利于测试和协同
+```tsx
+import { ChatAnywhere, ChatAnywhereRef } from '@agentscope-ai/chat';
 
-在数据层面，它实现了从“语言-界面”之间的解耦：开发者可以仅通过结构数据来操控 UI 呈现，让人机交互从“流式对话”走向“结构对话”。
+// Use ref to control message updates
+const ref = useRef<ChatAnywhereRef>();
+ref.current.updateMessage(message);
+```
 
+### Bubble
 
-Spark Chat 不再要求模型吐出自然语言，再由 UI “包裹”这些文字。我们拒绝“钉死”的输入输出组件，而是选择用“乐高式”语法描述整个界面状态，于是我们设计了一种对大模型友好的 UI 协议：
+Message bubble component supporting various message type displays.
 
+```tsx
+import { Bubble, DefaultCards } from '@agentscope-ai/chat';
 
-```javascript
-<Bubble
-  cards={[
-    {
-      code: 'Text',
-      data: {
-        content: 'Hello World',
-      },
-    },
-  ]}
-/>
+<Bubble message={message} customCards={DefaultCards} />;
 ```
 
+### Sender
 
-你可以创建自定义卡片并注册：
+Message sending component supporting multiple input modes.
 
+```tsx
+import { Sender } from '@agentscope-ai/chat';
 
-```javascript
-function MyCard(props) {
-  return <div>MyCard</div>;
-}
+<Sender onSubmit={handleSubmit} loading={loading} />;
+```
+
+### Markdown
+
+Markdown rendering component supporting mathematical formulas, code highlighting, and more.
+
+```tsx
+import { Markdown } from '@agentscope-ai/chat';
+
+<Markdown content={markdownContent} />;
+```
+
+### Mermaid
+
+Flowchart rendering component.
+
+```tsx
+import { Mermaid } from '@agentscope-ai/chat';
+
+<Mermaid code={mermaidCode} />;
 ```
 
+## 🔧 Advanced Features
+
+### Custom Cards
 
-```javascript
-<CustomCardsProvider cardConfig={{ MyCard }}>...</CustomCardsProvider>
+Display special content through custom card components:
+
+```tsx
+import { CustomCardsProvider } from '@agentscope-ai/chat';
+
+const CustomCard = function(props: { data }) {
+  return <div>Custom Card</div>;
+}
+
+<CustomCardsProvider cards={{ CustomCard }}>
+  <ChatAnywhere />
+</CustomCardsProvider>;
 ```
 
+### Streaming Response
 
-然后构造数据并渲染它：
-
-
-```javascript
-<Bubble
-  cards={[
-    {
-      code: 'Text',
-      data: {
-        content: 'Hello World',
-      },
-    },
-    {
-      code: 'MyCard',
-      data: [
-        ['Active Users', 112893],
-        ['Account Balance (CNY)', 112893],
-      ],
-    },
-  ]}
-/>
+Support streaming data updates:
+
+```tsx
+import { Stream } from '@agentscope-ai/chat';
+
+const response = await fetch('/api/chat');
+for await (const chunk of Stream({ readableStream: response.body })) {
+  // ...
+  // const answer = {...}
+  // ref.current.updateMessage(answer);
+}
 ```
 
+## 🌐 Compatible Environments
+
+- Modern browsers
+- Electron
+- Tauri
+
+| Edge            | Firefox         | Chrome          | Safari          | Opera           | Electron        |
+| --------------- | --------------- | --------------- | --------------- | --------------- | --------------- |
+| last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+## 📚 Documentation
+
+- [Overview](./docs/documents/overview.en-US.md)
+- [ChatAnywhere Usage Guide](./docs/documents/chatanywhere.en-US.md)
+- [Bailian Agent Integration](./docs/documents/bailian.en-US.md)
+- [Custom Cards](./docs/documents/customCard.en-US.md)
+- [Vite Integration](./docs/documents/vite.en-US.md)
+- [Umi Integration](./docs/documents/umi.en-US.md)
+
+## 🔗 Related Links
+
+- [Alibaba Cloud Spark Design](https://design.aliyun.com/)
+- [Alibaba Cloud Bailian](https://bailian.console.aliyun.com/)
+- [React](https://react.dev/)
+- [Ant Design](https://ant.design/)
+
+## 🤝 Contributing
+
+We welcome Issue submissions and Pull Requests!
+
+## 📄 License
 
-## 如何使用
-- https://bailian.agentscope.io/chat#/docs/development/overview-cn
+This project is licensed under the Apache-2.0 License - see the [LICENSE](LICENSE) file for details.

package/README.zh-CN.md

@@ -0,0 +1,188 @@
+# Alibaba Cloud Spark Chat
+
+**注意**：`@agentscope-ai/design` 和 `@agentscope-ai/chat` 仍在加速推进开源中，我们预计在 2025 年年底完成开源。目前可以通过 npm 使用我们的项目。
+
+[![npm version](https://img.shields.io/npm/v/@ali/agentscope-ai-chat.svg)](https://www.npmjs.com/package/@ali/agentscope-ai-chat)
+[![license](https://img.shields.io/npm/l/@ali/agentscope-ai-chat.svg)](https://github.com/your-repo/spark-chat/blob/main/LICENSE)
+
+基于 **Alibaba Cloud Spark Design** 的免费、开源的 React 对话框架，用于构建优秀的 LLM 对话体验。
+
+## ✨ 特性
+
+- 🏆 **源自阿里云百炼最佳实践**：包含了众多我们的想法与真实业务实践，帮助业务快速构建优秀的 LLM 对话体验
+- 🤖 **开箱即用的模型对接能力**：轻松对接符合 OpenAI 标准的模型推理服务
+- 🧩 **极致的拓展能力**：通过卡片形式（自定义组件）展示模型输出，支持多种格式的输出展示
+- 📝 **TypeScript 全覆盖**：采用 TypeScript 开发，提供完整类型支持，提升开发体验与可靠性
+- 🎨 **CSS-in-JS 实践**：采用更现代的 CSS-in-JS 样式方案，样式自动按需加载，不强依赖开发者工程化环境配置
+
+## 🚀 快速开始
+
+### 安装
+
+```bash
+# 安装依赖
+npm install antd --save
+npm install @agentscope-ai/design --save
+npm install @agentscope-ai/chat --save
+```
+
+> **注意**：如果你是阿里内网开发者，请使用：
+>
+> ```bash
+> tnpm install @ali/agentscope-ai-chat @ali/agentscope-ai-design --save
+> ```
+
+### 基础使用
+
+```tsx
+import { ConfigProvider, carbonTheme } from '@agentscope-ai/design';
+import { ChatAnywhere, ChatAnywhereRef, uuid } from '@agentscope-ai/chat';
+import { useRef, useCallback } from 'react';
+
+export default function App() {
+  const ref = useRef<ChatAnywhereRef>();
+
+  const onSubmit = useCallback(async (data) => {
+    // 添加用户消息
+    ref.current.updateMessage({
+      id: uuid(),
+      role: 'user',
+      content: data.query,
+    });
+
+    // 添加助手回复
+    ref.current.updateMessage({
+      id: uuid(),
+      role: 'assistant',
+      content: '这是助手的回复内容',
+    });
+  }, []);
+
+  return (
+    <ConfigProvider {...carbonTheme}>
+      <ChatAnywhere ref={ref} onInput={{ onSubmit }} onStop={() => {}} />
+    </ConfigProvider>
+  );
+}
+```
+
+## 📦 核心组件
+
+### ChatAnywhere
+
+开箱即用的对话容器，无需关心消息状态管理，快速构建 LLM 对话体验。
+
+```tsx
+import { ChatAnywhere, ChatAnywhereRef } from '@agentscope-ai/chat';
+
+// 使用 ref 控制消息更新
+const ref = useRef<ChatAnywhereRef>();
+ref.current.updateMessage(message);
+```
+
+### Bubble
+
+消息气泡组件，支持多种消息类型展示。
+
+```tsx
+import { Bubble, DefaultCards } from '@agentscope-ai/chat';
+
+<Bubble message={message} customCards={DefaultCards} />;
+```
+
+### Sender
+
+消息发送组件，支持多种输入模式。
+
+```tsx
+import { Sender } from '@agentscope-ai/chat';
+
+<Sender onSubmit={handleSubmit} loading={loading} />;
+```
+
+### Markdown
+
+Markdown 渲染组件，支持数学公式、代码高亮等。
+
+```tsx
+import { Markdown } from '@agentscope-ai/chat';
+
+<Markdown content={markdownContent} />;
+```
+
+### Mermaid
+
+流程图渲染组件。
+
+```tsx
+import { Mermaid } from '@agentscope-ai/chat';
+
+<Mermaid code={mermaidCode} />;
+```
+
+## 🔧 高级功能
+
+### 自定义卡片
+
+通过自定义卡片组件展示特殊内容：
+
+```tsx
+import { CustomCardsProvider } from '@agentscope-ai/chat';
+
+const CustomCard = function(props: { data }) {
+  return <div>自定义卡片</div>;
+}
+
+<CustomCardsProvider cards={{ CustomCard }}>
+  <ChatAnywhere />
+</CustomCardsProvider>;
+```
+
+### 流式响应
+
+支持流式数据更新：
+
+```tsx
+import { Stream } from '@agentscope-ai/chat';
+
+const response = await fetch('/api/chat');
+for await (const chunk of Stream({ readableStream: response.body })) {
+  // ...
+  // const answer = {...}
+  // ref.current.updateMessage(answer);
+}
+```
+
+## 🌐 兼容环境
+
+- 现代浏览器
+- Electron
+- Tauri
+
+| Edge            | Firefox         | Chrome          | Safari          | Opera           | Electron        |
+| --------------- | --------------- | --------------- | --------------- | --------------- | --------------- |
+| last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+
+## 📚 文档
+
+- [概述](./docs/documents/overview.zh-CN.md)
+- [ChatAnywhere 使用指南](./docs/documents/chatanywhere.zh-CN.md)
+- [百炼智能体接入](./docs/documents/bailian.zh-CN.md)
+- [自定义卡片](./docs/documents/customCard.zh-CN.md)
+- [Vite 集成](./docs/documents/vite.zh-CN.md)
+- [Umi 集成](./docs/documents/umi.zh-CN.md)
+
+## 🔗 相关链接
+
+- [Alibaba Cloud Spark Design](https://design.aliyun.com/)
+- [阿里云百炼](https://bailian.console.aliyun.com/)
+- [React](https://react.dev/)
+- [Ant Design](https://ant.design/)
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 📄 许可证
+
+本项目采用 Apache-2.0 许可证 - 查看 [LICENSE](LICENSE) 文件了解详情。

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,84 @@
+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

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

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

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

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

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