@agentscope-ai/chat 1.1.4

package/dist/conversations/index.d.ts

@@ -0,0 +1,62 @@
+import type { MenuProps } from 'antd';
+import React from 'react';
+import type { Conversation, Groupable } from './interface';
+/**
+ * @desc 会话列表组件参数
+ * @descEN Props for the conversation list component
+ */
+export interface ConversationsProps extends React.HTMLAttributes<HTMLUListElement> {
+    /**
+     * @desc 会话列表数据源
+     * @descEN Data source for the conversation list
+     */
+    items?: Conversation[];
+    /**
+     * @desc 当前选中的值
+     * @descEN Currently selected value
+     */
+    activeKey?: Conversation['key'];
+    /**
+     * @desc 默认选中值
+     * @descEN Default selected value
+     */
+    defaultActiveKey?: Conversation['key'];
+    /**
+     * @desc 选中变更回调
+     * @descEN Callback for selection change
+     */
+    onActiveChange?: (value: string) => void;
+    /**
+     * @desc 会话操作菜单
+     * @descEN Operation menu for conversations
+     */
+    menu?: MenuProps | ((value: Conversation) => MenuProps);
+    /**
+     * @desc 是否支持分组, 开启后默认按 {@link Conversation.group} 字段分组
+     * @descEN If grouping is supported, it defaults to the {@link Conversation.group} field
+     */
+    groupable?: boolean | Groupable;
+    /**
+     * @desc 语义化结构 style
+     * @descEN Semantic structure styles
+     */
+    styles?: Partial<Record<'item', React.CSSProperties>>;
+    /**
+     * @desc 语义化结构 className
+     * @descEN Semantic structure class names
+     */
+    classNames?: Partial<Record<'item', string>>;
+    /**
+     * @desc 自定义前缀
+     * @descEN Prefix
+     */
+    prefixCls?: string;
+    /**
+     * @desc 自定义根类名
+     * @descEN Custom class name
+     */
+    rootClassName?: string;
+}
+declare const Conversations: React.FC<ConversationsProps>;
+export type { Conversation };
+export default Conversations;

package/dist/conversations/index.js

