@epam/statgpt-conversation-list 0.8.0-dev.10 → 0.8.0-dev.12

package/index.mjs

@@ -2,17 +2,17 @@ import e from "classnames";
 import t, { createContext as n, useCallback as r, useContext as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
 import { cloneDeep as l, omit as u, uniqBy as d } from "lodash";
 import { Button as f, Dropdown as p, HighlightText as m, IconButton as h, InlineAlert as g, InlineAlertType as _, Input as v, InputWithIcon as y, Loader as b, PopUpSize as x, PopUpState as S, Popup as C } from "@epam/statgpt-ui-components";
-import { IconCaretRightFilled as w, IconCheck as T, IconCopy as E, IconDotsVertical as D, IconInfoCircle as O, IconSearch as k, IconX as A } from "@tabler/icons-react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-import P from "jszip";
-import { ONBOARDING_MODEL_POSTFIX as F, SHARE_CONVERSATION_ROUTE as ee, cleanConversationNames as I, getClearedConversationName as L, getConversationAttachments as R } from "@epam/statgpt-shared-toolkit";
-import { InvitationType as te, ShareTarget as z, getSharedConversationsRequest as ne } from "@epam/statgpt-dial-toolkit";
+import { IconCaretRightFilled as w, IconCheck as T, IconCopy as E, IconDotsVertical as D, IconInfoCircle as O, IconSearch as ee, IconX as te } from "@tabler/icons-react";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import M from "jszip";
+import { ONBOARDING_MODEL_POSTFIX as N, SHARE_CONVERSATION_ROUTE as P, cleanConversationNames as F, getClearedConversationName as I, getConversationAttachments as L } from "@epam/statgpt-shared-toolkit";
+import { InvitationType as R, ShareTarget as z, getSharedConversationsRequest as B } from "@epam/statgpt-dial-toolkit";
 //#region libs/conversation-list/src/types/action-menu-item.ts
-var B = /* @__PURE__ */ function(e) {
+var V = /* @__PURE__ */ function(e) {
 	return e.DELETE = "delete", e.EXPORT = "export", e.SHARE = "share", e.RENAME = "rename", e;
-}({}), V = /* @__PURE__ */ function(e) {
+}({}), H = /* @__PURE__ */ function(e) {
 	return e.SHARED = "shared", e.TODAY = "today", e.YESTERDAY = "yesterday", e.WEEK = "week", e.EARLIER = "earlier", e;
-}({}), H = (e, t) => e?.resources?.filter((e) => e?.parentPath === t)?.map((e) => {
+}({}), U = (e, t) => e?.resources?.filter((e) => e?.parentPath === t)?.map((e) => {
 	let n = `${e?.bucket}/${t}`, r = e?.url?.split("/")?.slice(1)?.join("/");
 	return {
 		...e,
@@ -20,32 +20,32 @@ var B = /* @__PURE__ */ function(e) {
 		id: r,
 		isShared: !0
 	};
-}) || [], U = (e) => ({ [V.SHARED]: e }), re = {
-	[V.TODAY]: [],
-	[V.YESTERDAY]: [],
-	[V.WEEK]: [],
-	[V.EARLIER]: []
-}, W = (e, t) => e.toDateString() === t.toDateString(), G = (e, t) => W(t, new Date(e.getFullYear(), e.getMonth(), e.getDate() - 1)), ie = (e, t) => {
+}) || [], W = (e) => ({ [H.SHARED]: e }), ne = {
+	[H.TODAY]: [],
+	[H.YESTERDAY]: [],
+	[H.WEEK]: [],
+	[H.EARLIER]: []
+}, G = (e, t) => e.toDateString() === t.toDateString(), K = (e, t) => G(t, new Date(e.getFullYear(), e.getMonth(), e.getDate() - 1)), re = (e, t) => {
 	let n = e.getTime() - t.getTime();
 	return Math.floor(n / (1e3 * 60 * 60 * 24));
-}, ae = (e) => e.updatedAt || Number(e.id?.split("-").pop()), oe = (e) => {
-	let t = /* @__PURE__ */ new Date(), n = l(re);
+}, ie = (e) => e.updatedAt || Number(e.id?.split("-").pop()), ae = (e) => {
+	let t = /* @__PURE__ */ new Date(), n = l(ne);
 	for (let r of e) if (r.updatedAt) {
 		let e = new Date(r.updatedAt), i;
-		i = W(t, e) ? n[V.TODAY] : G(t, e) ? n[V.YESTERDAY] : ie(t, e) <= 7 ? n[V.WEEK] : n[V.EARLIER], i?.some((e) => e.id === r.id) || i.push(r);
+		i = G(t, e) ? n[H.TODAY] : K(t, e) ? n[H.YESTERDAY] : re(t, e) <= 7 ? n[H.WEEK] : n[H.EARLIER], i?.some((e) => e.id === r.id) || i.push(r);
 	}
 	return n;
-}, K = (e) => e?.sort((e, t) => (ae(t) || 0) - (ae(e) || 0)), q = (e, t) => e === V.SHARED ? t?.shared || "Shared" : e === V.TODAY ? t?.today || "Today" : e === V.YESTERDAY ? t?.yesterday || "Yesterday" : e === V.WEEK ? t?.lastWeek || "Last week" : t?.earlier || "Earlier", J = n(null);
-function Y() {
-	let e = i(J);
+}, q = (e) => e?.sort((e, t) => (ie(t) || 0) - (ie(e) || 0)), J = (e, t) => e === H.SHARED ? t?.shared || "Shared" : e === H.TODAY ? t?.today || "Today" : e === H.YESTERDAY ? t?.yesterday || "Yesterday" : e === H.WEEK ? t?.lastWeek || "Last week" : t?.earlier || "Earlier", Y = n(null);
+function X() {
+	let e = i(Y);
 	if (!e) throw Error("useConversationStyles must be used within ConversationStylesContext.Provider");
 	return e;
 }
 //#endregion
 //#region libs/conversation-list/src/components/ConversationDelete/ConversationDelete.tsx
-var X = ({ onCloseModal: e, deleteConversation: t, locale: n }) => {
-	let { titles: r, disableModalDividers: i, isSmallModalButton: a } = Y();
-	return /* @__PURE__ */ N(C, {
+var Z = ({ onCloseModal: e, deleteConversation: t, locale: n }) => {
+	let { titles: r, disableModalDividers: i, isSmallModalButton: a } = X();
+	return /* @__PURE__ */ j(C, {
 		heading: r?.deleteTitle ?? "Delete conversation",
 		portalId: "delete-conversation",
 		containerClassName: "delete-conversation-popup",
@@ -53,20 +53,20 @@ var X = ({ onCloseModal: e, deleteConversation: t, locale: n }) => {
 		dividers: !i,
 		onClose: e,
 		closeButtonTitle: r?.close ?? "Cancel",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "px-6 py-4 sm:px-0",
 			lang: n,
 			children: r?.deleteMessage ?? "Are you sure you want to delete this conversation? This action cannot be undone."
-		}), /* @__PURE__ */ N("div", {
+		}), /* @__PURE__ */ j("div", {
 			className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3",
-			children: [/* @__PURE__ */ M(f, {
+			children: [/* @__PURE__ */ A(f, {
 				buttonClassName: "cancel-button",
 				title: r?.cancel ?? "Cancel",
 				isSmallButton: a,
 				onClick: (t) => {
 					t.stopPropagation(), e();
 				}
-			}), /* @__PURE__ */ M(f, {
+			}), /* @__PURE__ */ A(f, {
 				buttonClassName: "text-button-primary text-button-primary-error",
 				title: r?.delete ?? "Delete",
 				isSmallButton: a,
@@ -76,11 +76,11 @@ var X = ({ onCloseModal: e, deleteConversation: t, locale: n }) => {
 			})]
 		})]
 	});
-}, se = (e) => d(de(R(e)).map((e) => ({
+}, oe = (e) => d(ue(L(e)).map((e) => ({
 	...e,
 	relativePath: "",
 	contentLength: 0
-})), (e) => Z(e.relativePath, e.name)), ce = (e) => e.endsWith("/"), le = (e) => {
+})), (e) => Q(e.relativePath, e.name)), se = (e) => e.endsWith("/"), ce = (e) => {
 	let t = e.toLowerCase();
 	return [
 		"data:",
@@ -93,15 +93,15 @@ var X = ({ onCloseModal: e, deleteConversation: t, locale: n }) => {
 		"telnet://",
 		"api/files"
 	].some((e) => t.startsWith(e));
-}, ue = (e) => {
-	let t = Z(...e.split("/").map((e) => decodeURIComponent(e))), n = t.lastIndexOf("/");
+}, le = (e) => {
+	let t = Q(...e.split("/").map((e) => decodeURIComponent(e))), n = t.lastIndexOf("/");
 	return {
 		absolutePath: t.slice(0, n),
 		name: t.slice(n + 1)
 	};
-}, de = (e) => e ? e.map((e) => {
-	if (!e.url || le(e.url) || ce(e.url)) return null;
-	let { absolutePath: t, name: n } = ue(e.url);
+}, ue = (e) => e ? e.map((e) => {
+	if (!e.url || ce(e.url) || se(e.url)) return null;
+	let { absolutePath: t, name: n } = le(e.url);
 	return {
 		id: e.url,
 		name: n,
@@ -110,44 +110,44 @@ var X = ({ onCloseModal: e, deleteConversation: t, locale: n }) => {
 		absolutePath: t
 	};
 }).filter(Boolean) : [];
-async function fe(e, t) {
-	let n = se(e), r = new P();
+async function de(e, t) {
+	let n = oe(e), r = new M();
 	n.forEach((e) => {
-		let n = t(`${encodeURI(Z(e.absolutePath, e.name))}`.replace("files/", "")), i = Z("res", pe(e.folderId), e.name);
+		let n = t(`${encodeURI(Q(e.absolutePath, e.name))}`.replace("files/", "")), i = Q("res", fe(e.folderId), e.name);
 		r.file(i, n);
 	});
 	let i = {
 		version: 5,
-		history: [e].map(me) || [],
+		history: [e].map(pe) || [],
 		folders: []
 	}, a = JSON.stringify(i, null, 2);
 	return r.file("conversations/conversations_history.json", a), await r.generateAsync({ type: "base64" });
 }
-var pe = (e) => {
+var fe = (e) => {
 	let t = e.split("/");
-	return t.length > 2 ? Z(...t.slice(2)) : void 0;
-}, me = (e) => u(e, ["publicationInfo"]), Z = (...e) => e.filter(Boolean).join("/");
+	return t.length > 2 ? Q(...t.slice(2)) : void 0;
+}, pe = (e) => u(e, ["publicationInfo"]), Q = (...e) => e.filter(Boolean).join("/");
 //#endregion
 //#region libs/conversation-list/src/utils/download.ts
-function he(e, t) {
+function me(e, t) {
 	let n = document.createElement("a");
 	n.download = t, n.href = e, n.style.display = "none", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(e);
 }
 //#endregion
 //#region node_modules/qrcode.react/lib/esm/index.js
-var ge = Object.defineProperty, Q = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, ve = Object.prototype.propertyIsEnumerable, ye = (e, t, n) => t in e ? ge(e, t, {
+var he = Object.defineProperty, ge = Object.getOwnPropertySymbols, _e = Object.prototype.hasOwnProperty, ve = Object.prototype.propertyIsEnumerable, ye = (e, t, n) => t in e ? he(e, t, {
 	enumerable: !0,
 	configurable: !0,
 	writable: !0,
 	value: n
 }) : e[t] = n, be = (e, t) => {
 	for (var n in t ||= {}) _e.call(t, n) && ye(e, n, t[n]);
-	if (Q) for (var n of Q(t)) ve.call(t, n) && ye(e, n, t[n]);
+	if (ge) for (var n of ge(t)) ve.call(t, n) && ye(e, n, t[n]);
 	return e;
 }, xe = (e, t) => {
 	var n = {};
 	for (var r in e) _e.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-	if (e != null && Q) for (var r of Q(e)) t.indexOf(r) < 0 && ve.call(e, r) && (n[r] = e[r]);
+	if (e != null && ge) for (var r of ge(e)) t.indexOf(r) < 0 && ve.call(e, r) && (n[r] = e[r]);
 	return n;
 }, Se;
 ((e) => {
@@ -1091,162 +1091,162 @@ Be.displayName = "QRCodeSVG";
 //#endregion
 //#region libs/share-conversation/src/utils/shared-conversations.ts
 var Ve = (e, t) => ({
-	invitationType: te.LINK,
+	invitationType: R.LINK,
 	resources: [{ url: `conversations/${encodeURI(e)}` }, ...t]
-}), He = (e) => `/${ee}/${e?.invitationLink?.split("/").at(-1) || ""}`, Ue = (e, t) => t?.find((t) => {
+}), He = (e) => `/${P}/${e?.invitationLink?.split("/").at(-1) || ""}`, Ue = (e, t) => t?.find((t) => {
 	let n = e?.id?.split("/")?.pop(), r = t?.url?.split("/")?.pop() || "";
 	return r === n || decodeURI(r) === n;
-}), We = (e) => (e?.messages?.filter((e) => !!e?.custom_content?.attachments))?.flatMap((e) => e?.custom_content?.attachments?.map((e) => ({ url: e?.url || "" })) || [])?.filter((e) => !!e?.url) || [], Ge = ({ conversation: e, locale: t, onCloseModal: n, modalDividers: i, getConversation: l, generateConversationLink: u, chatExpiration: d, chatExpirationDays: p, close: m, chatWarning: h, shareLink: v, shareCopyLink: S, shareCopiedLink: w, shareDescription: D, shareRemoveAccessToUsers: k, chatName: A, getSharedConversations: j, revokeSharedConversations: P, baseUrl: F, id: I, clientSharedPage: L, clientSharedProp: R, shareAlertMessage: te }) => {
-	let [B, V] = c(null), [H, U] = c(), [re, W] = c(!1), [G, ie] = c(!1), [ae, oe] = c(), K = s(null), q = s(null), J = o(() => e?.id ? decodeURI(e.id) : I?.[0] && I?.[1] && t ? decodeURI(`${I[0]}/${t}/${I[1]}`) : null, [
+}), We = (e) => (e?.messages?.filter((e) => !!e?.custom_content?.attachments))?.flatMap((e) => e?.custom_content?.attachments?.map((e) => ({ url: e?.url || "" })) || [])?.filter((e) => !!e?.url) || [], Ge = ({ conversation: e, locale: t, onCloseModal: n, modalDividers: i, getConversation: l, generateConversationLink: u, chatExpiration: d, chatExpirationDays: p, close: m, chatWarning: h, shareLink: v, shareCopyLink: S, shareCopiedLink: w, shareDescription: D, shareRemoveAccessToUsers: ee, chatName: te, getSharedConversations: k, revokeSharedConversations: M, baseUrl: N, id: F, clientSharedPage: I, clientSharedProp: L, shareAlertMessage: R }) => {
+	let [V, H] = c(null), [U, W] = c(), [ne, G] = c(!1), [K, re] = c(!1), [ie, ae] = c(), q = s(null), J = s(null), Y = o(() => e?.id ? decodeURI(e.id) : F?.[0] && F?.[1] && t ? decodeURI(`${F[0]}/${t}/${F[1]}`) : null, [
 		e?.id,
-		I,
+		F,
 		t
-	]), Y = o(() => {
-		if (!B) return "";
-		let e = F || window.location.origin;
-		return F && F !== window.location.origin && L && R ? `${e}/${L}?${R}=${B.split(`/${ee}/`)?.[1]}` : `${e}/${t}${B}`;
+	]), X = o(() => {
+		if (!V) return "";
+		let e = N || window.location.origin;
+		return N && N !== window.location.origin && I && L ? `${e}/${I}?${L}=${V.split(`/${P}/`)?.[1]}` : `${e}/${t}${V}`;
 	}, [
-		F,
-		B,
+		N,
+		V,
 		t,
-		L,
-		R
-	]), X = r(async (e) => {
-		let t = await j?.(ne(z.OTHERS));
+		I,
+		L
+	]), Z = r(async (e) => {
+		let t = await k?.(B(z.OTHERS));
 		if (t) return Ue({ id: e }, t.resources);
-	}, [j]);
+	}, [k]);
 	a(() => {
-		if (!J || K.current === J) return;
-		K.current = J, W(!1), q.current?.abort();
+		if (!Y || q.current === Y) return;
+		q.current = Y, G(!1), J.current?.abort();
 		let e = new AbortController();
-		return q.current = e, (async () => {
+		return J.current = e, (async () => {
 			try {
-				let t = Ve(J, We(await l?.(J))), n = await u?.(t), r = await X(J);
+				let t = Ve(Y, We(await l?.(Y))), n = await u?.(t), r = await Z(Y);
 				if (e.signal.aborted || !n) return;
-				V(He(n)), U(r), W(!0);
+				H(He(n)), W(r), G(!0);
 			} catch (t) {
 				if (e.signal.aborted) return;
-				W(!1), console.error("Error sharing conversation", t);
+				G(!1), console.error("Error sharing conversation", t);
 			}
 		})(), () => {
-			e.abort(), K.current = null;
+			e.abort(), q.current = null;
 		};
 	}, [
-		J,
+		Y,
 		u,
 		l,
-		X
+		Z
 	]);
-	let se = r(() => {
-		q.current?.abort(), K.current = null, n(), V(null), W(!1), ie(!1);
-	}, [n]), ce = r(() => {
-		ie(!0), navigator.clipboard.writeText(Y || "");
-	}, [Y]), le = async () => {
+	let oe = r(() => {
+		J.current?.abort(), q.current = null, n(), H(null), G(!1), re(!1);
+	}, [n]), se = r(() => {
+		re(!0), navigator.clipboard.writeText(X || "");
+	}, [X]), ce = async () => {
 		try {
-			if (oe(!0), H && await P?.({ resources: [H] }), J) {
-				let e = await X(J);
-				q.current?.signal.aborted || U(e);
+			if (ae(!0), U && await M?.({ resources: [U] }), Y) {
+				let e = await Z(Y);
+				J.current?.signal.aborted || W(e);
 			}
 		} catch (e) {
 			console.error("Error revoking shared conversation", e);
 		} finally {
-			q.current?.signal.aborted || oe(!1);
+			J.current?.signal.aborted || ae(!1);
 		}
-	}, ue = r(() => /* @__PURE__ */ M(f, {
-		buttonClassName: G ? "text-button-secondary" : "text-button-primary",
-		iconBefore: M(G ? T : E, {
+	}, le = r(() => /* @__PURE__ */ A(f, {
+		buttonClassName: K ? "text-button-secondary" : "text-button-primary",
+		iconBefore: A(K ? T : E, {
 			width: 20,
 			height: 20
 		}),
-		title: G ? w ?? "Copied" : S ?? "Copy link",
-		disabled: G,
-		onClick: ce
+		title: K ? w ?? "Copied" : S ?? "Copy link",
+		disabled: K,
+		onClick: se
 	}), [
-		G,
-		ce,
+		K,
+		se,
 		w,
 		S
 	]);
-	return /* @__PURE__ */ N(C, {
+	return /* @__PURE__ */ j(C, {
 		heading: v ?? "Share link",
 		portalId: "share",
 		size: x.SM,
 		dividers: i,
-		onClose: se,
+		onClose: oe,
 		closeButtonTitle: m ?? "Close",
-		children: [re ? /* @__PURE__ */ N("div", {
+		children: [ne ? /* @__PURE__ */ j("div", {
 			className: "share flex flex-col gap-y-4 overflow-auto px-6 pb-6 sm:p-0",
 			children: [
-				te ? /* @__PURE__ */ M(g, {
+				R ? /* @__PURE__ */ A(g, {
 					type: _.Note,
-					icon: /* @__PURE__ */ M(O, {
+					icon: /* @__PURE__ */ A(O, {
 						width: 16,
 						height: 16
 					}),
-					children: te
+					children: R
 				}) : null,
-				e?.name ? /* @__PURE__ */ N("div", {
+				e?.name ? /* @__PURE__ */ j("div", {
 					className: "share-info flex w-full",
-					children: [/* @__PURE__ */ M("p", {
+					children: [/* @__PURE__ */ A("p", {
 						className: "share-info-title body-1 mr-1 text-neutrals-800",
-						children: A ?? "Chat name:"
-					}), /* @__PURE__ */ M("h3", {
+						children: te ?? "Chat name:"
+					}), /* @__PURE__ */ A("h3", {
 						className: "min-w-0 flex-1 truncate",
 						title: e?.name,
 						children: e?.name
 					})]
 				}) : null,
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ j("div", {
 					className: "share-info flex",
-					children: [/* @__PURE__ */ M("p", {
+					children: [/* @__PURE__ */ A("p", {
 						className: "share-info-title body-1 mr-1 text-neutrals-800",
 						children: d ?? "Link expiration date:"
-					}), /* @__PURE__ */ N("h3", { children: ["3 ", p ?? "days"] })]
+					}), /* @__PURE__ */ j("h3", { children: ["3 ", p ?? "days"] })]
 				}),
-				/* @__PURE__ */ M(Be, {
+				/* @__PURE__ */ A(Be, {
 					className: "min-h-[200px] self-center rounded border border-neutrals-600 p-2",
-					value: Y,
+					value: X,
 					size: 200
 				}),
-				/* @__PURE__ */ M("p", {
+				/* @__PURE__ */ A("p", {
 					className: "body-2 text-neutrals-1000",
 					children: D ?? "Your name, special instructions, and any messages you add after sharing remain confidential."
 				}),
-				/* @__PURE__ */ M(y, {
+				/* @__PURE__ */ A(y, {
 					containerClasses: "share-input-container",
 					cssClass: "share-input",
 					readonly: !0,
-					placeholder: Y,
-					value: Y,
+					placeholder: X,
+					value: X,
 					inputId: "conversationLink",
-					iconAfterInput: ue()
+					iconAfterInput: le()
 				})
 			]
-		}) : /* @__PURE__ */ M("div", {
+		}) : /* @__PURE__ */ A("div", {
 			className: "flex items-center justify-center p-6",
-			children: /* @__PURE__ */ M(b, {})
-		}), re ? e && H ? /* @__PURE__ */ M("div", {
+			children: /* @__PURE__ */ A(b, {})
+		}), ne ? e && U ? /* @__PURE__ */ A("div", {
 			className: "remove-access",
-			children: /* @__PURE__ */ M(f, {
-				title: k ?? "Remove access to all users",
+			children: /* @__PURE__ */ A(f, {
+				title: ee ?? "Remove access to all users",
 				buttonClassName: "remove-access-button py-3 px-4",
 				isSmallButton: !0,
-				disabled: ae,
-				onClick: le
+				disabled: ie,
+				onClick: ce
 			})
-		}) : /* @__PURE__ */ M("p", {
+		}) : /* @__PURE__ */ A("p", {
 			className: "body-2 share-footer text-neutrals-800",
 			children: h ?? "This chat has not been shared with anyone yet."
-		}) : /* @__PURE__ */ M("div", {})]
+		}) : /* @__PURE__ */ A("div", {})]
 	});
 }, Ke = ({ conversation: e, onCloseModal: t, renameConversation: n, locale: r }) => {
-	let { titles: i, disableModalDividers: a, isSmallModalButton: o } = Y(), [s, l] = c(e?.name || ""), u = (e) => {
+	let { titles: i, disableModalDividers: a, isSmallModalButton: o } = X(), [s, l] = c(e?.name || ""), u = (e) => {
 		l(e);
 	}, d = () => {
-		let t = `${e?.folderId}/${encodeURIComponent(L(s))}-${(/* @__PURE__ */ new Date()).getTime()}`;
+		let t = `${e?.folderId}/${encodeURIComponent(I(s))}-${(/* @__PURE__ */ new Date()).getTime()}`;
 		n(`conversations/${e.id}`, `conversations/${t}`);
 	};
-	return /* @__PURE__ */ N(C, {
+	return /* @__PURE__ */ j(C, {
 		heading: i?.renameTitle ?? "Rename conversation",
 		portalId: "rename-conversation",
 		containerClassName: "rename-conversation-popup",
@@ -1254,25 +1254,25 @@ var Ve = (e, t) => ({
 		dividers: !a,
 		onClose: t,
 		closeButtonTitle: i?.close ?? "Cancel",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: "px-6 py-4 sm:px-0",
 			lang: r,
-			children: /* @__PURE__ */ M(v, {
+			children: /* @__PURE__ */ A(v, {
 				inputId: "rename",
 				value: s,
 				onChange: u,
 				cssClass: "w-full"
 			})
-		}), /* @__PURE__ */ N("div", {
+		}), /* @__PURE__ */ j("div", {
 			className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3",
-			children: [/* @__PURE__ */ M(f, {
+			children: [/* @__PURE__ */ A(f, {
 				buttonClassName: "cancel-button",
 				title: i?.cancel ?? "Cancel",
 				isSmallButton: o,
 				onClick: (e) => {
 					e.stopPropagation(), t();
 				}
-			}), /* @__PURE__ */ M(f, {
+			}), /* @__PURE__ */ A(f, {
 				buttonClassName: "text-button-primary text-button-primary",
 				title: i?.save ?? "Rename",
 				isSmallButton: o,
@@ -1285,7 +1285,7 @@ var Ve = (e, t) => ({
 	});
 }, qe = n(null);
 function Je({ children: e, value: t }) {
-	return /* @__PURE__ */ M(qe.Provider, {
+	return /* @__PURE__ */ A(qe.Provider, {
 		value: t,
 		children: e
 	});
@@ -1298,26 +1298,26 @@ function Ye() {
 //#endregion
 //#region libs/conversation-list/src/components/ActionMenu/ActionMenu.tsx
 var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
-	let i = Y(), { locale: a, deleteConversation: s, renameConversation: l, getConversation: u, getFileBlob: d, shareConversationProps: f } = Ye(), m = o(() => {
+	let i = X(), { locale: a, deleteConversation: s, renameConversation: l, getConversation: u, getFileBlob: d, shareConversationProps: f } = Ye(), m = o(() => {
 		let t = [{
-			key: B.DELETE,
+			key: V.DELETE,
 			title: i?.titles?.delete ?? "Delete",
-			icon: i.actionsIcons?.[B.DELETE]
+			icon: i.actionsIcons?.[V.DELETE]
 		}];
-		return e?.model?.id?.endsWith(F) ? t : [
+		return e?.model?.id?.endsWith(N) ? t : [
 			...e.isShared ? [] : [{
-				key: B.SHARE,
+				key: V.SHARE,
 				title: i?.titles?.share ?? "Share",
-				icon: i.actionsIcons?.[B.SHARE]
+				icon: i.actionsIcons?.[V.SHARE]
 			}, {
-				key: B.RENAME,
+				key: V.RENAME,
 				title: i?.titles?.rename ?? "Rename",
-				icon: i.actionsIcons?.[B.RENAME]
+				icon: i.actionsIcons?.[V.RENAME]
 			}],
 			{
-				key: B.EXPORT,
+				key: V.EXPORT,
 				title: i?.titles?.export ?? "Export",
-				icon: i.actionsIcons?.[B.EXPORT]
+				icon: i.actionsIcons?.[V.EXPORT]
 			},
 			...t
 		];
@@ -1341,49 +1341,49 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 	]), E = r((e, t) => {
 		l(e, t), w();
 	}, [l, w]);
-	return /* @__PURE__ */ N(j, { children: [
-		/* @__PURE__ */ M(p, {
+	return /* @__PURE__ */ j(k, { children: [
+		/* @__PURE__ */ A(p, {
 			containerClassName: "ml-3 hidden group-hover:flex",
-			triggerButton: t ?? /* @__PURE__ */ M(Ze, { disabled: n }),
+			triggerButton: t ?? /* @__PURE__ */ A(Ze, { disabled: n }),
 			options: m,
 			openedClassName: "!flex action-menu-opened",
 			onOptionSelect: (t) => {
-				t === B.DELETE && g(S.Opened), t === B.SHARE && v(S.Opened), t === B.RENAME && b(S.Opened), t === B.EXPORT && u(decodeURI(e.id)).then((e) => {
-					fe(e, d).then((e) => {
-						he(`data:application/zip;base64,${e}`, `chat_with_attachments_${(/* @__PURE__ */ new Date()).toLocaleDateString()}.dial`);
+				t === V.DELETE && g(S.Opened), t === V.SHARE && v(S.Opened), t === V.RENAME && b(S.Opened), t === V.EXPORT && u(decodeURI(e.id)).then((e) => {
+					de(e, d).then((e) => {
+						me(`data:application/zip;base64,${e}`, `chat_with_attachments_${(/* @__PURE__ */ new Date()).toLocaleDateString()}.dial`);
 					});
 				});
 			},
 			disabled: n
 		}),
-		h === S.Opened && /* @__PURE__ */ M(X, {
+		h === S.Opened && /* @__PURE__ */ A(Z, {
 			locale: a,
 			deleteConversation: T,
 			onCloseModal: x
 		}),
-		_ === S.Opened && /* @__PURE__ */ M(Ge, {
+		_ === S.Opened && /* @__PURE__ */ A(Ge, {
 			conversation: e,
 			locale: a,
 			onCloseModal: C,
 			...f
 		}),
-		y === S.Opened && /* @__PURE__ */ M(Ke, {
+		y === S.Opened && /* @__PURE__ */ A(Ke, {
 			conversation: e,
 			locale: a,
 			renameConversation: E,
 			onCloseModal: w
 		})
 	] });
-}, Ze = ({ disabled: t }) => /* @__PURE__ */ M("div", {
+}, Ze = ({ disabled: t }) => /* @__PURE__ */ A("div", {
 	className: e("flex items-center justify-center w-[24px]", t ? "cursor-not-allowed" : "cursor-pointer"),
-	children: /* @__PURE__ */ M(D, {
+	children: /* @__PURE__ */ A(D, {
 		width: 20,
 		height: 20,
 		stroke: 2,
 		className: "text-primary"
 	})
 }), Qe = ({ conversation: t, selectedConversationId: n, searchQuery: r, onConversationClick: i, isDisabled: o }) => {
-	let { titles: c, conversationItemIcon: l } = Y(), u = s(null), d = L(t?.name);
+	let { titles: c, conversationItemIcon: l } = X(), u = s(null), d = I(t?.name);
 	return a(() => {
 		if (t?.id === n && u?.current) {
 			let e = u.current.parentElement?.parentElement?.parentElement;
@@ -1395,104 +1395,107 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 				});
 			}
 		}
-	}, [t, n]), /* @__PURE__ */ N("div", {
+	}, [t, n]), /* @__PURE__ */ j("div", {
 		ref: u,
 		className: e("flex justify-between items-center py-2 px-3 border-transparent relative group border", "conversation-item", n === t?.id && "bg-hues-100 conversation-item-active", o ? "cursor-not-allowed" : "cursor-pointer hover:border-hues-600"),
 		onClick: () => !o && i(t.folderId, t?.id),
 		title: o ? c?.noActionsAllowed : d,
-		children: [/* @__PURE__ */ N("div", {
+		children: [/* @__PURE__ */ j("div", {
 			className: "flex min-w-0 flex-1 items-center",
-			children: [l || null, /* @__PURE__ */ M("h3", {
+			children: [l || null, /* @__PURE__ */ A("h3", {
 				className: e("truncate pb-px -mb-px font-semibold text-neutrals-1000 sm:body-2", "conversation-item-text", n === t?.id ? "conversation-item-text-active" : ""),
 				title: o ? c?.noActionsAllowed : d,
-				children: r?.length ? /* @__PURE__ */ M(m, {
+				children: r?.length ? /* @__PURE__ */ A(m, {
 					text: d,
 					highlightText: r
 				}) : d
 			})]
-		}), /* @__PURE__ */ M(Xe, {
+		}), /* @__PURE__ */ A(Xe, {
 			conversation: t,
 			isDisabled: o
 		})]
 	});
-}, $e = ({ handleConversationClick: t, selectedConversationId: n, groupLabel: i, groupedConversations: a, isDisabled: o }) => {
-	let { titles: s } = Y(), [l, u] = c(!1);
-	return /* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("div", {
+}, $e = ({ handleConversationClick: t, selectedConversationId: n, groupLabel: r, groupedConversations: i, isDisabled: a, isCollapsed: o, onToggleCollapse: s }) => {
+	let { titles: c } = X();
+	return /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ j("div", {
 		className: "conversation-group-items-title mb-3 inline-flex cursor-pointer items-center gap-1 text-neutrals-700",
-		onClick: r(() => {
-			u((e) => !e);
-		}, [u]),
-		children: [/* @__PURE__ */ M(w, { className: e("w-3 h-3 conversation-group-items-arrow", l ? "rotate-[90deg]" : "rotate-0") }), /* @__PURE__ */ M("span", {
+		onClick: s,
+		children: [/* @__PURE__ */ A(w, { className: e("w-3 h-3 conversation-group-items-arrow", o ? "rotate-[90deg]" : "rotate-0") }), /* @__PURE__ */ A("span", {
 			className: "body-3 conversation-group-items-title-text",
-			children: q(i, s)
+			children: J(r, c)
 		})]
-	}), !l && /* @__PURE__ */ M("div", {
+	}), !o && /* @__PURE__ */ A("div", {
 		className: e("flex flex-col gap-y-3", "conversation-group-items"),
-		children: K(a).map((e) => /* @__PURE__ */ M(Qe, {
-			isDisabled: o,
+		children: q(i).map((e) => /* @__PURE__ */ A(Qe, {
+			isDisabled: a,
 			conversation: e,
 			selectedConversationId: n,
 			onConversationClick: t
 		}, e.id || e.name))
-	})] }, i);
+	})] }, r);
 }, et = ({ searchQuery: e, isExpandedSearch: t, onSearchConversations: n, toggleSearchField: r }) => {
-	let { titles: i, searchIcon: a } = Y();
-	return /* @__PURE__ */ M(j, { children: t ? /* @__PURE__ */ M(y, {
+	let { titles: i, searchIcon: a } = X();
+	return /* @__PURE__ */ A(k, { children: t ? /* @__PURE__ */ A(y, {
 		inputId: "conversations-search",
 		placeholder: i?.searchPlaceholder ?? "Search",
 		containerClasses: "conversation-list-search-input h-[40px] bg-transparent px-4 py-2 rounded-full border-neutrals-400 shadow-none",
 		cssClass: "h-auto",
 		value: e,
-		iconAfterInput: /* @__PURE__ */ M(h, {
+		iconAfterInput: /* @__PURE__ */ A(h, {
 			buttonClassName: "text-button-tertiary items-center p-0 ml-4 border-0 w-5 h-5",
 			onClick: r,
-			icon: /* @__PURE__ */ M(A, {})
+			icon: /* @__PURE__ */ A(te, {})
 		}),
 		onChange: n
-	}) : /* @__PURE__ */ M(f, {
+	}) : /* @__PURE__ */ A(f, {
 		buttonClassName: "text-button-tertiary p-0 search-button",
-		iconBefore: a || /* @__PURE__ */ M(k, { className: "size-5" }),
+		iconBefore: a || /* @__PURE__ */ A(ee, { className: "size-5" }),
 		onClick: r
 	}) });
 }, tt = ({ conversations: e, selectedConversationId: t, searchQuery: n, handleConversationClick: r, isDisabled: i }) => {
-	let { titles: o } = Y(), [s, l] = c([]);
+	let { titles: o } = X(), [s, l] = c([]);
 	return a(() => {
-		l(K(e?.filter((e) => L(e?.name)?.includes(n || ""))));
-	}, [e, n]), /* @__PURE__ */ M(j, { children: s?.length ? s.map((e) => /* @__PURE__ */ M(Qe, {
+		l(q(e?.filter((e) => I(e?.name)?.includes(n || ""))));
+	}, [e, n]), /* @__PURE__ */ A(k, { children: s?.length ? s.map((e) => /* @__PURE__ */ A(Qe, {
 		conversation: e,
 		searchQuery: n,
 		selectedConversationId: t,
 		onConversationClick: r,
 		isDisabled: i
-	}, e.id)) : /* @__PURE__ */ M("h3", {
+	}, e.id)) : /* @__PURE__ */ A("h3", {
 		className: "text-neutrals-800",
 		children: o?.noConversation ?? "No conversations yet"
 	}) });
 }, nt = () => {
-	let { titles: e } = Y();
-	return /* @__PURE__ */ N("div", {
+	let { titles: e } = X();
+	return /* @__PURE__ */ j("div", {
 		className: "flex flex-col p-8 text-center",
-		children: [/* @__PURE__ */ M("p", {
+		children: [/* @__PURE__ */ A("p", {
 			className: "text-neutrals-800",
 			children: e?.noConversation ?? "No conversations yet"
-		}), /* @__PURE__ */ M("p", {
+		}), /* @__PURE__ */ A("p", {
 			className: "mt-2 text-sm text-neutrals-800",
 			children: e?.clickNewChat ?? "Click \"New Chat\" to start a conversation"
 		})]
 	});
 }, rt = ({ handleConversationClick: t, selectedConversationId: n, actions: i, children: s, isCollapsed: l, isStreaming: u, conversationStyles: d, conversations: f, locale: p, sharedConversations: m, setConversations: h, setSharedConversations: g, shareConversationProps: _, handleSelectedConversationRemove: v }) => {
-	let [y, x] = c({}), [S, C] = c(!0), [w, T] = c(""), [E, D] = c(!1), { getConversations: O, getSharedConversations: k, deleteConversation: A, renameConversation: j } = i, P = o(() => !!w?.length, [w]);
+	let [y, x] = c({}), [S, C] = c(!0), [w, T] = c(""), [E, D] = c(!1), [O, ee] = c(/* @__PURE__ */ new Set()), te = r((e) => {
+		ee((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []), { getConversations: k, getSharedConversations: M, deleteConversation: N, renameConversation: P } = i, I = o(() => !!w?.length, [w]);
 	a(() => {
 		x({
-			...U(m),
-			...oe(f)
+			...W(m),
+			...ae(f)
 		});
 	}, [f, m]), a(() => {
 		async function e() {
 			try {
 				C(!0);
-				let e = await O(p), t = await k(ne(z.ME));
-				h(I(e)), g(I(H(t, p)));
+				let e = await k(p), t = await M(B(z.ME));
+				h(F(e)), g(F(U(t, p)));
 			} catch (e) {
 				console.error("Error loading conversation", e);
 			} finally {
@@ -1501,91 +1504,93 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 		}
 		e();
 	}, [
-		O,
+		k,
 		h,
 		p,
-		k,
+		M,
 		g
 	]);
-	let F = r(async (e) => {
+	let L = r(async (e) => {
 		try {
-			await A(e);
-			let t = await O(p), r = await k(ne(z.ME));
-			h(I(t)), g(I(H(r, p))), n === e?.id && v();
+			await N(e);
+			let t = await k(p), r = await M(B(z.ME));
+			h(F(t)), g(F(U(r, p))), n === e?.id && v();
 		} catch (e) {
 			console.error("Error deleting conversation", e);
 		}
 	}, [
-		A,
-		O,
-		p,
+		N,
 		k,
+		p,
+		M,
 		h,
 		g,
 		n,
 		v
-	]), ee = r(async (e, t) => {
+	]), R = r(async (e, t) => {
 		try {
-			C(!0), await j(e, t);
-			let n = await O(p), r = await k(ne(z.ME));
-			h(I(n)), g(I(H(r, p)));
+			C(!0), await P(e, t);
+			let n = await k(p), r = await M(B(z.ME));
+			h(F(n)), g(F(U(r, p)));
 		} catch (e) {
 			console.error("Error renaming conversation", e);
 		} finally {
 			C(!1);
 		}
 	}, [
-		O,
-		p,
 		k,
+		p,
+		M,
 		h,
 		g,
-		j
-	]), L = r((e) => {
+		P
+	]), V = r((e) => {
 		T(e);
-	}, [T]), R = r(() => {
+	}, [T]), H = r(() => {
 		D((e) => !e), T("");
 	}, [D]);
-	return S ? /* @__PURE__ */ M(b, {}) : /* @__PURE__ */ M(Je, {
+	return S ? /* @__PURE__ */ A(b, {}) : /* @__PURE__ */ A(Je, {
 		value: {
 			locale: p,
-			deleteConversation: F,
-			renameConversation: ee,
+			deleteConversation: L,
+			renameConversation: R,
 			getConversation: i.getConversation,
 			getFileBlob: i.getFileBlob,
 			shareConversationProps: _
 		},
-		children: /* @__PURE__ */ N(J.Provider, {
+		children: /* @__PURE__ */ j(Y.Provider, {
 			value: d,
 			children: [
-				!l && /* @__PURE__ */ N("div", {
+				!l && /* @__PURE__ */ j("div", {
 					className: e("flex justify-between items-center pr-6", E ? " pt-4 pb-0 sm:pt-10" : " pt-6 pb-2 sm:pt-10"),
-					children: [!E && /* @__PURE__ */ M("h3", {
+					children: [!E && /* @__PURE__ */ A("h3", {
 						className: "sm:body-2 text-neutrals-700",
 						children: d?.titles?.allChats ?? "All Chats"
-					}), /* @__PURE__ */ M(et, {
+					}), /* @__PURE__ */ A(et, {
 						searchQuery: w,
 						isExpandedSearch: E,
-						onSearchConversations: L,
-						toggleSearchField: R
+						onSearchConversations: V,
+						toggleSearchField: H
 					})]
 				}),
-				/* @__PURE__ */ M("div", {
+				/* @__PURE__ */ A("div", {
 					className: "scroll-hidden-container mt-4 flex min-h-0 flex-1 flex-col",
-					children: l ? null : /* @__PURE__ */ M("div", {
-						className: e("flex flex-col pr-4", P ? "gap-y-1" : "gap-y-6"),
-						children: f?.length === 0 && m?.length === 0 ? /* @__PURE__ */ M(nt, {}) : P ? /* @__PURE__ */ M(tt, {
+					children: l ? null : /* @__PURE__ */ A("div", {
+						className: e("flex flex-col pr-4", I ? "gap-y-1" : "gap-y-6"),
+						children: f?.length === 0 && m?.length === 0 ? /* @__PURE__ */ A(nt, {}) : I ? /* @__PURE__ */ A(tt, {
 							conversations: [...m, ...f],
 							searchQuery: w,
 							selectedConversationId: n,
 							handleConversationClick: t,
 							isDisabled: u
-						}) : Object.entries(y).map(([e, r]) => r?.length > 0 && /* @__PURE__ */ M($e, {
+						}) : Object.entries(y).map(([e, r]) => r?.length > 0 && /* @__PURE__ */ A($e, {
 							isDisabled: u,
 							groupLabel: e,
 							groupedConversations: r,
 							handleConversationClick: t,
-							selectedConversationId: n
+							selectedConversationId: n,
+							isCollapsed: O.has(e),
+							onToggleCollapse: () => te(e)
 						}, e))
 					})
 				}),
@@ -1593,7 +1598,7 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 			]
 		})
 	});
-}, it = ({ onCloseModal: e, disableModalDividers: t, signOut: n, isSmallButton: r, locale: i, titles: a }) => /* @__PURE__ */ N(C, {
+}, it = ({ onCloseModal: e, disableModalDividers: t, signOut: n, isSmallButton: r, locale: i, titles: a }) => /* @__PURE__ */ j(C, {
 	heading: a?.popupTitle || "Log out?",
 	portalId: "sign-out",
 	containerClassName: "sign-out-popup",
@@ -1601,20 +1606,20 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 	dividers: !t,
 	onClose: e,
 	closeButtonTitle: "Cancel",
-	children: [/* @__PURE__ */ M("div", {
+	children: [/* @__PURE__ */ A("div", {
 		className: "px-6 py-4 sm:px-0",
 		lang: i,
 		children: a?.popupText
-	}), /* @__PURE__ */ N("div", {
+	}), /* @__PURE__ */ j("div", {
 		className: "delete-conversation-popup-footer flex justify-end gap-x-2 px-6 py-3",
-		children: [/* @__PURE__ */ M(f, {
+		children: [/* @__PURE__ */ A(f, {
 			buttonClassName: "cancel-button",
 			title: a?.popupCancel || "Cancel",
 			isSmallButton: r,
 			onClick: (t) => {
 				t.stopPropagation(), e();
 			}
-		}), /* @__PURE__ */ M(f, {
+		}), /* @__PURE__ */ A(f, {
 			buttonClassName: "text-button-primary",
 			title: a?.popupApply || "Sign Out",
 			isSmallButton: r,
@@ -1630,12 +1635,12 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 		m(!1);
 	}, []), y = r(() => {
 		window.open(i || "#", "_blank", "noopener,noreferrer");
-	}, [i]), b = o(() => /* @__PURE__ */ N("div", {
+	}, [i]), b = o(() => /* @__PURE__ */ j("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ M("div", {
+		children: [/* @__PURE__ */ A("div", {
 			className: e("cursor-pointer flex items-center justify-center size-11 rounded-[100px] p-[10px] sm:h-[32px] sm:w-[32px] flex-shrink-0", a?.initialStyles),
 			children: d
-		}), /* @__PURE__ */ M("p", {
+		}), /* @__PURE__ */ A("p", {
 			className: e("h3 cursor-pointer overflow-hidden text-ellipsis", a?.userNameStyles),
 			children: (a?.showShortName ? g : t?.name) ?? t?.email ?? ""
 		})]
@@ -1644,47 +1649,47 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 		g,
 		a,
 		t
-	]), x = o(() => /* @__PURE__ */ N("div", {
+	]), x = o(() => /* @__PURE__ */ j("div", {
 		className: e("py-1", a?.dropDownStyles),
 		children: [
-			a?.settingsIcon && /* @__PURE__ */ N("button", {
+			a?.settingsIcon && /* @__PURE__ */ j("button", {
 				className: e("p-2 items-center flex gap-1 text-primary fill-primary", a?.dropdownButtonTypographyStyles || "body-1", a?.dropdownButtonStyles),
 				title: l?.settings,
-				children: [/* @__PURE__ */ M("span", {
+				children: [/* @__PURE__ */ A("span", {
 					className: "shrink-0",
 					children: a?.settingsIcon
-				}), /* @__PURE__ */ M("span", {
+				}), /* @__PURE__ */ A("span", {
 					className: "min-w-0 break-words",
 					children: l?.settings || "Settings"
 				})]
 			}),
-			a?.contactSupportIcon && /* @__PURE__ */ N("button", {
+			a?.contactSupportIcon && /* @__PURE__ */ j("button", {
 				className: e("p-2 items-center flex gap-1 text-primary fill-primary", a?.dropdownButtonTypographyStyles || "body-1", a?.dropdownButtonStyles),
 				title: l?.contactSupport,
 				onClick: y,
-				children: [/* @__PURE__ */ M("span", {
+				children: [/* @__PURE__ */ A("span", {
 					className: "shrink-0",
 					children: a?.contactSupportIcon
-				}), /* @__PURE__ */ M("span", {
+				}), /* @__PURE__ */ A("span", {
 					className: "min-w-0 break-words",
 					children: l?.contactSupport || "Contact support"
 				})]
 			}),
-			/* @__PURE__ */ M("div", { className: e("h-0 border-t border-neutrals-600 my-2", a?.showSeparator ? "block" : "hidden") }),
-			/* @__PURE__ */ N("button", {
+			/* @__PURE__ */ A("div", { className: e("h-0 border-t border-neutrals-600 my-2", a?.showSeparator ? "block" : "hidden") }),
+			/* @__PURE__ */ j("button", {
 				className: e("p-2 items-center flex gap-1 text-primary fill-primary", a?.dropdownButtonTypographyStyles || "body-1", a?.dropdownButtonStyles),
 				title: l?.signOut,
 				onClick: _,
 				children: [
-					/* @__PURE__ */ M("span", {
+					/* @__PURE__ */ A("span", {
 						className: "shrink-0",
 						children: a?.signOutIcon
 					}),
-					/* @__PURE__ */ M("span", {
+					/* @__PURE__ */ A("span", {
 						className: "min-w-0 break-words",
 						children: l?.signOut || "Sign out"
 					}),
-					f && /* @__PURE__ */ M(it, {
+					f && /* @__PURE__ */ A(it, {
 						onCloseModal: v,
 						signOut: () => n?.(),
 						locale: s,
@@ -1704,7 +1709,7 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 		s,
 		n
 	]);
-	if (t) return /* @__PURE__ */ M(p, {
+	if (t) return /* @__PURE__ */ A(p, {
 		containerClassName: e("transition-opacity group-hover:opacity-100 shrink w-full", a?.dropdownContainerClassName),
 		triggerButton: b,
 		content: x,
@@ -1712,4 +1717,4 @@ var Xe = ({ conversation: e, triggerButton: t, isDisabled: n }) => {
 	});
 };
 //#endregion
-export { Xe as ActionMenu, B as ActionMenuItem, rt as ConversationList, at as User, U as getSharedConversationsGroup, H as transformSharedConversations };
+export { Xe as ActionMenu, V as ActionMenuItem, rt as ConversationList, at as User, W as getSharedConversationsGroup, U as transformSharedConversations };