@ant-design/agentic-ui 2.0.0

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) qixian.cs@outlook.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,156 @@
+# Agentic UI - 面向智能体的 UI 组件库
+
+[![NPM version](https://img.shields.io/npm/v/@ant-design/agentic-ui.svg?style=flat)](https://npmjs.org/package/@ant-design/agentic-ui)
+[![NPM downloads](http://img.shields.io/npm/dm/@ant-design/agentic-ui.svg?style=flat)](https://npmjs.org/package/@ant-design/agentic-ui)
+
+> 从"回答一句话"到"完成一件事"——让智能体真正成为你的协作伙伴
+
+## ✨ 什么是 Agentic UI
+
+**Agentic UI** 是一种面向"**思考—行动—观察**"闭环的智能体交互组件库，强调**任务执行全过程的协同**。
+
+### 核心特性
+
+- 🤖 **多步推理可视化** - 展示智能体的思考、行动、观察过程
+- 🔧 **工具调用展示** - 可视化工具编排与执行状态
+- 👤 **人在回路** - 支持人工审批、干预或纠偏
+- 📊 **过程透明化** - 让 AI 决策过程可见、可控、可复盘
+
+### 与传统 Chat UI 的区别
+
+| 维度       | Chat UI    | Agentic UI     |
+| ---------- | ---------- | -------------- |
+| 核心目标   | 回答一句话 | 完成一件事     |
+| 交互深度   | 单轮问答   | 端到端任务协同 |
+| 过程可见性 | 黑盒       | 透明化         |
+| 人机关系   | 被动响应   | 主动协作       |
+
+---
+
+## 🚀 快速开始
+
+### 安装
+
+```bash
+npm install @ant-design/agentic-ui
+# 或
+pnpm add @ant-design/agentic-ui
+```
+
+### 基础示例：AI 对话气泡
+
+```tsx
+import { Bubble } from '@ant-design/agentic-ui';
+
+<Bubble.AIBubble
+  content="我已经完成了数据分析，这是结果："
+  thoughtChain={[
+    { type: 'thought', content: '首先需要查询数据库' },
+    { type: 'action', content: '执行 SQL 查询' },
+    { type: 'observation', content: '获取到 1000 条记录' },
+  ]}
+/>;
+```
+
+### 任务列表组件
+
+```tsx
+import { TaskList } from '@ant-design/agentic-ui';
+
+<TaskList
+  tasks={[
+    { id: 1, title: '数据查询', status: 'completed' },
+    { id: 2, title: '数据分析', status: 'in_progress' },
+    { id: 3, title: '生成报告', status: 'pending' },
+  ]}
+/>;
+```
+
+### 工具调用展示
+
+```tsx
+import { ToolUseBar } from '@ant-design/agentic-ui';
+
+<ToolUseBar
+  toolName="database_query"
+  status="running"
+  params={{ table: 'users', limit: 100 }}
+  result={{ count: 1000, data: [...] }}
+/>
+```
+
+### Markdown 编辑器（支持流式输出）
+
+```tsx
+import { MarkdownEditor } from '@ant-design/agentic-ui';
+
+<MarkdownEditor
+  initValue="# AI 生成内容"
+  typewriter={true} // 打字机效果
+  readonly={false}
+/>;
+```
+
+---
+
+## 🧩 核心组件
+
+| 组件               | 描述            | 适用场景          |
+| ------------------ | --------------- | ----------------- |
+| `Bubble`           | AI/用户对话气泡 | 对话界面          |
+| `ThoughtChainList` | 思维链可视化    | 展示推理过程      |
+| `TaskList`         | 任务列表与进度  | 多步骤任务        |
+| `ToolUseBar`       | 工具调用展示    | 展示 API/工具调用 |
+| `MarkdownEditor`   | 富文本编辑器    | 内容编辑与展示    |
+| `AgenticLayout`    | 智能体布局容器  | 整体页面布局      |
+| `Workspace`        | 工作空间        | 文件管理          |
+| `History`          | 历史记录        | 会话历史          |
+
+---
+
+## 📦 特性
+
+- ✅ **开箱即用** - 预设样式与交互，快速集成
+- ✅ **TypeScript** - 完整的类型定义
+- ✅ **主题定制** - 基于 Ant Design 主题系统
+- ✅ **响应式** - 适配桌面端与移动端
+- ✅ **流式输出** - 支持打字机效果
+- ✅ **多模态** - 支持文本、图像、语音
+- ✅ **插件化** - 可扩展的插件系统
+- ✅ **国际化** - 内置多语言支持
+
+---
+
+## 📖 文档与示例
+
+- [在线演示](https://ant-design.github.io/md-editor/)
+- [完整文档](./docs/)
+- [组件 API](./docs/components/)
+- [设计规范](./docs/design-system/)
+
+---
+
+## 🌟 推荐使用场景
+
+- 🤖 企业 Copilot（智能办公助手）
+- 💬 智能客服与知识检索
+- 📊 数据分析与 BI 助手
+- 🔄 流程自动化（RPA）协同智能体
+
+---
+
+## 🤝 贡献
+
+欢迎贡献代码、报告问题或提出建议！
+
+查看 [贡献指南](./CONTRIBUTING.md) 了解详情。
+
+---
+
+## 📄 许可证
+
+[MIT License](./LICENSE)
+
+---
+
+**让 AI 的思考过程透明化，让智能体真正成为你的协作伙伴 🤖**

package/dist/AgentRunBar/Robot.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type RobotStatus = 'default' | 'thinking' | 'dazing' | 'pause';
+export interface RobotProps {
+    /** 机器人状态 */
+    status?: RobotStatus;
+    /** 机器人大小 */
+    size?: number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    icon?: React.ReactNode;
+}
+declare const _default: React.NamedExoticComponent<RobotProps>;
+export default _default;

package/dist/AgentRunBar/Robot.js

@@ -0,0 +1,66 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/Robot.tsx
+import classNames from "classnames";
+import { isString } from "lodash-es";
+import React from "react";
+import RobotIcon from "../components/Robot";
+var Robot = ({
+  icon,
+  size = 42,
+  status,
+  className,
+  style
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: classNames(className),
+      "data-testid": "robot",
+      style: React.isValidElement(icon) ? __spreadValues({
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+      }, style) : __spreadValues({
+        width: size,
+        height: size,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+      }, style)
+    },
+    React.isValidElement(icon) ? icon : icon && isString(icon) ? /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        style: {
+          width: "100%",
+          height: "100%"
+        },
+        src: icon
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, status === "thinking" ? /* @__PURE__ */ React.createElement("div", { style: { paddingLeft: 80, marginRight: 50 } }, /* @__PURE__ */ React.createElement(RobotIcon, { status: "running", size: 84 })) : /* @__PURE__ */ React.createElement("div", { style: { paddingLeft: 27, marginRight: 16 } }, /* @__PURE__ */ React.createElement(RobotIcon, { size: 54, style: { transform: "rotateY(180deg)" } })))
+  );
+};
+var Robot_default = React.memo(Robot);
+export {
+  Robot_default as default
+};

package/dist/AgentRunBar/icons/PauseIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function PauseIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/AgentRunBar/icons/PauseIcon.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/icons/PauseIcon.tsx
+import * as React from "react";
+function PauseIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      width: "1rem",
+      height: "1rem",
+      role: "img",
+      "aria-label": "PauseIcon",
+      viewBox: "0 0 16 16"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M3.3333334922790527,3.33333L3.3333334922790527,12.6667Q3.3333335320154527,13.219,3.723857492279053,13.6095Q4.114382492279053,14,4.666663492279053,14L6.000003492279053,14Q6.552283492279052,14,6.942813492279052,13.6095Q7.333333492279053,13.219,7.333333492279053,12.6667L7.333333492279053,3.33333Q7.333333492279053,2.781049,6.942813492279052,2.390524Q6.552283492279052,2,6.000003492279053,2L4.666663492279053,2Q4.114382492279053,2.0000000397364,3.723857492279053,2.390524Q3.3333334922790527,2.781049,3.3333334922790527,3.33333ZM8.666663492279053,3.33333L8.666663492279053,12.6667Q8.666663492279053,13.219,9.057193492279053,13.6095Q9.447713492279053,14,10.000003492279053,14L11.333333492279053,14Q11.885623492279052,14,12.276143492279052,13.6095Q12.666663492279053,13.219,12.666663492279053,12.6667L12.666663492279053,3.33333Q12.666663492279053,2.781049,12.276143492279052,2.390524Q11.885623492279052,2,11.333333492279053,2L10.000003492279053,2Q9.447713492279053,2.0000000397364,9.057193492279053,2.390524Q8.666663492279053,2.781049,8.666663492279053,3.33333Z",
+        fillRule: "evenodd",
+        fill: "currentColor",
+        fillOpacity: "0.800000011920929"
+      }
+    )))
+  );
+}
+export {
+  PauseIcon
+};

