nexus-chat-ui 0.0.1

package/dist/index.js

@@ -0,0 +1,1452 @@
+import "@douyinfe/semi-ui/react19-adapter";
+import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
+import "@tdesign-react/chat/es/style/index.js";
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+import { AddUserButton as a, Avatar as o, ChatContainer as s, Conversation as c, ConversationHeader as l, Loader as u, MainContainer as d, MessageInput as f, MessageList as p, SendButton as m, Sidebar as h } from "@chatscope/chat-ui-kit-react";
+import { Button as g, Dropdown as _, Empty as v, Form as y, Modal as b, Pagination as x, Spin as S, Toast as C } from "@douyinfe/semi-ui";
+import w from "axios";
+import { create as T } from "zustand";
+import { clsx as E } from "clsx";
+import { twMerge as D } from "tailwind-merge";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import { ChatMessage as j } from "@tdesign-react/chat";
+import M from "dayjs";
+import { TabBar as N, TabBarItem as P } from "tdesign-mobile-react";
+import { ChatDoubleIcon as F, ChatIcon as I } from "tdesign-icons-react";
+import { useMediaQuery as L } from "react-responsive";
+//#region src/enums/httpEnum.ts
+var R = /* @__PURE__ */ function(e) {
+	return e[e.SUCCESS = 200] = "SUCCESS", e[e.ERROR = 500] = "ERROR", e[e.OVERDUE = 401] = "OVERDUE", e[e.TIMEOUT = 3e4] = "TIMEOUT", e.TYPE = "success", e;
+}({}), z = T((e) => ({
+	wsAddress: void 0,
+	httpUrl: void 0,
+	token: "",
+	connectionStatus: "idle",
+	setWsAddress: (t) => e({ wsAddress: t }),
+	setHttpUrl: (t) => e({ httpUrl: t }),
+	setToken: (t) => e({ token: t }),
+	setConnectionStatus: (t) => e({ connectionStatus: t })
+})), B = (e) => {
+	switch (e) {
+		case 400:
+			C.error("请求失败！请您稍后重试");
+			break;
+		case 401:
+			C.error("登录失效！请您重新登录");
+			break;
+		case 403:
+			C.error("当前账号无权限访问！");
+			break;
+		case 404:
+			C.error("你所访问的资源不存在！");
+			break;
+		case 405:
+			C.error("请求方式错误！请您稍后重试");
+			break;
+		case 408:
+			C.error("请求超时！请您稍后重试");
+			break;
+		case 500:
+			C.error("服务异常！");
+			break;
+		case 502:
+			C.error("网关错误！");
+			break;
+		case 503:
+			C.error("服务不可用！");
+			break;
+		case 504:
+			C.error("网关超时！");
+			break;
+		default: C.error("请求失败！");
+	}
+}, V = {
+	baseURL: "",
+	timeout: R.TIMEOUT,
+	withCredentials: !1
+}, H = new class {
+	service;
+	constructor(e) {
+		this.service = w.create(e), this.service.interceptors.request.use((e) => {
+			let { httpUrl: t, token: n } = z.getState();
+			return t && (e.baseURL = t), e.headers && typeof e.headers.set == "function" && n && e.headers.set("Authorization", `Bearer ${n}`), e;
+		}, (e) => Promise.reject(e)), this.service.interceptors.response.use((e) => {
+			let { data: t } = e;
+			return t.code && t.code != R.SUCCESS ? Promise.reject(t) : t;
+		}, async (e) => {
+			let { response: t } = e;
+			return console.log(t), e.message.indexOf("timeout") !== -1 && C.error("请求超时！请您稍后重试"), e.message.indexOf("Network Error") !== -1 && C.error("网络错误！请您稍后重试"), t && B(t.status), Promise.reject(e);
+		});
+	}
+	get(e, t, n = {}) {
+		return this.service.get(e, {
+			params: t,
+			...n
+		});
+	}
+	post(e, t, n = {}) {
+		return this.service.post(e, t, n);
+	}
+	put(e, t, n = {}) {
+		return this.service.put(e, t, n);
+	}
+	delete(e, t, n = {}) {
+		return this.service.delete(e, {
+			params: t,
+			...n
+		});
+	}
+	download(e, t, n = {}) {
+		return this.service.post(e, t, {
+			...n,
+			responseType: "blob"
+		});
+	}
+}(V), ee = () => H.get("/api/v1/conversations"), U = (e) => H.post("/api/v1/conversations", { userId: e }), te = (e, t) => H.get("/api/v1/messages", {
+	roomId: e,
+	roomType: t
+}), ne = () => H.get("/api/v1/channels"), W = (e, t) => H.post("/api/v1/channels", {
+	name: e,
+	description: t,
+	type: "PRIVATE",
+	e2eeEnabled: !1
+}), G = (e, t) => H.post(`/api/v1/channels/${e}/members`, { userId: t });
+//#endregion
+//#region src/lib/utils.ts
+function K(...e) {
+	return D(E(e));
+}
+//#endregion
+//#region src/components/Modal/index.tsx
+var q = ({ open: e, title: t, description: n, headerClassName: r, titleClassName: i, descriptionClassName: a, children: o, centered: s = !0, destroyOnHidden: c = !0, footer: l = null, width: u = 520, ...d }) => {
+	let f = t || n ? /* @__PURE__ */ A("div", {
+		className: K("pr-[32px]", r),
+		children: [t ? /* @__PURE__ */ k("div", {
+			className: K("text-[20px] font-semibold leading-[28px] text-primary", i),
+			children: t
+		}) : null, n ? /* @__PURE__ */ k("div", {
+			className: K(t ? "mt-[8px]" : "", "text-[14px] leading-[22px] text-[#909090]", a),
+			children: n
+		}) : null]
+	}) : null;
+	return /* @__PURE__ */ k(b, {
+		centered: s,
+		visible: e,
+		keepDOM: !c,
+		footer: l,
+		maskClosable: !0,
+		title: f,
+		width: u,
+		...d,
+		children: o
+	});
+}, J = (e) => {
+	let t = e.senderId;
+	if (t) return { userId: t };
+}, re = (e) => {
+	let t = {};
+	return e.forEach((e) => {
+		e.userId && (t[e.userId] = {
+			...t[e.userId],
+			...e
+		});
+	}), Object.values(t);
+}, Y = (e) => e.reduce((e, t) => (e[t.userId] = t, e), {}), ie = (e, t) => {
+	let n = Y(e);
+	return t.forEach((e) => {
+		e.userId && (n[e.userId] = {
+			...n[e.userId],
+			...e
+		});
+	}), Object.values(n);
+}, X = T((e) => ({
+	currentUser: void 0,
+	allUserList: [],
+	usersById: {},
+	setAllUserList: (t) => e((e) => {
+		let n = re(t), r = e.currentUser?.userId ? ie(n, [e.currentUser]) : n;
+		return {
+			allUserList: r,
+			usersById: Y(r)
+		};
+	}),
+	setCurrentUser: (t) => e((e) => {
+		if (!t?.userId) return { currentUser: void 0 };
+		let n = ie(e.allUserList, [t]);
+		return {
+			currentUser: t,
+			allUserList: n,
+			usersById: Y(n)
+		};
+	}),
+	upsertUsersFromMessages: (t) => e((e) => {
+		let n = t.map(J).filter((e) => !!e);
+		if (n.length === 0) return {};
+		let r = ie(e.allUserList, n);
+		return {
+			allUserList: r,
+			usersById: Y(r)
+		};
+	})
+})), Z = (e, t) => {
+	let n = new Set(e.map((e) => e._id).filter(Boolean)), r = t.filter((e) => e._id ? n.has(e._id) ? !1 : (n.add(e._id), !0) : !0);
+	return r.length > 0 ? [...e, ...r] : e;
+}, Q = T((e) => ({
+	conversations: [],
+	channels: [],
+	tabbarValue: "conversations",
+	activeConversationId: void 0,
+	isConversationsLoading: !1,
+	isMessagesLoading: !1,
+	setConversations: (t) => e((e) => ({
+		conversations: t.map((t) => {
+			let n = e.conversations.find((e) => e._id === t._id);
+			return n ? {
+				...t,
+				hasReq: n.hasReq,
+				unreadDot: n.unreadDot,
+				msg: n.msg
+			} : {
+				...t,
+				hasReq: t.hasReq ?? !1,
+				unreadDot: t.unreadDot ?? !1
+			};
+		}),
+		activeConversationId: t.some((t) => t._id === e.activeConversationId) ? e.activeConversationId : void 0
+	})),
+	setChannels: (t) => e((e) => ({ channels: t.map((t) => {
+		let n = e.channels.find((e) => e._id === t._id);
+		return n ? {
+			...t,
+			hasReq: n.hasReq,
+			unreadDot: n.unreadDot,
+			msg: n.msg
+		} : {
+			...t,
+			hasReq: t.hasReq ?? !1,
+			unreadDot: t.unreadDot ?? !1
+		};
+	}) })),
+	setTabbarValue: (t) => e({ tabbarValue: t }),
+	prependConversation: (t) => e((e) => ({ conversations: [{
+		...t,
+		hasReq: t.hasReq ?? !1,
+		unreadDot: t.unreadDot ?? !1
+	}, ...e.conversations.filter((e) => e._id !== t._id)] })),
+	prependChannel: (t) => e((e) => ({ channels: [{
+		...t,
+		hasReq: t.hasReq ?? !1,
+		unreadDot: t.unreadDot ?? !1
+	}, ...e.channels.filter((e) => e._id !== t._id)] })),
+	setConversationsLoading: (t) => e({ isConversationsLoading: t }),
+	setMessagesLoading: (t) => e({ isMessagesLoading: t }),
+	setConversationMessages: (t, n) => e((e) => {
+		let r = e.conversations.find((e) => e._id === t), i = e.channels.find((e) => e._id === t);
+		if (r) return { conversations: e.conversations.map((e) => e._id === t ? {
+			...e,
+			hasReq: !0,
+			unreadDot: !1,
+			msg: Z(n, r.msg)
+		} : e) };
+		if (i) return { channels: e.channels.map((e) => e._id === t ? {
+			...e,
+			hasReq: !0,
+			unreadDot: !1,
+			msg: Z(n, i.msg),
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		} : e) };
+		let a = (/* @__PURE__ */ new Date()).toISOString();
+		return (n[0]?.roomType === "CHANNEL" ? "CHANNEL" : "CONVERSATION") == "CHANNEL" ? {
+			channels: [...e.channels, {
+				_id: t,
+				members: [],
+				name: "",
+				type: "CHANNEL",
+				createdBy: "",
+				e2eeEnabled: !1,
+				senderKeyVersion: 0,
+				createdAt: a,
+				updatedAt: a,
+				hasReq: !0,
+				unreadDot: !1,
+				roomType: "CHANNEL",
+				msg: n
+			}],
+			activeConversationId: e.activeConversationId ?? t
+		} : {
+			conversations: [...e.conversations, {
+				_id: t,
+				participants: [],
+				createdAt: a,
+				updatedAt: a,
+				hasReq: !0,
+				unreadDot: !1,
+				roomType: "CONVERSATION",
+				msg: n
+			}],
+			activeConversationId: e.activeConversationId ?? t
+		};
+	}),
+	setActiveConversationId: (t) => e({ activeConversationId: t }),
+	ensureConversation: (t, n) => e((e) => {
+		let r = e.conversations.find((e) => e._id === t), i = e.channels.find((e) => e._id === t);
+		if (r) return { conversations: e.conversations.map((e) => e._id === t ? {
+			...e,
+			...n,
+			hasReq: n?.hasReq ?? e.hasReq,
+			unreadDot: n?.unreadDot ?? e.unreadDot,
+			participants: n?.participants ?? e.participants,
+			updatedAt: n?.updatedAt ?? e.updatedAt
+		} : e) };
+		if (i) return { channels: e.channels.map((e) => e._id === t ? {
+			...e,
+			...n,
+			roomType: "CHANNEL",
+			hasReq: n?.hasReq ?? e.hasReq,
+			unreadDot: n?.unreadDot ?? e.unreadDot,
+			members: n?.members ?? e.members,
+			name: n?.name ?? e.name,
+			type: n?.type ?? e.type,
+			createdBy: n?.createdBy ?? e.createdBy,
+			e2eeEnabled: n?.e2eeEnabled ?? e.e2eeEnabled,
+			senderKeyVersion: n?.senderKeyVersion ?? e.senderKeyVersion,
+			updatedAt: n?.updatedAt ?? e.updatedAt
+		} : e) };
+		let a = (/* @__PURE__ */ new Date()).toISOString();
+		return (n?.roomType ?? "CONVERSATION") === "CHANNEL" ? {
+			channels: [...e.channels, {
+				_id: t,
+				members: n?.members ?? [],
+				name: n?.name ?? "",
+				type: n?.type ?? "CHANNEL",
+				createdBy: n?.createdBy ?? "",
+				e2eeEnabled: n?.e2eeEnabled ?? !1,
+				senderKeyVersion: n?.senderKeyVersion ?? 0,
+				createdAt: n?.createdAt ?? a,
+				updatedAt: n?.updatedAt ?? a,
+				hasReq: n?.hasReq ?? !1,
+				unreadDot: n?.unreadDot ?? !1,
+				roomType: "CHANNEL",
+				msg: []
+			}],
+			activeConversationId: e.activeConversationId ?? t
+		} : {
+			conversations: [...e.conversations, {
+				_id: t,
+				participants: n?.participants ?? [],
+				createdAt: n?.createdAt ?? a,
+				updatedAt: n?.updatedAt ?? a,
+				hasReq: n?.hasReq ?? !1,
+				unreadDot: n?.unreadDot ?? !1,
+				roomType: "CONVERSATION",
+				msg: []
+			}],
+			activeConversationId: e.activeConversationId ?? t
+		};
+	}),
+	appendMessages: (t, n) => e((e) => {
+		let r = e.conversations.find((e) => e._id === t), i = e.channels.find((e) => e._id === t), a = n[0]?.roomType === "CHANNEL" ? "CHANNEL" : "CONVERSATION";
+		if (r) return { conversations: e.conversations.map((e) => e._id === t ? {
+			...e,
+			hasReq: e.hasReq ?? !1,
+			unreadDot: e.unreadDot ?? !1,
+			msg: Z(e.msg, n),
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		} : e) };
+		if (i) return { channels: e.channels.map((e) => e._id === t ? {
+			...e,
+			hasReq: e.hasReq ?? !1,
+			unreadDot: e.unreadDot ?? !1,
+			msg: Z(e.msg, n),
+			updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+		} : e) };
+		if (a === "CHANNEL") {
+			let r = (/* @__PURE__ */ new Date()).toISOString();
+			return {
+				channels: [...e.channels, {
+					_id: t,
+					members: [],
+					name: "",
+					type: "CHANNEL",
+					createdBy: "",
+					e2eeEnabled: !1,
+					senderKeyVersion: 0,
+					createdAt: r,
+					updatedAt: r,
+					hasReq: !1,
+					unreadDot: !1,
+					roomType: "CHANNEL",
+					msg: n
+				}],
+				activeConversationId: e.activeConversationId ?? t
+			};
+		}
+		return {
+			conversations: [...e.conversations, {
+				_id: t,
+				participants: [],
+				createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+				updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+				hasReq: !1,
+				unreadDot: !1,
+				roomType: "CONVERSATION",
+				msg: n
+			}],
+			activeConversationId: e.activeConversationId ?? t
+		};
+	}),
+	setConversationUnreadDot: (t, n, r) => e((e) => {
+		let i = e.conversations.find((e) => e._id === t), a = e.channels.find((e) => e._id === t);
+		if (i) return { conversations: e.conversations.map((e) => e._id === t ? {
+			...e,
+			unreadDot: n
+		} : e) };
+		if (a) return { channels: e.channels.map((e) => e._id === t ? {
+			...e,
+			unreadDot: n
+		} : e) };
+		let o = (/* @__PURE__ */ new Date()).toISOString();
+		return (r?.roomType ?? "CONVERSATION") === "CHANNEL" ? {
+			channels: [...e.channels, {
+				_id: t,
+				members: [],
+				name: "",
+				type: "PRIVATE",
+				createdBy: "",
+				e2eeEnabled: !1,
+				senderKeyVersion: 0,
+				createdAt: o,
+				updatedAt: r?.sentAt ?? o,
+				hasReq: !1,
+				unreadDot: n,
+				roomType: "CHANNEL",
+				msg: []
+			}],
+			activeConversationId: e.activeConversationId
+		} : {
+			conversations: [...e.conversations, {
+				_id: t,
+				participants: [r?.senderId, X.getState().currentUser?.userId].filter((e) => !!e),
+				createdAt: o,
+				updatedAt: r?.sentAt ?? o,
+				hasReq: !1,
+				unreadDot: n,
+				roomType: "CONVERSATION",
+				msg: []
+			}],
+			activeConversationId: e.activeConversationId
+		};
+	})
+})), $ = 8, ae = "https://chatscope.io/storybook/react/assets/emily-xzL8sDL2.svg", oe = v;
+function se({ open: e, users: r, onCancel: a, mode: s = "conversation", channelId: c, channelName: l }) {
+	let [u, d] = i(1), [f, p] = i(), h = X((e) => e.currentUser), g = Q((e) => e.conversations), _ = Q((e) => e.channels), v = Q((e) => e.prependConversation), y = Q((e) => e.ensureConversation), b = Q((e) => e.setActiveConversationId), S = Q((e) => e.setTabbarValue), w = n(() => c ? _.find((e) => e._id === c) : void 0, [c, _]), T = w?.members ?? [], E = n(() => r.filter((e) => e.userId !== h?.userId), [h?.userId, r]), D = n(() => {
+		let e = (u - 1) * $;
+		return E.slice(e, e + $);
+	}, [u, E]);
+	t(() => {
+		e && d(1);
+	}, [e]), t(() => {
+		let e = Math.max(1, Math.ceil(E.length / $));
+		u > e && d(e);
+	}, [u, E.length]);
+	let O = async (e) => {
+		p(e.userId);
+		try {
+			if (s === "channelMember") {
+				if (!c) {
+					C.error("缺少群聊信息");
+					return;
+				}
+				await G(c, e.userId), y(c, {
+					roomType: "CHANNEL",
+					members: Array.from(new Set([...T, e.userId]))
+				}), C.success("添加成员成功"), a();
+				return;
+			}
+			let t = await U(e.userId), n = "_id" in t ? t : t.data;
+			if (!n?._id) {
+				C.error("创建会话失败");
+				return;
+			}
+			g.find((e) => e._id === n._id) || v({
+				_id: n._id,
+				participants: n.participants ?? [h?.userId, e.userId].filter((e) => !!e),
+				createdAt: n.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+				updatedAt: n.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+				msg: [],
+				roomType: "CONVERSATION"
+			}), S("conversations"), b(n._id), a();
+		} catch {
+			C.error(s === "channelMember" ? "添加成员失败，请稍后重试" : "创建会话失败，请稍后重试");
+		} finally {
+			p(void 0);
+		}
+	};
+	return /* @__PURE__ */ k(q, {
+		open: e,
+		onCancel: a,
+		title: s === "channelMember" ? "添加群成员" : "全部用户",
+		description: s === "channelMember" ? `${l ?? w?.name ?? "当前群聊"}，共 ${E.length} 位可选用户` : `共 ${E.length} 位用户`,
+		width: 640,
+		children: /* @__PURE__ */ A("div", {
+			className: "flex min-h-[360px] flex-col pb-[30px]",
+			children: [D.length > 0 ? /* @__PURE__ */ k("div", {
+				className: "flex flex-1 flex-col divide-y divide-slate-100 overflow-hidden rounded-[8px] border border-slate-200 bg-white",
+				children: D.map((e) => /* @__PURE__ */ A("div", {
+					className: "flex items-center gap-[12px] px-[16px] py-[12px]",
+					children: [
+						/* @__PURE__ */ k(o, {
+							name: e.userName ?? e.userId,
+							src: e.avatarUrl ?? ae
+						}),
+						/* @__PURE__ */ A("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ k("div", {
+								className: "truncate text-[14px] font-medium text-slate-900",
+								children: e.userName ?? "未命名用户"
+							}), /* @__PURE__ */ k("div", {
+								className: "truncate text-[12px] text-slate-500",
+								children: e.userId
+							})]
+						}),
+						/* @__PURE__ */ k(m, {
+							border: !0,
+							disabled: !!f || s === "channelMember" && T.includes(e.userId),
+							onClick: () => void O(e)
+						})
+					]
+				}, e.userId))
+			}) : /* @__PURE__ */ k("div", {
+				className: "flex flex-1 items-center justify-center rounded-[8px] border border-dashed border-slate-200",
+				children: /* @__PURE__ */ k(oe, { description: "暂无用户数据" })
+			}), /* @__PURE__ */ k("div", {
+				className: "mt-[16px] flex justify-end",
+				children: /* @__PURE__ */ k(x, {
+					currentPage: u,
+					pageSize: $,
+					total: E.length,
+					onPageChange: d,
+					hideOnSinglePage: !0,
+					showSizeChanger: !1
+				})
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/hooks/useDayJs.ts
+function ce() {
+	return {
+		dayjs: M,
+		formatDateTime: e((e) => {
+			if (!e) return "";
+			let t = M(e);
+			if (!t.isValid()) return e;
+			let n = M();
+			return t.isSame(n, "day") ? t.format("HH:mm") : t.isSame(n, "year") ? t.format("MM-DD HH:mm") : t.format("YYYY-MM-DD HH:mm");
+		}, [])
+	};
+}
+//#endregion
+//#region src/assets/Group.png
+var le = "data:image/png;base64,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";
+//#endregion
+//#region src/components/ChatPanel.tsx
+function ue({ hasActiveConversation: e, connectionStatus: t, hasReconnectExhausted: n, isMessagesLoading: i, messages: c, inputValue: u, placeholder: d, resolvedDisabled: m, headerName: h, headerAvatar: _, headerInfo: v, isChannel: y = !1, currentUserId: b, onAddMemberClick: x, onBackClick: S, onReconnect: C, className: w, style: T, onChange: E, onSend: D }) {
+	let O = X((e) => e.usersById), { formatDateTime: M } = ce(), N = r(null), P = {
+		idle: "等待建立长连接",
+		connecting: "长连接正在连接中",
+		connected: "长连接已连接成功",
+		disconnected: "长连接已断开，正在尝试重连",
+		error: "长连接连接失败"
+	};
+	if (!e) {
+		let e = t !== "connected";
+		return /* @__PURE__ */ k("div", {
+			className: `flex h-full flex-1 items-center justify-center px-[24px] text-center text-[14px] text-slate-500 ${w ?? ""}`.trim(),
+			style: T,
+			children: /* @__PURE__ */ A("div", {
+				className: "flex flex-col items-center gap-[12px]",
+				children: [/* @__PURE__ */ k("div", { children: e ? P[t] : "Select a user to start a conversation" }), n ? /* @__PURE__ */ k(g, {
+					onClick: C,
+					theme: "solid",
+					type: "primary",
+					children: "点击重连"
+				}) : null]
+			})
+		});
+	}
+	return /* @__PURE__ */ A(s, {
+		className: w,
+		style: T,
+		children: [
+			/* @__PURE__ */ A(l, { children: [
+				/* @__PURE__ */ k(l.Back, { onClick: S }),
+				/* @__PURE__ */ k(o, {
+					name: h,
+					src: _ ?? "data:image/png;base64,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"
+				}),
+				/* @__PURE__ */ k(l.Content, {
+					info: v,
+					userName: h
+				}),
+				/* @__PURE__ */ k(l.Actions, { children: y ? /* @__PURE__ */ k(a, { onClick: x }) : null })
+			] }),
+			/* @__PURE__ */ k(p, {
+				loading: i,
+				children: /* @__PURE__ */ k(p.Content, {
+					className: "h-full",
+					children: /* @__PURE__ */ k("div", {
+						id: "scrollRef",
+						ref: N,
+						className: "overflow-hidden overflow-y-auto h-full",
+						children: c.map((e) => /* @__PURE__ */ k(j, {
+							id: e._id,
+							role: "user",
+							name: O[e.senderId ?? ""]?.userName ?? "Unknown",
+							avatar: O[e.senderId ?? ""]?.avatarUrl ?? "Unknown",
+							datetime: M(e.sentAt),
+							variant: e.senderId === b ? "base" : "outline",
+							placement: e.senderId === b ? "right" : "left",
+							content: [{
+								type: "text",
+								data: e.encryption?.text ?? ""
+							}]
+						}, e._id))
+					})
+				})
+			}),
+			/* @__PURE__ */ k(f, {
+				value: u,
+				placeholder: d,
+				disabled: m,
+				sendDisabled: m,
+				attachButton: !1,
+				sendButton: !0,
+				onChange: E,
+				onSend: D
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/CreateChannelModal.tsx
+function de({ open: e, onCancel: t }) {
+	let [n, r] = i(!1), [a, o] = i(), s = Q((e) => e.prependChannel), c = Q((e) => e.setActiveConversationId), l = Q((e) => e.setTabbarValue);
+	return /* @__PURE__ */ k(q, {
+		open: e,
+		onCancel: t,
+		title: "创建群聊",
+		description: "填写群聊名称和描述后即可创建",
+		width: 520,
+		footer: /* @__PURE__ */ A(O, { children: [/* @__PURE__ */ k(g, {
+			theme: "light",
+			onClick: t,
+			disabled: n,
+			children: "取消"
+		}), /* @__PURE__ */ k(g, {
+			type: "primary",
+			loading: n,
+			onClick: () => a?.submitForm(),
+			children: "创建群聊"
+		})] }),
+		children: /* @__PURE__ */ k(y, {
+			layout: "vertical",
+			getFormApi: o,
+			onSubmit: async ({ name: e, description: n }) => {
+				r(!0);
+				try {
+					let r = await W(e, n), i = "_id" in r ? r : r.data;
+					if (!i?._id) {
+						C.error("创建群聊失败");
+						return;
+					}
+					s({
+						_id: i._id,
+						members: i.members ?? [],
+						name: i.name ?? e,
+						type: i.type ?? "CHANNEL",
+						createdBy: i.createdBy ?? "",
+						e2eeEnabled: i.e2eeEnabled ?? !1,
+						senderKeyVersion: i.senderKeyVersion ?? 0,
+						createdAt: i.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+						updatedAt: i.updatedAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+						roomType: "CHANNEL",
+						msg: []
+					}), l("channels"), c(i._id), t();
+				} catch {
+					C.error("创建群聊失败，请稍后重试");
+				} finally {
+					r(!1);
+				}
+			},
+			children: /* @__PURE__ */ A("div", {
+				className: "flex flex-col gap-[16px]",
+				children: [/* @__PURE__ */ k(y.Input, {
+					field: "name",
+					label: "群聊名称",
+					placeholder: "请输入群聊名称",
+					disabled: n,
+					rules: [{
+						required: !0,
+						message: "请输入群聊名称"
+					}]
+				}), /* @__PURE__ */ k(y.TextArea, {
+					field: "description",
+					label: "群聊描述",
+					placeholder: "请输入群聊描述",
+					disabled: n,
+					rows: 4,
+					rules: [{
+						required: !0,
+						message: "请输入群聊描述"
+					}]
+				})]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/lib/chatConversation.ts
+var fe = (e, t) => e.participants.find((e) => e !== t) ?? e.participants[0] ?? e._id, pe = ({ conversation: e, allUsers: t, currentUserId: n }) => {
+	let r = fe(e, n), i = t.find((e) => e.userId === r);
+	return {
+		peerUserId: r,
+		displayName: i?.userName ?? r ?? e._id,
+		avatarUrl: i?.avatarUrl,
+		info: r === e._id ? `${e.msg.length} messages` : r
+	};
+};
+//#endregion
+//#region src/components/ConversationSidebar.tsx
+function me({ onSelectConversation: e, className: t, style: n, conversationContentStyle: r, conversationAvatarStyle: s }) {
+	let d = v, f = Q((e) => e.conversations), p = Q((e) => e.channels), m = Q((e) => e.activeConversationId), g = Q((e) => e.isConversationsLoading), y = z((e) => e.connectionStatus), b = Q((e) => e.tabbarValue), x = Q((e) => e.setTabbarValue), S = X((e) => e.currentUser), C = X((e) => e.allUserList), { formatDateTime: w } = ce(), [T, E] = i(!1), [D, O] = i(!1), [j, M] = i(!1), L = g || y !== "connected", R = () => {
+		M(!1), E(!0);
+	}, B = () => {
+		M(!1), O(!0);
+	}, V = () => {
+		L || M((e) => !e);
+	}, H = [{
+		value: "conversations",
+		label: "单聊",
+		icon: /* @__PURE__ */ k(I, {}),
+		badge: f.some((e) => e.unreadDot)
+	}, {
+		value: "channels",
+		label: "群聊",
+		icon: /* @__PURE__ */ k(F, {}),
+		badge: p.some((e) => e.unreadDot)
+	}];
+	return /* @__PURE__ */ A(h, {
+		className: t,
+		position: "left",
+		scrollable: !1,
+		style: n,
+		children: [
+			/* @__PURE__ */ A(l, { children: [
+				/* @__PURE__ */ k(o, {
+					name: S?.userName ?? "Current User",
+					src: S?.avatarUrl ?? "https://chatscope.io/storybook/react/assets/emily-xzL8sDL2.svg"
+				}),
+				/* @__PURE__ */ k(l.Content, { userName: S?.userName ?? "Current User" }),
+				/* @__PURE__ */ k(l.Actions, { children: /* @__PURE__ */ k(_, {
+					position: "bottomLeft",
+					trigger: "custom",
+					clickToHide: !0,
+					visible: j,
+					onClickOutSide: () => M(!1),
+					render: /* @__PURE__ */ A(_.Menu, { children: [/* @__PURE__ */ k(_.Item, {
+						icon: /* @__PURE__ */ k(I, {}),
+						onClick: R,
+						children: "Add Conversation"
+					}), /* @__PURE__ */ k(_.Item, {
+						icon: /* @__PURE__ */ k(F, {}),
+						onClick: B,
+						children: "Add Channel"
+					})] }),
+					children: /* @__PURE__ */ k("div", {
+						onClick: V,
+						children: /* @__PURE__ */ k(a, { disabled: L })
+					})
+				}) })
+			] }),
+			g ? /* @__PURE__ */ k("div", {
+				className: "flex flex-1 items-center justify-center",
+				children: /* @__PURE__ */ k(u, {})
+			}) : /* @__PURE__ */ k("div", {
+				className: "overflow-hidden overflow-y-auto flex-1",
+				children: b === "conversations" ? f.length > 0 ? f.map((t) => {
+					let { avatarUrl: n, displayName: i } = pe({
+						conversation: t,
+						allUsers: C,
+						currentUserId: S?.userId
+					});
+					return /* @__PURE__ */ A(c, {
+						active: t._id === m,
+						unreadDot: t.unreadDot,
+						lastActivityTime: w(t.updatedAt),
+						onClick: () => e(t._id),
+						children: [/* @__PURE__ */ k(o, {
+							name: i,
+							src: n ?? "https://chatscope.io/storybook/react/assets/emily-xzL8sDL2.svg",
+							style: s
+						}), /* @__PURE__ */ k(c.Content, {
+							name: i,
+							style: r
+						})]
+					}, t._id);
+				}) : /* @__PURE__ */ k("div", {
+					className: "flex h-full items-center justify-center rounded-[8px] border border-dashed border-slate-200",
+					children: /* @__PURE__ */ k(d, { description: "暂无单聊会话" })
+				}) : p.length > 0 ? p.map((t) => /* @__PURE__ */ A(c, {
+					active: t._id === m,
+					unreadDot: t.unreadDot,
+					lastActivityTime: w(t.updatedAt),
+					onClick: () => e(t._id),
+					children: [/* @__PURE__ */ k(o, {
+						name: t.name,
+						src: le,
+						style: s
+					}), /* @__PURE__ */ k(c.Content, {
+						name: t.name,
+						style: r
+					})]
+				}, t._id)) : /* @__PURE__ */ k("div", {
+					className: "flex h-full items-center justify-center rounded-[8px] border border-dashed border-slate-200",
+					children: /* @__PURE__ */ k(d, { description: "暂无群聊会话" })
+				})
+			}),
+			/* @__PURE__ */ k(N, {
+				value: b,
+				onChange: (e) => {
+					x(String(e));
+				},
+				theme: "tag",
+				fixed: !1,
+				split: !1,
+				children: H.map((e, t) => /* @__PURE__ */ k(P, {
+					icon: e.icon,
+					value: e.value,
+					badgeProps: { dot: e.badge },
+					children: e.label
+				}, e.value || t))
+			}),
+			/* @__PURE__ */ k(se, {
+				open: T,
+				users: C,
+				onCancel: () => E(!1)
+			}),
+			/* @__PURE__ */ k(de, {
+				open: D,
+				onCancel: () => O(!1)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/useBasicLayout.ts
+function he() {
+	return { isMobile: L({ query: "(max-width: 640px)" }) };
+}
+//#endregion
+//#region src/lib/chatProtocol.ts
+var ge = (e) => e === "CHANNEL" ? "CHANNEL" : "CONVERSATION", _e = (e) => typeof e == "object" && e && !Array.isArray(e) ? e : null, ve = (e) => {
+	let t = _e(e);
+	if (!t) return null;
+	let n = _e(t.data) ?? t, r = _e(n.encryption), i = r?.text;
+	return typeof i != "string" || !i.trim() ? null : {
+		_id: typeof n._id == "string" ? n._id : void 0,
+		roomId: typeof n.roomId == "string" ? n.roomId : void 0,
+		roomType: ge(typeof n.roomType == "string" ? n.roomType : void 0),
+		senderId: typeof n.senderId == "string" ? n.senderId : void 0,
+		type: typeof n.type == "string" ? n.type : void 0,
+		status: typeof n.status == "string" ? n.status : void 0,
+		encryption: {
+			scheme: typeof r?.scheme == "string" ? r.scheme : void 0,
+			text: i
+		},
+		sentAt: typeof n.sentAt == "string" ? n.sentAt : void 0
+	};
+}, ye = (e, t) => {
+	try {
+		let n = new URL(e);
+		return t.token && n.searchParams.set("token", t.token), Object.entries(t.connectionParams ?? {}).forEach(([e, t]) => {
+			t !== void 0 && n.searchParams.set(e, String(t));
+		}), n.toString();
+	} catch {
+		return e;
+	}
+}, be = (e) => JSON.stringify({
+	event: "message:send",
+	data: {
+		roomType: ge(e.roomType),
+		roomId: e.roomId,
+		type: e.type ?? "TEXT",
+		ciphertext: e.encryption?.text ?? ""
+	}
+}), xe = (e, t) => {
+	try {
+		let n = _e(JSON.parse(e));
+		if (!n || (typeof n.event == "string" ? n.event : void 0) !== "message:new") return [];
+		let r = ve(n);
+		return !r || r.senderId === t.userId ? [] : [r];
+	} catch {
+		return [];
+	}
+}, Se = (e, t, n, r = "CONVERSATION") => ({
+	_id: `local-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+	roomId: t,
+	roomType: r,
+	senderId: n,
+	type: "TEXT",
+	status: "SENT",
+	encryption: {
+		scheme: "NONE",
+		text: e
+	},
+	sentAt: (/* @__PURE__ */ new Date()).toISOString()
+});
+//#endregion
+//#region src/hooks/useChatConnection.ts
+function Ce({ autoConnect: a = !0, reconnect: o = !0, reconnectInterval: s = 3e3, maxReconnectAttempts: c = 3, wsUrl: l, context: u, onConnectionStatusChange: d, onError: f, onMessages: p, onNotify: m, onEvent: h }) {
+	let g = r(null), _ = r(null), v = r(0), y = r(() => {}), b = r(!1), x = r([]), S = r(u), C = r(d), w = r(f), T = r(p), E = r(m), D = r(h), [O, k] = i(!1), A = z((e) => e.connectionStatus), j = z((e) => e.setWsAddress), M = z((e) => e.setConnectionStatus);
+	t(() => {
+		S.current = u;
+	}, [u]), t(() => {
+		C.current = d;
+	}, [d]), t(() => {
+		w.current = f;
+	}, [f]), t(() => {
+		T.current = p;
+	}, [p]), t(() => {
+		E.current = m;
+	}, [m]), t(() => {
+		D.current = h;
+	}, [h]);
+	let N = e((e) => {
+		M(e), C.current?.(e);
+	}, [M]), P = e(() => {
+		_.current !== null && (window.clearTimeout(_.current), _.current = null);
+	}, []), F = e(() => {
+		g.current?.readyState === WebSocket.OPEN && (x.current.forEach((e) => {
+			g.current?.send(e);
+		}), x.current = []);
+	}, []), I = e(() => {
+		if (!l || !a || g.current && (g.current.readyState === WebSocket.OPEN || g.current.readyState === WebSocket.CONNECTING)) return;
+		P(), b.current = !1, k(!1), N("connecting");
+		let e = ye(l, S.current), t;
+		try {
+			t = new WebSocket(e);
+		} catch (t) {
+			console.error("WebSocket connection failed:", {
+				wsUrl: l,
+				resolvedUrl: e,
+				error: t
+			}), N("error"), w.current?.(t);
+			return;
+		}
+		g.current = t, t.addEventListener("open", () => {
+			g.current === t && (v.current = 0, N("connected"), F());
+		}), t.addEventListener("message", (e) => {
+			if (typeof e.data != "string") return;
+			try {
+				let t = JSON.parse(e.data);
+				if (t.event && D.current?.(t.event, t.data), t.event === "message:notify" && t.data) {
+					E.current?.(t.data);
+					return;
+				}
+			} catch {}
+			let t = xe(e.data, S.current);
+			T.current?.(t);
+		}), t.addEventListener("close", (n) => {
+			if (g.current === t) {
+				if (console.error("WebSocket close event:", {
+					wsUrl: l,
+					resolvedUrl: e,
+					code: n.code,
+					reason: n.reason,
+					wasClean: n.wasClean,
+					readyState: t.readyState
+				}), g.current = null, b.current) {
+					N("disconnected");
+					return;
+				}
+				if (N("disconnected"), o) {
+					if (v.current >= c) {
+						k(!0);
+						return;
+					}
+					v.current += 1, P(), _.current = window.setTimeout(() => {
+						y.current();
+					}, s);
+				}
+			}
+		}), t.addEventListener("error", (n) => {
+			g.current === t && (console.error("WebSocket error event:", {
+				wsUrl: l,
+				resolvedUrl: e,
+				readyState: t.readyState,
+				event: n
+			}), N("error"), w.current?.(n));
+		});
+	}, [
+		a,
+		P,
+		F,
+		o,
+		s,
+		c,
+		l,
+		N
+	]), L = e(() => {
+		b.current = !0, P(), g.current?.close(), g.current = null;
+	}, [P]), R = e(() => {
+		l && (b.current = !1, v.current = 0, k(!1), P(), g.current && (g.current.readyState === WebSocket.OPEN || g.current.readyState === WebSocket.CONNECTING) && g.current.close(), y.current());
+	}, [P, l]), B = e((e) => {
+		if (g.current?.readyState === WebSocket.OPEN) {
+			g.current.send(e);
+			return;
+		}
+		x.current.push(e), a && I();
+	}, [a, I]), V = e((e) => {
+		B(be(e));
+	}, [B]);
+	return t(() => {
+		j(l);
+	}, [j, l]), t(() => {
+		y.current = I;
+	}, [I]), t(() => l ? (I(), () => {
+		L();
+	}) : (v.current = 0, k(!1), window.setTimeout(() => N("idle"), 0), () => {
+		P();
+	}), [
+		P,
+		I,
+		L,
+		N,
+		l
+	]), n(() => ({
+		status: A,
+		resolvedWsUrl: l,
+		sendMessage: V,
+		sendPayload: B,
+		reconnect: R,
+		hasReconnectExhausted: O
+	}), [
+		O,
+		R,
+		V,
+		B,
+		A,
+		l
+	]);
+}
+//#endregion
+//#region src/hooks/useChatMessages.ts
+function we({ onMessageReceive: t }) {
+	let r = Q((e) => e.conversations), i = Q((e) => e.channels), a = Q((e) => e.activeConversationId), o = Q((e) => e.ensureConversation), s = Q((e) => e.appendMessages), c = Q((e) => e.setActiveConversationId), l = e((e) => {
+		c(e);
+	}, [c]), u = e((e, n) => {
+		let r = n ?? e[0]?.roomId ?? a;
+		if (!r) {
+			e.forEach((e) => {
+				t?.(e);
+			});
+			return;
+		}
+		o(r, { roomType: e[0]?.roomType === "CHANNEL" ? "CHANNEL" : "CONVERSATION" }), s(r, e.map((e) => ({
+			...e,
+			roomId: e.roomId ?? r
+		}))), e.forEach((e) => {
+			t?.(e);
+		});
+	}, [
+		a,
+		s,
+		o,
+		t
+	]), d = n(() => [...r, ...i].find((e) => e._id === a), [
+		a,
+		i,
+		r
+	]);
+	return {
+		conversations: r,
+		channels: i,
+		activeConversationId: d?._id,
+		messages: d?.msg ?? [],
+		setActiveConversationId: l,
+		appendMessages: u
+	};
+}
+//#endregion
+//#region src/hooks/useScroll.ts
+var Te = () => new Promise((e) => {
+	window.requestAnimationFrame(() => e());
+});
+function Ee(t = {}) {
+	let { containerRef: n, elementId: r = "scrollRef", threshold: i = 80, behavior: a = "auto" } = t, o = e(() => n?.current ?? document.getElementById(r), [n, r]);
+	return {
+		scrollToBottom: e(async () => {
+			await Te();
+			let e = o();
+			e && e.scrollTo({
+				top: e.scrollHeight,
+				behavior: a
+			});
+		}, [a, o]),
+		scrollToTop: e(async () => {
+			await Te();
+			let e = o();
+			e && e.scrollTo({
+				top: 0,
+				behavior: a
+			});
+		}, [a, o]),
+		scrollToBottomIfAtBottom: e(async () => {
+			await Te();
+			let e = o();
+			e && e.scrollHeight - e.scrollTop - e.clientHeight <= i && e.scrollTo({
+				top: e.scrollHeight,
+				behavior: a
+			});
+		}, [
+			a,
+			o,
+			i
+		])
+	};
+}
+//#endregion
+//#region src/hooks/useNexusChat.ts
+function De({ allUserList: r, autoConnect: a = !0, connectionParams: o, disabled: s = !1, onConnectionStatusChange: c, onError: l, onMessageReceive: u, optimisticSend: d = !0, wsUrl: f, httpUrl: p, token: m, userId: h }) {
+	let [g, _] = i(""), { scrollToBottom: v } = Ee(), y = X((e) => e.setAllUserList), b = X((e) => e.setCurrentUser), x = X((e) => e.upsertUsersFromMessages), S = Q((e) => e.setConversations), w = Q((e) => e.setChannels), T = Q((e) => e.setConversationMessages), E = Q((e) => e.setConversationUnreadDot), D = Q((e) => e.setConversationsLoading), O = Q((e) => e.isMessagesLoading), k = Q((e) => e.setMessagesLoading), A = z((e) => e.setHttpUrl), j = z((e) => e.setToken), { activeConversationId: M, appendMessages: N, channels: P, conversations: F, messages: I, setActiveConversationId: L } = we({ onMessageReceive: u }), R = n(() => r.find((e) => e.userId === h), [r, h]), B = n(() => [...F, ...P].find((e) => e._id === M), [
+		P,
+		F,
+		M
+	]), V = R?.userName ?? "You", H = R?.avatarUrl, { resolvedWsUrl: U, sendMessage: W, sendPayload: G, status: K, reconnect: q, hasReconnectExhausted: J } = Ce({
+		autoConnect: a,
+		reconnect: !0,
+		reconnectInterval: 3e3,
+		maxReconnectAttempts: 3,
+		wsUrl: f,
+		context: n(() => ({
+			userId: h,
+			userName: V,
+			userAvatar: H,
+			token: m,
+			connectionParams: o
+		}), [
+			o,
+			H,
+			V,
+			m,
+			h
+		]),
+		onConnectionStatusChange: c,
+		onError: l,
+		onMessages: e((e) => {
+			x(e);
+			let t = e.reduce((e, t) => {
+				let n = t.roomId ?? M;
+				return n ? (e[n] || (e[n] = []), e[n].push(t), e) : e;
+			}, {});
+			Object.entries(t).forEach(([e, t]) => {
+				N(t, e);
+			});
+		}, [
+			N,
+			M,
+			x
+		]),
+		onNotify: e((e) => {
+			!e.roomId || e.senderId === h || e.roomId === M && B?.hasReq || E(e.roomId, !0, e);
+		}, [
+			B?.hasReq,
+			M,
+			E,
+			h
+		]),
+		onEvent: e(async (e, t) => {
+			if (e !== "channel:member_added") return;
+			let n = typeof t == "object" && t && !Array.isArray(t) ? t : void 0;
+			if (!(!n || n.roomType !== "CHANNEL" || typeof n.memberId != "string" || n.memberId !== h)) {
+				C.success("你已被邀请进了新群聊");
+				try {
+					w(((await ne()).data ?? []).map((e) => ({
+						...e,
+						roomType: "CHANNEL",
+						msg: []
+					})));
+				} catch (e) {
+					l?.(e);
+				}
+			}
+		}, [
+			l,
+			w,
+			h
+		])
+	});
+	return t(() => {
+		y(r);
+	}, [r, y]), t(() => {
+		A(p);
+	}, [p, A]), t(() => {
+		m !== void 0 && j(m);
+	}, [j, m]), t(() => {
+		if (K !== "connected") return;
+		let e = !1;
+		return (async () => {
+			D(!0);
+			try {
+				let [t, n] = await Promise.all([ee(), ne()]), r = t, i = n;
+				if (e) return;
+				S((r.data ?? []).map((e) => ({
+					...e,
+					roomType: "CONVERSATION",
+					msg: []
+				}))), w((i.data ?? []).map((e) => ({
+					...e,
+					roomType: "CHANNEL",
+					msg: []
+				})));
+			} catch (t) {
+				e || l?.(t);
+			} finally {
+				e || D(!1);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		l,
+		w,
+		S,
+		D,
+		K
+	]), t(() => {
+		h && b({
+			userId: h,
+			userName: V,
+			avatarUrl: H
+		});
+	}, [
+		H,
+		V,
+		b,
+		h
+	]), t(() => {
+		!M || !B?.hasReq || !B.unreadDot || E(M, !1);
+	}, [
+		B?.hasReq,
+		B?.unreadDot,
+		M,
+		E
+	]), t(() => {
+		if (!M || B?.hasReq) {
+			v();
+			return;
+		}
+		let e = !1, t = B?.roomType ?? "CONVERSATION";
+		return (async () => {
+			k(!0);
+			try {
+				G(JSON.stringify({
+					event: "room:join",
+					data: {
+						roomType: t,
+						roomId: M
+					}
+				}));
+				let n = await te(M, t);
+				if (e) return;
+				T(M, (n.data ? [...n.data].reverse() : []).map((e) => ({
+					...e,
+					roomId: e.roomId ?? M,
+					roomType: t
+				}))), v();
+			} catch (t) {
+				e || l?.(t);
+			} finally {
+				k(!1);
+			}
+		})(), () => {
+			e = !0;
+		};
+	}, [
+		B?.hasReq,
+		B?.roomType,
+		l,
+		M,
+		G,
+		T,
+		k,
+		v
+	]), {
+		conversations: F,
+		activeConversationId: M,
+		connectionStatus: K,
+		hasReconnectExhausted: J,
+		inputValue: g,
+		isMessagesLoading: O,
+		messages: I,
+		resolvedDisabled: s || !U || !M,
+		handleConversationSelect: L,
+		handleChange: e((e, t, n) => {
+			_(t || n || e);
+		}, []),
+		handleReconnect: q,
+		handleSend: e((e, t, n) => {
+			let r = (t || n || e).trim();
+			if (!r || !M) return;
+			let i = Se(r, M, h, B?.roomType ?? "CONVERSATION");
+			d && N([i], M), W(i), _("");
+		}, [
+			B?.roomType,
+			N,
+			d,
+			M,
+			W,
+			h
+		])
+	};
+}
+//#endregion
+//#region src/components/ChatUI.tsx
+function Oe({ placeholder: a = "Type message here", className: o, disabled: s = !1, ...c }) {
+	let l = ["flex w-full flex-col h-full", o].filter(Boolean).join(" "), u = { height: "100%" }, [f, p] = i(!1), [m, h] = i({}), [_, v] = i({}), [y, b] = i({}), [x, C] = i({}), [w, T] = i(!1), [E, D] = i(!1), O = r(null), { isMobile: j } = he(), { activeConversationId: M, connectionStatus: N, conversations: P, handleChange: F, handleConversationSelect: I, handleReconnect: L, handleSend: R, hasReconnectExhausted: z, inputValue: B, isMessagesLoading: V, messages: H, resolvedDisabled: ee } = De({
+		...c,
+		disabled: s
+	}), U = X((e) => e.currentUser), te = X((e) => e.allUserList), ne = Q((e) => e.channels), W = Q((e) => e.setActiveConversationId), G = n(() => [...P, ...ne].find((e) => e._id === M), [
+		M,
+		ne,
+		P
+	]), K = n(() => G && "members" in G ? G : void 0, [G]), J = n(() => {
+		if (G) return "name" in G ? {
+			avatarUrl: void 0,
+			displayName: G.name || "Channel",
+			info: void 0
+		} : pe({
+			conversation: G,
+			allUsers: te,
+			currentUserId: U?.userId
+		});
+	}, [
+		G,
+		te,
+		U?.userId
+	]), re = n(() => {
+		if (z) return "长连接重连次数已用完，请手动重连";
+		switch (N) {
+			case "idle": return "等待建立长连接";
+			case "connecting": return "长连接正在连接中";
+			case "disconnected": return "长连接已断开，正在尝试重连";
+			case "error": return "长连接连接失败";
+			default: return "";
+		}
+	}, [N, z]), Y = E && !z && N !== "connected", ie = n(() => /* @__PURE__ */ k("div", {
+		className: "flex justify-end gap-[12px]",
+		children: /* @__PURE__ */ k(g, {
+			loading: Y,
+			theme: "solid",
+			type: "primary",
+			onClick: L,
+			children: "继续重连"
+		})
+	}), [L, Y]), Z = e((e) => {
+		I(e), f && p(!1);
+	}, [I, f]), $ = e(() => {
+		p((e) => !e), W(void 0);
+	}, [W]), ae = e(() => {
+		K && T(!0);
+	}, [K]);
+	return t(() => {
+		j && !M && p(!0);
+	}, [M, j]), t(() => {
+		if (f) {
+			h({
+				display: "flex",
+				flexBasis: "auto",
+				width: "100%",
+				maxWidth: "100%"
+			}), b({ display: "flex" }), C({ marginRight: "1em" }), v({ display: "none" });
+			return;
+		}
+		h({}), b({}), C({}), v({});
+	}, [f]), t(() => {
+		z && D(!0);
+	}, [z]), t(() => {
+		N === "connected" && D(!1);
+	}, [N]), /* @__PURE__ */ k("div", {
+		className: l,
+		children: /* @__PURE__ */ A("div", {
+			ref: O,
+			className: "relative h-full w-full overflow-hidden border border-slate-200 bg-white shadow-[0_18px_48px_rgba(15,23,42,0.08),0_8px_20px_rgba(15,23,42,0.06)] [&_.cs-main-container]:border-0 [&_.cs-main-container]:bg-transparent [&_.cs-chat-container]:bg-[linear-gradient(180deg,_#f8fafc,_#ffffff_28%)] [&_.cs-message-input]:border-t [&_.cs-message-input]:border-slate-200 [&_.cs-message-input]:bg-white/95 [&_.cs-message-input__content-editor-wrapper]:bg-slate-50 [&_.cs-message-list]:bg-transparent",
+			style: u,
+			children: [/* @__PURE__ */ k(S, {
+				tip: re,
+				spinning: N !== "connected",
+				wrapperClassName: "h-full!",
+				childStyle: { height: "100%" },
+				children: /* @__PURE__ */ A(d, {
+					responsive: !0,
+					children: [
+						/* @__PURE__ */ k(me, {
+							onSelectConversation: Z,
+							style: m,
+							conversationContentStyle: y,
+							conversationAvatarStyle: x
+						}),
+						/* @__PURE__ */ k(ue, {
+							hasActiveConversation: !!M,
+							connectionStatus: N,
+							hasReconnectExhausted: z,
+							isMessagesLoading: V,
+							messages: H,
+							inputValue: B,
+							placeholder: a,
+							resolvedDisabled: ee,
+							headerAvatar: J?.avatarUrl,
+							headerName: J?.displayName ?? "Conversation",
+							headerInfo: J?.info,
+							isChannel: !!K,
+							currentUserId: U?.userId,
+							onAddMemberClick: ae,
+							onBackClick: $,
+							onReconnect: L,
+							style: _,
+							onChange: F,
+							onSend: R
+						}),
+						/* @__PURE__ */ k(se, {
+							open: w,
+							users: te,
+							mode: "channelMember",
+							channelId: K?._id,
+							channelName: K?.name,
+							onCancel: () => T(!1)
+						})
+					]
+				})
+			}), /* @__PURE__ */ k(q, {
+				open: E,
+				title: "长连接已断开",
+				description: "自动重连已失败，是否继续重连？",
+				width: 420,
+				footer: ie,
+				maskClosable: !1,
+				closable: !1,
+				closeOnEsc: !1,
+				getPopupContainer: () => O.current ?? document.body,
+				onCancel: () => {},
+				children: /* @__PURE__ */ A("div", {
+					className: "text-[14px] leading-[24px] text-slate-600",
+					children: ["当前连接状态：", re || "长连接连接异常"]
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { Oe as NexusChatUI, Ce as useChatConnection, we as useChatMessages, De as useNexusChat };