@hubstr/kit 0.1.4 → 0.1.6

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

@@ -0,0 +1,20 @@
+import Icon from "../../../Icon/Icon.mjs";
+import Tag$1 from "../../../Tag/Tag.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Divider } from "antd";
+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$1, {
+			icon: /* @__PURE__ */ jsx(Icon, { icon: Timer }),
+			children: text || "History Message"
+		}) })
+	});
+};
+//#endregion
+export { HistoryDivider as default };
+
+//# sourceMappingURL=HistoryDivider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryDivider.mjs","names":["Tag"],"sources":["../../../../src/chat/ChatList/components/HistoryDivider.tsx"],"sourcesContent":["import { Divider } from 'antd';\r\nimport { Timer } from 'lucide-react';\r\nimport { type FC } from 'react';\r\n\r\nimport Icon from '../../../Icon';\r\nimport Tag from '../../../Tag';\r\n\r\ninterface HistoryDividerProps {\r\n  enable?: boolean;\r\n  text?: string;\r\n}\r\n\r\nconst HistoryDivider: FC<HistoryDividerProps> = ({ enable, text }) => {\r\n  if (!enable) return null;\r\n\r\n  return (\r\n    <div style={{ padding: '0 20px' }}>\r\n      <Divider>\r\n        <Tag icon={<Icon icon={Timer} />}>{text || 'History Message'}</Tag>\r\n      </Divider>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default HistoryDivider;\r\n"],"mappings":";;;;;;AAYA,MAAM,kBAA2C,EAAE,QAAQ,WAAW;AACpE,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,UAAU;YAC/B,oBAAC,SAAD,EAAA,UACE,oBAACA,OAAD;GAAK,MAAM,oBAAC,MAAD,EAAM,MAAM,OAAS,CAAA;aAAG,QAAQ;GAAwB,CAAA,EAC3D,CAAA;EACN,CAAA"}

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

@@ -0,0 +1,33 @@
+"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/ui/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';\r\n\r\nimport { Copy, Edit, RotateCw, Trash } from 'lucide-react';\r\nimport { useMemo } from 'react';\r\n\r\nimport type { ActionIconGroupItemType } from '../../../ActionIconGroup';\r\n\r\ninterface ChatListActionsBar {\r\n  copy: ActionIconGroupItemType;\r\n  del: ActionIconGroupItemType;\r\n  divider: { type: 'divider' };\r\n  edit: ActionIconGroupItemType;\r\n  regenerate: ActionIconGroupItemType;\r\n}\r\n\r\nexport const useChatListActionsBar = (text?: {\r\n  copy?: string;\r\n  delete?: string;\r\n  edit?: string;\r\n  regenerate?: string;\r\n}): ChatListActionsBar => {\r\n  return useMemo(\r\n    () => ({\r\n      copy: {\r\n        icon: Copy,\r\n        key: 'copy',\r\n        label: text?.copy || 'Copy',\r\n      },\r\n      del: {\r\n        icon: Trash,\r\n        key: 'del',\r\n        label: text?.delete || 'Delete',\r\n      },\r\n      divider: {\r\n        type: 'divider',\r\n      },\r\n      edit: {\r\n        icon: Edit,\r\n        key: 'edit',\r\n        label: text?.edit || 'Edit',\r\n      },\r\n      regenerate: {\r\n        icon: RotateCw,\r\n        key: 'regenerate',\r\n        label: text?.regenerate || 'Regenerate',\r\n      },\r\n    }),\r\n    [text],\r\n  );\r\n};\r\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/ui/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/ui/es/chat/ChatList/style.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatList/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    container: css`\r\n      position: relative;\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,WAAW,GAAG;;OAGf;EACD"}

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

