@lobehub/ui 1.6.0 → 1.7.1

package/es/Conversation/ChatList/index.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, FC } from 'react';
+interface ChatListProps {
+    /**
+     * @title 是否只读
+     */
+    readonly?: boolean;
+    /**
+     * @title 是否包含系统消息
+     */
+    includeSystem?: boolean;
+    style?: CSSProperties;
+}
+declare const ChatList: FC<ChatListProps>;
+export default ChatList;

package/es/Conversation/ChatList/index.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { createStyles } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
+import { useStore } from "../../Chat/store";
+import MessageItem from "./MessageItem";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    loading: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 12px;\n    background: ", ";\n    border-radius: 8px;\n  "])), token.colorFillQuaternary),
+    btn: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: ", ";\n    background: transparent;\n    border: 2px solid ", " !important;\n  "])), token.colorTextSecondary, token.colorBorderSecondary)
+  };
+});
+var ChatList = /*#__PURE__*/memo(function (_ref2) {
+  var readonly = _ref2.readonly,
+    _ref2$includeSystem = _ref2.includeSystem,
+    includeSystem = _ref2$includeSystem === void 0 ? false : _ref2$includeSystem,
+    style = _ref2.style;
+  // const [messages, loading] = useStore((s) => [s.messages, s.loading], isEqual);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useStore = useStore(function (s) {
+      return [s.messages, s.loading];
+    }, isEqual),
+    _useStore2 = _slicedToArray(_useStore, 2),
+    messages = _useStore2[0],
+    loading = _useStore2[1];
+  return !messages || messages.length === 0 ? null : /*#__PURE__*/_jsxs(Flexbox, {
+    gap: 8,
+    style: style,
+    children: [messages
+    // 根据情况确认是否包含系统
+    .filter(function (s) {
+      return !includeSystem ? s.role !== 'system' : !!s;
+    }).map(function (item, index) {
+      return /*#__PURE__*/_jsx(MessageItem, _objectSpread({
+        readonly: readonly,
+        index: index
+      }, item), index);
+    }), loading ? /*#__PURE__*/_jsx(Center, {
+      id: 'for-loading',
+      className: styles.loading,
+      children: /*#__PURE__*/_jsxs(Flexbox, {
+        horizontal: true,
+        distribution: 'space-between',
+        align: 'center',
+        gap: 24,
+        children: [/*#__PURE__*/_jsx("div", {}), "\u6B63\u5728\u751F\u6210...", /*#__PURE__*/_jsx("div", {})]
+      })
+    }) : null]
+  });
+});
+export default ChatList;

package/es/Conversation/InputArea/ActionBar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ActionBar: () => import("react/jsx-runtime").JSX.Element | null;
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | null>;
+export default _default;

package/es/Conversation/InputArea/ActionBar.js

@@ -0,0 +1,71 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { shallow } from 'zustand/shallow';
+import IconAction from "../../ActionIcon";
+import { ConfigProvider, Popconfirm, Tooltip } from 'antd';
+import { EraserIcon } from 'lucide-react';
+import { chatSelectors, useStore } from "../../Chat/store";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    extra: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextTertiary)
+  };
+});
+export var ActionBar = function ActionBar() {
+  var _useStore = useStore(function (s) {
+      return [chatSelectors.totalTokenCount(s), chatSelectors.agentTokenCount(s), chatSelectors.messagesTokenCount(s), s.dispatchMessage];
+    }, shallow),
+    _useStore2 = _slicedToArray(_useStore, 4),
+    totalToken = _useStore2[0],
+    agentToken = _useStore2[1],
+    messagesToken = _useStore2[2],
+    dispatchMessage = _useStore2[3];
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  return totalToken > 0 ? /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorText: theme.colorTextSecondary
+      }
+    },
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      direction: 'horizontal-reverse',
+      paddingInline: 12,
+      className: styles.extra,
+      gap: 8,
+      children: [/*#__PURE__*/_jsx(Popconfirm, {
+        title: '你即将要清空会话，清空后将无法找回。是否清空当前会话？',
+        okButtonProps: {
+          danger: true
+        },
+        okText: '清空会话',
+        onConfirm: function onConfirm() {
+          dispatchMessage({
+            type: 'resetMessages'
+          });
+        },
+        children: /*#__PURE__*/_jsx(IconAction, {
+          title: '清空当前会话',
+          size: 'small',
+          icon: EraserIcon
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: [agentToken > 0 ? "\u89D2\u8272\u5B9A\u4E49: ".concat(agentToken) : null, messagesToken > 0 ? "\u4F1A\u8BDD: ".concat(messagesToken) : null].filter(Boolean).join('  |  '),
+        children: /*#__PURE__*/_jsxs(Flexbox, {
+          gap: 4,
+          children: [" Tokens: ", totalToken]
+        })
+      })]
+    })
+  }) : null;
+};
+export default /*#__PURE__*/memo(ActionBar);