@@ -0,0 +1,124 @@
+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 = ["prefixCls", "rootClassName", "items", "activeKey", "defaultActiveKey", "onActiveChange", "menu", "styles", "classNames", "groupable", "className", "style"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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); }
+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; }
+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 classnames from 'classnames';
+import React from 'react';
+import GroupTitle, { GroupTitleContext } from "./GroupTitle";
+import ConversationsItem from "./Item";
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import { useProviderContext } from "./..";
+import useGroupable from "./hooks/useGroupable";
+import useStyle from "./style";
+import pickAttrs from 'rc-util/lib/pickAttrs';
+
+/**
+ * @desc 会话列表组件参数
+ * @descEN Props for the conversation list component
+ */
+
+var Conversations = function Conversations(props) {
+  var customizePrefixCls = props.prefixCls,
+    rootClassName = props.rootClassName,
+    items = props.items,
+    activeKey = props.activeKey,
+    defaultActiveKey = props.defaultActiveKey,
+    onActiveChange = props.onActiveChange,
+    menu = props.menu,
+    _props$styles = props.styles,
+    styles = _props$styles === void 0 ? {} : _props$styles,
+    _props$classNames = props.classNames,
+    classNames = _props$classNames === void 0 ? {} : _props$classNames,
+    groupable = props.groupable,
+    className = props.className,
+    style = props.style,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var domProps = pickAttrs(restProps, {
+    attr: true,
+    aria: true,
+    data: true
+  });
+
+  // ============================ ActiveKey ============================
+  var _useMergedState = useMergedState(defaultActiveKey, {
+      value: activeKey
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedActiveKey = _useMergedState2[0],
+    setMergedActiveKey = _useMergedState2[1];
+  var _useGroupable = useGroupable(groupable, items),
+    _useGroupable2 = _slicedToArray(_useGroupable, 2),
+    groupList = _useGroupable2[0],
+    enableGroup = _useGroupable2[1];
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls,
+    direction = _useProviderContext.direction;
+  var prefixCls = getPrefixCls('conversations', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var mergedCls = classnames(prefixCls, className, rootClassName, hashId, cssVarCls, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
+  var onConversationItemClick = function onConversationItemClick(info) {
+    setMergedActiveKey(info.key);
+    if (onActiveChange) {
+      onActiveChange(info.key);
+    }
+  };
+
+  // ============================ Render ============================
+  return wrapCSSVar( /*#__PURE__*/React.createElement("ul", _extends({}, domProps, {
+    style: style,
+    className: mergedCls
+  }), groupList.map(function (groupInfo, groupIndex) {
+    var convItems = groupInfo.data.map(function (convInfo, convIndex) {
+      return /*#__PURE__*/React.createElement(ConversationsItem, {
+        key: convInfo.key || "key-".concat(convIndex),
+        info: convInfo,
+        prefixCls: prefixCls,
+        direction: direction,
+        className: classnames(classNames.item),
+        style: styles.item,
+        menu: typeof menu === 'function' ? menu(convInfo) : menu,
+        active: mergedActiveKey === convInfo.key,
+        onClick: onConversationItemClick
+      });
+    });
+
+    // With group to show the title
+    if (enableGroup) {
+      var _groupInfo$title;
+      return /*#__PURE__*/React.createElement("li", {
+        key: groupInfo.name || "key-".concat(groupIndex)
+      }, /*#__PURE__*/React.createElement(GroupTitleContext.Provider, {
+        value: {
+          prefixCls: prefixCls
+        }
+      }, ((_groupInfo$title = groupInfo.title) === null || _groupInfo$title === void 0 ? void 0 : _groupInfo$title.call(groupInfo, groupInfo.name, {
+        components: {
+          GroupTitle: GroupTitle
+        }
+      })) || /*#__PURE__*/React.createElement(GroupTitle, {
+        key: groupInfo.name
+      }, groupInfo.name)), /*#__PURE__*/React.createElement("ul", {
+        className: "".concat(prefixCls, "-list")
+      }, convItems));
+    }
+    return convItems;
+  })));
+};
+if (process.env.NODE_ENV !== 'production') {
+  Conversations.displayName = 'Conversations';
+}
+export default Conversations;

package/dist/conversations/interface.d.ts

@@ -0,0 +1,60 @@
+import type React from 'react';
+import type { AnyObject } from '../_util/type';
+import type { GroupTitleProps } from './GroupTitle';
+type GroupType = string;
+/**
+ * @desc 会话数据
+ * @descEN Conversation data
+ */
+export interface Conversation extends AnyObject {
+    /**
+     * @desc 唯一标识
+     * @descEN Unique identifier
+     */
+    key: string;
+    /**
+     * @desc 会话名称
+     * @descEN Conversation name
+     */
+    label?: React.ReactNode;
+    /**
+     * @desc 会话时间戳
+     * @descEN Conversation timestamp
+     */
+    timestamp?: number;
+    /**
+     * @desc 会话分组类型，与 {@link ConversationsProps.groupable} 联动
+     * @descEN Conversation type
+     */
+    group?: GroupType;
+    /**
+     * @desc 会话图标
+     * @descEN conversation icon
+     */
+    icon?: React.ReactNode;
+    /**
+     * @desc 是否禁用
+     * @descEN Whether to disable
+     */
+    disabled?: boolean;
+}
+export type GroupSorter = Parameters<GroupType[]['sort']>[0];
+export type GroupTitleRenderComponents = {
+    components: {
+        GroupTitle: React.ComponentType<GroupTitleProps>;
+    };
+};
+export type GroupTitleRender = ((group: GroupType, info: GroupTitleRenderComponents) => React.ReactNode) | undefined;
+export interface Groupable {
+    /**
+     * @desc 分组排序函数
+     * @descEN Group sorter
+     */
+    sort?: GroupSorter;
+    /**
+     * @desc 自定义分组标签渲染
+     * @descEN Semantic custom rendering
+     */
+    title?: GroupTitleRender;
+}
+export {};

package/dist/conversations/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/conversations/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { FullToken, GetDefaultToken } from '../../theme/cssinjs-utils';
+export interface ComponentToken {
+}
+export interface ConversationsToken extends FullToken<'Conversations'> {
+}
+export declare const prepareComponentToken: GetDefaultToken<'Conversations'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
+export default _default;

package/dist/conversations/style/index.js

@@ -0,0 +1,80 @@
+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); }
+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 { unit } from '@ant-design/cssinjs';
+import { mergeToken } from '@ant-design/cssinjs-utils';
+import { genStyleHooks } from "../../theme/genStyleUtils";
+
+// biome-ignore lint/suspicious/noEmptyInterface: ComponentToken need to be empty by default
+
+var genConversationsStyle = function genConversationsStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 8,
+    overflowY: 'auto',
+    padding: 0,
+    margin: 0
+  }, "&".concat(componentCls, "-rtl"), {
+    direction: 'rtl'
+  }), "& ".concat(componentCls, "-list"), _defineProperty(_defineProperty({
+    display: 'flex',
+    gap: token.paddingXXS,
+    flexDirection: 'column'
+  }, "& ".concat(componentCls, "-item"), {
+    paddingInlineStart: token.paddingXL
+  }), "& ".concat(componentCls, "-label"), {
+    color: token.colorTextDescription
+  })), "& ".concat(componentCls, "-item"), {
+    display: 'flex',
+    height: token.controlHeightLG,
+    minHeight: token.controlHeightLG,
+    gap: token.paddingXS,
+    padding: "0 ".concat(unit(token.paddingXS)),
+    alignItems: 'center',
+    borderRadius: token.borderRadiusLG,
+    cursor: 'pointer',
+    transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut),
+    // 悬浮样式
+    '&:hover': {
+      backgroundColor: token.colorBgTextHover
+    },
+    // 选中样式
+    '&-active': _defineProperty({
+      backgroundColor: token.colorBgTextHover
+    }, "& ".concat(componentCls, "-label, ").concat(componentCls, "-menu-icon"), {
+      color: token.colorText
+    }),
+    // 禁用样式
+    '&-disabled': _defineProperty({
+      cursor: 'not-allowed'
+    }, "& ".concat(componentCls, "-label"), {
+      color: token.colorTextDisabled
+    }),
+    // 悬浮、选中时激活操作菜单
+    '&:hover, &-active': _defineProperty({}, "& ".concat(componentCls, "-menu-icon"), {
+      opacity: 1
+    })
+  }), "& ".concat(componentCls, "-label"), {
+    flex: 1,
+    color: token.colorText
+  }), "& ".concat(componentCls, "-menu-icon"), {
+    opacity: 0,
+    fontSize: token.fontSizeXL
+  }), "& ".concat(componentCls, "-group-title"), {
+    display: 'flex',
+    alignItems: 'center',
+    height: token.controlHeightLG,
+    minHeight: token.controlHeightLG,
+    padding: "0 ".concat(unit(token.paddingXS))
+  }));
+};
+export var prepareComponentToken = function prepareComponentToken() {
+  return {};
+};
+export default genStyleHooks('Conversations', function (token) {
+  var compToken = mergeToken(token, {});
+  return genConversationsStyle(compToken);
+}, prepareComponentToken);