@@ -0,0 +1,99 @@
+import { DivProps } from "../../types/index.mjs";
+import { ActionIconGroupEvent, ActionIconGroupProps } from "../../ActionIconGroup/type.mjs";
+import { AlertProps } from "../../Alert/type.mjs";
+import { LLMRoleType } from "../types/llm.mjs";
+import { ChatMessage } from "../types/chatMessage.mjs";
+import { ChatItemProps } from "../ChatItem/type.mjs";
+import { FC, ReactNode } from "react";
+
+//#region src/chat/ChatList/type.d.ts
+type OnMessageChange = (id: string, content: string) => void;
+type OnActionsClick = (action: ActionIconGroupEvent, message: ChatMessage) => void;
+type OnAvatatsClick = (role: RenderRole) => ChatItemProps['onAvatarClick'];
+type RenderRole = LLMRoleType | 'default' | string;
+type RenderItem = FC<{
+  key: string;
+} & ChatMessage & ListItemProps>;
+type RenderMessage = FC<ChatMessage & {
+  editableContent: ReactNode;
+}>;
+type RenderMessageExtra = FC<ChatMessage>;
+interface RenderErrorMessage {
+  config?: AlertProps;
+  Render?: FC<ChatMessage>;
+}
+type RenderAction = FC<ChatActionsBarProps & ChatMessage>;
+interface ListItemProps {
+  groupNav?: ChatItemProps['avatarAddon'];
+  loading?: boolean;
+  /**
+   * @description 点击操作按钮的回调函数
+   */
+  onActionsClick?: OnActionsClick;
+  onAvatarsClick?: OnAvatatsClick;
+  /**
+   * @description 消息变化的回调函数
+   */
+  onMessageChange?: OnMessageChange;
+  renderActions?: {
+    [actionKey: string]: RenderAction;
+  };
+  /**
+   * @description 渲染错误消息的函数
+   */
+  renderErrorMessages?: {
+    [errorType: 'default' | string]: RenderErrorMessage;
+  };
+  renderItems?: {
+    [role: RenderRole]: RenderItem;
+  };
+  /**
+   * @description 渲染消息的函数
+   */
+  renderMessages?: {
+    [role: RenderRole]: RenderMessage;
+  };
+  /**
+   * @description 渲染消息额外内容的函数
+   */
+  renderMessagesExtra?: {
+    [role: RenderRole]: RenderMessageExtra;
+  };
+  showAvatar?: boolean;
+  /**
+   * @description 是否显示聊天项的名称
+   * @default false
+   */
+  showTitle?: boolean;
+  /**
+   * @description 文本内容
+   */
+  text?: ChatItemProps['text'] & ChatActionsBarProps['text'] & {
+    copySuccess?: string;
+    history?: string;
+  } & {
+    [key: string]: string;
+  };
+  /**
+   * @description 聊天列表的类型
+   * @default 'chat'
+   */
+  variant?: 'docs' | 'bubble';
+}
+interface ChatListProps extends DivProps, ListItemProps {
+  data: ChatMessage[];
+  enableHistoryCount?: boolean;
+  historyCount?: number;
+  loadingId?: string;
+}
+interface ChatActionsBarProps extends ActionIconGroupProps {
+  text?: {
+    copy?: string;
+    delete?: string;
+    edit?: string;
+    regenerate?: string;
+  };
+}
+//#endregion
+export { ChatActionsBarProps, ChatListProps, ListItemProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, RenderRole };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/chat/EditableMessage/EditableMessage.d.mts

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

package/ui/es/chat/EditableMessage/EditableMessage.mjs

@@ -0,0 +1,77 @@
+"use client";
+import Markdown from "../../Markdown/Markdown.mjs";
+import MessageInput from "../MessageInput/MessageInput.mjs";
+import MessageModal from "../MessageModal/MessageModal.mjs";
+import { memo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+//#region src/chat/EditableMessage/EditableMessage.tsx
+const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChange, editing, openModal, onOpenChange, placeholder, showEditWhenEmpty = false, styles: customStyles, className, style, height, variant, editButtonSize, text, fullFeaturedCodeBlock, model, fontSize, language = "markdown", markdownProps }) => {
+	const [isEdit, setTyping] = useMergeState(false, {
+		onChange: onEditingChange,
+		value: editing
+	});
+	const [expand, setExpand] = useMergeState(false, {
+		onChange: onOpenChange,
+		value: openModal
+	});
+	const isAutoSize = height === "auto";
+	const input = /* @__PURE__ */ jsx(MessageInput, {
+		shortcut: true,
+		className: cx(className, classNames?.input),
+		classNames,
+		defaultValue: value,
+		editButtonSize,
+		height,
+		language,
+		placeholder,
+		styles: customStyles,
+		text,
+		variant,
+		style: {
+			...style,
+			...customStyles?.input
+		},
+		onCancel: () => setTyping(false),
+		onConfirm: (text) => {
+			onChange?.(text);
+			setTyping(false);
+		}
+	});
+	if (!value && showEditWhenEmpty) return input;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!expand && isEdit ? input : /* @__PURE__ */ jsx(Markdown, {
+		className: cx(className, classNames?.markdown),
+		fontSize,
+		fullFeaturedCodeBlock,
+		variant: "chat",
+		style: {
+			height: isAutoSize ? "unset" : height,
+			...style,
+			...customStyles?.markdown
+		},
+		...markdownProps,
+		children: value || placeholder || ""
+	}), expand && /* @__PURE__ */ jsx(MessageModal, {
+		editing: isEdit,
+		extra: model?.extra,
+		footer: model?.footer,
+		height,
+		language,
+		open: expand,
+		placeholder,
+		text,
+		value,
+		onChange,
+		onEditingChange: setTyping,
+		onOpenChange: (e) => {
+			setExpand(e);
+			setTyping(false);
+		}
+	})] });
+});
+EditableMessage.displayName = "EditableMessage";
+//#endregion
+export { EditableMessage as default };
+
+//# sourceMappingURL=EditableMessage.mjs.map