package/es/Conversation/InputArea/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const InputArea: ({}: {}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<({}: {}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/es/Conversation/InputArea/index.js

@@ -0,0 +1,101 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { SendOutlined } from '@ant-design/icons';
+import { Button, ConfigProvider, Input } from 'antd';
+import { createStyles, useResponsive } from 'antd-style';
+import { memo, useRef } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { shallow } from 'zustand/shallow';
+import { chatSelectors, useStore, useStoreApi } from "../../Chat/store";
+import ActionBar from "./ActionBar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    responsive = _ref.responsive,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: sticky;\n    z-index: ", ";\n    bottom: 0;\n\n    width: ", "px;\n    padding-top: 12px;\n    padding-bottom: 24px;\n\n    background-image: linear-gradient(to top, ", " 88%, transparent 100%);\n\n    ", " {\n      width: 100%;\n    }\n  "])), token.zIndexPopupBase, token.contentWidth, token.colorBgLayout, responsive.mobile),
+    boxShadow: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n    border-radius: 8px;\n    box-shadow: ", ";\n  "])), token.boxShadowSecondary),
+    input: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    border-radius: 8px;\n  "]))),
+    btn: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: absolute;\n    z-index: 10;\n    right: 8px;\n    bottom: 8px;\n\n    color: ", ";\n    &:hover {\n      color: ", ";\n    }\n  "])), token.colorTextTertiary, token.colorTextSecondary),
+    extra: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextTertiary)
+  };
+});
+export var InputArea = function InputArea(_ref2) {
+  _objectDestructuringEmpty(_ref2);
+  var _useStore = useStore(function (s) {
+      return [s.message, s.sendMessage, s.loading, chatSelectors.disableInput(s)];
+    }, shallow),
+    _useStore2 = _slicedToArray(_useStore, 4),
+    message = _useStore2[0],
+    sendMessage = _useStore2[1],
+    isLoading = _useStore2[2],
+    disabled = _useStore2[3];
+  var isChineseInput = useRef(false);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var storeApi = useStoreApi();
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        borderRadius: 4,
+        fontSize: 16,
+        colorBgContainer: theme.colorBgElevated,
+        controlHeightLG: 48,
+        colorBorder: 'transparent',
+        colorPrimaryHover: 'transparent'
+      }
+    },
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      gap: 8,
+      className: styles.container,
+      children: [/*#__PURE__*/_jsx(ActionBar, {}), /*#__PURE__*/_jsxs(Flexbox, {
+        horizontal: true,
+        gap: 8,
+        align: 'center',
+        className: styles.boxShadow,
+        children: [/*#__PURE__*/_jsx(Input.TextArea, {
+          size: 'large',
+          value: message,
+          placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9...",
+          onChange: function onChange(e) {
+            storeApi.setState({
+              message: e.target.value
+            });
+          },
+          disabled: disabled,
+          autoSize: {
+            maxRows: 8
+          },
+          onCompositionStart: function onCompositionStart() {
+            isChineseInput.current = true;
+          },
+          onCompositionEnd: function onCompositionEnd() {
+            isChineseInput.current = false;
+          },
+          className: styles.input,
+          onPressEnter: function onPressEnter(e) {
+            if (!isLoading && !e.shiftKey && !isChineseInput.current) {
+              e.preventDefault();
+              sendMessage();
+            }
+          }
+        }), mobile ? null : /*#__PURE__*/_jsx(Button, {
+          disabled: disabled,
+          loading: isLoading,
+          type: "text",
+          className: styles.btn,
+          onClick: sendMessage,
+          icon: /*#__PURE__*/_jsx(SendOutlined, {})
+        })]
+      })]
+    })
+  });
+};
+export default /*#__PURE__*/memo(InputArea);