package/dist/AgentRunBar/icons/PlayIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function PlayIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/AgentRunBar/icons/PlayIcon.js

@@ -0,0 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/icons/PlayIcon.tsx
+import * as React from "react";
+function PlayIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      width: "1rem",
+      height: "1rem",
+      role: "img",
+      "aria-label": "PlayIcon",
+      viewBox: "0 0 16 16"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M3.3333334922790527,14.000033373069764L3.3333334922790527,2.000000373069763C3.3333334922790527,1.6318103730697633,3.631810492279053,1.3333333730697632,4.000000492279053,1.3333333730697632C4.127834492279053,1.3333333730697632,4.252973492279053,1.3700869730697631,4.360503492279053,1.4392143730697633L13.693833492279053,7.439213373069763C14.003533492279052,7.638313373069763,14.093233492279053,8.050793373069762,13.894133492279053,8.360503373069763C13.842433492279053,8.440843373069765,13.774133492279052,8.509143373069763,13.693833492279053,8.560783373069764L4.360503492279053,14.560833373069762C4.050791492279052,14.759933373069764,3.6383164922790527,14.670233373069763,3.439214492279053,14.360533373069764C3.3700870922790527,14.252933373069764,3.3333334922790527,14.127833373069763,3.3333334922790527,14.000033373069764Z",
+        fillRule: "evenodd",
+        fill: "currentColor",
+        fillOpacity: "0.800000011920929"
+      }
+    )))
+  );
+}
+export {
+  PlayIcon
+};

