@lobehub/ui 3.4.2 → 3.4.3

package/es/chat/ChatItem/style.mjs

@@ -0,0 +1,159 @@
+import { createStyles } from "antd-style";
+import { rgba } from "polished";
+
+//#region src/chat/ChatItem/style.ts
+const useStyles = createStyles(({ cx: cx$1, css: css$1, token, responsive }, { placement, variant, title, avatarSize, editing, time }) => {
+	const blockStylish = css$1`
+      padding-block: 8px;
+      padding-inline: 12px;
+      border: 1px solid ${rgba(token.colorBorderSecondary, .66)};
+      border-radius: ${token.borderRadiusLG}px;
+
+      background-color: ${token.colorBgContainer};
+    `;
+	const rawStylish = css$1`
+      padding-block-start: ${title ? 0 : "6px"};
+    `;
+	const rawContainerStylish = css$1`
+      margin-block-end: -16px;
+      transition: background-color 100ms ${token.motionEaseOut};
+    `;
+	const typeStylish = variant === "bubble" ? blockStylish : rawStylish;
+	const editingStylish = editing && css$1`
+        width: 100%;
+      `;
+	return {
+		actions: cx$1(css$1`
+          flex: none;
+          align-self: ${variant === "bubble" ? "flex-end" : placement === "left" ? "flex-start" : "flex-end"};
+          justify-content: ${placement === "left" ? "flex-end" : "flex-start"};
+        `, editing && css$1`
+            pointer-events: none !important;
+            opacity: 0 !important;
+          `),
+		avatarContainer: css$1`
+        position: relative;
+        flex: none;
+        width: ${avatarSize}px;
+        height: ${avatarSize}px;
+      `,
+		avatarGroupContainer: css$1`
+        width: ${avatarSize}px;
+      `,
+		container: cx$1(variant === "docs" && rawContainerStylish, css$1`
+          position: relative;
+
+          width: 100%;
+          max-width: 100vw;
+          padding-block: 24px 12px;
+          padding-inline: 12px;
+
+          time {
+            display: inline-block;
+            white-space: nowrap;
+          }
+
+          div[role='menubar'] {
+            display: flex;
+          }
+
+          time,
+          div[role='menubar'] {
+            pointer-events: none;
+            opacity: 0;
+            transition: opacity 200ms ${token.motionEaseOut};
+          }
+
+          &:hover {
+            time,
+            div[role='menubar'] {
+              pointer-events: unset;
+              opacity: 1;
+            }
+          }
+
+          ${responsive.mobile} {
+            padding-block-start: ${variant === "docs" ? "16px" : "12px"};
+            padding-inline: 8px;
+          }
+        `),
+		editingContainer: cx$1(editingStylish, css$1`
+          padding-block: 8px 12px;
+          padding-inline: 12px;
+          border: 1px solid ${token.colorBorderSecondary};
+
+          &:active,
+          &:hover {
+            border-color: ${token.colorBorder};
+          }
+        `, variant === "docs" && css$1`
+            border-radius: ${token.borderRadius}px;
+            background: ${token.colorFillQuaternary};
+          `),
+		editingInput: css$1`
+        width: 100%;
+      `,
+		errorContainer: css$1`
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+      `,
+		loading: css$1`
+        position: absolute;
+        inset-block-end: 0;
+        inset-inline: ${placement === "right" ? "-4px" : "unset"}
+          ${placement === "left" ? "-4px" : "unset"};
+
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+
+        color: ${token.colorBgLayout};
+
+        background: ${token.colorPrimary};
+      `,
+		message: cx$1(typeStylish, css$1`
+          position: relative;
+          overflow: hidden;
+          max-width: 100%;
+
+          ${responsive.mobile} {
+            width: 100%;
+          }
+        `),
+		messageContainer: cx$1(editingStylish, css$1`
+          position: relative;
+          overflow: hidden;
+          max-width: 100%;
+          margin-block-start: ${time ? -16 : 0}px;
+
+          ${responsive.mobile} {
+            overflow-x: auto;
+          }
+        `),
+		messageContent: cx$1(editingStylish, css$1`
+          position: relative;
+          overflow: hidden;
+          max-width: 100%;
+
+          ${responsive.mobile} {
+            flex-direction: column !important;
+          }
+        `),
+		messageExtra: cx$1("message-extra"),
+		name: css$1`
+        pointer-events: none;
+
+        margin-block-end: 6px;
+
+        font-size: 12px;
+        line-height: 1;
+        color: ${token.colorTextDescription};
+        text-align: ${placement === "left" ? "left" : "right"};
+      `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/chat/ChatItem/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../../src/chat/ChatItem/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\nimport { rgba } from 'polished';\n\nexport const useStyles = createStyles(\n  (\n    { cx, css, token, responsive },\n    {\n      placement,\n      variant,\n      title,\n      avatarSize,\n      editing,\n      time,\n    }: {\n      avatarSize?: number;\n      editing?: boolean;\n      placement?: 'left' | 'right';\n      primary?: boolean;\n      showTitle?: boolean;\n      time?: number;\n      title?: string;\n      variant?: 'bubble' | 'docs';\n    },\n  ) => {\n    const blockStylish = css`\n      padding-block: 8px;\n      padding-inline: 12px;\n      border: 1px solid ${rgba(token.colorBorderSecondary, 0.66)};\n      border-radius: ${token.borderRadiusLG}px;\n\n      background-color: ${token.colorBgContainer};\n    `;\n\n    const rawStylish = css`\n      padding-block-start: ${title ? 0 : '6px'};\n    `;\n\n    const rawContainerStylish = css`\n      margin-block-end: -16px;\n      transition: background-color 100ms ${token.motionEaseOut};\n    `;\n\n    const typeStylish = variant === 'bubble' ? blockStylish : rawStylish;\n\n    const editingStylish =\n      editing &&\n      css`\n        width: 100%;\n      `;\n\n    return {\n      actions: cx(\n        css`\n          flex: none;\n          align-self: ${variant === 'bubble'\n            ? 'flex-end'\n            : placement === 'left'\n              ? 'flex-start'\n              : 'flex-end'};\n          justify-content: ${placement === 'left' ? 'flex-end' : 'flex-start'};\n        `,\n        editing &&\n          css`\n            pointer-events: none !important;\n            opacity: 0 !important;\n          `,\n      ),\n      avatarContainer: css`\n        position: relative;\n        flex: none;\n        width: ${avatarSize}px;\n        height: ${avatarSize}px;\n      `,\n      avatarGroupContainer: css`\n        width: ${avatarSize}px;\n      `,\n      container: cx(\n        variant === 'docs' && rawContainerStylish,\n        css`\n          position: relative;\n\n          width: 100%;\n          max-width: 100vw;\n          padding-block: 24px 12px;\n          padding-inline: 12px;\n\n          time {\n            display: inline-block;\n            white-space: nowrap;\n          }\n\n          div[role='menubar'] {\n            display: flex;\n          }\n\n          time,\n          div[role='menubar'] {\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 200ms ${token.motionEaseOut};\n          }\n\n          &:hover {\n            time,\n            div[role='menubar'] {\n              pointer-events: unset;\n              opacity: 1;\n            }\n          }\n\n          ${responsive.mobile} {\n            padding-block-start: ${variant === 'docs' ? '16px' : '12px'};\n            padding-inline: 8px;\n          }\n        `,\n      ),\n      editingContainer: cx(\n        editingStylish,\n        css`\n          padding-block: 8px 12px;\n          padding-inline: 12px;\n          border: 1px solid ${token.colorBorderSecondary};\n\n          &:active,\n          &:hover {\n            border-color: ${token.colorBorder};\n          }\n        `,\n        variant === 'docs' &&\n          css`\n            border-radius: ${token.borderRadius}px;\n            background: ${token.colorFillQuaternary};\n          `,\n      ),\n      editingInput: css`\n        width: 100%;\n      `,\n      errorContainer: css`\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n      `,\n\n      loading: css`\n        position: absolute;\n        inset-block-end: 0;\n        inset-inline: ${placement === 'right' ? '-4px' : 'unset'}\n          ${placement === 'left' ? '-4px' : 'unset'};\n\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n\n        color: ${token.colorBgLayout};\n\n        background: ${token.colorPrimary};\n      `,\n      message: cx(\n        typeStylish,\n        css`\n          position: relative;\n          overflow: hidden;\n          max-width: 100%;\n\n          ${responsive.mobile} {\n            width: 100%;\n          }\n        `,\n      ),\n      messageContainer: cx(\n        editingStylish,\n        css`\n          position: relative;\n          overflow: hidden;\n          max-width: 100%;\n          margin-block-start: ${time ? -16 : 0}px;\n\n          ${responsive.mobile} {\n            overflow-x: auto;\n          }\n        `,\n      ),\n      messageContent: cx(\n        editingStylish,\n        css`\n          position: relative;\n          overflow: hidden;\n          max-width: 100%;\n\n          ${responsive.mobile} {\n            flex-direction: column !important;\n          }\n        `,\n      ),\n      messageExtra: cx('message-extra'),\n      name: css`\n        pointer-events: none;\n\n        margin-block-end: 6px;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ${token.colorTextDescription};\n        text-align: ${placement === 'left' ? 'left' : 'right'};\n      `,\n    };\n  },\n);\n"],"mappings":";;;;AAGA,MAAa,YAAY,cAErB,EAAE,UAAI,YAAK,OAAO,cAClB,EACE,WACA,SACA,OACA,YACA,SACA,WAWC;CACH,MAAM,eAAe,KAAG;;;0BAGF,KAAK,MAAM,sBAAsB,IAAK,CAAC;uBAC1C,MAAM,eAAe;;0BAElB,MAAM,iBAAiB;;CAG7C,MAAM,aAAa,KAAG;6BACG,QAAQ,IAAI,MAAM;;CAG3C,MAAM,sBAAsB,KAAG;;2CAEQ,MAAM,cAAc;;CAG3D,MAAM,cAAc,YAAY,WAAW,eAAe;CAE1D,MAAM,iBACJ,WACA,KAAG;;;AAIL,QAAO;EACL,SAASA,KACP,KAAG;;wBAEa,YAAY,WACtB,aACA,cAAc,SACZ,eACA,WAAW;6BACE,cAAc,SAAS,aAAa,aAAa;WAEtE,WACE,KAAG;;;YAIN;EACD,iBAAiB,KAAG;;;iBAGT,WAAW;kBACV,WAAW;;EAEvB,sBAAsB,KAAG;iBACd,WAAW;;EAEtB,WAAWA,KACT,YAAY,UAAU,qBACtB,KAAG;;;;;;;;;;;;;;;;;;;;;wCAqB6B,MAAM,cAAc;;;;;;;;;;;YAWhD,WAAW,OAAO;mCACK,YAAY,SAAS,SAAS,OAAO;;;UAIjE;EACD,kBAAkBA,KAChB,gBACA,KAAG;;;8BAGmB,MAAM,qBAAqB;;;;4BAI7B,MAAM,YAAY;;WAGtC,YAAY,UACV,KAAG;6BACgB,MAAM,aAAa;0BACtB,MAAM,oBAAoB;YAE7C;EACD,cAAc,KAAG;;;EAGjB,gBAAgB,KAAG;;;;;EAMnB,SAAS,KAAG;;;wBAGM,cAAc,UAAU,SAAS,QAAQ;YACrD,cAAc,SAAS,SAAS,QAAQ;;;;;;iBAMnC,MAAM,cAAc;;sBAEf,MAAM,aAAa;;EAEnC,SAASA,KACP,aACA,KAAG;;;;;YAKC,WAAW,OAAO;;;UAIvB;EACD,kBAAkBA,KAChB,gBACA,KAAG;;;;gCAIqB,OAAO,MAAM,EAAE;;YAEnC,WAAW,OAAO;;;UAIvB;EACD,gBAAgBA,KACd,gBACA,KAAG;;;;;YAKC,WAAW,OAAO;;;UAIvB;EACD,cAAcA,KAAG,gBAAgB;EACjC,MAAM,KAAG;;;;;;;iBAOE,MAAM,qBAAqB;sBACtB,cAAc,SAAS,SAAS,QAAQ;;EAEzD;EAEJ"}

package/es/chat/ChatItem/type.d.mts

@@ -0,0 +1,100 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { DivProps } from "../../types/index.mjs";
+import { AlertProps } from "../../Alert/type.mjs";
+import "../../Alert/index.mjs";
+import { AvatarProps } from "../../Avatar/type.mjs";
+import "../../Avatar/index.mjs";
+import { MarkdownProps } from "../../Markdown/type.mjs";
+import "../../Markdown/index.mjs";
+import { EditableMessageProps } from "../EditableMessage/type.mjs";
+import "../EditableMessage/index.mjs";
+import { MetaData } from "../types/meta.mjs";
+import "../types/index.mjs";
+import { ReactNode } from "react";
+
+//#region src/chat/ChatItem/type.d.ts
+interface ChatItemProps extends Omit<FlexboxProps, 'children' | 'onChange'> {
+  aboveMessage?: ReactNode;
+  /**
+   * @description Actions to be displayed in the chat item
+   */
+  actions?: ReactNode;
+  actionsWrapWidth?: number;
+  /**
+   * @description Metadata for the avatar
+   */
+  avatar: MetaData;
+  avatarAddon?: ReactNode;
+  avatarProps?: AvatarProps;
+  belowMessage?: ReactNode;
+  /**
+   * @description Whether the chat item is in editing mode
+   */
+  editing?: boolean;
+  /**
+   * @description Props for Error render
+   */
+  error?: AlertProps;
+  errorMessage?: ReactNode;
+  fontSize?: number;
+  /**
+   * @description Whether the chat item is in loading state
+   */
+  loading?: boolean;
+  markdownProps?: Omit<MarkdownProps, 'className' | 'style' | 'children'>;
+  /**
+   * @description The message content of the chat item
+   */
+  message?: ReactNode;
+  messageExtra?: ReactNode;
+  onAvatarClick?: () => void;
+  /**
+   * @description Callback when the message content changes
+   * @param value - The new message content
+   */
+  onChange?: (value: string) => void;
+  onDoubleClick?: DivProps['onDoubleClick'];
+  /**
+   * @description Callback when the editing mode changes
+   * @param editing - The new editing mode
+   */
+  onEditingChange?: (editing: boolean) => void;
+  /**
+   * @default "..."
+   */
+  placeholderMessage?: string;
+  /**
+   * @description The placement of the chat item
+   * @default 'left'
+   */
+  placement?: 'left' | 'right';
+  /**
+   * @description Whether the chat item is primary
+   */
+  primary?: boolean;
+  renderMessage?: (content: ReactNode) => ReactNode;
+  /**
+   * @description Whether to hide the avatar
+   * @default false
+   */
+  showAvatar?: boolean;
+  /**
+   * @description Whether to show the title of the chat item
+   */
+  showTitle?: boolean;
+  text?: EditableMessageProps['text'];
+  /**
+   * @description The timestamp of the chat item
+   */
+  time?: number;
+  titleAddon?: ReactNode;
+  /**
+   * @description The type of the chat item
+   * @default 'bubble'
+   */
+  variant?: 'bubble' | 'docs';
+}
+//#endregion
+export { ChatItemProps };
+//# sourceMappingURL=type.d.mts.map

package/es/chat/ChatList/ChatList.d.mts

@@ -0,0 +1,8 @@
+import { ChatListProps } from "./type.mjs";
+import * as react121 from "react";
+
+//#region src/chat/ChatList/ChatList.d.ts
+declare const ChatList: react121.NamedExoticComponent<ChatListProps>;
+//#endregion
+export { ChatList };
+//# sourceMappingURL=ChatList.d.mts.map

package/es/chat/ChatList/ChatList.mjs

@@ -0,0 +1,46 @@
+'use client';
+
+import ChatListItem_default from "./components/ChatListItem.mjs";
+import HistoryDivider_default from "./components/HistoryDivider.mjs";
+import { useStyles } from "./style.mjs";
+import { Fragment, memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/ChatList/ChatList.tsx
+const ChatList = memo(({ onActionsClick, onAvatarsClick, renderMessagesExtra, className, data, variant = "bubble", text, showTitle, onMessageChange, renderMessages, renderErrorMessages, loadingId, renderItems, enableHistoryCount, renderActions, historyCount = 0, showAvatar, ...rest }) => {
+	const { cx, styles } = useStyles();
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(styles.container, className),
+		...rest,
+		children: data.map((item, index) => {
+			const itemProps = {
+				loading: loadingId === item.id,
+				onActionsClick,
+				onAvatarsClick,
+				onMessageChange,
+				renderActions,
+				renderErrorMessages,
+				renderItems,
+				renderMessages,
+				renderMessagesExtra,
+				showAvatar,
+				showTitle,
+				text,
+				variant
+			};
+			const historyLength = data.length;
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(HistoryDivider_default, {
+				enable: enableHistoryCount && historyLength > historyCount && historyCount === historyLength - index + 1,
+				text: text?.history
+			}), /* @__PURE__ */ jsx(ChatListItem_default, {
+				...itemProps,
+				...item
+			})] }, item.id);
+		})
+	});
+});
+var ChatList_default = ChatList;
+
+//#endregion
+export { ChatList_default as default };
+//# sourceMappingURL=ChatList.mjs.map