package/ui/es/chat/EditableMessage/EditableMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableMessage.mjs","names":["useControlledState"],"sources":["../../../src/chat/EditableMessage/EditableMessage.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { memo } from 'react';\r\nimport useControlledState from 'use-merge-value';\r\n\r\nimport MessageInput from '../MessageInput';\r\nimport MessageModal from '../MessageModal';\r\nimport Markdown from '../../Markdown';\r\n\r\nimport { type EditableMessageProps } from './type';\r\n\r\nconst EditableMessage = memo<EditableMessageProps>(\r\n  ({\r\n    value,\r\n    onChange,\r\n    classNames = {},\r\n    onEditingChange,\r\n    editing,\r\n    openModal,\r\n    onOpenChange,\r\n    placeholder,\r\n    showEditWhenEmpty = false,\r\n    styles: customStyles,\r\n    className,\r\n    style,\r\n    height,\r\n    variant,\r\n    editButtonSize,\r\n    text,\r\n    fullFeaturedCodeBlock,\r\n    model,\r\n    fontSize,\r\n    language = 'markdown',\r\n    markdownProps,\r\n  }) => {\r\n    const [isEdit, setTyping] = useControlledState(false, {\r\n      onChange: onEditingChange,\r\n      value: editing,\r\n    });\r\n\r\n    const [expand, setExpand] = useControlledState<boolean>(false, {\r\n      onChange: onOpenChange,\r\n      value: openModal,\r\n    });\r\n\r\n    const isAutoSize = height === 'auto';\r\n\r\n    const input = (\r\n      <MessageInput\r\n        shortcut\r\n        className={cx(className, classNames?.input)}\r\n        classNames={classNames}\r\n        defaultValue={value}\r\n        editButtonSize={editButtonSize}\r\n        height={height}\r\n        language={language}\r\n        placeholder={placeholder}\r\n        styles={customStyles}\r\n        text={text}\r\n        variant={variant}\r\n        style={{\r\n          ...style,\r\n          ...customStyles?.input,\r\n        }}\r\n        onCancel={() => setTyping(false)}\r\n        onConfirm={(text) => {\r\n          onChange?.(text);\r\n          setTyping(false);\r\n        }}\r\n      />\r\n    );\r\n\r\n    if (!value && showEditWhenEmpty) return input;\r\n\r\n    return (\r\n      <>\r\n        {!expand && isEdit ? (\r\n          input\r\n        ) : (\r\n          <Markdown\r\n            className={cx(className, classNames?.markdown)}\r\n            fontSize={fontSize}\r\n            fullFeaturedCodeBlock={fullFeaturedCodeBlock}\r\n            variant={'chat'}\r\n            style={{\r\n              height: isAutoSize ? 'unset' : height,\r\n              ...style,\r\n              ...customStyles?.markdown,\r\n            }}\r\n            {...markdownProps}\r\n          >\r\n            {value || placeholder || ''}\r\n          </Markdown>\r\n        )}\r\n        {expand && (\r\n          <MessageModal\r\n            editing={isEdit}\r\n            extra={model?.extra}\r\n            footer={model?.footer}\r\n            height={height}\r\n            language={language}\r\n            open={expand}\r\n            placeholder={placeholder}\r\n            text={text}\r\n            value={value}\r\n            onChange={onChange}\r\n            onEditingChange={setTyping}\r\n            onOpenChange={(e) => {\r\n              setExpand(e);\r\n              setTyping(false);\r\n            }}\r\n          />\r\n        )}\r\n      </>\r\n    );\r\n  },\r\n);\r\n\r\nEditableMessage.displayName = 'EditableMessage';\r\n\r\nexport default EditableMessage;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,kBAAkB,MACrB,EACC,OACA,UACA,aAAa,EAAE,EACf,iBACA,SACA,WACA,cACA,aACA,oBAAoB,OACpB,QAAQ,cACR,WACA,OACA,QACA,SACA,gBACA,MACA,uBACA,OACA,UACA,WAAW,YACX,oBACI;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,QAAQ,aAAaA,cAA4B,OAAO;EAC7D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,aAAa,WAAW;CAE9B,MAAM,QACJ,oBAAC,cAAD;EACE,UAAA;EACA,WAAW,GAAG,WAAW,YAAY,MAAM;EAC/B;EACZ,cAAc;EACE;EACR;EACE;EACG;EACb,QAAQ;EACF;EACG;EACT,OAAO;GACL,GAAG;GACH,GAAG,cAAc;GAClB;EACD,gBAAgB,UAAU,MAAM;EAChC,YAAY,SAAS;AACnB,cAAW,KAAK;AAChB,aAAU,MAAM;;EAElB,CAAA;AAGJ,KAAI,CAAC,SAAS,kBAAmB,QAAO;AAExC,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,UAAU,SACV,QAEA,oBAAC,UAAD;EACE,WAAW,GAAG,WAAW,YAAY,SAAS;EACpC;EACa;EACvB,SAAS;EACT,OAAO;GACL,QAAQ,aAAa,UAAU;GAC/B,GAAG;GACH,GAAG,cAAc;GAClB;EACD,GAAI;YAEH,SAAS,eAAe;EAChB,CAAA,EAEZ,UACC,oBAAC,cAAD;EACE,SAAS;EACT,OAAO,OAAO;EACd,QAAQ,OAAO;EACP;EACE;EACV,MAAM;EACO;EACP;EACC;EACG;EACV,iBAAiB;EACjB,eAAe,MAAM;AACnB,aAAU,EAAE;AACZ,aAAU,MAAM;;EAElB,CAAA,CAEH,EAAA,CAAA;EAGR;AAED,gBAAgB,cAAc"}