package/dist/AgentRunBar/icons/SimplePauseIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function SimplePauseIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/AgentRunBar/icons/SimplePauseIcon.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/icons/SimplePauseIcon.tsx
+import * as React from "react";
+function SimplePauseIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      width: 16,
+      height: 16,
+      role: "img",
+      "aria-label": "PauseIcon",
+      viewBox: "0 0 16 16"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M3.3333334922790527,3.33333L3.3333334922790527,12.6667Q3.3333335320154527,13.219,3.723857492279053,13.6095Q4.114382492279053,14,4.666663492279053,14L6.000003492279053,14Q6.552283492279052,14,6.942813492279052,13.6095Q7.333333492279053,13.219,7.333333492279053,12.6667L7.333333492279053,3.33333Q7.333333492279053,2.781049,6.942813492279052,2.390524Q6.552283492279052,2,6.000003492279053,2L4.666663492279053,2Q4.114382492279053,2.0000000397364,3.723857492279053,2.390524Q3.3333334922790527,2.781049,3.3333334922790527,3.33333ZM8.666663492279053,3.33333L8.666663492279053,12.6667Q8.666663492279053,13.219,9.057193492279053,13.6095Q9.447713492279053,14,10.000003492279053,14L11.333333492279053,14Q11.885623492279052,14,12.276143492279052,13.6095Q12.666663492279053,13.219,12.666663492279053,12.6667L12.666663492279053,3.33333Q12.666663492279053,2.781049,12.276143492279052,2.390524Q11.885623492279052,2,11.333333492279053,2L10.000003492279053,2Q9.447713492279053,2.0000000397364,9.057193492279053,2.390524Q8.666663492279053,2.781049,8.666663492279053,3.33333Z",
+        fillRule: "evenodd",
+        fill: "currentColor"
+      }
+    ))
+  );
+}
+export {
+  SimplePauseIcon
+};

package/dist/AgentRunBar/icons/SimplePlayIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function SimplePlayIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/AgentRunBar/icons/SimplePlayIcon.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/icons/SimplePlayIcon.tsx
+import * as React from "react";
+function SimplePlayIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      width: 16,
+      height: 16,
+      role: "img",
+      "aria-label": "PlayIcon",
+      viewBox: "0 0 16 16"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M3.3333334922790527,14.000033373069764L3.3333334922790527,2.000000373069763C3.3333334922790527,1.6318103730697633,3.631810492279053,1.3333333730697632,4.000000492279053,1.3333333730697632C4.127834492279053,1.3333333730697632,4.252973492279053,1.3700869730697631,4.360503492279053,1.4392143730697633L13.693833492279053,7.439213373069763C14.003533492279052,7.638313373069763,14.093233492279053,8.050793373069762,13.894133492279053,8.360503373069763C13.842433492279053,8.440843373069765,13.774133492279052,8.509143373069763,13.693833492279053,8.560783373069764L4.360503492279053,14.560833373069762C4.050791492279052,14.759933373069764,3.6383164922790527,14.670233373069763,3.439214492279053,14.360533373069764C3.3700870922790527,14.252933373069764,3.3333334922790527,14.127833373069763,3.3333334922790527,14.000033373069764Z",
+        fillRule: "evenodd",
+        fill: "currentColor"
+      }
+    ))
+  );
+}
+export {
+  SimplePlayIcon
+};

