@lobehub/ui 1.6.0 → 1.7.1

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

@@ -0,0 +1,28 @@
+import { ChatMessage, InternalChatContext, OpenAIRequestParams } from '../types';
+export interface ChatState extends InternalChatContext {
+    /**
+     * @title 消息
+     * @type {string}
+     */
+    message: string;
+    /**
+     * @title 加载状态
+     * @type {boolean}
+     */
+    loading: boolean;
+    /**
+     * @title 改变系统角色状态
+     * @type {boolean}
+     */
+    changingSystemRole: boolean;
+    /**
+     * 编辑中的消息 id
+     */
+    editingMessageId?: number | null;
+    onMessagesChange?: (messages: ChatMessage[]) => void;
+    onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
+    onResponseFinished?: (session: any) => void;
+    onAgentChange?: (agent: any, type: 'update' | 'remove') => void;
+    request?: (params: OpenAIRequestParams) => Promise<Response>;
+}
+export declare const initialState: ChatState;

package/lib/Chat/store/initialState.js

@@ -0,0 +1,37 @@
+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/store/initialState.ts
+var initialState_exports = {};
+__export(initialState_exports, {
+  initialState: () => initialState
+});
+module.exports = __toCommonJS(initialState_exports);
+var initialState = {
+  message: "",
+  messages: [],
+  loading: false,
+  changingSystemRole: false,
+  editingMessageId: null,
+  createAt: -1,
+  updateAt: -1
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  initialState
+});

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

@@ -0,0 +1,37 @@
+import { ChatMessage, ChatMessageError, MessageRoleType } from '../types';
+export declare type MessageDispatch = {
+    type: 'addMessage';
+    message: ChatMessage;
+} | {
+    type: 'insertMessage';
+    message: ChatMessage;
+    index: number;
+} | {
+    type: 'deleteMessage';
+    index: number;
+} | {
+    type: 'resetMessages';
+} | {
+    type: 'updateMessage';
+    index: number;
+    message: string;
+} | {
+    type: 'updateMessageRole';
+    index: number;
+    role: MessageRoleType;
+} | {
+    type: 'addUserMessage';
+    message: string;
+} | {
+    type: 'updateLatestBotMessage';
+    responseStream: string[];
+} | {
+    type: 'updateMessageChoice';
+    message: string;
+    index: number;
+} | {
+    type: 'setErrorMessage';
+    index: number;
+    error: ChatMessageError | undefined;
+};
+export declare const messagesReducer: (state: ChatMessage[], payload: MessageDispatch) => ChatMessage[];

package/lib/Chat/store/messageReducer.js

@@ -0,0 +1,82 @@
+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/store/messageReducer.ts
+var messageReducer_exports = {};
+__export(messageReducer_exports, {
+  messagesReducer: () => messagesReducer
+});
+module.exports = __toCommonJS(messageReducer_exports);
+var import_immer = require("immer");
+var messagesReducer = (state, payload) => {
+  switch (payload.type) {
+    case "addMessage":
+      return [...state, payload.message];
+    case "insertMessage":
+      return (0, import_immer.produce)(state, (draftState) => {
+        draftState.splice(payload.index, 0, payload.message);
+      });
+    case "deleteMessage":
+      return state.filter((_, i) => i !== payload.index);
+    case "resetMessages":
+      return [];
+    case "updateMessage":
+      return (0, import_immer.produce)(state, (draftState) => {
+        const { index, message } = payload;
+        draftState[index].content = message;
+      });
+    case "updateMessageRole":
+      return (0, import_immer.produce)(state, (draftState) => {
+        const { index, role } = payload;
+        draftState[index].role = role;
+      });
+    case "addUserMessage":
+      return (0, import_immer.produce)(state, (draftState) => {
+        draftState.push({ role: "user", content: payload.message });
+      });
+    case "updateLatestBotMessage":
+      return (0, import_immer.produce)(state, () => {
+        const { responseStream } = payload;
+        const newMessage = { role: "assistant", content: responseStream.join("") };
+        return [...state.slice(0, -1), newMessage];
+      });
+    case "setErrorMessage":
+      return (0, import_immer.produce)(state, (draftState) => {
+        const { index, error } = payload;
+        draftState[index].error = error;
+      });
+    case "updateMessageChoice":
+      return (0, import_immer.produce)(state, (draftState) => {
+        const { index, message } = payload;
+        const botMessage = draftState[index];
+        const prevMsg = botMessage.content;
+        botMessage.content = message;
+        if (botMessage.choices) {
+          botMessage.choices.push(prevMsg);
+        } else {
+          botMessage.choices = [prevMsg];
+        }
+      });
+    default:
+      throw Error("暂未实现的 type，请检查 reducer");
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  messagesReducer
+});

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