package/ui/es/chat/EditableMessage/index.d.mts

@@ -0,0 +1,2 @@
+import { EditableMessageProps } from "./type.mjs";
+import { EditableMessage } from "./EditableMessage.mjs";

package/ui/es/chat/EditableMessage/type.d.mts

@@ -0,0 +1,42 @@
+import { MarkdownProps } from "../../Markdown/type.mjs";
+import { MessageInputProps } from "../MessageInput/type.mjs";
+import { MessageModalProps } from "../MessageModal/type.mjs";
+import { CSSProperties } from "react";
+
+//#region src/chat/EditableMessage/type.d.ts
+interface EditableMessageProps {
+  className?: string;
+  classNames?: MessageInputProps['classNames'] & {
+    input?: string;
+    markdown?: string;
+  };
+  defaultValue?: string;
+  editButtonSize?: MessageInputProps['editButtonSize'];
+  editing?: boolean;
+  fontSize?: number;
+  fullFeaturedCodeBlock?: boolean;
+  height?: MessageInputProps['height'];
+  language?: MessageInputProps['language'];
+  markdownProps?: Omit<MarkdownProps, 'className' | 'style' | 'children'>;
+  model?: {
+    extra?: MessageModalProps['extra'];
+    footer?: MessageModalProps['footer'];
+  };
+  onChange?: (value: string) => void;
+  onEditingChange?: (editing: boolean) => void;
+  onOpenChange?: (open: boolean) => void;
+  openModal?: boolean;
+  placeholder?: string;
+  showEditWhenEmpty?: boolean;
+  style?: CSSProperties;
+  styles?: MessageInputProps['styles'] & {
+    input?: CSSProperties;
+    markdown?: CSSProperties;
+  };
+  text?: MessageModalProps['text'];
+  value: string;
+  variant?: MessageInputProps['variant'];
+}
+//#endregion
+export { EditableMessageProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/chat/EditableMessageList/EditableMessageList.d.mts

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

package/ui/es/chat/EditableMessageList/EditableMessageList.mjs

@@ -0,0 +1,108 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import Button from "../../Button/Button.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import ControlInput from "../../EditableText/ControlInput.mjs";
+import Select from "../../Select/Select.mjs";
+import editableMessage_default from "../../i18n/resources/en/editableMessage.mjs";
+import { messagesReducer } from "./messageReducer.mjs";
+import { memo, useEffect, useReducer } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, Trash } from "lucide-react";
+import isEqual from "fast-deep-equal";
+//#region src/chat/EditableMessageList/EditableMessageList.tsx
+const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) => {
+	const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);
+	const { t } = useTranslation(editableMessage_default);
+	const addPropsText = texts?.addProps ?? t("editableMessage.addProps");
+	const deleteText = texts?.delete ?? t("editableMessage.delete");
+	const inputPlaceholderText = texts?.inputPlaceholder ?? t("editableMessage.inputPlaceholder");
+	const outputPlaceholderText = texts?.outputPlaceholder ?? t("editableMessage.outputPlaceholder");
+	const systemText = texts?.system ?? t("editableMessage.system");
+	const inputText = texts?.input ?? t("editableMessage.input");
+	const outputText = texts?.output ?? t("editableMessage.output");
+	useEffect(() => {
+		if (!isEqual(dataSources, chatMessages)) onChange?.(chatMessages);
+	}, [chatMessages]);
+	return dataSources ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+		gap: 12,
+		children: [chatMessages.map((item, index) => /* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			gap: 8,
+			width: "100%",
+			children: [
+				/* @__PURE__ */ jsx(Select, {
+					disabled,
+					style: { width: 120 },
+					styles: { popup: { root: { zIndex: 100 } } },
+					value: item.role,
+					options: [
+						{
+							label: systemText,
+							value: "system"
+						},
+						{
+							label: inputText,
+							value: "user"
+						},
+						{
+							label: outputText,
+							value: "assistant"
+						}
+					],
+					onChange: (value) => {
+						dispatch({
+							index,
+							role: value,
+							type: "updateMessageRole"
+						});
+					}
+				}),
+				/* @__PURE__ */ jsx(ControlInput, {
+					disabled,
+					placeholder: item.role === "user" ? inputPlaceholderText : outputPlaceholderText,
+					value: item.content,
+					onChange: (e) => {
+						dispatch({
+							index,
+							message: e,
+							type: "updateMessage"
+						});
+					}
+				}),
+				/* @__PURE__ */ jsx(ActionIcon, {
+					icon: Trash,
+					title: deleteText,
+					variant: "filled",
+					onClick: () => {
+						dispatch({
+							index,
+							type: "deleteMessage"
+						});
+					}
+				})
+			]
+		}, `${index}-${item.content}`)), /* @__PURE__ */ jsx(Button, {
+			block: true,
+			disabled,
+			icon: Plus,
+			onClick: () => {
+				dispatch({
+					message: {
+						content: "",
+						role: chatMessages.at(-1)?.role === "user" ? "assistant" : "user"
+					},
+					type: "addMessage"
+				});
+			},
+			children: addPropsText
+		})]
+	}) : void 0;
+}, isEqual);
+EditableMessageList.displayName = "EditableMessageList";
+//#endregion
+export { EditableMessageList as default };
+
+//# sourceMappingURL=EditableMessageList.mjs.map

