@lobehub/ui 1.6.1 → 1.7.1

package/lib/Conversation/InputArea/ActionBar.js

@@ -0,0 +1,97 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Conversation/InputArea/ActionBar.tsx
+var ActionBar_exports = {};
+__export(ActionBar_exports, {
+  ActionBar: () => ActionBar,
+  default: () => ActionBar_default
+});
+module.exports = __toCommonJS(ActionBar_exports);
+var import_antd_style = require("antd-style");
+var import_react = require("react");
+var import_react_layout_kit = require("react-layout-kit");
+var import_shallow = require("zustand/shallow");
+var import_ActionIcon = __toESM(require("../../ActionIcon"));
+var import_antd = require("antd");
+var import_lucide_react = require("lucide-react");
+var import_store = require("../../Chat/store");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => ({
+  extra: css`
+    color: ${token.colorTextTertiary};
+  `
+}));
+var ActionBar = () => {
+  const [totalToken, agentToken, messagesToken, dispatchMessage] = (0, import_store.useStore)(
+    (s) => [
+      import_store.chatSelectors.totalTokenCount(s),
+      import_store.chatSelectors.agentTokenCount(s),
+      import_store.chatSelectors.messagesTokenCount(s),
+      s.dispatchMessage
+    ],
+    import_shallow.shallow
+  );
+  const { styles, theme } = useStyles();
+  return totalToken > 0 ? /* @__PURE__ */ React.createElement(import_antd.ConfigProvider, { theme: { token: { colorText: theme.colorTextSecondary } } }, /* @__PURE__ */ React.createElement(
+    import_react_layout_kit.Flexbox,
+    {
+      align: "center",
+      direction: "horizontal-reverse",
+      paddingInline: 12,
+      className: styles.extra,
+      gap: 8
+    },
+    /* @__PURE__ */ React.createElement(
+      import_antd.Popconfirm,
+      {
+        title: "你即将要清空会话，清空后将无法找回。是否清空当前会话？",
+        okButtonProps: { danger: true },
+        okText: "清空会话",
+        onConfirm: () => {
+          dispatchMessage({ type: "resetMessages" });
+        }
+      },
+      /* @__PURE__ */ React.createElement(import_ActionIcon.default, { title: "清空当前会话", size: "small", icon: import_lucide_react.EraserIcon })
+    ),
+    /* @__PURE__ */ React.createElement(
+      import_antd.Tooltip,
+      {
+        title: [
+          agentToken > 0 ? `角色定义: ${agentToken}` : null,
+          messagesToken > 0 ? `会话: ${messagesToken}` : null
+        ].filter(Boolean).join("  |  ")
+      },
+      /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 4 }, " Tokens: ", totalToken)
+    )
+  )) : null;
+};
+var ActionBar_default = (0, import_react.memo)(ActionBar);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionBar
+});

package/lib/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/lib/Conversation/InputArea/index.js

@@ -0,0 +1,149 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Conversation/InputArea/index.tsx
+var InputArea_exports = {};
+__export(InputArea_exports, {
+  InputArea: () => InputArea,
+  default: () => InputArea_default
+});
+module.exports = __toCommonJS(InputArea_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_antd_style = require("antd-style");
+var import_react = require("react");
+var import_react_layout_kit = require("react-layout-kit");
+var import_shallow = require("zustand/shallow");
+var import_store = require("../../Chat/store");
+var import_ActionBar = __toESM(require("./ActionBar"));
+var useStyles = (0, import_antd_style.createStyles)(({ css, responsive, token }) => ({
+  container: css`
+    position: sticky;
+    z-index: ${token.zIndexPopupBase};
+    bottom: 0;
+
+    width: ${token.contentWidth}px;
+    padding-top: 12px;
+    padding-bottom: 24px;
+
+    background-image: linear-gradient(to top, ${token.colorBgLayout} 88%, transparent 100%);
+
+    ${responsive.mobile} {
+      width: 100%;
+    }
+  `,
+  boxShadow: css`
+    position: relative;
+    border-radius: 8px;
+    box-shadow: ${token.boxShadowSecondary};
+  `,
+  input: css`
+    width: 100%;
+    border-radius: 8px;
+  `,
+  btn: css`
+    position: absolute;
+    z-index: 10;
+    right: 8px;
+    bottom: 8px;
+
+    color: ${token.colorTextTertiary};
+    &:hover {
+      color: ${token.colorTextSecondary};
+    }
+  `,
+  extra: css`
+    color: ${token.colorTextTertiary};
+  `
+}));
+var InputArea = ({}) => {
+  const [message, sendMessage, isLoading, disabled] = (0, import_store.useStore)(
+    (s) => [s.message, s.sendMessage, s.loading, import_store.chatSelectors.disableInput(s)],
+    import_shallow.shallow
+  );
+  const isChineseInput = (0, import_react.useRef)(false);
+  const { styles, theme } = useStyles();
+  const { mobile } = (0, import_antd_style.useResponsive)();
+  const storeApi = (0, import_store.useStoreApi)();
+  return /* @__PURE__ */ React.createElement(
+    import_antd.ConfigProvider,
+    {
+      theme: {
+        token: {
+          borderRadius: 4,
+          fontSize: 16,
+          colorBgContainer: theme.colorBgElevated,
+          controlHeightLG: 48,
+          colorBorder: "transparent",
+          colorPrimaryHover: "transparent"
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 8, className: styles.container }, /* @__PURE__ */ React.createElement(import_ActionBar.default, null), /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8, align: "center", className: styles.boxShadow }, /* @__PURE__ */ React.createElement(
+      import_antd.Input.TextArea,
+      {
+        size: "large",
+        value: message,
+        placeholder: "请输入内容...",
+        onChange: (e) => {
+          storeApi.setState({ message: e.target.value });
+        },
+        disabled,
+        autoSize: { maxRows: 8 },
+        onCompositionStart: () => {
+          isChineseInput.current = true;
+        },
+        onCompositionEnd: () => {
+          isChineseInput.current = false;
+        },
+        className: styles.input,
+        onPressEnter: (e) => {
+          if (!isLoading && !e.shiftKey && !isChineseInput.current) {
+            e.preventDefault();
+            sendMessage();
+          }
+        }
+      }
+    ), mobile ? null : /* @__PURE__ */ React.createElement(
+      import_antd.Button,
+      {
+        disabled,
+        loading: isLoading,
+        type: "text",
+        className: styles.btn,
+        onClick: sendMessage,
+        icon: /* @__PURE__ */ React.createElement(import_icons.SendOutlined, null)
+      }
+    )))
+  );
+};
+var InputArea_default = (0, import_react.memo)(InputArea);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputArea
+});