package/dist/AgentRunBar/icons/SimpleStopIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function SimpleStopIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/AgentRunBar/icons/SimpleStopIcon.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/icons/SimpleStopIcon.tsx
+import * as React from "react";
+function SimpleStopIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      width: 16,
+      height: 16,
+      role: "img",
+      "aria-label": "StopIcon",
+      viewBox: "0 0 16 16"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M7.999996686534882,15.333366686534882C12.050066686534882,15.333366686534882,15.333366686534882,12.050066686534882,15.333366686534882,7.999996686534882C15.333366686534882,3.9499166865348814,12.050066686534882,0.6666666865348816,7.999996686534882,0.6666666865348816C3.9499166865348814,0.6666666865348816,0.6666666865348816,3.9499166865348814,0.6666666865348816,7.999996686534882C0.6666666865348816,12.050066686534882,3.9499166865348814,15.333366686534882,7.999996686534882,15.333366686534882ZM5.723856686534882,10.276146686534881Q5.3333366865348815,9.885616686534881,5.3333366865348815,9.333336686534881L5.3333366865348815,6.666666686534882Q5.3333366865348815,6.114386686534882,5.723856686534882,5.723856686534882Q6.114386686534882,5.3333366865348815,6.666666686534882,5.3333366865348815L9.333336686534881,5.3333366865348815Q9.885616686534881,5.3333366865348815,10.276146686534881,5.723856686534882Q10.666666686534882,6.114386686534882,10.666666686534882,6.666666686534882L10.666666686534882,9.333336686534881Q10.666666686534882,9.885616686534881,10.276146686534881,10.276146686534881Q9.885616686534881,10.666666686534882,9.333336686534881,10.666666686534882L6.666666686534882,10.666666686534882Q6.114386686534882,10.666666686534882,5.723856686534882,10.276146686534881Z",
+        fillRule: "evenodd",
+        fill: "currentColor"
+      }
+    ))
+  );
+}
+export {
+  SimpleStopIcon
+};