package/ui/es/chat/EditableMessageList/EditableMessageList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableMessageList.mjs","names":["editableMessageMessages","Flexbox"],"sources":["../../../src/chat/EditableMessageList/EditableMessageList.tsx"],"sourcesContent":["'use client';\r\n\r\nimport isEqual from 'fast-deep-equal';\r\nimport { Plus, Trash } from 'lucide-react';\r\nimport { memo, useEffect, useReducer } from 'react';\r\n\r\nimport ActionIcon from '../../ActionIcon';\r\nimport Button from '../../Button';\r\nimport ControlInput from '../../EditableText/ControlInput';\r\nimport { Flexbox } from '../../Flex';\r\nimport editableMessageMessages from '../../i18n/resources/en/editableMessage';\r\nimport { useTranslation } from '../../i18n/useTranslation';\r\nimport Select from '../../Select';\r\n\r\nimport { messagesReducer } from './messageReducer';\r\nimport { type EditableMessageListProps } from './type';\r\n\r\nconst EditableMessageList = memo<EditableMessageListProps>(\r\n  ({ disabled, dataSources, onChange, texts }) => {\r\n    const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);\r\n    const { t } = useTranslation(editableMessageMessages);\r\n\r\n    const addPropsText = texts?.addProps ?? t('editableMessage.addProps');\r\n    const deleteText = texts?.delete ?? t('editableMessage.delete');\r\n    const inputPlaceholderText = texts?.inputPlaceholder ?? t('editableMessage.inputPlaceholder');\r\n    const outputPlaceholderText =\r\n      texts?.outputPlaceholder ?? t('editableMessage.outputPlaceholder');\r\n    const systemText = texts?.system ?? t('editableMessage.system');\r\n    const inputText = texts?.input ?? t('editableMessage.input');\r\n    const outputText = texts?.output ?? t('editableMessage.output');\r\n\r\n    useEffect(() => {\r\n      if (!isEqual(dataSources, chatMessages)) {\r\n        onChange?.(chatMessages);\r\n      }\r\n    }, [chatMessages]);\r\n\r\n    return dataSources ? (\r\n      <Flexbox gap={12}>\r\n        {chatMessages.map((item, index) => (\r\n          <Flexbox\r\n            horizontal\r\n            align={'center'}\r\n            gap={8}\r\n            key={`${index}-${item.content}`}\r\n            width={'100%'}\r\n          >\r\n            <Select\r\n              disabled={disabled}\r\n              style={{ width: 120 }}\r\n              styles={{ popup: { root: { zIndex: 100 } } }}\r\n              value={item.role}\r\n              options={[\r\n                { label: systemText, value: 'system' },\r\n                { label: inputText, value: 'user' },\r\n                { label: outputText, value: 'assistant' },\r\n              ]}\r\n              onChange={(value) => {\r\n                dispatch({ index, role: value, type: 'updateMessageRole' });\r\n              }}\r\n            />\r\n            <ControlInput\r\n              disabled={disabled}\r\n              placeholder={item.role === 'user' ? inputPlaceholderText : outputPlaceholderText}\r\n              value={item.content}\r\n              onChange={(e) => {\r\n                dispatch({ index, message: e, type: 'updateMessage' });\r\n              }}\r\n            />\r\n            <ActionIcon\r\n              icon={Trash}\r\n              title={deleteText}\r\n              variant={'filled'}\r\n              onClick={() => {\r\n                dispatch({ index, type: 'deleteMessage' });\r\n              }}\r\n            />\r\n          </Flexbox>\r\n        ))}\r\n\r\n        <Button\r\n          block\r\n          disabled={disabled}\r\n          icon={Plus}\r\n          onClick={() => {\r\n            const lastMeg = chatMessages.at(-1);\r\n\r\n            dispatch({\r\n              message: { content: '', role: lastMeg?.role === 'user' ? 'assistant' : 'user' },\r\n              type: 'addMessage',\r\n            });\r\n          }}\r\n        >\r\n          {addPropsText}\r\n        </Button>\r\n      </Flexbox>\r\n    ) : undefined;\r\n  },\r\n  isEqual,\r\n);\r\n\r\nEditableMessageList.displayName = 'EditableMessageList';\r\n\r\nexport default EditableMessageList;\r\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,sBAAsB,MACzB,EAAE,UAAU,aAAa,UAAU,YAAY;CAC9C,MAAM,CAAC,cAAc,YAAY,WAAW,iBAAiB,YAAY;CACzE,MAAM,EAAE,MAAM,eAAeA,wBAAwB;CAErD,MAAM,eAAe,OAAO,YAAY,EAAE,2BAA2B;CACrE,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;CAC/D,MAAM,uBAAuB,OAAO,oBAAoB,EAAE,mCAAmC;CAC7F,MAAM,wBACJ,OAAO,qBAAqB,EAAE,oCAAoC;CACpE,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;CAC/D,MAAM,YAAY,OAAO,SAAS,EAAE,wBAAwB;CAC5D,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;AAE/D,iBAAgB;AACd,MAAI,CAAC,QAAQ,aAAa,aAAa,CACrC,YAAW,aAAa;IAEzB,CAAC,aAAa,CAAC;AAElB,QAAO,cACL,qBAACC,mBAAD;EAAS,KAAK;YAAd,CACG,aAAa,KAAK,MAAM,UACvB,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,KAAK;GAEL,OAAO;aALT;IAOE,oBAAC,QAAD;KACY;KACV,OAAO,EAAE,OAAO,KAAK;KACrB,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,KAAK,EAAE,EAAE;KAC5C,OAAO,KAAK;KACZ,SAAS;MACP;OAAE,OAAO;OAAY,OAAO;OAAU;MACtC;OAAE,OAAO;OAAW,OAAO;OAAQ;MACnC;OAAE,OAAO;OAAY,OAAO;OAAa;MAC1C;KACD,WAAW,UAAU;AACnB,eAAS;OAAE;OAAO,MAAM;OAAO,MAAM;OAAqB,CAAC;;KAE7D,CAAA;IACF,oBAAC,cAAD;KACY;KACV,aAAa,KAAK,SAAS,SAAS,uBAAuB;KAC3D,OAAO,KAAK;KACZ,WAAW,MAAM;AACf,eAAS;OAAE;OAAO,SAAS;OAAG,MAAM;OAAiB,CAAC;;KAExD,CAAA;IACF,oBAAC,YAAD;KACE,MAAM;KACN,OAAO;KACP,SAAS;KACT,eAAe;AACb,eAAS;OAAE;OAAO,MAAM;OAAiB,CAAC;;KAE5C,CAAA;IACM;KAjCH,GAAG,MAAM,GAAG,KAAK,UAiCd,CACV,EAEF,oBAAC,QAAD;GACE,OAAA;GACU;GACV,MAAM;GACN,eAAe;AAGb,aAAS;KACP,SAAS;MAAE,SAAS;MAAI,MAHV,aAAa,GAAG,GAGO,EAAE,SAAS,SAAS,cAAc;MAAQ;KAC/E,MAAM;KACP,CAAC;;aAGH;GACM,CAAA,CACD;MACR,KAAA;GAEN,QACD;AAED,oBAAoB,cAAc"}

