@epam/ai-dial-conversation-panel 1.0.0-dev.478 → 1.0.0-dev.480

package/index.js

@@ -1,12 +1,12 @@
 import { DeploymentIcon as e, Highlight as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
 import { PanelEmpty as i, PanelNoResults as a, SearchInput as o, SidebarOrientation as s, SidebarPanel as c } from "@epam/ai-dial-sidebar";
 import { ButtonAppearance as l, DIAL_ICON_SIZE as u, DialButton as d, DialDropdown as f, DialEllipsisTooltip as p, DialIconButton as m, DialSkeleton as h, DialSkeletonVariant as g, DialTag as _, ElementSize as v } from "@epam/ai-dial-ui-kit";
-import { createElement as y, memo as b, useCallback as x, useEffect as S, useImperativeHandle as C, useLayoutEffect as w, useMemo as T, useRef as E, useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { IconCaretDownFilled as A, IconCaretRightFilled as j, IconDotsVertical as M, IconPlus as N } from "@tabler/icons-react";
+import { createElement as y, memo as b, useCallback as x, useEffect as S, useId as C, useImperativeHandle as w, useLayoutEffect as T, useMemo as E, useRef as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { IconCaretDownFilled as j, IconCaretRightFilled as M, IconDotsVertical as N, IconPlus as P } from "@tabler/icons-react";
 //#region ../../node_modules/react-window/dist/react-window.js
-var P = typeof window < "u" ? w : S;
-function F(e) {
+var F = typeof window < "u" ? T : S;
+function I(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -15,14 +15,14 @@ function F(e) {
 	}
 }
 function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = T(() => ({
-		styleHeight: F(o?.height),
-		styleWidth: F(o?.width)
-	}), [o?.height, o?.width]), [l, u] = D({
+	let { styleHeight: s, styleWidth: c } = E(() => ({
+		styleHeight: I(o?.height),
+		styleWidth: I(o?.width)
+	}), [o?.height, o?.width]), [l, u] = O({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
-	return P(() => {
+	return F(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +42,7 @@ function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), T(() => ({
+	]), E(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -52,25 +52,25 @@ function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 	]);
 }
 function te(e) {
-	let t = E(() => {
+	let t = D(() => {
 		throw Error("Cannot call during render.");
 	});
-	return P(() => {
+	return F(() => {
 		t.current = e;
 	}, [e]), x((e) => t.current?.(e), [t]);
 }
-var I = null;
-function ne(e = !1) {
-	if (I === null || e) {
+var L = null;
+function R(e = !1) {
+	if (L === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? I = "positive-descending" : (e.scrollLeft = 1, I = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), I;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? L = "positive-descending" : (e.scrollLeft = 1, L = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), L;
 	}
-	return I;
+	return L;
 }
-function L({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (ne()) {
+function z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (R()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -81,26 +81,26 @@ function L({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function R(e, t = "Assertion error") {
+function B(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function z(e, t) {
+function V(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (R(e !== void 0), R(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (B(e !== void 0), B(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function B({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function H({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return R(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return B(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function V({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function U({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = B({
+	let s = H({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -112,7 +112,7 @@ function V({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, con
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function H({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function W({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -131,11 +131,11 @@ function H({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function U({ itemCount: e, itemProps: t, itemSize: n }) {
+function ne({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (R(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (B(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -151,14 +151,14 @@ function U({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					R(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					B(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return R(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return B(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -168,8 +168,8 @@ function U({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function re({ itemCount: e, itemProps: t, itemSize: n }) {
-	return T(() => U({
+function G({ itemCount: e, itemProps: t, itemSize: n }) {
+	return E(() => ne({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,11 +179,11 @@ function re({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function W({ containerSize: e, itemSize: t }) {
+function re({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			R(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), R(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			B(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), B(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -198,14 +198,14 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = E({
+	}), f = D({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = W({
+	}), p = r === "vertical" ? u : d, m = re({
 		containerSize: p,
 		itemSize: s
 	});
-	w(() => {
+	T(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,11 +218,11 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = re({
+	let h = G({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = x((e) => h.get(e), [h]), [_, v] = D(() => H({
+	}), g = x((e) => h.get(e), [h]), [_, v] = O(() => W({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -233,7 +233,7 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, T = x(() => B({
+	}, w = x(() => H({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,9 +241,9 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), O = x((t) => H({
+	]), E = x((t) => W({
 		cachedBounds: h,
-		containerScrollOffset: L({
+		containerScrollOffset: z({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -261,19 +261,19 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return P(() => {
-		v(O((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+	return F(() => {
+		v(E((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
-		O
-	]), P(() => {
+		E
+	]), F(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = H({
+				let { scrollLeft: n, scrollTop: o } = e, s = W({
 					cachedBounds: h,
-					containerScrollOffset: L({
+					containerScrollOffset: z({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return z(s, t) ? t : s;
+				return V(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -298,9 +298,9 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		l
 	]), {
 		getCellBounds: g,
-		getEstimatedSize: T,
+		getEstimatedSize: w,
 		scrollToIndex: te(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = V({
+			let s = U({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -310,14 +310,14 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = L({
+				if (s = z({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
-					let e = O(s);
-					z(_, e) || v(e);
+					let e = E(s);
+					V(_, e) || v(e);
 				}
 				return s;
 			}
@@ -328,35 +328,35 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: S
 	};
 }
-function G(e) {
-	return T(() => e, Object.values(e));
+function ae(e) {
+	return E(() => e, Object.values(e));
 }
-function ae(e, t) {
+function K(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return z(n, a) && z(r, o) && z(i, s);
+	return V(n, a) && V(r, o) && V(i, s);
 }
 function oe(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
 var se = "data-react-window-index";
 function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = G(u), h = T(() => b(s, ae), [s]), [g, _] = D(null), v = oe(l), { getCellBounds: x, getEstimatedSize: w, scrollToIndex: E, startIndexOverscan: k, startIndexVisible: A, stopIndexOverscan: j, stopIndexVisible: M } = ie({
+	let m = ae(u), h = E(() => b(s, K), [s]), [g, _] = O(null), v = oe(l), { getCellBounds: x, getEstimatedSize: C, scrollToIndex: T, startIndexOverscan: D, startIndexVisible: A, stopIndexOverscan: j, stopIndexVisible: M } = ie({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: T(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: E(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	C(r, () => ({
+	w(r, () => ({
 		get element() {
 			return g;
 		},
 		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = E({
+			let r = T({
 				align: e,
 				containerScrollOffset: g?.scrollTop ?? 0,
 				index: n
@@ -366,11 +366,11 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, E]), P(() => {
+	}), [g, T]), F(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
-			let n = `${k + t}`;
+			let n = `${D + t}`;
 			return e.setAttribute(se, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
@@ -378,26 +378,26 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		g,
 		v,
 		l,
-		k,
+		D,
 		j
 	]), S(() => {
-		k >= 0 && j >= 0 && a && a({
+		D >= 0 && j >= 0 && a && a({
 			startIndex: A,
 			stopIndex: M
 		}, {
-			startIndex: k,
+			startIndex: D,
 			stopIndex: j
 		});
 	}, [
 		a,
-		k,
+		D,
 		A,
 		j,
 		M
 	]);
-	let N = T(() => {
+	let N = E(() => {
 		let e = [];
-		if (c > 0) for (let t = k; t <= j; t++) {
+		if (c > 0) for (let t = D; t <= j; t++) {
 			let n = x(t);
 			e.push(/* @__PURE__ */ y(h, {
 				...m,
@@ -424,12 +424,12 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		v,
 		c,
 		m,
-		k,
+		D,
 		j
-	]), F = /* @__PURE__ */ O("div", {
+	]), P = /* @__PURE__ */ k("div", {
 		"aria-hidden": !0,
 		style: {
-			height: w(),
+			height: C(),
 			width: "100%",
 			zIndex: -1
 		}
@@ -446,81 +446,77 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, N, e, F);
+	}, N, e, P);
 }
 //#endregion
 //#region src/types/virtual-row.ts
-var K = /* @__PURE__ */ function(e) {
+var q = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), q = /* @__PURE__ */ function(e) {
-	return e.Pinned = "pinned", e.MyChats = "myChats", e.Shared = "shared", e.Organization = "organization", e;
 }({}), J = /* @__PURE__ */ function(e) {
-	return e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
-}({}), Y = /* @__PURE__ */ function(e) {
-	return e.All = "all", e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
-}({}), le = (e) => `${60 + e * 23 % 35}%`, ue = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", de = (e, t) => t.rows[e].kind === K.Item ? 36 : e === 0 ? 24 : 56, fe = (e) => {
+	return e.All = "all", e.Pinned = "pinned", e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
+}({}), le = (e) => `${60 + e * 23 % 35}%`, ue = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", de = (e, t) => t.rows[e].kind === q.Item ? 36 : e === 0 ? 24 : 56, fe = (e) => {
 	switch (e) {
-		case J.Shared: return q.Shared;
-		case J.Organization: return q.Organization;
-		default: return q.MyChats;
+		case J.Shared: return J.Shared;
+		case J.Organization: return J.Organization;
+		default: return J.MyChats;
 	}
 }, pe = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === K.Header) n = r.groupKey;
+	for (let r of e) if (r.kind === q.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
 }, me = (e, t, n) => {
 	let r = /* @__PURE__ */ new Set();
-	if (t != null && r.add(t), t === q.Pinned) {
+	if (t != null && r.add(t), t === J.Pinned) {
 		let t = n.find((t) => t.id === e);
 		t && r.add(fe(t.source));
-	} else r.add(q.Pinned);
+	} else r.add(J.Pinned);
 	return r;
 }, he = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
-	for (let e of n) if (e.kind === K.Header) o = e.groupKey === r;
+	for (let e of n) if (e.kind === q.Header) o = e.groupKey === r;
 	else if (o) {
 		if (e.item.id === t) return a;
 		a = e.item.id;
 	}
 	return null;
-}, ge = {
+}, Y = {
 	tab: "_tab_1mi6x_1",
 	tabActive: "_tabActive_1mi6x_13"
-}, _e = b(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: i = "dial-tiny-semi-text" }) => /* @__PURE__ */ O("div", {
+}, ge = b(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: i = "dial-tiny-semi-text" }) => /* @__PURE__ */ k("div", {
 	className: "flex flex-nowrap gap-1",
 	children: e.map((e) => {
 		let a = t === e.id;
-		return /* @__PURE__ */ O(_, {
+		return /* @__PURE__ */ k(_, {
 			label: e.label,
 			selected: a,
 			onClick: () => n(e.id),
-			className: r("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, ge.tab, a && ge.tabActive)
+			className: r("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Y.tab, a && Y.tabActive)
 		}, e.id);
 	})
-})), ve = [
+})), _e = [
 	{
-		value: Y.All,
+		value: J.All,
 		labelKey: "all"
 	},
 	{
-		value: Y.MyChats,
+		value: J.MyChats,
 		labelKey: "myChats"
 	},
 	{
-		value: Y.Shared,
+		value: J.Shared,
 		labelKey: "shared"
 	},
 	{
-		value: Y.Organization,
+		value: J.Organization,
 		labelKey: "organization"
 	}
-], ye = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "flex-1 dial-tiny-semi-text" }) => /* @__PURE__ */ O("div", {
+], ve = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ k("div", {
 	className: "mx-3 my-2",
-	children: /* @__PURE__ */ O(_e, {
-		tabs: ve.map(({ value: e, labelKey: n }) => ({
+	children: /* @__PURE__ */ k(ge, {
+		tabs: _e.map(({ value: e, labelKey: n }) => ({
 			id: e,
 			label: t[n]
 		})),
@@ -528,72 +524,76 @@ var K = /* @__PURE__ */ function(e) {
 		onTabChange: (e) => n(e),
 		tabClassName: r
 	})
-})), be = { button: "_button_1blz1_1" }, xe = b(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text" }) => /* @__PURE__ */ O("div", {
+})), ye = { button: "_button_1ggx8_1" }, be = b(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text" }) => /* @__PURE__ */ k("div", {
 	className: "px-3 py-2",
-	children: /* @__PURE__ */ k("button", {
+	children: /* @__PURE__ */ A("button", {
 		onClick: t,
 		type: "button",
-		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1", be.button),
-		children: [/* @__PURE__ */ O(N, {
+		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1", ye.button),
+		children: [/* @__PURE__ */ k(P, {
 			size: 18,
 			stroke: 2,
 			className: "shrink-0"
-		}), /* @__PURE__ */ O("span", {
+		}), /* @__PURE__ */ k("span", {
 			className: n,
 			children: e
 		})]
 	})
 })), X = {
-	header: "_header_1o9mn_1",
-	item: "_item_1o9mn_5",
-	itemActive: "_itemActive_1o9mn_11",
-	groupHeader: "_groupHeader_1o9mn_16",
-	trigger: "_trigger_1o9mn_21",
-	triggerActive: "_triggerActive_1o9mn_21",
-	triggerIcon: "_triggerIcon_1o9mn_24"
-}, Se = ({ item: n, isActive: i, onSelectConversation: a, searchQuery: o = "", getActions: s, actionsLabel: c = "More actions", itemTitleClassName: p = "dial-small-text", itemIconBadgeClassName: _, rowGroupKey: y, rows: b, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: A, onDragLeave: j, onDrop: N }) => {
-	let [P, F] = D(!1), ee = s?.(n) ?? [], te = ee.length > 0, I = n.isIconLoading ? /* @__PURE__ */ O(h, {
+	skeletonColor: "var(--cp-skeleton-color, var(--bg-layer-4, #d1dbea))",
+	header: "_header_dr0k7_1",
+	item: "_item_dr0k7_5",
+	itemActive: "_itemActive_dr0k7_11",
+	groupHeader: "_groupHeader_dr0k7_16",
+	dropZoneActive: "_dropZoneActive_dr0k7_20",
+	trigger: "_trigger_dr0k7_28",
+	triggerActive: "_triggerActive_dr0k7_28",
+	triggerIcon: "_triggerIcon_dr0k7_31"
+}, xe = ({ item: n, isActive: i, onSelectConversation: a, searchQuery: o = "", getActions: s, actionsLabel: c = "More actions", itemTitleClassName: p = "dial-small-text", itemIconBadgeClassName: _, rowGroupKey: y, rows: b, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: j, onDrop: M }) => {
+	let [P, F] = O(!1), I = s?.(n) ?? [], ee = I.length > 0, te = n.isIconLoading ? /* @__PURE__ */ k(h, {
 		variant: g.Circular,
 		width: u.LG,
 		height: u.LG,
-		color: "var(--bg-layer-4)",
+		color: X.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ O(e, {
+	}) : /* @__PURE__ */ k(e, {
 		src: n.iconUrl,
 		size: u.LG,
 		initialsName: n.iconTooltip ?? "",
 		tooltip: n.iconTooltip,
 		badgeClassName: _
-	}), ne = ue(te, P), L = y != null, R = x((e) => {
+	}), L = ue(ee, P), R = y != null, z = x((e) => {
 		e.currentTarget.contains(e.relatedTarget) || j?.();
-	}, [j]), z = x((e) => {
-		if (!y || !b || !N) return;
+	}, [j]), B = x((e) => {
+		if (!y || !b || !M) return;
 		e.preventDefault();
 		let t = he(e, n.id, b, y);
-		N(n.id, y, t);
+		M(n.id, y, t);
 	}, [
 		n.id,
 		b,
 		y,
-		N
-	]), B = n.id === S, V = n.id === C, H = y != null && (w?.has(y) ?? !1);
-	return /* @__PURE__ */ k("li", {
-		className: r("group/conversation relative", B && "cursor-grabbing opacity-50", V && H && "ring-accent-secondary rounded ring-1 ring-inset", S != null && !B && !H && "cursor-not-allowed"),
-		draggable: L || void 0,
-		onDragStart: L ? () => T?.(n.id) : void 0,
-		onDragEnd: L ? E : void 0,
-		onDragOver: L ? (e) => {
-			e.preventDefault(), A?.(n.id);
+		M
+	]), V = n.id === S, H = n.id === C, U = y != null && (w?.has(y) ?? !1), W = S != null;
+	return /* @__PURE__ */ A("li", {
+		className: r("group/conversation relative", V && "cursor-grabbing opacity-50", H && U && "rounded", H && U && X.dropZoneActive, W && !V && !U && "cursor-not-allowed"),
+		draggable: R || void 0,
+		onDragStart: R ? () => T?.(n.id) : void 0,
+		onDragEnd: R ? E : void 0,
+		onDragOver: R ? (e) => {
+			e.preventDefault(), D?.(n.id);
 		} : void 0,
-		onDragLeave: L ? R : void 0,
-		onDrop: L ? z : void 0,
-		children: [/* @__PURE__ */ O("a", {
+		onDragLeave: R ? z : void 0,
+		onDrop: R ? B : void 0,
+		children: [/* @__PURE__ */ k("a", {
 			href: n.href,
 			className: "contents",
-			onClick: (e) => e.preventDefault(),
-			children: /* @__PURE__ */ O(d, {
-				iconBefore: I,
-				label: /* @__PURE__ */ O(t, {
+			onClick: (e) => {
+				n.href && (e.preventDefault(), a(n.id));
+			},
+			children: /* @__PURE__ */ k(d, {
+				iconBefore: te,
+				label: /* @__PURE__ */ k(t, {
 					text: n.title,
 					query: o,
 					className: p,
@@ -601,21 +601,22 @@ var K = /* @__PURE__ */ function(e) {
 				}),
 				textClassName: "min-w-0",
 				"aria-current": i ? "page" : void 0,
-				onClick: () => a(n.id),
+				onClick: n.href ? void 0 : () => a(n.id),
 				tabIndex: n.href ? -1 : void 0,
-				className: r("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", ne, X.item, i && X.itemActive, P && X.itemActive)
+				className: r("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", L, X.item, i && X.itemActive, P && X.itemActive)
 			})
-		}), te && /* @__PURE__ */ O("div", {
-			className: r("absolute inset-y-0 end-1 flex items-center", P ? "opacity-100" : "opacity-0 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ O(f, {
-				items: ee,
+		}), ee && /* @__PURE__ */ k("div", {
+			className: r("absolute inset-y-0 end-1 flex items-center", P ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ k(f, {
+				items: I,
 				onOpenChange: F,
 				matchReferenceWidth: !1,
 				listClassName: "w-[140px] cp-dropdown-overlay",
-				children: /* @__PURE__ */ O(m, {
-					icon: /* @__PURE__ */ O(M, {
+				children: /* @__PURE__ */ k(m, {
+					icon: /* @__PURE__ */ k(N, {
 						size: u.SM,
-						className: X.triggerIcon
+						className: X.triggerIcon,
+						"aria-hidden": !0
 					}),
 					appearance: l.Ghost,
 					size: v.Small,
@@ -625,289 +626,322 @@ var K = /* @__PURE__ */ function(e) {
 			})
 		})]
 	});
-}, Ce = ({ label: e, isExpanded: t, onToggle: n, className: i = "dial-tiny-semi-text uppercase", dropZoneGroupKey: a, isDragOver: o, onDragOver: s, onDragLeave: c, onDrop: l }) => {
-	let u = a != null;
-	return /* @__PURE__ */ k("button", {
+}, Se = ({ label: e, isExpanded: t, onToggle: n, listId: i, className: a = "dial-tiny-semi-text uppercase", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+	let d = o != null;
+	return /* @__PURE__ */ A("button", {
 		type: "button",
 		"aria-expanded": t,
+		"aria-controls": i,
 		onClick: n,
-		onDragOver: u ? (e) => {
-			u && (e.preventDefault(), s?.(a));
+		onDragOver: d ? (e) => {
+			d && (e.preventDefault(), c?.(o));
 		} : void 0,
-		onDragLeave: u ? (e) => {
-			u && (e.currentTarget.contains(e.relatedTarget) || c?.());
+		onDragLeave: d ? (e) => {
+			d && (e.currentTarget.contains(e.relatedTarget) || l?.());
 		} : void 0,
-		onDrop: u ? (e) => {
-			u && (e.preventDefault(), l?.(a, a, null));
+		onDrop: d ? (e) => {
+			d && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
-		className: r("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, X.groupHeader, o && "ring-accent-secondary ring-1 ring-inset"),
-		children: [O(t ? A : j, {
+		className: r("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, X.groupHeader, s && X.dropZoneActive),
+		children: [t ? /* @__PURE__ */ k(j, {
 			stroke: .5,
 			size: 12,
-			className: "shrink-0"
-		}), /* @__PURE__ */ O(p, { text: e })]
+			className: "shrink-0",
+			"aria-hidden": !0
+		}) : /* @__PURE__ */ k(M, {
+			stroke: .5,
+			size: 12,
+			className: "shrink-0 rtl:scale-x-[-1]",
+			"aria-hidden": !0
+		}), /* @__PURE__ */ k(p, { text: e })]
 	});
-}, we = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, activeConversationId: a, searchQuery: o, onSelectConversation: s, getActions: c, actionsLabel: l, groupHeaderClassName: u, itemTitleClassName: d, itemIconBadgeClassName: f, draggingId: p, dragOverId: m, allowedDropGroups: h, onDragStart: g, onDragEnd: _, onDragOver: v, onDragLeave: y, onDrop: b }) => {
-	let x = n[e];
-	if (x.kind === K.Header) {
-		let n = x.groupKey === q.Pinned;
-		return /* @__PURE__ */ O("div", {
+}, Ce = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, listId: a, activeConversationId: o, searchQuery: s, onSelectConversation: c, getActions: l, actionsLabel: u, styles: d, draggingId: f, dragOverId: p, allowedDropGroups: m, onDragStart: h, onDragEnd: g, onDragOver: _, onDragLeave: v, onDrop: y }) => {
+	let b = n[e];
+	if (b.kind === q.Header) {
+		let n = b.groupKey === J.Pinned;
+		return /* @__PURE__ */ k("div", {
+			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ O(Ce, {
-				label: x.label,
-				isExpanded: r.has(x.groupKey),
-				onToggle: () => i(x.groupKey),
-				className: u,
-				dropZoneGroupKey: n ? q.Pinned : void 0,
-				isDragOver: n && m === q.Pinned,
-				onDragOver: n ? v : void 0,
-				onDragLeave: n ? y : void 0,
-				onDrop: n ? b : void 0
+			children: /* @__PURE__ */ k(Se, {
+				label: b.label,
+				isExpanded: r.has(b.groupKey),
+				onToggle: () => i(b.groupKey),
+				listId: a,
+				className: d?.groupHeaderClassName,
+				dropZoneGroupKey: n ? J.Pinned : void 0,
+				isDragOver: n && p === J.Pinned,
+				onDragOver: n ? _ : void 0,
+				onDragLeave: n ? v : void 0,
+				onDrop: n ? y : void 0
 			})
 		});
 	}
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ k("div", {
+		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ O(Se, {
-			item: x.item,
-			isActive: x.item.id === a,
-			searchQuery: o,
-			onSelectConversation: s,
-			getActions: c,
-			actionsLabel: l,
-			itemTitleClassName: d,
-			itemIconBadgeClassName: f,
-			rowGroupKey: x.groupKey,
+		children: /* @__PURE__ */ k(xe, {
+			item: b.item,
+			isActive: b.item.id === o,
+			searchQuery: s,
+			onSelectConversation: c,
+			getActions: l,
+			actionsLabel: u,
+			itemTitleClassName: d?.itemTitleClassName,
+			itemIconBadgeClassName: d?.itemIconBadgeClassName,
+			rowGroupKey: b.groupKey,
 			rows: n,
-			draggingId: p,
-			dragOverId: m,
-			allowedDropGroups: h,
-			onDragStart: g,
-			onDragEnd: _,
-			onDragOver: v,
-			onDragLeave: y,
-			onDrop: b
+			draggingId: f,
+			dragOverId: p,
+			allowedDropGroups: m,
+			onDragStart: h,
+			onDragEnd: g,
+			onDragOver: _,
+			onDragLeave: v,
+			onDrop: y
 		})
 	});
-}, Te = (e, t) => t === Y.All ? !0 : e.source === t, Ee = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, De = new Set(Object.values(q)), Oe = b(({ conversations: e, isLoading: t, isOpen: l, onSelectConversation: u, activeConversationId: d, title: f, emptyLabel: p, noResultsLabel: m, onNewChat: g, newChatLabel: _, searchPlaceholder: v, searchClearLabel: y, filterLabels: b, groupLabels: C, styles: w, className: A, getActions: j, actionsLabel: M, onToggle: N, closeAriaLabel: P, resizable: F, defaultPanelWidth: ee = 325, minPanelWidth: te = 312, maxPanelWidth: I = 600, onPanelResizeStop: ne, headerActions: L, onMoveConversation: R, activeFilter: z, onActiveFilterChange: B }) => {
-	let { colors: V, typography: H } = w ?? {}, [U, re] = D(""), [W, ie] = D(Y.All);
+}, we = (e, t) => t === J.All ? !0 : e.source === t, Te = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ee = new Set([
+	J.Pinned,
+	J.MyChats,
+	J.Shared,
+	J.Organization
+]), Z = b(({ conversations: e, isLoading: t, isOpen: l, onSelectConversation: u, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: g, getActions: _, onToggle: v, headerActions: y, onMoveConversation: b, activeFilter: w, onActiveFilterChange: T }) => {
+	let { colors: j, typography: M } = m ?? {}, { title: N, emptyLabel: P, noResultsLabel: F, loadingLabel: I = "Loading conversations", newChatLabel: ee, searchPlaceholder: te, searchClearLabel: L, filterLabels: R, groupLabels: z, actionsLabel: B, closeAriaLabel: V } = f, [H, U] = O(""), [W, ne] = O(J.All);
 	S(() => {
-		z != null && (ie(z), B?.(z));
-	}, [z]);
-	let [G, ae] = D(() => De), [oe, se] = D(5), ue = E(null), fe = E(null), [he, ge] = D(null), [_e, ve] = D(null), [be, X] = D(null), Se = E(null), Ce = E(null), Oe = x(({ height: e }) => {
-		se(Math.ceil(e / 36 * 2));
-	}, []), ke = x((e) => {
-		ae((t) => {
+		w != null && (ne(w), T?.(w));
+	}, [w]);
+	let [G, re] = O(() => Ee), [ie, ae] = O(5), K = C(), oe = D(null), se = D(null), [ue, fe] = O(null), [he, Y] = O(null), [ge, _e] = O(null), ye = D(null), X = D(null), xe = x(({ height: e }) => {
+		ae(Math.ceil(e / 36 * 2));
+	}, []), Se = x((e) => {
+		re((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ae = x(() => {
-		Se.current = null, Ce.current = null, ge(null), ve(null), X(null);
-	}, []), je = x((t, n) => {
+	}, []), Z = x(() => {
+		ye.current = null, X.current = null, fe(null), Y(null), _e(null);
+	}, []), De = x((t, n) => {
 		let r = me(t, pe(n, t), e);
-		Se.current = t, Ce.current = r, ge(t), X(r);
-	}, [e]), Me = x(() => {
-		Ae();
-	}, [Ae]), Ne = x((e) => {
-		ve(e);
-	}, []), Pe = x(() => {
-		ve(null);
-	}, []), Fe = x((e, t, n) => {
-		let r = Se.current, i = Ce.current;
-		Ae(), r != null && r !== e && i?.has(t) && R?.({
+		ye.current = t, X.current = r, fe(t), _e(r);
+	}, [e]), Oe = x(() => {
+		Z();
+	}, [Z]), ke = x((e) => {
+		Y(e);
+	}, []), Ae = x(() => {
+		Y(null);
+	}, []), je = x((e, t, n) => {
+		let r = ye.current, i = X.current;
+		Z(), r != null && r !== e && i?.has(t) && b?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Ae, R]), Ie = n({
-		"--cp-bg": V?.background,
-		"--sb-border": V?.border,
-		"--cp-item-hover": V?.itemHover,
-		"--cp-item-active": V?.itemActive,
-		"--cp-text": V?.text,
-		"--cp-text-secondary": V?.textSecondary,
-		"--cp-new-chat-hover": V?.newChatHoverBackground,
-		"--cp-new-chat-active": V?.newChatActiveBackground,
-		"--cp-new-chat-bg": V?.newChatBackground
-	}), Z = T(() => e.filter((e) => Te(e, W) && Ee(e, U)), [
+	}, [Z, b]), Me = n({
+		"--cp-bg": j?.background,
+		"--sb-border": j?.border,
+		"--cp-item-hover": j?.itemHover,
+		"--cp-item-active": j?.itemActive,
+		"--cp-text": j?.text,
+		"--cp-text-secondary": j?.textSecondary,
+		"--cp-new-chat-hover": j?.newChatHoverBackground,
+		"--cp-new-chat-active": j?.newChatActiveBackground,
+		"--cp-new-chat-bg": j?.newChatBackground,
+		"--cp-new-chat-text": j?.newChatText,
+		"--cp-new-chat-shadow-blue": j?.newChatShadowBlue,
+		"--cp-new-chat-shadow-blue-hover": j?.newChatShadowBlueHover,
+		"--cp-new-chat-shadow-blue-active": j?.newChatShadowBlueActive,
+		"--cp-new-chat-shadow-purple": j?.newChatShadowPurple,
+		"--cp-new-chat-shadow-purple-hover": j?.newChatShadowPurpleHover,
+		"--cp-new-chat-shadow-purple-active": j?.newChatShadowPurpleActive,
+		"--cp-drop-zone-ring": j?.dropZoneRing,
+		"--cp-trigger-bg": j?.triggerBackground,
+		"--cp-trigger-icon": j?.triggerIcon,
+		"--cp-trigger-icon-idle": j?.triggerIconIdle,
+		"--cp-skeleton-color": j?.skeletonColor
+	}), Q = E(() => e.filter((e) => we(e, W) && Te(e, H)), [
 		e,
 		W,
-		U
-	]), Le = T(() => Z.filter((e) => e.isPinned), [Z]), Re = T(() => Z.filter((e) => !e.isPinned && e.source !== J.Shared && e.source !== J.Organization), [Z]), ze = T(() => Z.filter((e) => !e.isPinned && e.source === J.Shared), [Z]), Be = T(() => Z.filter((e) => !e.isPinned && e.source === J.Organization), [Z]), Q = T(() => [
+		H
+	]), Ne = E(() => Q.filter((e) => e.isPinned), [Q]), Pe = E(() => Q.filter((e) => !e.isPinned && e.source !== J.Shared && e.source !== J.Organization), [Q]), Fe = E(() => Q.filter((e) => !e.isPinned && e.source === J.Shared), [Q]), Ie = E(() => Q.filter((e) => !e.isPinned && e.source === J.Organization), [Q]), Le = E(() => [
 		{
-			key: q.Pinned,
-			label: C?.pinned ?? "Pinned",
-			items: Le
+			key: J.Pinned,
+			label: z?.pinned ?? "Pinned",
+			items: Ne
 		},
 		{
-			key: q.MyChats,
-			label: C?.myChats ?? "My chats",
-			items: Re
+			key: J.MyChats,
+			label: z?.myChats ?? "My chats",
+			items: Pe
 		},
 		{
-			key: q.Shared,
-			label: C?.shared ?? "Shared",
-			items: ze
+			key: J.Shared,
+			label: z?.shared ?? "Shared",
+			items: Fe
 		},
 		{
-			key: q.Organization,
-			label: C?.organization ?? "Organization",
-			items: Be
+			key: J.Organization,
+			label: z?.organization ?? "Organization",
+			items: Ie
 		}
 	], [
-		C,
-		Le,
-		Re,
-		ze,
-		Be
-	]), $ = T(() => {
+		z,
+		Ne,
+		Pe,
+		Fe,
+		Ie
+	]), $ = E(() => {
 		let e = [];
-		for (let t of Q) if (t.items.length !== 0 && (e.push({
-			kind: K.Header,
+		for (let t of Le) if (t.items.length !== 0 && (e.push({
+			kind: q.Header,
 			groupKey: t.key,
 			label: t.label
 		}), G.has(t.key))) for (let n of t.items) e.push({
-			kind: K.Item,
+			kind: q.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Q, G]);
+	}, [Le, G]);
 	S(() => {
 		if (!d) return;
-		let e = Q.find((e) => e.items.some((e) => e.id === d))?.key;
+		let e = Le.find((e) => e.items.some((e) => e.id === d))?.key;
 		if (e && !G.has(e)) {
-			ae((t) => new Set(t).add(e));
+			re((t) => new Set(t).add(e));
 			return;
 		}
-		if (fe.current === d) return;
-		let t = $.findIndex((e) => e.kind === K.Item && e.item.id === d);
-		t >= 0 && (ue.current?.scrollToRow({
+		if (se.current === d) return;
+		let t = $.findIndex((e) => e.kind === q.Item && e.item.id === d);
+		t >= 0 && (oe.current?.scrollToRow({
 			index: t,
 			align: "smart",
 			behavior: "smooth"
-		}), fe.current = d);
+		}), se.current = d);
 	}, [
 		d,
-		Q,
+		Le,
 		G,
 		$
 	]);
-	let Ve = T(() => ({
+	let Re = E(() => ({
 		rows: $,
 		expandedGroups: G,
-		onToggleGroup: ke,
+		onToggleGroup: Se,
+		listId: K,
 		activeConversationId: d,
-		searchQuery: U,
+		searchQuery: H,
 		onSelectConversation: u,
-		getActions: j,
-		actionsLabel: M,
-		groupHeaderClassName: H?.groupHeaderClassName,
-		itemTitleClassName: H?.itemTitleClassName,
-		itemIconBadgeClassName: H?.itemIconBadgeClassName,
-		draggingId: he,
-		dragOverId: _e,
-		allowedDropGroups: be,
-		onDragStart: (e) => je(e, $),
-		onDragEnd: Me,
-		onDragOver: Ne,
-		onDragLeave: Pe,
-		onDrop: Fe
+		getActions: _,
+		actionsLabel: B,
+		styles: {
+			groupHeaderClassName: M?.groupHeaderClassName,
+			itemTitleClassName: M?.itemTitleClassName,
+			itemIconBadgeClassName: m?.itemIconBadgeClassName
+		},
+		draggingId: ue,
+		dragOverId: he,
+		allowedDropGroups: ge,
+		onDragStart: (e) => De(e, $),
+		onDragEnd: Oe,
+		onDragOver: ke,
+		onDragLeave: Ae,
+		onDrop: je
 	}), [
 		$,
 		G,
-		ke,
+		Se,
+		K,
 		d,
-		U,
+		H,
 		u,
-		j,
-		M,
-		H?.groupHeaderClassName,
-		H?.itemTitleClassName,
-		H?.itemIconBadgeClassName,
+		_,
+		B,
+		M?.groupHeaderClassName,
+		M?.itemTitleClassName,
+		m?.itemIconBadgeClassName,
+		ue,
 		he,
-		_e,
-		be,
-		je,
-		Me,
-		Ne,
-		Pe,
-		Fe
-	]), He = e.length === 0, Ue = e.length > 0 && Z.length === 0;
-	return /* @__PURE__ */ k(c, {
+		ge,
+		De,
+		Oe,
+		ke,
+		Ae,
+		je
+	]), ze = e.length === 0, Be = e.length > 0 && Q.length === 0;
+	return /* @__PURE__ */ A(c, {
 		isOpen: l,
 		orientation: s.Left,
-		title: f,
+		title: N,
 		labels: {
-			ariaLabel: f,
-			closeLabel: P
+			ariaLabel: N,
+			closeLabel: V
 		},
-		onClose: N,
+		onClose: v,
 		styles: {
 			colors: {
-				background: V?.background,
-				border: V?.border
+				background: j?.background,
+				border: j?.border
 			},
-			typography: { fontClassName: H?.fontClassName },
+			typography: { fontClassName: M?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: Ie,
-			titleClassName: H?.fontClassName,
+			cssVars: Me,
+			titleClassName: M?.fontClassName,
 			headerClassName: "h-[64px]",
-			className: r(l ? F ? "border-l border-r mobile:w-full" : "w-[325px] border-l border-r mobile:w-full" : "w-0", A)
+			className: r(l ? "w-[325px] border-s border-e mobile:w-full" : "w-0", g)
 		},
-		resizable: F,
-		defaultWidth: ee,
-		minWidth: te,
-		maxWidth: I,
-		onResizeStop: ne,
-		rightActions: L,
+		rightActions: y,
 		children: [
-			/* @__PURE__ */ O(xe, {
-				label: _,
-				onClick: g,
-				labelClassName: H?.newChatLabelClassName
+			/* @__PURE__ */ k(be, {
+				label: ee,
+				onClick: p,
+				labelClassName: M?.newChatLabelClassName
 			}),
-			/* @__PURE__ */ O(o, {
-				placeholder: v,
-				value: U,
-				onChange: re,
-				clearLabel: y
+			/* @__PURE__ */ k(o, {
+				placeholder: te,
+				value: H,
+				onChange: U,
+				clearLabel: L
 			}),
-			/* @__PURE__ */ O(ye, {
+			/* @__PURE__ */ k(ve, {
 				activeTab: W,
-				labels: b,
+				labels: R,
 				onChange: (e) => {
-					ie(e), B?.(e);
+					ne(e), T?.(e);
 				},
-				tabClassName: H?.tabClassName
+				tabClassName: M?.tabClassName
+			}),
+			/* @__PURE__ */ k("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: t ? I : ze ? P : Be ? F : ""
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ O("div", {
+				children: t ? /* @__PURE__ */ k("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ O(h, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ k(h, {
 						avatar: { size: 24 },
 						showTitle: { width: le(t) },
 						paragraph: !1,
 						active: !0,
 						color: "var(--bg-layer-4)"
 					}, t))
-				}) : He ? /* @__PURE__ */ O(i, { label: p }) : Ue ? /* @__PURE__ */ O(a, { label: m }) : /* @__PURE__ */ O(ce, {
-					listRef: ue,
+				}) : ze ? /* @__PURE__ */ k(i, { label: P }) : Be ? /* @__PURE__ */ k(a, { label: F }) : /* @__PURE__ */ k(ce, {
+					listRef: oe,
+					id: K,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: we,
+					rowComponent: Ce,
 					rowCount: $.length,
 					rowHeight: de,
-					overscanCount: oe,
-					onResize: Oe,
-					rowProps: Ve
+					overscanCount: ie,
+					onResize: xe,
+					rowProps: Re
 				})
 			})
 		]
 	});
 });
 //#endregion
-export { q as ConversationGroupKey, Oe as ConversationPanel, J as ConversationSource, Y as FilterTab };
+export { Z as ConversationPanel, J as FilterTab };