package/dist/AgentRunBar/icons/StopIcon.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function StopIcon(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/dist/AgentRunBar/icons/StopIcon.js

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+
+// src/AgentRunBar/icons/StopIcon.tsx
+import * as React from "react";
+function StopIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      width: 32,
+      height: 32,
+      role: "img",
+      "aria-label": "StopIcon",
+      viewBox: "0 0 32 32"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M32,16Q32,16.3928,31.9807,16.7851Q31.9615,17.1774,31.923,17.5683Q31.8845,17.9592,31.8268,18.3477Q31.7692,18.7362,31.6926,19.1214Q31.6159,19.5067,31.5205,19.8877Q31.4251,20.2687,31.311,20.6446Q31.197,21.0204,31.0647,21.3902Q30.9324,21.7601,30.7821,22.1229Q30.6318,22.4858,30.4638,22.8409Q30.2959,23.1959,30.1107,23.5423Q29.9256,23.8887,29.7237,24.2256Q29.5217,24.5625,29.3035,24.8891Q29.0853,25.2157,28.8513,25.5312Q28.6173,25.8467,28.3682,26.1503Q28.119,26.4539,27.8552,26.7449Q27.5914,27.036,27.3137,27.3137Q27.036,27.5914,26.7449,27.8552Q26.4539,28.119,26.1503,28.3682Q25.8467,28.6173,25.5312,28.8513Q25.2157,29.0853,24.8891,29.3035Q24.5625,29.5217,24.2256,29.7237Q23.8887,29.9256,23.5423,30.1107Q23.1959,30.2959,22.8409,30.4638Q22.4858,30.6318,22.1229,30.7821Q21.7601,30.9324,21.3902,31.0647Q21.0204,31.197,20.6446,31.311Q20.2687,31.4251,19.8877,31.5205Q19.5067,31.6159,19.1214,31.6926Q18.7362,31.7692,18.3477,31.8268Q17.9592,31.8845,17.5683,31.923Q17.1774,31.9615,16.7851,31.9807Q16.3928,32,16,32Q15.6072,32,15.2149,31.9807Q14.8226,31.9615,14.4317,31.923Q14.0408,31.8845,13.6523,31.8268Q13.2638,31.7692,12.8786,31.6926Q12.4933,31.6159,12.1123,31.5205Q11.7313,31.4251,11.3554,31.311Q10.9796,31.197,10.6098,31.0647Q10.2399,30.9324,9.87706,30.7821Q9.51418,30.6318,9.15912,30.4638Q8.80405,30.2959,8.45765,30.1107Q8.11125,29.9256,7.77436,29.7237Q7.43746,29.5217,7.11088,29.3035Q6.78429,29.0853,6.46881,28.8513Q6.15333,28.6173,5.84971,28.3682Q5.54609,28.119,5.25506,27.8552Q4.96403,27.5914,4.68629,27.3137Q4.40856,27.036,4.14478,26.7449Q3.88101,26.4539,3.63183,26.1503Q3.38266,25.8467,3.14868,25.5312Q2.9147,25.2157,2.69649,24.8891Q2.47827,24.5625,2.27634,24.2256Q2.07441,23.8887,1.88926,23.5423Q1.70411,23.1959,1.53617,22.8409Q1.36824,22.4858,1.21793,22.1229Q1.06762,21.7601,0.935295,21.3902Q0.802972,21.0204,0.688955,20.6446Q0.574937,20.2687,0.4795,19.8877Q0.384063,19.5067,0.307435,19.1214Q0.230808,18.7362,0.173176,18.3477Q0.115543,17.9592,0.0770444,17.5683Q0.0385454,17.1774,0.0192727,16.7851Q0,16.3928,0,16Q0,15.6072,0.0192727,15.2149Q0.0385454,14.8226,0.0770444,14.4317Q0.115543,14.0408,0.173176,13.6523Q0.230808,13.2638,0.307435,12.8786Q0.384063,12.4933,0.4795,12.1123Q0.574937,11.7313,0.688955,11.3554Q0.802972,10.9796,0.935295,10.6098Q1.06762,10.2399,1.21793,9.87706Q1.36824,9.51418,1.53617,9.15912Q1.70411,8.80405,1.88926,8.45765Q2.07441,8.11125,2.27634,7.77436Q2.47827,7.43746,2.69649,7.11088Q2.9147,6.78429,3.14868,6.46881Q3.38266,6.15333,3.63183,5.84971Q3.88101,5.54609,4.14478,5.25506Q4.40856,4.96403,4.68629,4.68629Q4.96403,4.40856,5.25506,4.14478Q5.54609,3.88101,5.84971,3.63183Q6.15333,3.38266,6.46881,3.14868Q6.78429,2.9147,7.11088,2.69649Q7.43746,2.47827,7.77436,2.27634Q8.11125,2.07441,8.45765,1.88926Q8.80405,1.70411,9.15912,1.53617Q9.51418,1.36824,9.87706,1.21793Q10.2399,1.06762,10.6098,0.935295Q10.9796,0.802972,11.3554,0.688955Q11.7313,0.574937,12.1123,0.4795Q12.4933,0.384063,12.8786,0.307435Q13.2638,0.230808,13.6523,0.173176Q14.0408,0.115543,14.4317,0.0770444Q14.8226,0.0385454,15.2149,0.0192727Q15.6072,0,16,0Q16.3928,0,16.7851,0.0192727Q17.1774,0.0385454,17.5683,0.0770444Q17.9592,0.115543,18.3477,0.173176Q18.7362,0.230808,19.1214,0.307435Q19.5067,0.384063,19.8877,0.4795Q20.2687,0.574937,20.6446,0.688955Q21.0204,0.802972,21.3902,0.935295Q21.7601,1.06762,22.1229,1.21793Q22.4858,1.36824,22.8409,1.53617Q23.1959,1.70411,23.5423,1.88926Q23.8887,2.07441,24.2256,2.27634Q24.5625,2.47827,24.8891,2.69649Q25.2157,2.9147,25.5312,3.14868Q25.8467,3.38266,26.1503,3.63183Q26.4539,3.88101,26.7449,4.14478Q27.036,4.40856,27.3137,4.68629Q27.5914,4.96403,27.8552,5.25506Q28.119,5.54609,28.3682,5.84971Q28.6173,6.15333,28.8513,6.46881Q29.0853,6.78429,29.3035,7.11088Q29.5217,7.43746,29.7237,7.77436Q29.9256,8.11125,30.1107,8.45765Q30.2959,8.80405,30.4638,9.15912Q30.6318,9.51418,30.7821,9.87706Q30.9324,10.2399,31.0647,10.6098Q31.197,10.9796,31.311,11.3554Q31.4251,11.7313,31.5205,12.1123Q31.6159,12.4933,31.6926,12.8786Q31.7692,13.2638,31.8268,13.6523Q31.8845,14.0408,31.923,14.4317Q31.9615,14.8226,31.9807,15.2149Q32,15.6072,32,16Z",
+        fill: "#FFFFFF",
+        fillOpacity: "1"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M32,16Q32,16.3928,31.9807,16.7851Q31.9615,17.1774,31.923,17.5683Q31.8845,17.9592,31.8268,18.3477Q31.7692,18.7362,31.6926,19.1214Q31.6159,19.5067,31.5205,19.8877Q31.4251,20.2687,31.311,20.6446Q31.197,21.0204,31.0647,21.3902Q30.9324,21.7601,30.7821,22.1229Q30.6318,22.4858,30.4638,22.8409Q30.2959,23.1959,30.1107,23.5423Q29.9256,23.8887,29.7237,24.2256Q29.5217,24.5625,29.3035,24.8891Q29.0853,25.2157,28.8513,25.5312Q28.6173,25.8467,28.3682,26.1503Q28.119,26.4539,27.8552,26.7449Q27.5914,27.036,27.3137,27.3137Q27.036,27.5914,26.7449,27.8552Q26.4539,28.119,26.1503,28.3682Q25.8467,28.6173,25.5312,28.8513Q25.2157,29.0853,24.8891,29.3035Q24.5625,29.5217,24.2256,29.7237Q23.8887,29.9256,23.5423,30.1107Q23.1959,30.2959,22.8409,30.4638Q22.4858,30.6318,22.1229,30.7821Q21.7601,30.9324,21.3902,31.0647Q21.0204,31.197,20.6446,31.311Q20.2687,31.4251,19.8877,31.5205Q19.5067,31.6159,19.1214,31.6926Q18.7362,31.7692,18.3477,31.8268Q17.9592,31.8845,17.5683,31.923Q17.1774,31.9615,16.7851,31.9807Q16.3928,32,16,32Q15.6072,32,15.2149,31.9807Q14.8226,31.9615,14.4317,31.923Q14.0408,31.8845,13.6523,31.8268Q13.2638,31.7692,12.8786,31.6926Q12.4933,31.6159,12.1123,31.5205Q11.7313,31.4251,11.3554,31.311Q10.9796,31.197,10.6098,31.0647Q10.2399,30.9324,9.87706,30.7821Q9.51418,30.6318,9.15912,30.4638Q8.80405,30.2959,8.45765,30.1107Q8.11125,29.9256,7.77436,29.7237Q7.43746,29.5217,7.11088,29.3035Q6.78429,29.0853,6.46881,28.8513Q6.15333,28.6173,5.84971,28.3682Q5.54609,28.119,5.25506,27.8552Q4.96403,27.5914,4.68629,27.3137Q4.40856,27.036,4.14478,26.7449Q3.88101,26.4539,3.63183,26.1503Q3.38266,25.8467,3.14868,25.5312Q2.9147,25.2157,2.69649,24.8891Q2.47827,24.5625,2.27634,24.2256Q2.07441,23.8887,1.88926,23.5423Q1.70411,23.1959,1.53617,22.8409Q1.36824,22.4858,1.21793,22.1229Q1.06762,21.7601,0.935295,21.3902Q0.802972,21.0204,0.688955,20.6446Q0.574937,20.2687,0.4795,19.8877Q0.384063,19.5067,0.307435,19.1214Q0.230808,18.7362,0.173176,18.3477Q0.115543,17.9592,0.0770444,17.5683Q0.0385454,17.1774,0.0192727,16.7851Q0,16.3928,0,16Q0,15.6072,0.0192727,15.2149Q0.0385454,14.8226,0.0770444,14.4317Q0.115543,14.0408,0.173176,13.6523Q0.230808,13.2638,0.307435,12.8786Q0.384063,12.4933,0.4795,12.1123Q0.574937,11.7313,0.688955,11.3554Q0.802972,10.9796,0.935295,10.6098Q1.06762,10.2399,1.21793,9.87706Q1.36824,9.51418,1.53617,9.15912Q1.70411,8.80405,1.88926,8.45765Q2.07441,8.11125,2.27634,7.77436Q2.47827,7.43746,2.69649,7.11088Q2.9147,6.78429,3.14868,6.46881Q3.38266,6.15333,3.63183,5.84971Q3.88101,5.54609,4.14478,5.25506Q4.40856,4.96403,4.68629,4.68629Q4.96403,4.40856,5.25506,4.14478Q5.54609,3.88101,5.84971,3.63183Q6.15333,3.38266,6.46881,3.14868Q6.78429,2.9147,7.11088,2.69649Q7.43746,2.47827,7.77436,2.27634Q8.11125,2.07441,8.45765,1.88926Q8.80405,1.70411,9.15912,1.53617Q9.51418,1.36824,9.87706,1.21793Q10.2399,1.06762,10.6098,0.935295Q10.9796,0.802972,11.3554,0.688955Q11.7313,0.574937,12.1123,0.4795Q12.4933,0.384063,12.8786,0.307435Q13.2638,0.230808,13.6523,0.173176Q14.0408,0.115543,14.4317,0.0770444Q14.8226,0.0385454,15.2149,0.0192727Q15.6072,0,16,0Q16.3928,0,16.7851,0.0192727Q17.1774,0.0385454,17.5683,0.0770444Q17.9592,0.115543,18.3477,0.173176Q18.7362,0.230808,19.1214,0.307435Q19.5067,0.384063,19.8877,0.4795Q20.2687,0.574937,20.6446,0.688955Q21.0204,0.802972,21.3902,0.935295Q21.7601,1.06762,22.1229,1.21793Q22.4858,1.36824,22.8409,1.53617Q23.1959,1.70411,23.5423,1.88926Q23.8887,2.07441,24.2256,2.27634Q24.5625,2.47827,24.8891,2.69649Q25.2157,2.9147,25.5312,3.14868Q25.8467,3.38266,26.1503,3.63183Q26.4539,3.88101,26.7449,4.14478Q27.036,4.40856,27.3137,4.68629Q27.5914,4.96403,27.8552,5.25506Q28.119,5.54609,28.3682,5.84971Q28.6173,6.15333,28.8513,6.46881Q29.0853,6.78429,29.3035,7.11088Q29.5217,7.43746,29.7237,7.77436Q29.9256,8.11125,30.1107,8.45765Q30.2959,8.80405,30.4638,9.15912Q30.6318,9.51418,30.7821,9.87706Q30.9324,10.2399,31.0647,10.6098Q31.197,10.9796,31.311,11.3554Q31.4251,11.7313,31.5205,12.1123Q31.6159,12.4933,31.6926,12.8786Q31.7692,13.2638,31.8268,13.6523Q31.8845,14.0408,31.923,14.4317Q31.9615,14.8226,31.9807,15.2149Q32,15.6072,32,16ZM30,16Q30,15.6563,29.9831,15.3131Q29.9663,14.9698,29.9326,14.6278Q29.8989,14.2857,29.8485,13.9458Q29.798,13.6058,29.731,13.2687Q29.6639,12.9317,29.5804,12.5983Q29.4969,12.2649,29.3972,11.936Q29.2974,11.6071,29.1816,11.2835Q29.0658,10.96,28.9343,10.6424Q28.8028,10.3249,28.6558,10.0142Q28.5089,9.70354,28.3469,9.40044Q28.1849,9.09735,28.0082,8.80256Q27.8315,8.50778,27.6406,8.22202Q27.4496,7.93626,27.2449,7.66021Q27.0402,7.38416,26.8221,7.11849Q26.6041,6.85282,26.3733,6.59817Q26.1425,6.34352,25.8995,6.1005Q25.6565,5.85749,25.4018,5.62668Q25.1472,5.39588,24.8815,5.17785Q24.6158,4.95982,24.3398,4.75509Q24.0637,4.55036,23.778,4.35942Q23.4922,4.16849,23.1974,3.9918Q22.9027,3.81511,22.5996,3.6531Q22.2965,3.49109,21.9858,3.34415Q21.6751,3.19721,21.3576,3.06569Q21.04,2.93417,20.7165,2.81838Q20.3929,2.7026,20.064,2.60283Q19.7351,2.50307,19.4017,2.41956Q19.0683,2.33605,18.7313,2.26901Q18.3942,2.20196,18.0542,2.15153Q17.7143,2.1011,17.3722,2.06741Q17.0302,2.03373,16.6869,2.01686Q16.3437,2,16,2Q15.6563,2,15.3131,2.01686Q14.9698,2.03373,14.6278,2.06741Q14.2857,2.1011,13.9458,2.15153Q13.6058,2.20196,13.2687,2.26901Q12.9317,2.33605,12.5983,2.41956Q12.2649,2.50307,11.936,2.60284Q11.6071,2.7026,11.2835,2.81838Q10.96,2.93417,10.6424,3.06569Q10.3249,3.19721,10.0142,3.34415Q9.70354,3.49109,9.40044,3.6531Q9.09735,3.81511,8.80256,3.9918Q8.50778,4.16849,8.22202,4.35943Q7.93626,4.55036,7.66021,4.75509Q7.38416,4.95982,7.11849,5.17785Q6.85282,5.39588,6.59817,5.62668Q6.34352,5.85749,6.1005,6.1005Q5.85749,6.34352,5.62668,6.59817Q5.39588,6.85282,5.17785,7.11849Q4.95982,7.38416,4.75509,7.66021Q4.55036,7.93626,4.35942,8.22202Q4.16849,8.50778,3.9918,8.80256Q3.81511,9.09735,3.6531,9.40044Q3.49109,9.70354,3.34415,10.0142Q3.19721,10.3249,3.06569,10.6424Q2.93417,10.96,2.81838,11.2835Q2.7026,11.6071,2.60283,11.936Q2.50307,12.2649,2.41956,12.5983Q2.33605,12.9317,2.26901,13.2687Q2.20196,13.6058,2.15153,13.9458Q2.1011,14.2857,2.06741,14.6278Q2.03373,14.9698,2.01686,15.3131Q2,15.6563,2,16Q2,16.3437,2.01686,16.6869Q2.03373,17.0302,2.06741,17.3722Q2.1011,17.7143,2.15153,18.0542Q2.20196,18.3942,2.26901,18.7313Q2.33605,19.0683,2.41956,19.4017Q2.50307,19.7351,2.60283,20.064Q2.7026,20.3929,2.81838,20.7165Q2.93417,21.04,3.06569,21.3576Q3.19721,21.6751,3.34415,21.9858Q3.49109,22.2965,3.6531,22.5996Q3.81511,22.9027,3.9918,23.1974Q4.16849,23.4922,4.35943,23.778Q4.55036,24.0637,4.75509,24.3398Q4.95982,24.6158,5.17785,24.8815Q5.39588,25.1472,5.62668,25.4018Q5.85749,25.6565,6.1005,25.8995Q6.34352,26.1425,6.59817,26.3733Q6.85282,26.6041,7.11849,26.8221Q7.38416,27.0402,7.66021,27.2449Q7.93626,27.4496,8.22202,27.6406Q8.50778,27.8315,8.80256,28.0082Q9.09735,28.1849,9.40044,28.3469Q9.70354,28.5089,10.0142,28.6558Q10.3249,28.8028,10.6424,28.9343Q10.96,29.0658,11.2835,29.1816Q11.6071,29.2974,11.936,29.3972Q12.2649,29.4969,12.5983,29.5804Q12.9317,29.6639,13.2687,29.731Q13.6058,29.798,13.9458,29.8485Q14.2857,29.8989,14.6278,29.9326Q14.9698,29.9663,15.3131,29.9831Q15.6563,30,16,30Q16.3437,30,16.6869,29.9831Q17.0302,29.9663,17.3722,29.9326Q17.7143,29.8989,18.0542,29.8485Q18.3942,29.798,18.7313,29.731Q19.0683,29.6639,19.4017,29.5804Q19.7351,29.4969,20.064,29.3972Q20.3929,29.2974,20.7165,29.1816Q21.04,29.0658,21.3576,28.9343Q21.6751,28.8028,21.9858,28.6558Q22.2965,28.5089,22.5996,28.3469Q22.9027,28.1849,23.1974,28.0082Q23.4922,27.8315,23.778,27.6406Q24.0637,27.4496,24.3398,27.2449Q24.6158,27.0402,24.8815,26.8221Q25.1472,26.6041,25.4018,26.3733Q25.6565,26.1425,25.8995,25.8995Q26.1425,25.6565,26.3733,25.4018Q26.6041,25.1472,26.8221,24.8815Q27.0402,24.6158,27.2449,24.3398Q27.4496,24.0637,27.6406,23.778Q27.8315,23.4922,28.0082,23.1974Q28.1849,22.9027,28.3469,22.5996Q28.5089,22.2965,28.6558,21.9858Q28.8028,21.6751,28.9343,21.3576Q29.0658,21.04,29.1816,20.7165Q29.2974,20.3929,29.3972,20.064Q29.4969,19.7351,29.5804,19.4017Q29.6639,19.0683,29.731,18.7313Q29.798,18.3942,29.8485,18.0542Q29.8989,17.7143,29.9326,17.3722Q29.9663,17.0302,29.9831,16.6869Q30,16.3437,30,16Z",
+        fillRule: "evenodd",
+        fill: "#001F3E",
+        fillOpacity: "0.12939999997615814"
+      }
+    )), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        className: "stop-icon-ring",
+        d: "M0.0314389,14.9888C-0.00293839,15.54,0.447715,16,1,16C1.55228,16,1.99603,15.5592,2.03459,15.0082C2.52041,8.06666,8.06667,2.52041,15.0082,2.03459C15.5592,1.99603,16,1.55228,16,1C16,0.447715,15.54,-0.00293839,14.9888,0.0314389C6.95774,0.532306,0.532306,6.95774,0.0314389,14.9888Z",
+        fill: "currentColor"
+      }
+    )), /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M10.666666746139526,14.052636746139527C10.666666746139526,12.607906746139527,10.666666746139526,12.085186746139527,10.870121746139526,11.685886746139527C11.049084746139526,11.334648746139527,11.334648746139527,11.049084746139526,11.685886746139527,10.870121746139526C12.085186746139527,10.666666746139526,12.607906746139527,10.666666746139526,14.052636746139527,10.666666746139526L17.947366746139526,10.666666746139526C19.392096746139526,10.666666746139526,19.91481674613953,10.666666746139526,20.314116746139526,10.870121746139526C20.665356746139526,11.049084746139526,20.950866746139525,11.334648746139527,21.129866746139527,11.685886746139527C21.333366746139525,12.085186746139527,21.333366746139525,12.607906746139527,21.333366746139525,14.052636746139527L21.333366746139525,17.947366746139526C21.333366746139525,19.392096746139526,21.333366746139525,19.91481674613953,21.129866746139527,20.314116746139526C20.950866746139525,20.665356746139526,20.665346746139527,20.950866746139525,20.314116746139526,21.129866746139527C19.91481674613953,21.333366746139525,19.392096746139526,21.333366746139525,17.947366746139526,21.333366746139525L14.052636746139527,21.333366746139525C12.607906746139527,21.333366746139525,12.085186746139527,21.333366746139525,11.685886746139527,21.129866746139527C11.334648746139527,20.950866746139525,11.049084746139526,20.665346746139527,10.870121746139526,20.314116746139526C10.666666746139526,19.91481674613953,10.666666746139526,19.392096746139526,10.666666746139526,17.947366746139526L10.666666746139526,14.052636746139527Z",
+        fill: "currentColor"
+      }
+    )))
+  );
+}
+export {
+  StopIcon
+};

package/dist/AgentRunBar/icons/index.d.ts

@@ -0,0 +1,6 @@
+export * from './PauseIcon';
+export * from './PlayIcon';
+export * from './StopIcon';
+export * from './SimplePauseIcon';
+export * from './SimplePlayIcon';
+export * from './SimpleStopIcon';

package/dist/AgentRunBar/icons/index.js

@@ -0,0 +1,7 @@
+// src/AgentRunBar/icons/index.ts
+export * from "./PauseIcon";
+export * from "./PlayIcon";
+export * from "./StopIcon";
+export * from "./SimplePauseIcon";
+export * from "./SimplePlayIcon";
+export * from "./SimpleStopIcon";