package/es/Conversation/StoreUpdater.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { InternalChatContext } from '../Chat/types';
+import { ChatStore } from '../Chat/store';
+export interface StoreUpdaterProps extends Partial<InternalChatContext>, Pick<ChatStore, 'onMessagesChange' | 'onAgentChange' | 'onResponseFinished' | 'onResponseStart'> {
+}
+declare const StoreUpdater: FC<StoreUpdaterProps>;
+export default StoreUpdater;

package/es/Conversation/StoreUpdater.js

@@ -0,0 +1,27 @@
+import { createStoreUpdater } from 'zustand-utils';
+import { useStoreApi } from "../Chat/store";
+var StoreUpdater = function StoreUpdater(_ref) {
+  var updateAt = _ref.updateAt,
+    createAt = _ref.createAt,
+    title = _ref.title,
+    description = _ref.description,
+    agent = _ref.agent,
+    messages = _ref.messages,
+    onAgentChange = _ref.onAgentChange,
+    onMessagesChange = _ref.onMessagesChange,
+    onResponseFinished = _ref.onResponseFinished,
+    onResponseStart = _ref.onResponseStart;
+  var useStoreUpdater = createStoreUpdater(useStoreApi());
+  useStoreUpdater('agent', agent);
+  useStoreUpdater('onAgentChange', onAgentChange);
+  useStoreUpdater('messages', messages);
+  useStoreUpdater('onMessagesChange', onMessagesChange);
+  useStoreUpdater('onResponseFinished', onResponseFinished);
+  useStoreUpdater('onResponseStart', onResponseStart);
+  useStoreUpdater('title', title);
+  useStoreUpdater('description', description);
+  useStoreUpdater('createAt', createAt);
+  useStoreUpdater('updateAt', updateAt);
+  return null;
+};
+export default StoreUpdater;

package/es/Conversation/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { AppProps } from './App';
+import { StoreUpdaterProps } from './StoreUpdater';
+export interface ConversationProps extends StoreUpdaterProps, AppProps {
+    devtools?: boolean;
+}
+declare const Conversation: import("react").NamedExoticComponent<ConversationProps>;
+export default Conversation;

package/es/Conversation/index.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["readonly", "devtools", "includeSystem"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { memo, useRef } from 'react';
+import { Provider, createChatStore } from "../Chat/store";
+import ChatContainer from "./App";
+import StoreUpdater from "./StoreUpdater";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Conversation = /*#__PURE__*/memo(function (_ref) {
+  var readonly = _ref.readonly,
+    devtools = _ref.devtools,
+    includeSystem = _ref.includeSystem,
+    res = _objectWithoutProperties(_ref, _excluded);
+  var ref = useRef(function () {
+    return createChatStore(devtools);
+  });
+  return /*#__PURE__*/_jsxs(Provider, {
+    createStore: ref.current,
+    children: [/*#__PURE__*/_jsx(ChatContainer, {
+      includeSystem: includeSystem,
+      readonly: readonly
+    }), /*#__PURE__*/_jsx(StoreUpdater, _objectSpread({}, res))]
+  });
+});
+export default Conversation;

package/es/EditableMessageList/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ChatMessage } from "../Chat";
+export interface EditableMessageListProps {
+    dataSources: ChatMessage[];
+    onChange?: (chatMessages: ChatMessage[]) => void;
+    disabled?: boolean;
+}
+export declare const EditableMessageList: import("react").NamedExoticComponent<EditableMessageListProps>;
+export default EditableMessageList;

package/es/EditableMessageList/index.js