package/ui/es/chat/EditableMessageList/index.d.mts

@@ -0,0 +1,2 @@
+import { EditableMessageListProps } from "./type.mjs";
+import { EditableMessageList } from "./EditableMessageList.mjs";

package/ui/es/chat/EditableMessageList/messageReducer.mjs

@@ -0,0 +1,43 @@
+import { produce } from "immer";
+//#region src/chat/EditableMessageList/messageReducer.ts
+const messagesReducer = (state, payload) => {
+	switch (payload.type) {
+		case "addMessage": return [...state, payload.message];
+		case "insertMessage": return produce(state, (draftState) => {
+			draftState.splice(payload.index, 0, payload.message);
+		});
+		case "deleteMessage": return state.filter((_, index) => index !== payload.index);
+		case "resetMessages": return [];
+		case "updateMessage": return produce(state, (draftState) => {
+			const { index, message } = payload;
+			draftState[index].content = message;
+		});
+		case "updateMessageRole": return produce(state, (draftState) => {
+			const { index, role } = payload;
+			draftState[index].role = role;
+		});
+		case "addUserMessage": return produce(state, (draftState) => {
+			draftState.push({
+				content: payload.message,
+				role: "user"
+			});
+		});
+		case "updateLatestBotMessage": return produce(state, () => {
+			const { responseStream } = payload;
+			const newMessage = {
+				content: responseStream.join(""),
+				role: "assistant"
+			};
+			return [...state.slice(0, -1), newMessage];
+		});
+		case "setErrorMessage": return produce(state, (draftState) => {
+			const { index, error } = payload;
+			draftState[index].error = error;
+		});
+		default: throw new Error("暂未实现的 type，请检查 reducer");
+	}
+};
+//#endregion
+export { messagesReducer };
+
+//# sourceMappingURL=messageReducer.mjs.map