package/dist/default-cards/Count/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './index.less';
+export default function (props: any): React.JSX.Element;

package/dist/default-cards/Count/index.js

@@ -0,0 +1,16 @@
+import { useProviderContext } from "../..";
+import React from 'react';
+import "./index.less";
+export default function (props) {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-count');
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, props.data.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-item"),
+      key: item[0]
+    }, item[0], "\uFF1A", item[1]);
+  }));
+}

package/dist/default-cards/Count/index.less

@@ -0,0 +1,19 @@
+@import '../../index.less';
+
+
+.@{ant-prefix}-bubble-count {
+  display: flex;
+  font-size: 12px;
+  line-height: 1;
+  padding: 4px 0;
+  color: e('var(--@{ant-prefix}-color-text-quaternary)');
+
+  .@{ant-prefix}-bubble-count-item + .@{ant-prefix}-bubble-count-item {
+    border-left: 1px solid e('var(--@{ant-prefix}-color-text-quaternary)');
+    padding: 0 6px;
+  }
+
+  .@{ant-prefix}-bubble-count-item {
+    padding-right: 6px;
+  }
+}

package/dist/default-cards/DeepThink/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    data: {
+        title?: string;
+        loading?: boolean;
+        content?: string;
+    };
+}
+export default function (props: IProps): React.JSX.Element;
+export {};

