@epam/ai-dial-conversation-panel 1.1.0-dev.262 → 1.1.0-dev.267

package/index.js

@@ -1,12 +1,12 @@
 import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
 import { PanelEmpty as r, PanelNoResults as i, SidebarOrientation as a, SidebarPanel as o } from "@epam/ai-dial-sidebar";
-import { Button as s, DIAL_ICON_SIZE as c, Dropdown as l, ElementSize as u, EllipsisTooltip as d, GhostIconButton as f, Highlight as p, Search as m, Skeleton as h, SkeletonVariant as g, Tag as _, mergeClasses as v } from "@epam/ai-dial-ui-kit";
-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 { Fragment as ee, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { IconCaretDownFilled as j, IconCaretRightFilled as M, IconClock as N, IconDotsVertical as P, IconPlus as te } from "@tabler/icons-react";
+import { Button as s, DIAL_ICON_SIZE as c, Dropdown as l, ElementSize as u, EllipsisTooltip as d, GhostIconButton as f, Highlight as p, Search as m, Skeleton as h, SkeletonVariant as g, Tag as _, TagAppearance as v, mergeClasses as y } from "@epam/ai-dial-ui-kit";
+import { createElement as b, memo as x, useCallback as S, useEffect as C, useId as w, useImperativeHandle as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { IconCaretDownFilled as N, IconCaretRightFilled as P, IconClock as F, IconDotsVertical as ee, IconPlus as I } from "@tabler/icons-react";
 //#region ../../node_modules/react-window/dist/react-window.js
-var F = typeof window < "u" ? T : S;
-function I(e) {
+var L = typeof window < "u" ? E : C;
+function R(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -14,15 +14,15 @@ function I(e) {
 			break;
 	}
 }
-function L({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = E(() => ({
-		styleHeight: I(o?.height),
-		styleWidth: I(o?.width)
-	}), [o?.height, o?.width]), [l, u] = O({
+function te({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = D(() => ({
+		styleHeight: R(o?.height),
+		styleWidth: R(o?.width)
+	}), [o?.height, o?.width]), [l, u] = k({
 		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 F(() => {
+	return L(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +42,7 @@ function L({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), E(() => ({
+	]), D(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -51,26 +51,26 @@ function L({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function ne(e) {
-	let t = D(() => {
+function z(e) {
+	let t = O(() => {
 		throw Error("Cannot call during render.");
 	});
-	return F(() => {
+	return L(() => {
 		t.current = e;
-	}, [e]), x((e) => t.current?.(e), [t]);
+	}, [e]), S((e) => t.current?.(e), [t]);
 }
-var R = null;
-function re(e = !1) {
-	if (R === null || e) {
+var B = null;
+function ne(e = !1) {
+	if (B === 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 ? R = "positive-descending" : (e.scrollLeft = 1, R = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), R;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? B = "positive-descending" : (e.scrollLeft = 1, B = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), B;
 	}
-	return R;
+	return B;
 }
-function z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (re()) {
+function V({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (ne()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -81,26 +81,26 @@ function z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function B(e, t = "Assertion error") {
+function H(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function V(e, t) {
+function U(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (B(e !== void 0), B(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (H(e !== void 0), H(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 H({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function re({ 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 B(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return H(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function ie({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function W({ 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 = H({
+	let s = re({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -112,7 +112,7 @@ function ie({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function U({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function G({ 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 U({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function W({ itemCount: e, itemProps: t, itemSize: n }) {
+function K({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (B(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (H(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -151,14 +151,14 @@ function W({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					B(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					H(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 B(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return H(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -168,8 +168,8 @@ function W({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function ae({ itemCount: e, itemProps: t, itemSize: n }) {
-	return E(() => W({
+function ie({ itemCount: e, itemProps: t, itemSize: n }) {
+	return D(() => K({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,11 +179,11 @@ function ae({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function G({ containerSize: e, itemSize: t }) {
+function q({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			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;
+			H(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), H(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -191,21 +191,21 @@ function G({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
-	let { height: u = n, width: d = n } = L({
+function ae({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = te({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = D({
+	}), f = O({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = G({
+	}), p = r === "vertical" ? u : d, m = q({
 		containerSize: p,
 		itemSize: s
 	});
-	T(() => {
+	E(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,22 +218,22 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		c,
 		d
 	]);
-	let h = ae({
+	let h = ie({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = x((e) => h.get(e), [h]), [_, v] = O(() => U({
+	}), g = S((e) => h.get(e), [h]), [_, v] = k(() => G({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
 		itemCount: a,
 		overscanCount: l
-	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: S, stopIndexOverscan: C } = {
+	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: x, stopIndexOverscan: C } = {
 		startIndexVisible: Math.min(a - 1, _.startIndexVisible),
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, w = x(() => H({
+	}, w = S(() => re({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,9 +241,9 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		h,
 		a,
 		m
-	]), E = x((t) => U({
+	]), T = S((t) => G({
 		cachedBounds: h,
-		containerScrollOffset: z({
+		containerScrollOffset: V({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -261,19 +261,19 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		a,
 		l
 	]);
-	return F(() => {
-		v(E((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+	return L(() => {
+		v(T((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
-		E
-	]), F(() => {
+		T
+	]), L(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = U({
+				let { scrollLeft: n, scrollTop: o } = e, s = G({
 					cachedBounds: h,
-					containerScrollOffset: z({
+					containerScrollOffset: V({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 					itemCount: a,
 					overscanCount: l
 				});
-				return V(s, t) ? t : s;
+				return U(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -299,8 +299,8 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: w,
-		scrollToIndex: ne(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ie({
+		scrollToIndex: z(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = W({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -310,14 +310,14 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 				itemSize: m
 			});
 			if (e) {
-				if (s = z({
+				if (s = V({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
-					let e = E(s);
-					V(_, e) || v(e);
+					let e = T(s);
+					U(_, e) || v(e);
 				}
 				return s;
 			}
@@ -325,38 +325,38 @@ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		startIndexOverscan: b,
 		startIndexVisible: y,
 		stopIndexOverscan: C,
-		stopIndexVisible: S
+		stopIndexVisible: x
 	};
 }
-function q(e) {
-	return E(() => e, Object.values(e));
+function J(e) {
+	return D(() => e, Object.values(e));
 }
-function J(e, t) {
+function oe(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return V(n, a) && V(r, o) && V(i, s);
+	return U(n, a) && U(r, o) && U(i, s);
 }
-function oe(e) {
+function se(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 = q(u), h = E(() => b(s, J), [s]), [g, _] = O(null), v = oe(l), { getCellBounds: x, getEstimatedSize: C, scrollToIndex: T, startIndexOverscan: D, startIndexVisible: ee, stopIndexOverscan: A, stopIndexVisible: j } = K({
+var ce = "data-react-window-index";
+function le({ 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 = J(u), h = D(() => x(s, oe), [s]), [g, _] = k(null), v = se(l), { getCellBounds: y, getEstimatedSize: S, scrollToIndex: w, startIndexOverscan: E, startIndexVisible: O, stopIndexOverscan: A, stopIndexVisible: M } = ae({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: E(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: D(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	w(r, () => ({
+	T(r, () => ({
 		get element() {
 			return g;
 		},
 		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = T({
+			let r = w({
 				align: e,
 				containerScrollOffset: g?.scrollTop ?? 0,
 				index: n
@@ -366,40 +366,40 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, T]), F(() => {
+	}), [g, w]), L(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
-			let n = `${D + t}`;
-			return e.setAttribute(se, n), !0;
+			let n = `${E + t}`;
+			return e.setAttribute(ce, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
 		g,
 		v,
 		l,
-		D,
+		E,
 		A
-	]), S(() => {
-		D >= 0 && A >= 0 && a && a({
-			startIndex: ee,
-			stopIndex: j
+	]), C(() => {
+		E >= 0 && A >= 0 && a && a({
+			startIndex: O,
+			stopIndex: M
 		}, {
-			startIndex: D,
+			startIndex: E,
 			stopIndex: A
 		});
 	}, [
 		a,
-		D,
-		ee,
+		E,
+		O,
 		A,
-		j
+		M
 	]);
-	let M = E(() => {
+	let N = D(() => {
 		let e = [];
-		if (c > 0) for (let t = D; t <= A; t++) {
-			let n = x(t);
-			e.push(/* @__PURE__ */ y(h, {
+		if (c > 0) for (let t = E; t <= A; t++) {
+			let n = y(t);
+			e.push(/* @__PURE__ */ b(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -420,21 +420,21 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		return e;
 	}, [
 		h,
-		x,
+		y,
 		v,
 		c,
 		m,
-		D,
+		E,
 		A
-	]), N = /* @__PURE__ */ k("div", {
+	]), P = /* @__PURE__ */ j("div", {
 		"aria-hidden": !0,
 		style: {
-			height: C(),
+			height: S(),
 			width: "100%",
 			zIndex: -1
 		}
 	});
-	return y(d, {
+	return b(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -446,7 +446,7 @@ function ce({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, M, e, N);
+	}, N, e, P);
 }
 //#endregion
 //#region src/types/virtual-row.ts
@@ -454,25 +454,25 @@ var Y = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
 }({}), X = /* @__PURE__ */ function(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 === Y.Item ? 36 : e === 0 ? 24 : 56, fe = (e) => {
+}({}), ue = (e) => `${60 + e * 23 % 35}%`, de = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", fe = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, pe = (e) => {
 	switch (e) {
 		case X.Shared: return X.Shared;
 		case X.Organization: return X.Organization;
 		default: return X.MyChats;
 	}
-}, pe = (e, t) => {
+}, me = (e, t) => {
 	let n = null;
 	for (let r of e) if (r.kind === Y.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, me = (e, t, n) => {
+}, he = (e, t, n) => {
 	let r = /* @__PURE__ */ new Set();
 	if (t != null && r.add(t), t === X.Pinned) {
 		let t = n.find((t) => t.id === e);
-		t && r.add(fe(t.source));
+		t && r.add(pe(t.source));
 	} else r.add(X.Pinned);
 	return r;
-}, he = (e, t, n, r) => {
+}, ge = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -482,40 +482,7 @@ var Y = /* @__PURE__ */ function(e) {
 		a = e.item.id;
 	}
 	return null;
-}, ge = {
-	tabContainer: "_tabContainer_1rks7_1",
-	tabActive: "_tabActive_1rks7_15"
-}, _e = b(({ tabs: e, activeTabId: r, onTabChange: i, styles: a }) => {
-	let { tabClassName: o = "dial-tiny-semi-text" } = a?.typography ?? {}, s = a?.colors;
-	return /* @__PURE__ */ k("div", {
-		className: "flex flex-nowrap gap-1",
-		role: "tablist",
-		style: t({
-			"--pt-tab-text": s?.tabText,
-			"--pt-tab-text-hover": s?.tabTextHover,
-			"--pt-tab-active-text": s?.activeTabText,
-			"--pt-tab-border": s?.tabBorder,
-			"--pt-tab-bg": s?.tabBackground,
-			"--pt-tab-bg-hover": s?.tabBackgroundHover,
-			"--pt-tab-active-bg": s?.activeTabBackground,
-			"--pt-tab-active-bg-hover": s?.activeTabBackgroundHover
-		}),
-		children: e.map((e) => {
-			let t = r === e.id;
-			return /* @__PURE__ */ k("div", {
-				role: "tab",
-				"aria-selected": t,
-				className: "contents",
-				children: /* @__PURE__ */ k(_, {
-					label: e.label,
-					selected: t,
-					onClick: () => i(e.id),
-					className: n("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", o, ge.tabContainer, t && ge.tabActive)
-				})
-			}, e.id);
-		})
-	});
-}), ve = [
+}, _e = [
 	{
 		value: X.All,
 		labelKey: "all"
@@ -532,53 +499,50 @@ var Y = /* @__PURE__ */ function(e) {
 		value: X.Organization,
 		labelKey: "organization"
 	}
-], ye = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", colors: i }) => /* @__PURE__ */ k("div", {
-	className: "px-3 py-2",
-	children: /* @__PURE__ */ k(_e, {
-		tabs: ve.map(({ value: e, labelKey: n }) => ({
-			id: e,
-			label: t[n]
-		})),
-		activeTabId: e,
-		onTabChange: (e) => n(e),
-		styles: {
-			typography: { tabClassName: v(r, "flex-1") },
-			colors: i
-		}
-	})
-})), be = { button: "_button_8xsgo_1" }, xe = b(({ label: e, onClick: r, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ k("div", {
+], ve = x(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ j("div", {
+	role: "group",
+	"aria-label": t.groupAriaLabel ?? "Filter chats",
+	className: "flex flex-nowrap gap-1 px-3 py-2",
+	children: _e.map(({ value: i, labelKey: a }) => /* @__PURE__ */ j(_, {
+		label: t[a],
+		appearance: v.Selectable,
+		selected: e === i,
+		onClick: () => n(i),
+		className: y("flex-1 justify-center rounded-full", r)
+	}, i))
+})), ye = { button: "_button_8xsgo_1" }, be = x(({ label: e, onClick: r, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ j("div", {
 	className: "px-3 py-2",
 	style: t({
 		"--cp-new-chat-bg": a?.background,
 		"--cp-new-chat-text": a?.text,
 		"--cp-new-chat-focus-outline": a?.focusOutline
 	}),
-	children: /* @__PURE__ */ A("button", {
+	children: /* @__PURE__ */ M("button", {
 		onClick: r,
 		type: "button",
-		className: n("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-sm hover:shadow-xs active:shadow-xs", be.button),
-		children: [/* @__PURE__ */ k(te, {
+		className: n("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-sm hover:shadow-xs active:shadow-xs", ye.button),
+		children: [/* @__PURE__ */ j(I, {
 			size: 18,
 			stroke: 2,
 			className: "shrink-0"
-		}), /* @__PURE__ */ k("span", {
+		}), /* @__PURE__ */ j("span", {
 			className: i,
 			children: e
 		})]
 	})
 })), Z = {
-	skeletonColor: "var(--cp-skeleton-color, var(--bg-layer-4, #d1dbea))",
-	item: "_item_1qyc3_1",
-	itemActive: "_itemActive_1qyc3_7",
-	groupHeader: "_groupHeader_1qyc3_12",
-	taskBadge: "_taskBadge_1qyc3_16",
-	dropZoneActive: "_dropZoneActive_1qyc3_22",
-	triggerActive: "_triggerActive_1qyc3_27",
-	triggerIcon: "_triggerIcon_1qyc3_30",
-	unreadDot: "_unreadDot_1qyc3_38"
-}, Se = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+	skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
+	item: "_item_1tjrz_1",
+	itemActive: "_itemActive_1tjrz_7",
+	groupHeader: "_groupHeader_1tjrz_12",
+	taskBadge: "_taskBadge_1tjrz_16",
+	dropZoneActive: "_dropZoneActive_1tjrz_22",
+	triggerActive: "_triggerActive_1tjrz_27",
+	triggerIcon: "_triggerIcon_1tjrz_30",
+	unreadDot: "_unreadDot_1tjrz_38"
+}, xe = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
 	let f = o != null;
-	return /* @__PURE__ */ A("button", {
+	return /* @__PURE__ */ M("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": i,
@@ -593,125 +557,125 @@ var Y = /* @__PURE__ */ function(e) {
 			f && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
 		className: n("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, Z.groupHeader, s && Z.dropZoneActive),
-		children: [t ? /* @__PURE__ */ k(j, {
+		children: [t ? /* @__PURE__ */ j(N, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ k(M, {
+		}) : /* @__PURE__ */ j(P, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ k(d, { text: e })]
+		}), /* @__PURE__ */ j(d, { text: e })]
 	});
-}, Ce = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: d, actionsLabel: m = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "dial-caption-lead-semi-text", unreadIndicatorLabel: b = "Unread", rowGroupKey: S, rows: C, draggingId: w, dragOverId: T, allowedDropGroups: E, onDragStart: j, onDragEnd: M, onDragOver: te, onDragLeave: F, onDrop: I }) => {
-	let [L, ne] = O(!1), R = D(null), re = x((e) => {
-		ne(e), e && R.current && d?.(t, R.current);
-	}, [t, d]), z = o?.(t) ?? [], B = z.length > 0, V = t.isIconLoading ? /* @__PURE__ */ k(h, {
+}, Se = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: d, actionsLabel: m = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "dial-caption-lead-semi-text", unreadIndicatorLabel: b = "Unread", rowGroupKey: x, rows: C, draggingId: w, dragOverId: T, allowedDropGroups: E, onDragStart: D, onDragEnd: N, onDragOver: P, onDragLeave: I, onDrop: L }) => {
+	let [R, te] = k(!1), z = O(null), B = S((e) => {
+		te(e), e && z.current && d?.(t, z.current);
+	}, [t, d]), ne = o?.(t) ?? [], V = ne.length > 0, H = t.isIconLoading ? /* @__PURE__ */ j(h, {
 		variant: g.Circular,
 		width: c.LG,
 		height: c.LG,
 		color: Z.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ k(e, {
+	}) : /* @__PURE__ */ j(e, {
 		src: t.iconUrl,
 		size: c.LG,
 		initialsName: t.iconTooltip ?? "",
 		labels: { tooltip: t.iconTooltip },
 		styles: { badgeClassName: v }
-	}), H = /* @__PURE__ */ A("span", {
+	}), U = /* @__PURE__ */ M("span", {
 		className: "flex shrink-0 items-center",
-		children: [/* @__PURE__ */ k("span", {
+		children: [/* @__PURE__ */ j("span", {
 			className: "relative flex size-3 shrink-0 items-center justify-center",
-			children: t.isUnread && /* @__PURE__ */ A(ee, { children: [/* @__PURE__ */ k("span", {
+			children: t.isUnread && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("span", {
 				className: n("size-[5.33px] rounded-full", Z.unreadDot),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ k("span", {
+			}), /* @__PURE__ */ j("span", {
 				className: "sr-only",
 				children: b
 			})] })
-		}), V]
-	}), ie = ue(B, L), U = t.showTaskBadge ? /* @__PURE__ */ A("span", {
+		}), H]
+	}), re = de(V, R), W = t.showTaskBadge ? /* @__PURE__ */ M("span", {
 		className: n("flex h-5 shrink-0 items-center justify-center gap-0.5 rounded-full border pe-2 ps-1", Z.taskBadge, y),
-		children: [/* @__PURE__ */ k(N, {
+		children: [/* @__PURE__ */ j(F, {
 			size: 12,
 			"aria-hidden": !0
 		}), t.taskBadgeLabel]
-	}) : void 0, W = S != null, ae = x((e) => {
-		e.currentTarget.contains(e.relatedTarget) || F?.();
-	}, [F]), G = x((e) => {
-		if (!S || !C || !I) return;
+	}) : void 0, G = x != null, K = S((e) => {
+		e.currentTarget.contains(e.relatedTarget) || I?.();
+	}, [I]), ie = S((e) => {
+		if (!x || !C || !L) return;
 		e.preventDefault();
-		let n = he(e, t.id, C, S);
-		I(t.id, S, n);
+		let n = ge(e, t.id, C, x);
+		L(t.id, x, n);
 	}, [
 		t.id,
 		C,
-		S,
-		I
-	]), K = t.id === w, q = t.id === T, J = S != null && (E?.has(S) ?? !1), oe = w != null;
-	return /* @__PURE__ */ A("li", {
-		className: n("group/conversation relative", K && "cursor-grabbing opacity-50", q && J && "rounded", q && J && Z.dropZoneActive, oe && !K && !J && "cursor-not-allowed"),
-		draggable: W || void 0,
-		onDragStart: W ? () => j?.(t.id) : void 0,
-		onDragEnd: W ? M : void 0,
-		onDragOver: W ? (e) => {
-			e.preventDefault(), te?.(t.id);
+		x,
+		L
+	]), q = t.id === w, ae = t.id === T, J = x != null && (E?.has(x) ?? !1), oe = w != null;
+	return /* @__PURE__ */ M("li", {
+		className: n("group/conversation relative", q && "cursor-grabbing opacity-50", ae && J && "rounded", ae && J && Z.dropZoneActive, oe && !q && !J && "cursor-not-allowed"),
+		draggable: G || void 0,
+		onDragStart: G ? () => D?.(t.id) : void 0,
+		onDragEnd: G ? N : void 0,
+		onDragOver: G ? (e) => {
+			e.preventDefault(), P?.(t.id);
 		} : void 0,
-		onDragLeave: W ? ae : void 0,
-		onDrop: W ? G : void 0,
-		children: [/* @__PURE__ */ k("a", {
+		onDragLeave: G ? K : void 0,
+		onDrop: G ? ie : void 0,
+		children: [/* @__PURE__ */ j("a", {
 			href: t.href,
 			className: "contents",
 			onClick: (e) => {
 				t.href && (e.preventDefault(), i(t.id));
 			},
-			children: /* @__PURE__ */ k(s, {
-				iconBefore: H,
-				label: /* @__PURE__ */ k(p, {
+			children: /* @__PURE__ */ j(s, {
+				iconBefore: U,
+				label: /* @__PURE__ */ j(p, {
 					text: t.title,
 					query: a,
 					className: _,
 					maxLines: 1
 				}),
-				iconAfter: U,
+				iconAfter: W,
 				textClassName: "min-w-0 flex-1",
 				"aria-current": r ? "page" : void 0,
 				onClick: t.href ? void 0 : () => i(t.id),
 				tabIndex: t.href ? -1 : void 0,
-				className: n("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-0", ie, Z.item, r && Z.itemActive, L && Z.itemActive)
+				className: n("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-0", re, Z.item, r && Z.itemActive, R && Z.itemActive)
 			})
-		}), B && /* @__PURE__ */ k("div", {
-			className: n("absolute inset-y-0 end-1 flex items-center", L ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ k(l, {
-				items: z,
-				onOpenChange: re,
+		}), V && /* @__PURE__ */ j("div", {
+			className: n("absolute inset-y-0 end-1 flex items-center", R ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ j(l, {
+				items: ne,
+				onOpenChange: B,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ k(f, {
-					ref: R,
-					icon: /* @__PURE__ */ k(P, {
+				children: /* @__PURE__ */ j(f, {
+					ref: z,
+					icon: /* @__PURE__ */ j(ee, {
 						size: c.SM,
 						className: Z.triggerIcon,
 						"aria-hidden": !0
 					}),
 					size: u.Small,
 					"aria-label": m,
-					className: n(L && Z.triggerActive)
+					className: n(R && Z.triggerActive)
 				})
 			})
 		})]
 	});
-}, we = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, listId: a, activeConversationId: o, searchQuery: s, onSelectConversation: c, getActions: l, onActionMenuOpen: u, actionsLabel: d, unreadIndicatorLabel: f, styles: p, draggingId: m, dragOverId: h, allowedDropGroups: g, onDragStart: _, onDragEnd: v, onDragOver: y, onDragLeave: b, onDrop: x }) => {
+}, Ce = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, listId: a, activeConversationId: o, searchQuery: s, onSelectConversation: c, getActions: l, onActionMenuOpen: u, actionsLabel: d, unreadIndicatorLabel: f, styles: p, draggingId: m, dragOverId: h, allowedDropGroups: g, onDragStart: _, onDragEnd: v, onDragOver: y, onDragLeave: b, onDrop: x }) => {
 	let S = n[e];
 	if (S.kind === Y.Header) {
 		let n = S.groupKey === X.Pinned;
-		return /* @__PURE__ */ k("div", {
+		return /* @__PURE__ */ j("div", {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ k(Se, {
+			children: /* @__PURE__ */ j(xe, {
 				label: S.label,
 				isExpanded: r.has(S.groupKey),
 				onToggle: () => i(S.groupKey),
@@ -725,11 +689,11 @@ var Y = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ j("div", {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ k(Ce, {
+		children: /* @__PURE__ */ j(Se, {
 			item: S.item,
 			isActive: S.item.id === o,
 			searchQuery: s,
@@ -753,94 +717,94 @@ var Y = /* @__PURE__ */ function(e) {
 			onDrop: x
 		})
 	});
-}, Te = (e, t) => t === X.All ? !0 : e.source === t, Ee = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, De = new Set([
+}, we = (e, t) => t === X.All ? !0 : e.source === t, Te = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ee = new Set([
 	X.Pinned,
 	X.MyChats,
 	X.Shared,
 	X.Organization
-]), Oe = b(({ conversations: e, isLoading: s, isOpen: c, onSelectConversation: l, activeConversationId: u, labels: d, onNewChat: f, styles: p, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: w, activeFilter: T, onActiveFilterChange: ee, isFilterTabsHidden: j = !1 }) => {
-	let { colors: M, typography: N, newChatButton: P, filterTabs: te } = p ?? {}, { title: F, emptyLabel: I, noResultsLabel: L, loadingLabel: ne = "Loading conversations", newChatLabel: R, searchPlaceholder: re, searchClearLabel: z, filterLabels: B, groupLabels: V, actionsLabel: H, unreadIndicatorLabel: ie, closeAriaLabel: U } = d, [W, ae] = O(""), [G, K] = O(X.All);
-	S(() => {
-		T != null && K(T);
+]), De = x(({ conversations: e, isLoading: s, isOpen: c, onSelectConversation: l, activeConversationId: u, labels: d, onNewChat: f, styles: p, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: T, onActiveFilterChange: E, isFilterTabsHidden: A = !1 }) => {
+	let { colors: N, typography: P, newChatButton: F } = p ?? {}, { title: ee, emptyLabel: I, noResultsLabel: L, loadingLabel: R = "Loading conversations", newChatLabel: te, searchPlaceholder: z, searchClearLabel: B, filterLabels: ne, groupLabels: V, actionsLabel: H, unreadIndicatorLabel: U, closeAriaLabel: re } = d, [W, G] = k(""), [K, ie] = k(X.All);
+	C(() => {
+		T != null && ie(T);
 	}, [T]);
-	let [q, J] = O(() => De), [oe, se] = O(5), ue = C(), fe = D(null), he = D(null), [ge, _e] = O(null), [ve, be] = O(null), [Se, Ce] = O(null), Oe = D(null), ke = D(null), Ae = x(({ height: e }) => {
-		se(Math.ceil(e / 36 * 2));
-	}, []), je = x((e) => {
-		ae(e ?? "");
-	}, []), Me = x((e) => {
-		J((t) => {
+	let [q, ae] = k(() => Ee), [J, oe] = k(5), se = w(), ce = O(null), de = O(null), [pe, ge] = k(null), [_e, ye] = k(null), [xe, Se] = k(null), De = O(null), Oe = O(null), ke = S(({ height: e }) => {
+		oe(Math.ceil(e / 36 * 2));
+	}, []), Ae = S((e) => {
+		G(e ?? "");
+	}, []), je = S((e) => {
+		ae((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ne = x(() => {
-		Oe.current = null, ke.current = null, _e(null), be(null), Ce(null);
-	}, []), Pe = x((t, n) => {
-		let r = me(t, pe(n, t), e);
-		Oe.current = t, ke.current = r, _e(t), Ce(r);
-	}, [e]), Fe = x(() => {
-		Ne();
-	}, [Ne]), Ie = x((e) => {
-		be(e);
-	}, []), Le = x(() => {
-		be(null);
-	}, []), Re = x((e, t, n) => {
-		let r = Oe.current, i = ke.current;
-		Ne(), r != null && r !== e && i?.has(t) && w?.({
+	}, []), Me = S(() => {
+		De.current = null, Oe.current = null, ge(null), ye(null), Se(null);
+	}, []), Ne = S((t, n) => {
+		let r = he(t, me(n, t), e);
+		De.current = t, Oe.current = r, ge(t), Se(r);
+	}, [e]), Pe = S(() => {
+		Me();
+	}, [Me]), Fe = S((e) => {
+		ye(e);
+	}, []), Ie = S(() => {
+		ye(null);
+	}, []), Le = S((e, t, n) => {
+		let r = De.current, i = Oe.current;
+		Me(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Ne, w]), ze = t({
-		"--cp-item-hover": M?.itemHover,
-		"--cp-item-active": M?.itemActive,
-		"--cp-text": M?.text,
-		"--cp-text-secondary": M?.textSecondary,
-		"--cp-new-chat-bg": P?.background,
-		"--cp-new-chat-text": P?.text,
-		"--cp-new-chat-focus-outline": P?.focusOutline,
-		"--cp-drop-zone-ring": M?.dropZoneRing,
-		"--cp-trigger-bg": M?.triggerBackground,
-		"--cp-trigger-icon": M?.triggerIcon,
-		"--cp-trigger-icon-idle": M?.triggerIconIdle,
-		"--cp-skeleton-color": M?.skeletonColor,
-		"--cp-task-badge-border": M?.taskBadgeBorder,
-		"--cp-task-badge-bg": M?.taskBadgeBackground,
-		"--cp-task-badge-text": M?.taskBadgeText,
-		"--cp-unread-dot": M?.unreadDot
-	}), Q = E(() => e.filter((e) => Te(e, G) && Ee(e, W)), [
+	}, [Me, x]), Re = t({
+		"--cp-item-hover": N?.itemHover,
+		"--cp-item-active": N?.itemActive,
+		"--cp-text": N?.text,
+		"--cp-text-secondary": N?.textSecondary,
+		"--cp-new-chat-bg": F?.background,
+		"--cp-new-chat-text": F?.text,
+		"--cp-new-chat-focus-outline": F?.focusOutline,
+		"--cp-drop-zone-ring": N?.dropZoneRing,
+		"--cp-trigger-bg": N?.triggerBackground,
+		"--cp-trigger-icon": N?.triggerIcon,
+		"--cp-trigger-icon-idle": N?.triggerIconIdle,
+		"--cp-skeleton-color": N?.skeletonColor,
+		"--cp-task-badge-border": N?.taskBadgeBorder,
+		"--cp-task-badge-bg": N?.taskBadgeBackground,
+		"--cp-task-badge-text": N?.taskBadgeText,
+		"--cp-unread-dot": N?.unreadDot
+	}), Q = D(() => e.filter((e) => we(e, K) && Te(e, W)), [
 		e,
-		G,
+		K,
 		W
-	]), Be = E(() => Q.filter((e) => e.isPinned), [Q]), Ve = E(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), He = E(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), Ue = E(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), We = E(() => [
+	]), ze = D(() => Q.filter((e) => e.isPinned), [Q]), Be = D(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), Ve = D(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), He = D(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), Ue = D(() => [
 		{
 			key: X.Pinned,
 			label: V?.pinned ?? "Pinned",
-			items: Be
+			items: ze
 		},
 		{
 			key: X.MyChats,
 			label: V?.myChats ?? "My chats",
-			items: Ve
+			items: Be
 		},
 		{
 			key: X.Shared,
 			label: V?.shared ?? "Shared",
-			items: He
+			items: Ve
 		},
 		{
 			key: X.Organization,
 			label: V?.organization ?? "Organization",
-			items: Ue
+			items: He
 		}
 	], [
 		V,
+		ze,
 		Be,
 		Ve,
-		He,
-		Ue
-	]), $ = E(() => {
+		He
+	]), $ = D(() => {
 		let e = [];
-		for (let t of We) if (t.items.length !== 0 && (e.push({
+		for (let t of Ue) if (t.items.length !== 0 && (e.push({
 			kind: Y.Header,
 			groupKey: t.key,
 			label: t.label
@@ -850,154 +814,153 @@ var Y = /* @__PURE__ */ function(e) {
 			groupKey: t.key
 		});
 		return e;
-	}, [We, q]);
-	S(() => {
-		if (!u || he.current === u) return;
+	}, [Ue, q]);
+	C(() => {
+		if (!u || de.current === u) return;
 		let e = $.findIndex((e) => e.kind === Y.Item && e.item.id === u);
-		e >= 0 && (fe.current?.scrollToRow({
+		e >= 0 && (ce.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), he.current = u);
+		}), de.current = u);
 	}, [
 		u,
-		We,
+		Ue,
 		q,
 		$
 	]);
-	let Ge = E(() => ({
+	let We = D(() => ({
 		rows: $,
 		expandedGroups: q,
-		onToggleGroup: Me,
-		listId: ue,
+		onToggleGroup: je,
+		listId: se,
 		activeConversationId: u,
 		searchQuery: W,
 		onSelectConversation: l,
 		getActions: _,
 		onActionMenuOpen: v,
 		actionsLabel: H,
-		unreadIndicatorLabel: ie,
+		unreadIndicatorLabel: U,
 		styles: {
-			groupHeaderClassName: N?.groupHeaderClassName,
-			itemTitleClassName: N?.itemTitleClassName,
+			groupHeaderClassName: P?.groupHeaderClassName,
+			itemTitleClassName: P?.itemTitleClassName,
 			itemIconBadgeClassName: p?.itemIconBadgeClassName,
 			taskBadgeClassName: p?.taskBadgeClassName
 		},
-		draggingId: ge,
-		dragOverId: ve,
-		allowedDropGroups: Se,
-		onDragStart: (e) => Pe(e, $),
-		onDragEnd: Fe,
-		onDragOver: Ie,
-		onDragLeave: Le,
-		onDrop: Re
+		draggingId: pe,
+		dragOverId: _e,
+		allowedDropGroups: xe,
+		onDragStart: (e) => Ne(e, $),
+		onDragEnd: Pe,
+		onDragOver: Fe,
+		onDragLeave: Ie,
+		onDrop: Le
 	}), [
 		$,
 		q,
-		Me,
-		ue,
+		je,
+		se,
 		u,
 		W,
 		l,
 		_,
 		v,
 		H,
-		ie,
-		N?.groupHeaderClassName,
-		N?.itemTitleClassName,
+		U,
+		P?.groupHeaderClassName,
+		P?.itemTitleClassName,
 		p?.itemIconBadgeClassName,
 		p?.taskBadgeClassName,
-		ge,
-		ve,
-		Se,
+		pe,
+		_e,
+		xe,
+		Ne,
 		Pe,
 		Fe,
 		Ie,
-		Le,
-		Re
-	]), Ke = e.length === 0, qe = e.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ A(o, {
+		Le
+	]), Ge = e.length === 0, Ke = e.length > 0 && Q.length === 0;
+	return /* @__PURE__ */ M(o, {
 		isOpen: c,
 		orientation: a.Left,
-		title: F,
+		title: ee,
 		labels: {
-			ariaLabel: F,
-			closeLabel: U
+			ariaLabel: ee,
+			closeLabel: re
 		},
 		onClose: y,
 		styles: {
 			colors: {
-				background: M?.background,
-				border: M?.border
+				background: N?.background,
+				border: N?.border
 			},
-			typography: { fontClassName: N?.fontClassName },
+			typography: { fontClassName: P?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: ze,
-			titleClassName: N?.fontClassName,
+			cssVars: Re,
+			titleClassName: P?.fontClassName,
 			headerClassName: "h-[64px]",
 			className: n(c ? "w-[324px] mobile:w-full" : "w-0", g)
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ k(xe, {
-				label: R,
+			/* @__PURE__ */ j(be, {
+				label: te,
 				onClick: f,
-				labelClassName: N?.newChatLabelClassName,
-				colors: P
+				labelClassName: P?.newChatLabelClassName,
+				colors: F
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				role: "search",
 				className: "px-3 py-2",
-				children: /* @__PURE__ */ k(m, {
+				children: /* @__PURE__ */ j(m, {
 					wrapperClassName: "rounded-full",
 					value: W,
-					onChange: je,
-					placeholder: re,
-					clearLabel: z,
-					"aria-label": re
+					onChange: Ae,
+					placeholder: z,
+					clearLabel: B,
+					"aria-label": z
 				})
 			}),
-			!j && /* @__PURE__ */ k(ye, {
-				activeTab: G,
-				labels: B,
+			!A && /* @__PURE__ */ j(ve, {
+				activeTab: K,
+				labels: ne,
 				onChange: (e) => {
-					K(e), ee?.(e);
+					ie(e), E?.(e);
 				},
-				tabClassName: N?.tabClassName,
-				colors: te
+				tabClassName: P?.tabClassName
 			}),
-			/* @__PURE__ */ k("span", {
+			/* @__PURE__ */ j("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: s ? ne : Ke ? I : qe ? L : ""
+				children: s ? R : Ge ? I : Ke ? L : ""
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ j("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: s ? /* @__PURE__ */ k("div", {
+				children: s ? /* @__PURE__ */ j("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ k(h, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ j(h, {
 						avatar: { size: 24 },
-						showTitle: { width: le(t) },
+						showTitle: { width: ue(t) },
 						paragraph: !1,
 						active: !0,
 						color: Z.skeletonColor
 					}, t))
-				}) : Ke ? /* @__PURE__ */ k(r, { label: I }) : qe ? /* @__PURE__ */ k(i, { label: L }) : /* @__PURE__ */ k(ce, {
-					listRef: fe,
-					id: ue,
+				}) : Ge ? /* @__PURE__ */ j(r, { label: I }) : Ke ? /* @__PURE__ */ j(i, { label: L }) : /* @__PURE__ */ j(le, {
+					listRef: ce,
+					id: se,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: we,
+					rowComponent: Ce,
 					rowCount: $.length,
-					rowHeight: de,
-					overscanCount: oe,
-					onResize: Ae,
-					rowProps: Ge
+					rowHeight: fe,
+					overscanCount: J,
+					onResize: ke,
+					rowProps: We
 				})
 			})
 		]
 	});
 });
 //#endregion
-export { Oe as ConversationPanel, X as FilterTab };
+export { De as ConversationPanel, X as FilterTab };