@@ -0,0 +1,9 @@
+import type { ChatStore } from './store';
+export declare const chatSelectors: {
+    totalTokenCount: (s: ChatStore) => number;
+    agentTokenCount: (s: ChatStore) => number;
+    messagesTokenCount: (s: ChatStore) => number;
+    totalTokens: (s: ChatStore) => number[];
+    messagesTokens: (s: ChatStore) => number[];
+    disableInput: (s: ChatStore) => boolean;
+};

package/lib/Chat/store/selectors.js

@@ -0,0 +1,53 @@
+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/store/selectors.ts
+var selectors_exports = {};
+__export(selectors_exports, {
+  chatSelectors: () => chatSelectors
+});
+module.exports = __toCommonJS(selectors_exports);
+var import_tiktoken = require("@dqbd/tiktoken");
+var tiktoken = (0, import_tiktoken.get_encoding)("cl100k_base");
+var encode = (text) => {
+  if (!text)
+    return [];
+  const tokens = tiktoken.encode(text);
+  return tokens;
+};
+var disableInputSel = (s) => s.changingSystemRole;
+var messagesTokens = (s) => encode(s.messages.map((m) => m.content).join(""));
+var agentContentTokens = (s) => encode(
+  s.messages.filter((s2) => s2.role === "system").map((c) => c.content).join("") || ""
+);
+var totalTokens = (s) => encode(s.messages.map((m) => m.content).join(""));
+var totalTokenCount = (s) => totalTokens(s).length;
+var agentTokenCount = (s) => agentContentTokens(s).length;
+var messagesTokenCount = (s) => messagesTokens(s).length;
+var chatSelectors = {
+  totalTokenCount,
+  agentTokenCount,
+  messagesTokenCount,
+  totalTokens,
+  messagesTokens,
+  disableInput: disableInputSel
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  chatSelectors
+});

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

@@ -0,0 +1,34 @@
+import { StateCreator } from 'zustand/vanilla';
+import { ChatMessage } from '../types';
+import { FetchSSEOptions } from '../utils/fetch';
+import { ChatState } from './initialState';
+import { MessageDispatch } from './messageReducer';
+interface ChatAction {
+    /**
+     * @title 发送消息
+     * @returns Promise<void>
+     */
+    sendMessage: () => Promise<void>;
+    /**
+     * @title 重发消息
+     * @param index - 消息索引
+     * @returns Promise<void>
+     */
+    resendMessage: (index: number) => Promise<void>;
+    generateMessage: (message: string, messages: ChatMessage[], options: FetchSSEOptions) => Promise<void>;
+    /**
+     * @title 派发消息
+     * @param payload - 消息分发
+     * @returns void
+     */
+    dispatchMessage: (payload: MessageDispatch) => void;
+    /**
+     * @title 处理消息编辑
+     * @param index - 消息索引或空
+     * @returns void
+     */
+    handleMessageEditing: (index?: number | null) => void;
+}
+export declare type ChatStore = ChatAction & ChatState;
+export declare const createStore: StateCreator<ChatStore, [['zustand/devtools', never]]>;
+export {};

package/lib/Chat/store/store.js