@@ -0,0 +1,101 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { PlusOutlined } from '@ant-design/icons';
+import { Button, Select } from 'antd';
+import isEqual from 'fast-deep-equal';
+import { memo, useEffect, useReducer } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import IconAction from "../ActionIcon";
+import { messagesReducer } from "../Chat";
+import { ControlInput } from "../components/ControlInput";
+import { TrashIcon } from 'lucide-react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var EditableMessageList = /*#__PURE__*/memo(function (_ref) {
+  var disabled = _ref.disabled,
+    dataSources = _ref.dataSources,
+    onChange = _ref.onChange;
+  var _useReducer = useReducer(messagesReducer, dataSources),
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    chatMessages = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  useEffect(function () {
+    if (!isEqual(dataSources, chatMessages)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(chatMessages);
+    }
+  }, [chatMessages]);
+  return !dataSources ? null : /*#__PURE__*/_jsxs(Flexbox, {
+    gap: 12,
+    children: [chatMessages.map(function (item, index) {
+      return /*#__PURE__*/_jsxs(Flexbox, {
+        horizontal: true,
+        gap: 8,
+        width: '100%',
+        align: 'center',
+        children: [/*#__PURE__*/_jsx(Select, {
+          value: item.role,
+          style: {
+            width: 120
+          },
+          dropdownStyle: {
+            zIndex: 100
+          },
+          disabled: disabled,
+          onChange: function onChange(value) {
+            dispatch({
+              type: 'updateMessageRole',
+              index: index,
+              role: value
+            });
+          },
+          options: [{
+            value: 'system',
+            label: '系统'
+          }, {
+            value: 'user',
+            label: '输入'
+          }, {
+            value: 'assistant',
+            label: '输出'
+          }]
+        }), /*#__PURE__*/_jsx(ControlInput, {
+          disabled: disabled,
+          value: item.content,
+          onChange: function onChange(e) {
+            dispatch({
+              type: 'updateMessage',
+              index: index,
+              message: e
+            });
+          },
+          placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例'
+        }), /*#__PURE__*/_jsx(IconAction, {
+          icon: TrashIcon,
+          title: '删除',
+          size: 'small',
+          onClick: function onClick() {
+            dispatch({
+              type: 'deleteMessage',
+              index: index
+            });
+          }
+        })]
+      }, "".concat(index, "-").concat(item.content));
+    }), /*#__PURE__*/_jsx(Button, {
+      block: true,
+      disabled: disabled,
+      icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+      onClick: function onClick() {
+        var lastMeg = chatMessages.at(-1);
+        dispatch({
+          type: 'addMessage',
+          message: {
+            role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user',
+            content: ''
+          }
+        });
+      },
+      children: "\u6DFB\u52A0\u4E00\u9879"
+    })]
+  });
+}, isEqual);
+export default EditableMessageList;

package/es/EditableText/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ControlInputProps } from './ControlInput';
+import { ControlInputProps } from "../components/ControlInput";
 export declare type EditableTextProps = ControlInputProps;
 declare const EditableText: import("react").NamedExoticComponent<ControlInputProps>;
 export default EditableText;

package/es/EditableText/index.js

@@ -3,7 +3,7 @@ import { EditOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import { memo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { ControlInput } from "./ControlInput";
+import { ControlInput } from "../components/ControlInput";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var EditableText = /*#__PURE__*/memo(function (_ref) {

package/es/Snippet/style.js

@@ -5,5 +5,5 @@ import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref, type) {
   var css = _ref.css,
     token = _ref.token;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      max-width: 100%;\n      position: relative;\n      align-items: center;\n      border-radius: ", "px;\n      gap: 8px;\n      padding: 0 8px;\n      height: 36px;\n      transition:  background-color 100ms ", ";\n\n      ", "\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      .ant-highlighter-shiki {\n        overflow: auto;\n        flex: 1;\n      }\n      .prism-code {\n        background: none !important;\n      }\n\n      pre {\n        background: none !important;\n        padding-top: 6px; !important;\n        margin: 0 !important;\n        line-height: 1;\n      }\n      code[class*='language-'] {\n        background: none !important;\n      }\n    "])), token.borderRadius, token.motionEaseOut, type === 'block' ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              background-color: ", ";\n            "])), rgba(token.colorBgElevated, 0.6)) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              border: 1px solid ", ";\n            "])), token.colorBorder), token.colorFillTertiary);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      max-width: 100%;\n      position: relative;\n      align-items: center;\n      border-radius: ", "px;\n      gap: 8px;\n      padding: 0 8px 0 12px;\n      height: 36px;\n      transition:  background-color 100ms ", ";\n\n      ", "\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      .ant-highlighter-shiki {\n        overflow: auto;\n        flex: 1;\n      }\n      .prism-code {\n        background: none !important;\n      }\n\n      pre {\n        background: none !important;\n        padding-top: 6px; !important;\n        margin: 0 !important;\n        line-height: 1;\n      }\n      code[class*='language-'] {\n        background: none !important;\n      }\n    "])), token.borderRadius, token.motionEaseOut, type === 'block' ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              background-color: ", ";\n            "])), rgba(token.colorBgElevated, 0.6)) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              border: 1px solid ", ";\n            "])), token.colorBorder), token.colorFillTertiary);
 });

package/es/index.d.ts

@@ -1,9 +1,12 @@
 export { default as ActionIcon, type ActionIconProps, type ActionIconSize } from './ActionIcon';
 export { default as Avatar, type AvatarProps } from './Avatar';