package/es/chat/ChatList/ChatList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatList.mjs","names":["HistoryDivider","ChatListItem"],"sources":["../../../src/chat/ChatList/ChatList.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment, memo } from 'react';\n\nimport ChatListItem from './components/ChatListItem';\nimport HistoryDivider from './components/HistoryDivider';\nimport { useStyles } from './style';\nimport type { ChatListProps } from './type';\n\nconst ChatList = memo<ChatListProps>(\n  ({\n    onActionsClick,\n    onAvatarsClick,\n    renderMessagesExtra,\n    className,\n    data,\n    variant = 'bubble',\n    text,\n    showTitle,\n    onMessageChange,\n    renderMessages,\n    renderErrorMessages,\n    loadingId,\n    renderItems,\n    enableHistoryCount,\n    renderActions,\n    historyCount = 0,\n    showAvatar,\n    ...rest\n  }) => {\n    const { cx, styles } = useStyles();\n\n    return (\n      <div className={cx(styles.container, className)} {...rest}>\n        {data.map((item, index) => {\n          const itemProps = {\n            loading: loadingId === item.id,\n            onActionsClick,\n            onAvatarsClick,\n            onMessageChange,\n            renderActions,\n            renderErrorMessages,\n            renderItems,\n            renderMessages,\n            renderMessagesExtra,\n            showAvatar,\n            showTitle,\n            text,\n            variant,\n          };\n\n          const historyLength = data.length;\n          const enableHistoryDivider =\n            enableHistoryCount &&\n            historyLength > historyCount &&\n            historyCount === historyLength - index + 1;\n\n          return (\n            <Fragment key={item.id}>\n              <HistoryDivider enable={enableHistoryDivider} text={text?.history} />\n              <ChatListItem {...itemProps} {...item} />\n            </Fragment>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nexport default ChatList;\n"],"mappings":";;;;;;;;;AASA,MAAM,WAAW,MACd,EACC,gBACA,gBACA,qBACA,WACA,MACA,UAAU,UACV,MACA,WACA,iBACA,gBACA,qBACA,WACA,aACA,oBACA,eACA,eAAe,GACf,YACA,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAW,WAAW;AAElC,QACE,oBAAC;EAAI,WAAW,GAAG,OAAO,WAAW,UAAU;EAAE,GAAI;YAClD,KAAK,KAAK,MAAM,UAAU;GACzB,MAAM,YAAY;IAChB,SAAS,cAAc,KAAK;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GAED,MAAM,gBAAgB,KAAK;AAM3B,UACE,qBAAC,uBACC,oBAACA;IAAe,QANlB,sBACA,gBAAgB,gBAChB,iBAAiB,gBAAgB,QAAQ;IAIO,MAAM,MAAM;KAAW,EACrE,oBAACC;IAAa,GAAI;IAAW,GAAI;KAAQ,KAF5B,KAAK,GAGT;IAEb;GACE;EAGX;AAED,uBAAe"}

package/es/chat/ChatList/components/ChatActionsBar.d.mts

@@ -0,0 +1,8 @@
+import { ChatActionsBarProps } from "../type.mjs";
+import { FC } from "react";
+
+//#region src/chat/ChatList/components/ChatActionsBar.d.ts
+declare const ChatActionsBar: FC<ChatActionsBarProps>;
+//#endregion
+export { ChatActionsBar };
+//# sourceMappingURL=ChatActionsBar.d.mts.map

package/es/chat/ChatList/components/ChatActionsBar.mjs

@@ -0,0 +1,25 @@
+import ActionIconGroup_default from "../../../ActionIconGroup/ActionIconGroup.mjs";
+import { useChatListActionsBar } from "./useChatListActionsBar.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/chat/ChatList/components/ChatActionsBar.tsx
+const ChatActionsBar = ({ text, ref, ...rest }) => {
+	const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);
+	return /* @__PURE__ */ jsx(ActionIconGroup_default, {
+		items: [regenerate, edit],
+		menu: { items: [
+			edit,
+			copy,
+			regenerate,
+			divider,
+			del
+		] },
+		ref,
+		...rest
+	});
+};
+var ChatActionsBar_default = ChatActionsBar;
+
+//#endregion
+export { ChatActionsBar_default as default };
+//# sourceMappingURL=ChatActionsBar.mjs.map

package/es/chat/ChatList/components/ChatActionsBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatActionsBar.mjs","names":["ChatActionsBar: FC<ChatActionsBarProps>","ActionIconGroup"],"sources":["../../../../src/chat/ChatList/components/ChatActionsBar.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport ActionIconGroup from '@/ActionIconGroup';\n\nimport type { ChatActionsBarProps } from '../type';\nimport { useChatListActionsBar } from './useChatListActionsBar';\n\nconst ChatActionsBar: FC<ChatActionsBarProps> = ({ text, ref, ...rest }) => {\n  const { regenerate, edit, copy, divider, del } = useChatListActionsBar(text);\n  return (\n    <ActionIconGroup\n      items={[regenerate, edit]}\n      menu={{\n        items: [edit, copy, regenerate, divider, del],\n      }}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n\nexport default ChatActionsBar;\n"],"mappings":";;;;;AAOA,MAAMA,kBAA2C,EAAE,MAAM,KAAK,GAAG,WAAW;CAC1E,MAAM,EAAE,YAAY,MAAM,MAAM,SAAS,QAAQ,sBAAsB,KAAK;AAC5E,QACE,oBAACC;EACC,OAAO,CAAC,YAAY,KAAK;EACzB,MAAM,EACJ,OAAO;GAAC;GAAM;GAAM;GAAY;GAAS;GAAI,EAC9C;EACI;EACL,GAAI;GACJ;;AAIN,6BAAe"}

package/es/chat/ChatList/components/ChatListItem.mjs

@@ -0,0 +1,120 @@
+import { copyToClipboard } from "../../../utils/copyToClipboard.mjs";
+import ChatItem_default from "../../ChatItem/ChatItem.mjs";
+import ChatActionsBar_default from "./ChatActionsBar.mjs";
+import { App } from "antd";
+import { memo, useCallback, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/chat/ChatList/components/ChatListItem.tsx
+const ChatListItem = memo((props) => {
+	const { renderMessagesExtra, showTitle, onActionsClick, onAvatarsClick, onMessageChange, variant, text, renderMessages, renderErrorMessages, renderActions, loading, groupNav, renderItems, showAvatar, ...item } = props;
+	const [editing, setEditing] = useState(false);
+	const { message: message$1 } = App.useApp();
+	const RenderItem = useMemo(() => {
+		if (!renderItems || !item?.role) return;
+		let renderFunction;
+		if (renderItems?.[item.role]) renderFunction = renderItems[item.role];
+		if (!renderFunction && renderItems?.["default"]) renderFunction = renderItems["default"];
+		if (!renderFunction) return;
+		return renderFunction;
+	}, [renderItems?.[item.role]]);
+	const RenderMessage = useCallback(({ editableContent, data }) => {
+		if (!renderMessages || !item?.role) return;
+		let RenderFunction;
+		if (renderMessages?.[item.role]) RenderFunction = renderMessages[item.role];
+		if (!RenderFunction && renderMessages?.["default"]) RenderFunction = renderMessages["default"];
+		if (!RenderFunction) return;
+		return /* @__PURE__ */ jsx(RenderFunction, {
+			...data,
+			editableContent
+		});
+	}, [renderMessages?.[item.role]]);
+	const MessageExtra = useCallback(({ data }) => {
+		if (!renderMessagesExtra || !item?.role) return;
+		let RenderFunction;
+		if (renderMessagesExtra?.[item.role]) RenderFunction = renderMessagesExtra[item.role];
+		if (renderMessagesExtra?.["default"]) RenderFunction = renderMessagesExtra["default"];
+		if (!RenderFunction) return;
+		return /* @__PURE__ */ jsx(RenderFunction, { ...data });
+	}, [renderMessagesExtra?.[item.role]]);
+	const ErrorMessage = useCallback(({ data }) => {
+		if (!renderErrorMessages || !item?.error?.type) return;
+		let RenderFunction;
+		if (renderErrorMessages?.[item.error.type]) RenderFunction = renderErrorMessages[item.error.type].Render;
+		if (!RenderFunction && renderErrorMessages?.["default"]) RenderFunction = renderErrorMessages["default"].Render;
+		if (!RenderFunction) return;
+		return /* @__PURE__ */ jsx(RenderFunction, { ...data });
+	}, [renderErrorMessages]);
+	const Actions = useCallback(({ data }) => {
+		if (!renderActions || !item?.role) return;
+		let RenderFunction;
+		if (renderActions?.[item.role]) RenderFunction = renderActions[item.role];
+		if (renderActions?.["default"]) RenderFunction = renderActions["default"];
+		if (!RenderFunction) RenderFunction = ChatActionsBar_default;
+		const handleActionClick = async (action, data$1) => {
+			switch (action.key) {
+				case "copy":
+					await copyToClipboard(data$1.content);
+					message$1.success(text?.copySuccess || "Copy Success");
+					break;
+				case "edit": setEditing(true);
+			}
+			onActionsClick?.(action, data$1);
+		};
+		return /* @__PURE__ */ jsx(RenderFunction, {
+			...data,
+			onActionClick: (actionKey) => handleActionClick?.(actionKey, data),
+			text
+		});
+	}, [
+		renderActions?.[item.role],
+		text,
+		onActionsClick
+	]);
+	const error = useMemo(() => {
+		if (!item.error) return;
+		const message$2 = item.error?.message;
+		let alertConfig = {};
+		if (item.error.type && renderErrorMessages?.[item.error.type]) alertConfig = renderErrorMessages[item.error.type]?.config;
+		return {
+			message: message$2,
+			...alertConfig
+		};
+	}, [renderErrorMessages, item.error]);
+	if (RenderItem) return /* @__PURE__ */ jsx(RenderItem, { ...props }, item.id);
+	return /* @__PURE__ */ jsx(ChatItem_default, {
+		actions: /* @__PURE__ */ jsx(Actions, { data: item }),
+		avatar: item.meta,
+		avatarAddon: groupNav,
+		editing,
+		error,
+		errorMessage: /* @__PURE__ */ jsx(ErrorMessage, { data: item }),
+		loading,
+		message: item.content,
+		messageExtra: /* @__PURE__ */ jsx(MessageExtra, { data: item }),
+		onAvatarClick: onAvatarsClick?.(item.role),
+		onChange: (value) => onMessageChange?.(item.id, value),
+		onDoubleClick: (e) => {
+			if (item.id === "default" || item.error) return;
+			if (item.role && ["assistant", "user"].includes(item.role) && e.altKey) setEditing(true);
+		},
+		onEditingChange: setEditing,
+		placement: variant === "bubble" ? item.role === "user" ? "right" : "left" : "left",
+		primary: item.role === "user",
+		renderMessage: (editableContent) => /* @__PURE__ */ jsx(RenderMessage, {
+			data: item,
+			editableContent
+		}),
+		showAvatar,
+		showTitle,
+		text,
+		time: item.updateAt || item.createAt,
+		variant
+	});
+});
+ChatListItem.displayName = "ChatListItem";
+var ChatListItem_default = ChatListItem;
+
+//#endregion
+export { ChatListItem_default as default };
+//# sourceMappingURL=ChatListItem.mjs.map

package/es/chat/ChatList/components/ChatListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatListItem.mjs","names":["ChatActionsBar","handleActionClick: ListItemProps['onActionsClick']","data","message","ChatItem"],"sources":["../../../../src/chat/ChatList/components/ChatListItem.tsx"],"sourcesContent":["import { App } from 'antd';\nimport { ReactNode, memo, useCallback, useMemo, useState } from 'react';\n\nimport type { AlertProps } from '@/Alert';\nimport ChatItem from '@/chat/ChatItem';\nimport type { ChatMessage } from '@/chat/types';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport type { ChatListItemProps, ListItemProps } from '../type';\nimport ChatActionsBar from './ChatActionsBar';\n\nconst ChatListItem = memo<ChatListItemProps>((props) => {\n  const {\n    renderMessagesExtra,\n    showTitle,\n    onActionsClick,\n    onAvatarsClick,\n    onMessageChange,\n    variant,\n    text,\n    renderMessages,\n    renderErrorMessages,\n    renderActions,\n    loading,\n    groupNav,\n    renderItems,\n    showAvatar,\n    ...item\n  } = props;\n\n  const [editing, setEditing] = useState(false);\n\n  const { message } = App.useApp();\n\n  const RenderItem = useMemo(() => {\n    if (!renderItems || !item?.role) return;\n    let renderFunction;\n    if (renderItems?.[item.role]) renderFunction = renderItems[item.role];\n    if (!renderFunction && renderItems?.['default']) renderFunction = renderItems['default'];\n    if (!renderFunction) return;\n    return renderFunction;\n  }, [renderItems?.[item.role]]);\n\n  const RenderMessage = useCallback(\n    ({ editableContent, data }: { data: ChatMessage; editableContent: ReactNode }) => {\n      if (!renderMessages || !item?.role) return;\n      let RenderFunction;\n      if (renderMessages?.[item.role]) RenderFunction = renderMessages[item.role];\n      if (!RenderFunction && renderMessages?.['default'])\n        RenderFunction = renderMessages['default'];\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} editableContent={editableContent} />;\n    },\n    [renderMessages?.[item.role]],\n  );\n\n  const MessageExtra = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderMessagesExtra || !item?.role) return;\n      let RenderFunction;\n      if (renderMessagesExtra?.[item.role]) RenderFunction = renderMessagesExtra[item.role];\n      if (renderMessagesExtra?.['default']) RenderFunction = renderMessagesExtra['default'];\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} />;\n    },\n    [renderMessagesExtra?.[item.role]],\n  );\n\n  const ErrorMessage = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderErrorMessages || !item?.error?.type) return;\n      let RenderFunction;\n      if (renderErrorMessages?.[item.error.type])\n        RenderFunction = renderErrorMessages[item.error.type].Render;\n      if (!RenderFunction && renderErrorMessages?.['default'])\n        RenderFunction = renderErrorMessages['default'].Render;\n      if (!RenderFunction) return;\n      return <RenderFunction {...data} />;\n    },\n    [renderErrorMessages],\n  );\n\n  const Actions = useCallback(\n    ({ data }: { data: ChatMessage }) => {\n      if (!renderActions || !item?.role) return;\n      let RenderFunction;\n      if (renderActions?.[item.role]) RenderFunction = renderActions[item.role];\n      if (renderActions?.['default']) RenderFunction = renderActions['default'];\n      if (!RenderFunction) RenderFunction = ChatActionsBar;\n\n      const handleActionClick: ListItemProps['onActionsClick'] = async (action, data) => {\n        switch (action.key) {\n          case 'copy': {\n            await copyToClipboard(data.content);\n            message.success(text?.copySuccess || 'Copy Success');\n            break;\n          }\n          case 'edit': {\n            setEditing(true);\n          }\n        }\n\n        onActionsClick?.(action, data);\n      };\n\n      return (\n        <RenderFunction\n          {...data}\n          onActionClick={(actionKey) => handleActionClick?.(actionKey, data)}\n          text={text}\n        />\n      );\n    },\n    [renderActions?.[item.role], text, onActionsClick],\n  );\n\n  const error = useMemo(() => {\n    if (!item.error) return;\n    const message = item.error?.message;\n    let alertConfig = {};\n    if (item.error.type && renderErrorMessages?.[item.error.type]) {\n      alertConfig = renderErrorMessages[item.error.type]?.config as AlertProps;\n    }\n    return {\n      message,\n      ...alertConfig,\n    };\n  }, [renderErrorMessages, item.error]);\n\n  if (RenderItem) return <RenderItem key={item.id} {...props} />;\n\n  return (\n    <ChatItem\n      actions={<Actions data={item} />}\n      avatar={item.meta}\n      avatarAddon={groupNav}\n      editing={editing}\n      error={error}\n      errorMessage={<ErrorMessage data={item} />}\n      loading={loading}\n      message={item.content}\n      messageExtra={<MessageExtra data={item} />}\n      onAvatarClick={onAvatarsClick?.(item.role)}\n      onChange={(value) => onMessageChange?.(item.id, value)}\n      onDoubleClick={(e) => {\n        if (item.id === 'default' || item.error) return;\n        if (item.role && ['assistant', 'user'].includes(item.role) && e.altKey) {\n          setEditing(true);\n        }\n      }}\n      onEditingChange={setEditing}\n      placement={variant === 'bubble' ? (item.role === 'user' ? 'right' : 'left') : 'left'}\n      primary={item.role === 'user'}\n      renderMessage={(editableContent) => (\n        <RenderMessage data={item} editableContent={editableContent} />\n      )}\n      showAvatar={showAvatar}\n      showTitle={showTitle}\n      text={text}\n      time={item.updateAt || item.createAt}\n      variant={variant}\n    />\n  );\n});\n\nChatListItem.displayName = 'ChatListItem';\n\nexport default ChatListItem;\n"],"mappings":"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"}

package/es/chat/ChatList/components/HistoryDivider.mjs

@@ -0,0 +1,22 @@
+import Icon_default from "../../../Icon/Icon.mjs";
+import Tag_default from "../../../Tag/Tag.mjs";
+import { Divider } from "antd";
+import { jsx } from "react/jsx-runtime";
+import { Timer } from "lucide-react";
+
+//#region src/chat/ChatList/components/HistoryDivider.tsx
+const HistoryDivider = ({ enable, text }) => {
+	if (!enable) return null;
+	return /* @__PURE__ */ jsx("div", {
+		style: { padding: "0 20px" },
+		children: /* @__PURE__ */ jsx(Divider, { children: /* @__PURE__ */ jsx(Tag_default, {
+			icon: /* @__PURE__ */ jsx(Icon_default, { icon: Timer }),
+			children: text || "History Message"
+		}) })
+	});
+};
+var HistoryDivider_default = HistoryDivider;
+
+//#endregion
+export { HistoryDivider_default as default };
+//# sourceMappingURL=HistoryDivider.mjs.map

package/es/chat/ChatList/components/HistoryDivider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryDivider.mjs","names":["HistoryDivider: FC<HistoryDividerProps>","Tag","Icon"],"sources":["../../../../src/chat/ChatList/components/HistoryDivider.tsx"],"sourcesContent":["import { Divider } from 'antd';\nimport { Timer } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport Icon from '@/Icon';\nimport Tag from '@/Tag';\n\ninterface HistoryDividerProps {\n  enable?: boolean;\n  text?: string;\n}\n\nconst HistoryDivider: FC<HistoryDividerProps> = ({ enable, text }) => {\n  if (!enable) return null;\n\n  return (\n    <div style={{ padding: '0 20px' }}>\n      <Divider>\n        <Tag icon={<Icon icon={Timer} />}>{text || 'History Message'}</Tag>\n      </Divider>\n    </div>\n  );\n};\n\nexport default HistoryDivider;\n"],"mappings":";;;;;;;AAYA,MAAMA,kBAA2C,EAAE,QAAQ,WAAW;AACpE,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC;EAAI,OAAO,EAAE,SAAS,UAAU;YAC/B,oBAAC,qBACC,oBAACC;GAAI,MAAM,oBAACC,gBAAK,MAAM,QAAS;aAAG,QAAQ;IAAwB,GAC3D;GACN;;AAIV,6BAAe"}

package/es/chat/ChatList/components/useChatListActionsBar.mjs

@@ -0,0 +1,35 @@
+'use client';
+
+import { useMemo } from "react";
+import { Copy, Edit, RotateCw, Trash } from "lucide-react";
+
+//#region src/chat/ChatList/components/useChatListActionsBar.tsx
+const useChatListActionsBar = (text) => {
+	return useMemo(() => ({
+		copy: {
+			icon: Copy,
+			key: "copy",
+			label: text?.copy || "Copy"
+		},
+		del: {
+			icon: Trash,
+			key: "del",
+			label: text?.delete || "Delete"
+		},
+		divider: { type: "divider" },
+		edit: {
+			icon: Edit,
+			key: "edit",
+			label: text?.edit || "Edit"
+		},
+		regenerate: {
+			icon: RotateCw,
+			key: "regenerate",
+			label: text?.regenerate || "Regenerate"
+		}
+	}), [text]);
+};
+
+//#endregion
+export { useChatListActionsBar };
+//# sourceMappingURL=useChatListActionsBar.mjs.map

package/es/chat/ChatList/components/useChatListActionsBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatListActionsBar.mjs","names":[],"sources":["../../../../src/chat/ChatList/components/useChatListActionsBar.tsx"],"sourcesContent":["'use client';\n\nimport { Copy, Edit, RotateCw, Trash } from 'lucide-react';\nimport { useMemo } from 'react';\n\nimport type { ActionIconGroupItemType } from '@/ActionIconGroup';\n\ninterface ChatListActionsBar {\n  copy: ActionIconGroupItemType;\n  del: ActionIconGroupItemType;\n  divider: { type: 'divider' };\n  edit: ActionIconGroupItemType;\n  regenerate: ActionIconGroupItemType;\n}\n\nexport const useChatListActionsBar = (text?: {\n  copy?: string;\n  delete?: string;\n  edit?: string;\n  regenerate?: string;\n}): ChatListActionsBar => {\n  return useMemo(\n    () => ({\n      copy: {\n        icon: Copy,\n        key: 'copy',\n        label: text?.copy || 'Copy',\n      },\n      del: {\n        icon: Trash,\n        key: 'del',\n        label: text?.delete || 'Delete',\n      },\n      divider: {\n        type: 'divider',\n      },\n      edit: {\n        icon: Edit,\n        key: 'edit',\n        label: text?.edit || 'Edit',\n      },\n      regenerate: {\n        icon: RotateCw,\n        key: 'regenerate',\n        label: text?.regenerate || 'Regenerate',\n      },\n    }),\n    [text],\n  );\n};\n"],"mappings":";;;;;;AAeA,MAAa,yBAAyB,SAKZ;AACxB,QAAO,eACE;EACL,MAAM;GACJ,MAAM;GACN,KAAK;GACL,OAAO,MAAM,QAAQ;GACtB;EACD,KAAK;GACH,MAAM;GACN,KAAK;GACL,OAAO,MAAM,UAAU;GACxB;EACD,SAAS,EACP,MAAM,WACP;EACD,MAAM;GACJ,MAAM;GACN,KAAK;GACL,OAAO,MAAM,QAAQ;GACtB;EACD,YAAY;GACV,MAAM;GACN,KAAK;GACL,OAAO,MAAM,cAAc;GAC5B;EACF,GACD,CAAC,KAAK,CACP"}

package/es/chat/ChatList/index.d.mts

@@ -0,0 +1,3 @@
+import { ChatActionsBarProps, ChatListProps, ListItemProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, RenderRole } from "./type.mjs";
+import { ChatList } from "./ChatList.mjs";
+import { ChatActionsBar } from "./components/ChatActionsBar.mjs";

package/es/chat/ChatList/style.mjs

@@ -0,0 +1,12 @@
+import { createStyles } from "antd-style";
+
+//#region src/chat/ChatList/style.ts
+const useStyles = createStyles(({ css: css$1 }) => {
+	return { container: css$1`
+      position: relative;
+    ` };
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/chat/ChatList/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatList/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,iBAAU;AACjD,QAAO,EACL,WAAW,KAAG;;OAGf;EACD"}