@@ -0,0 +1,119 @@
+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/store/store.ts
+var store_exports = {};
+__export(store_exports, {
+  createStore: () => createStore
+});
+module.exports = __toCommonJS(store_exports);
+var import_fetch = require("../utils/fetch");
+var import_const = require("../const");
+var import_initialState = require("./initialState");
+var import_messageReducer = require("./messageReducer");
+var createStore = (set, get) => ({
+  ...import_initialState.initialState,
+  dispatchMessage: (payload) => {
+    var _a, _b;
+    const { type, ...res } = payload;
+    const messages = (0, import_messageReducer.messagesReducer)(get().messages, payload);
+    set({ messages }, false, {
+      type: `dispatchMessage/${type}`,
+      payload: res
+    });
+    (_b = (_a = get()).onMessagesChange) == null ? void 0 : _b.call(_a, messages);
+  },
+  handleMessageEditing: (index) => {
+    set({ editingMessageId: index });
+  },
+  generateMessage: async (message, messages, options) => {
+    const { onResponseStart, request, onResponseFinished } = get();
+    if (!request)
+      return;
+    await (onResponseStart == null ? void 0 : onResponseStart(get().messages));
+    set({ loading: true });
+    const fetcher = () => request({ messages });
+    await (0, import_fetch.fetchSSE)(fetcher, options);
+    set({ loading: false });
+    onResponseFinished == null ? void 0 : onResponseFinished({ messages: get().messages });
+  },
+  sendMessage: async () => {
+    const { message, dispatchMessage, generateMessage, messages } = get();
+    if (!message)
+      return;
+    set({ message: "" });
+    dispatchMessage({ type: "addUserMessage", message });
+    dispatchMessage({ type: "addMessage", message: { role: "assistant", content: import_const.LOADING_FLAT } });
+    let currentResponse = [];
+    await generateMessage(message, messages, {
+      onMessageHandle: (text) => {
+        currentResponse = [...currentResponse, text];
+        dispatchMessage({ type: "updateLatestBotMessage", responseStream: currentResponse });
+        const item = document.getElementById("for-loading");
+        if (!item)
+          return;
+        item.scrollIntoView({ behavior: "smooth" });
+      },
+      onErrorHandle: (error) => {
+        dispatchMessage({ type: "setErrorMessage", error, index: get().messages.length - 1 });
+      }
+    });
+  },
+  resendMessage: async (index) => {
+    var _a;
+    const { dispatchMessage, sendMessage, generateMessage, messages } = get();
+    const lastMessage = messages.at(-1);
+    if (messages.length === index && (lastMessage == null ? void 0 : lastMessage.role) === "user") {
+      dispatchMessage({ type: "deleteMessage", index: index - 1 });
+      set({ message: lastMessage.content });
+      await sendMessage();
+      return;
+    }
+    const contextMessages = get().messages.slice(0, index);
+    const userMessage = (_a = contextMessages.at(-1)) == null ? void 0 : _a.content;
+    if (!userMessage)
+      return;
+    const targetMsg = messages[index];
+    if (targetMsg.role !== "assistant") {
+      dispatchMessage({
+        type: "insertMessage",
+        index,
+        message: { role: "assistant", content: import_const.LOADING_FLAT }
+      });
+    } else {
+      const botPrevMsg = targetMsg.content;
+      dispatchMessage({ type: "updateMessageChoice", message: botPrevMsg, index });
+      dispatchMessage({ type: "updateMessage", message: import_const.LOADING_FLAT, index });
+    }
+    dispatchMessage({ type: "setErrorMessage", error: void 0, index });
+    let currentResponse = [];
+    await generateMessage(userMessage, contextMessages, {
+      onMessageHandle: (text) => {
+        currentResponse = [...currentResponse, text];
+        dispatchMessage({ type: "updateMessage", message: currentResponse.join(""), index });
+      },
+      onErrorHandle: (error) => {
+        dispatchMessage({ type: "setErrorMessage", error, index });
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createStore
+});

package/lib/Chat/types.d.ts

@@ -0,0 +1,77 @@
+export declare type InternalChatContext = Omit<ChatContext, 'id'>;
+export declare type MessageRoleType = 'user' | 'system' | 'assistant';
+/**
+ * 聊天消息错误对象
+ */
+export interface ChatMessageError {
+    /**
+     * 错误信息
+     */
+    message: string;
+    /**
+     * 错误状态码
+     */
+    status: number;
+    /**
+     * 错误类型
+     * @enum ["chatbot", "openai"]
+     * @enumNames ["聊天机器人", "开放AI"]
+     */
+    type: 'chatbot' | 'openai';
+}
+/**
+ * @title ChatGPTMessage 聊天消息
+ * @category Model
+ */
+export interface ChatMessage {
+    /**
+     * @title 角色
+     * @description 消息发送者的角色
+     * @enum {MessageRoleType} ChatGPTAgent
+     */
+    role: MessageRoleType;
+    /**
+     * @title 内容
+     * @description 消息内容
+     */
+    content: string;
+    /**
+     * 其余生成项
+     */
+    choices?: string[];
+    /**
+     * 如果存在错误消息
+     */
+    error?: ChatMessageError;
+}
+export interface ChatContext {
+    id: string;
+    /**
+     * @title 会话标题
+     */
+    title?: string;
+    /**
+     * @title 会话描述
+     * @description 用户设置的会话描述
+     * @type {string}
+     */
+    description?: string;
+    /**
+     * @title 消息列表
+     * @description 聊天室中的所有消息
+     * @type {ChatMessage[]}
+     */
+    messages: ChatMessage[];
+    createAt: number;
+    updateAt: number;
+}
+export declare type ChatContextMap = Record<string, Omit<ChatContext, 'systemRole'>>;
+/**
+ * 请求数据类型
+ */
+export interface OpenAIRequestParams {
+    /**
+     * 中间的聊天记录
+     */
+    messages?: ChatMessage[];
+}

package/lib/Chat/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/Chat/utils/fetch.d.ts

@@ -0,0 +1,11 @@
+import { ChatMessageError } from '../types';
+export interface FetchSSEOptions {
+    onMessageHandle?: (text: string) => void;
+    onErrorHandle?: (error: ChatMessageError) => void;
+}
+/**
+ * 使用流式方法获取数据
+ * @param fetchFn
+ * @param options
+ */
+export declare const fetchSSE: (fetchFn: () => Promise<Response>, options?: FetchSSEOptions) => Promise<Response | undefined>;

package/lib/Chat/utils/fetch.js

@@ -0,0 +1,72 @@
+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/utils/fetch.ts
+var fetch_exports = {};
+__export(fetch_exports, {
+  fetchSSE: () => fetchSSE
+});
+module.exports = __toCommonJS(fetch_exports);
+var codeMessage = {
+  200: "成功获取数据，服务已响应",
+  201: "操作成功，数据已保存",
+  202: "您的请求已进入后台排队，请耐心等待异步任务完成",
+  204: "数据已成功删除",
+  400: "很抱歉，您的请求出错，服务器未执行任何数据的创建或修改操作",
+  401: "很抱歉，您的权限不足。请确认用户名或密码是否正确",
+  403: "很抱歉，您无权访问此内容",
+  404: "很抱歉，您请求的记录不存在，服务器未能执行任何操作",
+  406: "很抱歉，服务器不支持该请求格式",
+  410: "很抱歉，你所请求的资源已永久删除",
+  422: "很抱歉，在创建对象时遇到验证错误，请稍后再试",
+  500: "很抱歉，服务器出现了问题，请稍后再试",
+  502: "很抱歉，您遇到了网关错误。这可能是由于网络故障或服务器问题导致的。请稍后再试，或联系管理员以获取更多帮助",
+  503: "很抱歉，我们的服务器过载或处在维护中，服务暂时不可用",
+  504: "很抱歉，网关请求超时，请稍后再试"
+};
+var fetchSSE = async (fetchFn, options = {}) => {
+  var _a, _b;
+  const response = await fetchFn();
+  if (!response.ok) {
+    const chatMessageError = {
+      type: "chatbot",
+      message: codeMessage[response.status],
+      status: response.status
+    };
+    (_a = options.onErrorHandle) == null ? void 0 : _a.call(options, chatMessageError);
+    return;
+  }
+  const returnRes = response.clone();
+  const data = response.body;
+  if (!data)
+    return;
+  const reader = data.getReader();
+  const decoder = new TextDecoder();
+  let done = false;
+  while (!done) {
+    const { value, done: doneReading } = await reader.read();
+    done = doneReading;
+    const chunkValue = decoder.decode(value);
+    (_b = options.onMessageHandle) == null ? void 0 : _b.call(options, chunkValue);
+  }
+  return returnRes;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fetchSSE
+});

package/lib/Conversation/App.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface AppProps {
+    /**
+     * @title 是否只读
+     */
+    readonly?: boolean;
+    /**
+     * @title 是否包含系统消息
+     */
+    includeSystem?: boolean;
+}
+declare const _default: import("react").NamedExoticComponent<AppProps>;
+export default _default;

package/lib/Conversation/App.js

@@ -0,0 +1,53 @@
+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/App.tsx
+var App_exports = {};
+__export(App_exports, {
+  default: () => App_default
+});
+module.exports = __toCommonJS(App_exports);
+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_ChatList = __toESM(require("./ChatList"));
+var import_InputArea = __toESM(require("./InputArea"));
+var import_store = require("../Chat/store");
+var ChatContainer = ({ readonly, includeSystem = true }) => {
+  const [showInput, title, description] = (0, import_store.useStore)(
+    (s) => [!s.changingSystemRole, s.title, s.description],
+    import_fast_deep_equal.default
+  );
+  if (readonly)
+    return /* @__PURE__ */ React.createElement(import_ChatList.default, { readonly: true, includeSystem });
+  return /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { width: "100%", height: "100%", gap: 24 }, title || description ? /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, null, /* @__PURE__ */ React.createElement(import_antd.Typography.Title, { level: 4 }, title), /* @__PURE__ */ React.createElement(import_antd.Typography.Text, { type: "secondary" }, description)) : null, /* @__PURE__ */ React.createElement(import_ChatList.default, { includeSystem }), showInput ? /* @__PURE__ */ React.createElement(import_InputArea.default, null) : null);
+};
+var App_default = (0, import_react.memo)(ChatContainer);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/lib/Conversation/ChatList/MessageItem/Content.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChatMessage } from "../../../Chat/types";
+export interface ContentProps extends Pick<ChatMessage, 'content' | 'role' | 'error'> {
+    index: number;
+    loading: boolean;
+}
+declare const Content: FC<ContentProps>;
+export default Content;