+export type { ChatMessage } from './Chat';
 export { default as ContextMenu, type ContextMenuProps } from './ContextMenu';
+export { default as Conversation, type ConversationProps } from './Conversation';
 export { default as CopyButton, type CopyButtonProps } from './CopyButton';
 export { default as DraggablePanel, type DraggablePanelProps } from './DraggablePanel';
 export { default as EditableMessage, type EditableMessageProps } from './EditableMessage';
+export { default as EditableMessageList, type EditableMessageListProps, } from './EditableMessageList';
 export { default as EditableText, type EditableTextProps } from './EditableText';
 export { default as Highlighter, SyntaxHighlighter, type HighlighterProps, type SyntaxHighlighterProps, } from './Highlighter';
 export { default as Icon, type IconProps, type IconSize } from './Icon';

package/es/index.js

@@ -1,9 +1,11 @@
 export { default as ActionIcon } from "./ActionIcon";
 export { default as Avatar } from "./Avatar";
 export { default as ContextMenu } from "./ContextMenu";
+export { default as Conversation } from "./Conversation";
 export { default as CopyButton } from "./CopyButton";
 export { default as DraggablePanel } from "./DraggablePanel";
 export { default as EditableMessage } from "./EditableMessage";
+export { default as EditableMessageList } from "./EditableMessageList";
 export { default as EditableText } from "./EditableText";
 export { default as Highlighter, SyntaxHighlighter } from "./Highlighter";
 export { default as Icon } from "./Icon";

package/lib/Chat/const.d.ts

@@ -0,0 +1 @@
+export declare const LOADING_FLAT = "...";

package/lib/Chat/const.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Chat/const.ts
+var const_exports = {};
+__export(const_exports, {
+  LOADING_FLAT: () => LOADING_FLAT
+});
+module.exports = __toCommonJS(const_exports);
+var LOADING_FLAT = "...";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LOADING_FLAT
+});

package/lib/Chat/index.d.ts

@@ -0,0 +1,2 @@
+export { messagesReducer } from './store';
+export * from './types';

package/lib/Chat/index.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Chat/index.ts
+var Chat_exports = {};
+__export(Chat_exports, {
+  messagesReducer: () => import_store.messagesReducer
+});
+module.exports = __toCommonJS(Chat_exports);
+var import_store = require("./store");
+__reExport(Chat_exports, require("./types"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messagesReducer
+});

package/lib/Chat/store/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { StoreApi } from 'zustand';
+import { ChatStore } from './store';
+export declare const createChatStore: (showDevtools?: boolean) => import("zustand").UseBoundStore<Omit<StoreApi<ChatStore>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;
+export declare const Provider: ({ createStore, children }: {
+    createStore: () => StoreApi<ChatStore>;
+    children: any;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<StoreApi<ChatStore> | undefined>>, useStore: import("zustand-utils").UseContextStore<StoreApi<ChatStore>>, useStoreApi: () => {
+    setState: (partial: ChatStore | Partial<ChatStore> | ((state: ChatStore) => ChatStore | Partial<ChatStore>), replace?: boolean | undefined) => void;
+    getState: () => ChatStore;
+    subscribe: (listener: (state: ChatStore, prevState: ChatStore) => void) => () => void;
+    destroy: () => void;
+};
+export { messagesReducer, type MessageDispatch } from './messageReducer';
+export * from './selectors';
+export type { ChatStore } from './store';

package/lib/Chat/store/index.js

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Chat/store/index.ts
+var store_exports = {};
+__export(store_exports, {
+  Provider: () => Provider,
+  createChatStore: () => createChatStore,
+  messagesReducer: () => import_messageReducer.messagesReducer,
+  useStore: () => useStore,
+  useStoreApi: () => useStoreApi
+});
+module.exports = __toCommonJS(store_exports);
+var import_zustand = require("zustand");
+var import_zustand_utils = require("zustand-utils");
+var import_store = require("./store");
+var import_messageReducer = require("./messageReducer");
+__reExport(store_exports, require("./selectors"), module.exports);
+var createChatStore = (showDevtools = false) => (0, import_zustand.create)()((0, import_zustand_utils.optionalDevtools)(showDevtools)(import_store.createStore, { name: "CHAT_COMPONENT" }));
+var { Provider, useStore, useStoreApi } = (0, import_zustand_utils.createContext)();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Provider,
+  createChatStore,
+  messagesReducer,
+  useStore,
+  useStoreApi
+});