package/lib/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/lib/Conversation/StoreUpdater.js

@@ -0,0 +1,54 @@
+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/Conversation/StoreUpdater.tsx
+var StoreUpdater_exports = {};
+__export(StoreUpdater_exports, {
+  default: () => StoreUpdater_default
+});
+module.exports = __toCommonJS(StoreUpdater_exports);
+var import_zustand_utils = require("zustand-utils");
+var import_store = require("../Chat/store");
+var StoreUpdater = ({
+  updateAt,
+  createAt,
+  title,
+  description,
+  agent,
+  messages,
+  onAgentChange,
+  onMessagesChange,
+  onResponseFinished,
+  onResponseStart
+}) => {
+  const useStoreUpdater = (0, import_zustand_utils.createStoreUpdater)((0, import_store.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;
+};
+var StoreUpdater_default = StoreUpdater;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/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/lib/Conversation/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Conversation/index.tsx
+var Conversation_exports = {};
+__export(Conversation_exports, {
+  default: () => Conversation_default
+});
+module.exports = __toCommonJS(Conversation_exports);
+var import_react = require("react");
+var import_store = require("../Chat/store");
+var import_App = __toESM(require("./App"));
+var import_StoreUpdater = __toESM(require("./StoreUpdater"));
+var Conversation = (0, import_react.memo)(({ readonly, devtools, includeSystem, ...res }) => {
+  const ref = (0, import_react.useRef)(() => (0, import_store.createChatStore)(devtools));
+  return /* @__PURE__ */ React.createElement(import_store.Provider, { createStore: ref.current }, /* @__PURE__ */ React.createElement(import_App.default, { includeSystem, readonly }), /* @__PURE__ */ React.createElement(import_StoreUpdater.default, { ...res }));
+});
+var Conversation_default = Conversation;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/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/lib/EditableMessageList/index.js

@@ -0,0 +1,124 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/EditableMessageList/index.tsx
+var EditableMessageList_exports = {};
+__export(EditableMessageList_exports, {
+  EditableMessageList: () => EditableMessageList,
+  default: () => EditableMessageList_default
+});
+module.exports = __toCommonJS(EditableMessageList_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
+var import_react = require("react");
+var import_react_layout_kit = require("react-layout-kit");
+var import_ActionIcon = __toESM(require("../ActionIcon"));
+var import_Chat = require("../Chat");
+var import_ControlInput = require("../components/ControlInput");
+var import_lucide_react = require("lucide-react");
+var EditableMessageList = (0, import_react.memo)(
+  ({ disabled, dataSources, onChange }) => {
+    const [chatMessages, dispatch] = (0, import_react.useReducer)(import_Chat.messagesReducer, dataSources);
+    (0, import_react.useEffect)(() => {
+      if (!(0, import_fast_deep_equal.default)(dataSources, chatMessages)) {
+        onChange == null ? void 0 : onChange(chatMessages);
+      }
+    }, [chatMessages]);
+    return !dataSources ? null : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 12 }, chatMessages.map((item, index) => /* @__PURE__ */ React.createElement(
+      import_react_layout_kit.Flexbox,
+      {
+        horizontal: true,
+        gap: 8,
+        width: "100%",
+        align: "center",
+        key: `${index}-${item.content}`
+      },
+      /* @__PURE__ */ React.createElement(
+        import_antd.Select,
+        {
+          value: item.role,
+          style: { width: 120 },
+          dropdownStyle: { zIndex: 100 },
+          disabled,
+          onChange: (value) => {
+            dispatch({ type: "updateMessageRole", index, role: value });
+          },
+          options: [
+            { value: "system", label: "系统" },
+            { value: "user", label: "输入" },
+            { value: "assistant", label: "输出" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        import_ControlInput.ControlInput,
+        {
+          disabled,
+          value: item.content,
+          onChange: (e) => {
+            dispatch({ type: "updateMessage", index, message: e });
+          },
+          placeholder: item.role === "user" ? "请填入输入的样例内容" : "请填入输出的样例"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        import_ActionIcon.default,
+        {
+          icon: import_lucide_react.TrashIcon,
+          title: "删除",
+          size: "small",
+          onClick: () => {
+            dispatch({ type: "deleteMessage", index });
+          }
+        }
+      )
+    )), /* @__PURE__ */ React.createElement(
+      import_antd.Button,
+      {
+        block: true,
+        disabled,
+        icon: /* @__PURE__ */ React.createElement(import_icons.PlusOutlined, null),
+        onClick: () => {
+          const lastMeg = chatMessages.at(-1);
+          dispatch({
+            type: "addMessage",
+            message: { role: (lastMeg == null ? void 0 : lastMeg.role) === "user" ? "assistant" : "user", content: "" }
+          });
+        }
+      },
+      "添加一项"
+    ));
+  },
+  import_fast_deep_equal.default
+);
+var EditableMessageList_default = EditableMessageList;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EditableMessageList
+});

package/lib/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/lib/EditableText/index.js

@@ -26,7 +26,7 @@ var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
 var import_react = require("react");
 var import_react_layout_kit = require("react-layout-kit");
-var import_ControlInput = require("./ControlInput");
+var import_ControlInput = require("../components/ControlInput");
 var EditableText = (0, import_react.memo)(({ value, onChange }) => {
   const [edited, setEdited] = (0, import_react.useState)(false);
   return edited ? /* @__PURE__ */ React.createElement(

package/lib/{EditableText → components}/ControlInput.js

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/EditableText/ControlInput.tsx
+// src/components/ControlInput.tsx
 var ControlInput_exports = {};
 __export(ControlInput_exports, {
   ControlInput: () => ControlInput

package/lib/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/lib/index.js

@@ -32,9 +32,11 @@ __export(src_exports, {
   ActionIcon: () => import_ActionIcon.default,
   Avatar: () => import_Avatar.default,
   ContextMenu: () => import_ContextMenu.default,
+  Conversation: () => import_Conversation.default,
   CopyButton: () => import_CopyButton.default,
   DraggablePanel: () => import_DraggablePanel.default,
   EditableMessage: () => import_EditableMessage.default,
+  EditableMessageList: () => import_EditableMessageList.default,
   EditableText: () => import_EditableText.default,
   Highlighter: () => import_Highlighter.default,
   Icon: () => import_Icon.default,
@@ -60,9 +62,11 @@ module.exports = __toCommonJS(src_exports);
 var import_ActionIcon = __toESM(require("./ActionIcon"));
 var import_Avatar = __toESM(require("./Avatar"));
 var import_ContextMenu = __toESM(require("./ContextMenu"));
+var import_Conversation = __toESM(require("./Conversation"));
 var import_CopyButton = __toESM(require("./CopyButton"));
 var import_DraggablePanel = __toESM(require("./DraggablePanel"));
 var import_EditableMessage = __toESM(require("./EditableMessage"));
+var import_EditableMessageList = __toESM(require("./EditableMessageList"));
 var import_EditableText = __toESM(require("./EditableText"));
 var import_Highlighter = __toESM(require("./Highlighter"));
 var import_Icon = __toESM(require("./Icon"));
@@ -85,9 +89,11 @@ var import_Tooltip = __toESM(require("./Tooltip"));
   ActionIcon,
   Avatar,
   ContextMenu,
+  Conversation,
   CopyButton,
   DraggablePanel,
   EditableMessage,
+  EditableMessageList,
   EditableText,
   Highlighter,
   Icon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.6.1",
+  "version": "1.7.1",
   "description": "Lobe UI is an open-source UI component library for building chatbot web apps",
   "keywords": [
     "lobehub",
@@ -65,12 +65,15 @@
   "dependencies": {
     "@ant-design/icons": "^5",
     "@babel/runtime": "^7",
+    "@dqbd/tiktoken": "^1",
     "@floating-ui/react": "^0.24",
     "ahooks": "^3",
     "antd-style": "^3",
     "chroma-js": "^2",
     "copy-to-clipboard": "^3",
     "dayjs": "^1",
+    "fast-deep-equal": "^3",
+    "immer": "^10",
     "leva": "^0.9.34",
     "lodash": "^4",
     "lucide-react": "latest",
@@ -83,8 +86,10 @@
     "remark-gfm": "^3.0.1",
     "shiki-es": "^0.2",
     "styled-components": "^6.0.0-rc.1",
+    "ts-md5": "^1",
     "use-merge-value": "^1",
-    "zustand": "^4"
+    "zustand": "^4",
+    "zustand-utils": "^1"
   },
   "devDependencies": {
     "@ant-design/colors": "^7",