package/ui/es/chat/EditableMessageList/messageReducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageReducer.mjs","names":[],"sources":["../../../src/chat/EditableMessageList/messageReducer.ts"],"sourcesContent":["import { produce } from 'immer';\r\n\r\nimport type { ChatMessageError, LLMMessage, LLMRoleType } from '../types';\r\n\r\nexport type MessageDispatch =\r\n  | { message: LLMMessage; type: 'addMessage' }\r\n  | { index: number; message: LLMMessage; type: 'insertMessage' }\r\n  | { index: number; type: 'deleteMessage' }\r\n  | { type: 'resetMessages' }\r\n  | { index: number; message: string; type: 'updateMessage' }\r\n  | { index: number; role: LLMRoleType; type: 'updateMessageRole' }\r\n  //\r\n  | { message: string; type: 'addUserMessage' }\r\n  | { responseStream: string[]; type: 'updateLatestBotMessage' }\r\n  | { index: number; message: string; type: 'updateMessageChoice' }\r\n  | {\r\n      error: ChatMessageError | undefined;\r\n      index: number;\r\n      type: 'setErrorMessage';\r\n    };\r\n\r\nexport const messagesReducer = (state: LLMMessage[], payload: MessageDispatch): LLMMessage[] => {\r\n  switch (payload.type) {\r\n    case 'addMessage': {\r\n      return [...state, payload.message];\r\n    }\r\n\r\n    case 'insertMessage': {\r\n      return produce(state, (draftState) => {\r\n        draftState.splice(payload.index, 0, payload.message);\r\n      });\r\n    }\r\n\r\n    case 'deleteMessage': {\r\n      return state.filter((_, index) => index !== payload.index);\r\n    }\r\n    case 'resetMessages': {\r\n      return [];\r\n    }\r\n\r\n    case 'updateMessage': {\r\n      return produce(state, (draftState) => {\r\n        const { index, message } = payload;\r\n\r\n        draftState[index].content = message;\r\n      });\r\n    }\r\n    case 'updateMessageRole': {\r\n      return produce(state, (draftState) => {\r\n        const { index, role } = payload;\r\n\r\n        draftState[index].role = role;\r\n      });\r\n    }\r\n\r\n    case 'addUserMessage': {\r\n      return produce(state, (draftState) => {\r\n        draftState.push({ content: payload.message, role: 'user' });\r\n      });\r\n    }\r\n\r\n    case 'updateLatestBotMessage': {\r\n      return produce(state, () => {\r\n        const { responseStream } = payload;\r\n        const newMessage = { content: responseStream.join(''), role: 'assistant' };\r\n\r\n        return [...state.slice(0, -1), newMessage];\r\n      });\r\n    }\r\n\r\n    case 'setErrorMessage': {\r\n      return produce(state, (draftState) => {\r\n        const { index, error } = payload;\r\n\r\n        // @ts-ignore\r\n        draftState[index].error = error;\r\n      });\r\n    }\r\n\r\n    default: {\r\n      throw new Error('暂未实现的 type，请检查 reducer');\r\n    }\r\n  }\r\n};\r\n"],"mappings":";;AAqBA,MAAa,mBAAmB,OAAqB,YAA2C;AAC9F,SAAQ,QAAQ,MAAhB;EACE,KAAK,aACH,QAAO,CAAC,GAAG,OAAO,QAAQ,QAAQ;EAGpC,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,OAAO,QAAQ,OAAO,GAAG,QAAQ,QAAQ;IACpD;EAGJ,KAAK,gBACH,QAAO,MAAM,QAAQ,GAAG,UAAU,UAAU,QAAQ,MAAM;EAE5D,KAAK,gBACH,QAAO,EAAE;EAGX,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,YAAY;AAE3B,cAAW,OAAO,UAAU;IAC5B;EAEJ,KAAK,oBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,SAAS;AAExB,cAAW,OAAO,OAAO;IACzB;EAGJ,KAAK,iBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,KAAK;IAAE,SAAS,QAAQ;IAAS,MAAM;IAAQ,CAAC;IAC3D;EAGJ,KAAK,yBACH,QAAO,QAAQ,aAAa;GAC1B,MAAM,EAAE,mBAAmB;GAC3B,MAAM,aAAa;IAAE,SAAS,eAAe,KAAK,GAAG;IAAE,MAAM;IAAa;AAE1E,UAAO,CAAC,GAAG,MAAM,MAAM,GAAG,GAAG,EAAE,WAAW;IAC1C;EAGJ,KAAK,kBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,UAAU;AAGzB,cAAW,OAAO,QAAQ;IAC1B;EAGJ,QACE,OAAM,IAAI,MAAM,yBAAyB"}

package/ui/es/chat/EditableMessageList/type.d.mts

@@ -0,0 +1,19 @@
+import { LLMMessage } from "../types/llm.mjs";
+//#region src/chat/EditableMessageList/type.d.ts
+interface EditableMessageListProps {
+  dataSources: LLMMessage[];
+  disabled?: boolean;
+  onChange?: (chatMessages: LLMMessage[]) => void;
+  texts?: {
+    addProps?: string;
+    delete?: string;
+    input?: string;
+    inputPlaceholder?: string;
+    output?: string;
+    outputPlaceholder?: string;
+    system?: string;
+  };
+}
+//#endregion
+export { EditableMessageListProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/chat/LoadingDots/LoadingDots.d.mts

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

package/ui/es/chat/LoadingDots/LoadingDots.mjs

@@ -0,0 +1,93 @@
+"use client";
+import { styles } from "./style.mjs";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/chat/LoadingDots/LoadingDots.tsx
+const LoadingDots = ({ size = 8, color, variant = "dots", className, style }) => {
+	const cssVariables = useMemo(() => {
+		const vars = { "--loading-dots-size": `${size}px` };
+		if (color) vars["--loading-dots-color"] = color;
+		return vars;
+	}, [color, size]);
+	const renderDots = () => {
+		switch (variant) {
+			case "pulse": return /* @__PURE__ */ jsx("div", {
+				className: styles.pulseDot,
+				style: { animationDelay: "0s" }
+			});
+			case "wave": return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0.12s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0.24s" }
+				})
+			] });
+			case "orbit": return /* @__PURE__ */ jsxs("div", {
+				className: styles.orbitContainer,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "0s" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "-0.4s" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "-0.8s" }
+					})
+				]
+			});
+			case "typing": return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0.15s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0.3s" }
+				})
+			] });
+			default: return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0.15s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0.3s" }
+				})
+			] });
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(variant === "orbit" ? styles.orbitWrapper : styles.container, className),
+		style: {
+			...cssVariables,
+			...style
+		},
+		children: renderDots()
+	});
+};
+LoadingDots.displayName = "LoadingDots";
+//#endregion
+export { LoadingDots as default };
+
+//# sourceMappingURL=LoadingDots.mjs.map