package/dist/default-cards/DeepThink/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import "./index.less";
+import { DeepThink } from "../..";
+export default function (props) {
+  return /*#__PURE__*/React.createElement(DeepThink, {
+    defaultOpen: true,
+    title: props.data.title,
+    loading: props.data.loading,
+    content: props.data.content
+  });
+}

package/dist/default-cards/Files/index.d.ts

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

package/dist/default-cards/Files/index.js

@@ -0,0 +1,18 @@
+import { Space } from 'antd';
+import React from 'react';
+import { Attachments } from "../..";
+export default function Files(props) {
+  return /*#__PURE__*/React.createElement(Space, null, props.data.map(function (file, index) {
+    return (
+      /*#__PURE__*/
+      // @ts-ignore
+      React.createElement(Attachments.FileCard, {
+        key: index,
+        item: {
+          name: file.filename,
+          size: file.bytes
+        }
+      })
+    );
+  }));
+}

package/dist/default-cards/Footer/index.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactElement } from 'react';
+import './index.less';
+export default function Footer(props: {
+    data: {
+        left?: React.ReactElement;
+        right?: React.ReactElement;
+    };
+    id: string;
+}): React.JSX.Element;
+export declare function FooterActions(props: {
+    data: {
+        icon: string | ReactElement;
+        label?: string;
+        onClick: () => void;
+    }[];
+}): React.JSX.Element;
+export declare function FooterCount(props: {
+    data: [string | number, string | number][];
+}): React.JSX.Element;

package/dist/default-cards/Footer/index.js

@@ -0,0 +1,50 @@
+import { useProviderContext } from "../..";
+import React from 'react';
+import "./index.less";
+import { Button } from 'antd';
+export default function Footer(props) {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-footer');
+  var _props$data = props.data,
+    left = _props$data.left,
+    right = _props$data.right;
+  if (left && !left.type || right && !right.type) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-left")
+  }, props.data.left), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-right")
+  }, props.data.right));
+}
+export function FooterActions(props) {
+  var _useProviderContext2 = useProviderContext(),
+    getPrefixCls = _useProviderContext2.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-footer-actions');
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, props.data.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(Button, {
+      key: index,
+      size: "small",
+      type: "text",
+      icon: item.icon,
+      onClick: item.onClick
+    });
+  }));
+}
+;
+export function FooterCount(props) {
+  var _useProviderContext3 = useProviderContext(),
+    getPrefixCls = _useProviderContext3.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-footer-count');
+  return /*#__PURE__*/React.createElement("div", {
+    className: prefixCls
+  }, props.data.map(function (item) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-item"),
+      key: item[0]
+    }, item[0], "\uFF1A", item[1]);
+  }));
+}

package/dist/default-cards/Footer/index.less