package/ui/es/chat/LoadingDots/LoadingDots.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots.mjs","names":[],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC, useMemo } from 'react';\r\n\r\nimport { styles } from './style';\r\nimport type { LoadingDotsProps } from './type';\r\n\r\nconst LoadingDots: FC<LoadingDotsProps> = ({\r\n  size = 8,\r\n  color,\r\n  variant = 'dots',\r\n  className,\r\n  style,\r\n}) => {\r\n  // Convert props to CSS variables\r\n  const cssVariables = useMemo<Record<string, string>>(() => {\r\n    const vars: Record<string, string> = {\r\n      '--loading-dots-size': `${size}px`,\r\n    };\r\n    if (color) {\r\n      vars['--loading-dots-color'] = color;\r\n    }\r\n    return vars;\r\n  }, [color, size]);\r\n\r\n  const renderDots = () => {\r\n    switch (variant) {\r\n      case 'pulse': {\r\n        return <div className={styles.pulseDot} style={{ animationDelay: '0s' }} />;\r\n      }\r\n\r\n      case 'wave': {\r\n        return (\r\n          <>\r\n            <div className={styles.waveDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.waveDot} style={{ animationDelay: '0.12s' }} />\r\n            <div className={styles.waveDot} style={{ animationDelay: '0.24s' }} />\r\n          </>\r\n        );\r\n      }\r\n\r\n      case 'orbit': {\r\n        return (\r\n          <div className={styles.orbitContainer}>\r\n            <div className={styles.orbitDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.4s' }} />\r\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.8s' }} />\r\n          </div>\r\n        );\r\n      }\r\n\r\n      case 'typing': {\r\n        return (\r\n          <>\r\n            <div className={styles.typingDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.typingDot} style={{ animationDelay: '0.15s' }} />\r\n            <div className={styles.typingDot} style={{ animationDelay: '0.3s' }} />\r\n          </>\r\n        );\r\n      }\r\n\r\n      default: {\r\n        return (\r\n          <>\r\n            <div className={styles.defaultDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.defaultDot} style={{ animationDelay: '0.15s' }} />\r\n            <div className={styles.defaultDot} style={{ animationDelay: '0.3s' }} />\r\n          </>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className)}\r\n      style={{\r\n        ...cssVariables,\r\n        ...style,\r\n      }}\r\n    >\r\n      {renderDots()}\r\n    </div>\r\n  );\r\n};\r\n\r\nLoadingDots.displayName = 'LoadingDots';\r\n\r\nexport default LoadingDots;\r\n"],"mappings":";;;;;;AAQA,MAAM,eAAqC,EACzC,OAAO,GACP,OACA,UAAU,QACV,WACA,YACI;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,uBAAuB,GAAG,KAAK,KAChC;AACD,MAAI,MACF,MAAK,0BAA0B;AAEjC,SAAO;IACN,CAAC,OAAO,KAAK,CAAC;CAEjB,MAAM,mBAAmB;AACvB,UAAQ,SAAR;GACE,KAAK,QACH,QAAO,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAU,OAAO,EAAE,gBAAgB,MAAM;IAAI,CAAA;GAG7E,KAAK,OACH,QACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,MAAM;KAAI,CAAA;IACnE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACtE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACrE,EAAA,CAAA;GAIP,KAAK,QACH,QACE,qBAAC,OAAD;IAAK,WAAW,OAAO;cAAvB;KACE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,MAAM;MAAI,CAAA;KACpE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;MAAI,CAAA;KACvE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;MAAI,CAAA;KACnE;;GAIV,KAAK,SACH,QACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,MAAM;KAAI,CAAA;IACrE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACxE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;IACtE,EAAA,CAAA;GAIP,QACE,QACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,MAAM;KAAI,CAAA;IACtE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACzE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;IACvE,EAAA,CAAA;;;AAMX,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,UAAU;EACtF,OAAO;GACL,GAAG;GACH,GAAG;GACJ;YAEA,YAAY;EACT,CAAA;;AAIV,YAAY,cAAc"}