@@ -0,0 +1,41 @@
+@import '../../index.less';
+
+
+.@{ant-prefix}-bubble-footer {
+  margin-top: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.@{ant-prefix}-bubble-footer-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  &-item {
+    cursor: pointer;
+    color: e('var(--@{ant-prefix}-color-text)');
+  }
+}
+
+.@{ant-prefix}-bubble-footer-count {
+  display: flex;
+  align-items: center;
+
+  &-item {
+    color: e('var(--@{ant-prefix}-color-text-tertiary)');
+    line-height: 1;
+    padding-right: 13px;
+    margin-left: 13px;
+    border-right: 1px solid e('var(--@{ant-prefix}-color-border)');
+    white-space: nowrap;
+
+    &:last-of-type {
+      padding-right: 0;
+      border-right: 0;
+    }
+  }
+}

package/dist/default-cards/Images/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './index.less';
+export default function Files(props: any): React.JSX.Element;

package/dist/default-cards/Images/index.js

@@ -0,0 +1,33 @@
+import { useProviderContext } from "../..";
+import { Space, Image as AntdImage, ConfigProvider } from 'antd';
+import React from 'react';
+import "./index.less";
+function Image(image) {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('bubble-image');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls)
+  }, /*#__PURE__*/React.createElement(AntdImage, {
+    src: image.url,
+    width: 56,
+    height: 56,
+    preview: {
+      transitionName: ''
+    }
+  }));
+}
+export default function Files(props) {
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    locale: {
+      Image: {
+        preview: ''
+      }
+    }
+  }, /*#__PURE__*/React.createElement(Space, null, props.data.map(function (image, index) {
+    return /*#__PURE__*/React.createElement(Image, {
+      key: index,
+      url: image.url
+    });
+  })));
+}

package/dist/default-cards/Images/index.less

@@ -0,0 +1,17 @@
+@import '../../index.less';
+
+
+.@{ant-prefix}-bubble-image {
+  border-radius: 8px;
+  overflow: hidden;
+
+  .@{ant-prefix}-image-img {
+    object-fit: cover;
+  }
+
+  .@{ant-prefix}-image-mask-info {
+    span {
+      margin-inline-end: 0 !important;
+    }
+  }
+}

package/dist/default-cards/Interrupted/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './index.less';
+interface IProps {
+    data: {
+        title?: string;
+        type?: 'error' | 'interrupted';
+        desc?: string;
+    };
+}
+export default function Files(props: IProps): React.JSX.Element;
+export {};

package/dist/default-cards/Interrupted/index.js

@@ -0,0 +1,40 @@
+import { useProviderContext } from "../..";
+import React from 'react';
+import "./index.less";
+import { CloseCircleFilled } from '@ant-design/icons';
+function InterruptedIcon() {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('interrupted');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-header-interrupted")
+  });
+}
+function ErrorIcon() {
+  var _useProviderContext2 = useProviderContext(),
+    getPrefixCls = _useProviderContext2.getPrefixCls;
+  var prefixCls = getPrefixCls('interrupted');
+  return /*#__PURE__*/React.createElement(CloseCircleFilled, {
+    className: "".concat(prefixCls, "-header-error")
+  });
+}
+export default function Files(props) {
+  var _props$data = props.data,
+    _props$data$title = _props$data.title,
+    title = _props$data$title === void 0 ? 'Answers have stopped' : _props$data$title,
+    _props$data$type = _props$data.type,
+    type = _props$data$type === void 0 ? 'interrupted' : _props$data$type,
+    desc = _props$data.desc;
+  var _useProviderContext3 = useProviderContext(),
+    getPrefixCls = _useProviderContext3.getPrefixCls;
+  var prefixCls = getPrefixCls('interrupted');
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-header")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-icon-wrapper")
+  }, type === 'interrupted' ? /*#__PURE__*/React.createElement(InterruptedIcon, null) : /*#__PURE__*/React.createElement(ErrorIcon, null)), /*#__PURE__*/React.createElement("span", null, title)), desc && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-desc")
+  }, desc));
+}