@epam/ai-dial-conversation-panel 1.3.0-dev.14 → 1.3.0-dev.142

package/index.js

@@ -1,31 +1,32 @@
-import { DeploymentIcon as e, FilterTab as t, buildCssVars as n, getUtf8ByteLength as r, mergeClasses as i, sanitizeConversationName as a, stripTrailingDots as o } from "@epam/ai-dial-chat-shared";
-import { PanelEmpty as s, PanelNoResults as c, SidebarOrientation as l, SidebarPanel as u } from "@epam/ai-dial-sidebar";
-import { Button as d, ButtonVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Dropdown as h, ElementSize as g, EllipsisTooltip as _, FilterChips as v, GhostIconButton as y, Highlight as b, Input as x, Popup as S, PopupSize as C, Search as w, Skeleton as T, SkeletonVariant as ee, Spinner as E, mergeClasses as D } from "@epam/ai-dial-ui-kit";
-import { createElement as O, memo as k, useCallback as A, useEffect as j, useId as te, useImperativeHandle as M, useLayoutEffect as ne, useMemo as N, useRef as P, useState as F } from "react";
-import { jsx as I, jsxs as re } from "react/jsx-runtime";
-import { IconCaretDownFilled as L, IconCaretRightFilled as R, IconDotsVertical as ie, IconPlus as ae, IconSparkles as oe } from "@tabler/icons-react";
+import { ConversationKind as e, DeploymentIcon as t, FilterTab as n, buildCssVars as r, getUtf8ByteLength as i, mergeClasses as a, sanitizeConversationName as o, stripTrailingDots as s } from "@epam/ai-dial-chat-shared";
+import { PanelEmpty as c, PanelNoResults as l, SidebarOrientation as u, SidebarPanel as d } from "@epam/ai-dial-sidebar";
+import { Button as f, ButtonVariant as p, DIAL_ICON_SIZE as m, DIAL_KIT_ICON_STROKE as h, Dropdown as g, ElementSize as _, EllipsisTooltip as v, FilterChips as y, GhostIconButton as b, Highlight as x, Input as S, MenuItemMark as C, Popup as w, PopupSize as T, Search as E, Skeleton as D, SkeletonVariant as O, Spinner as k, mergeClasses as A } from "@epam/ai-dial-ui-kit";
+import { createElement as j, memo as M, useCallback as N, useEffect as P, useId as F, useImperativeHandle as I, useLayoutEffect as L, useMemo as R, useRef as z, useState as B } from "react";
+import { Fragment as ee, jsx as V, jsxs as H } from "react/jsx-runtime";
+import { IconCaretDownFilled as te, IconCaretRightFilled as ne, IconChevronDown as U, IconChevronRight as re, IconDotsVertical as ie, IconFilter2 as ae, IconPlus as W, IconSearch as oe, IconSparkles as G, IconX as se } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var se = {
+var ce = {
 	newChatButton: "dial-cp-new-chat-button",
-	search: "dial-cp-search"
-}, z = typeof window < "u" ? ne : j;
-function ce(e) {
+	search: "dial-cp-search",
+	list: "dial-cp-list",
+	listHeader: "dial-cp-list-header",
+	listSection: "dial-cp-list-section"
+}, K = typeof window < "u" ? L : P;
+function le(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
-		case "string":
-			if (e.endsWith("px")) return parseFloat(e);
-			break;
+		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
-function B({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = N(() => ({
-		styleHeight: ce(o?.height),
-		styleWidth: ce(o?.width)
-	}), [o?.height, o?.width]), [l, u] = F({
+function ue({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = R(() => ({
+		styleHeight: le(o?.height),
+		styleWidth: le(o?.width)
+	}), [o?.height, o?.width]), [l, u] = B({
 		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 z(() => {
+	return K(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -45,7 +46,7 @@ function B({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), N(() => ({
+	]), R(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -54,56 +55,54 @@ function B({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function le(e) {
-	let t = P(() => {
+function de(e) {
+	let t = z(() => {
 		throw Error("Cannot call during render.");
 	});
-	return z(() => {
+	return K(() => {
 		t.current = e;
-	}, [e]), A((e) => t.current?.(e), [t]);
+	}, [e]), N((e) => t.current?.(e), [t]);
 }
-var V = null;
-function H(e = !1) {
-	if (V === null || e) {
+var fe = null;
+function pe(e = !1) {
+	if (fe === 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 ? V = "positive-descending" : (e.scrollLeft = 1, V = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), V;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? fe = "positive-descending" : (e.scrollLeft = 1, fe = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), fe;
 	}
-	return V;
+	return fe;
 }
-function U({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (H()) {
+function me({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (pe()) {
 		case "negative": return -r;
-		case "positive-descending":
-			if (e) {
-				let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
-				return r - t - n;
-			}
-			break;
+		case "positive-descending": if (e) {
+			let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
+			return r - t - n;
+		}
 	}
 	return r;
 }
-function W(e, t = "Assertion error") {
+function q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function G(e, t) {
+function he(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (W(e !== void 0), W(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (q(e !== void 0), q(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 K({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function ge({ 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 W(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function ue({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function J({ 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 = K({
+	let s = ge({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -115,7 +114,7 @@ function ue({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function q({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function _e({ 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);
@@ -134,19 +133,17 @@ function q({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function de({ itemCount: e, itemProps: t, itemSize: n }) {
+function ve({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (W(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
 						a = n(e, t);
 						break;
-					case "number":
-						a = n;
-						break;
+					case "number": a = n;
 				}
 				if (e === 0) r.set(e, {
 					size: a,
@@ -154,14 +151,14 @@ function de({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					W(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					q(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 W(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -171,8 +168,8 @@ function de({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function J({ itemCount: e, itemProps: t, itemSize: n }) {
-	return N(() => de({
+function ye({ itemCount: e, itemProps: t, itemSize: n }) {
+	return R(() => ve({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -182,33 +179,31 @@ function J({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Y({ containerSize: e, itemSize: t }) {
+function be({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			W(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), W(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
-			break;
-		default:
-			n = t;
+			q(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), q(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
+		default: n = t;
 	}
 	return n;
 }
-function fe({ 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 } = B({
+function xe({ 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 } = ue({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = P({
+	}), f = z({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Y({
+	}), p = r === "vertical" ? u : d, m = be({
 		containerSize: p,
 		itemSize: s
 	});
-	ne(() => {
+	L(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -221,11 +216,11 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = J({
+	let h = ye({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = A((e) => h.get(e), [h]), [_, v] = F(() => q({
+	}), g = N((e) => h.get(e), [h]), [_, v] = B(() => _e({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -236,7 +231,7 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = A(() => K({
+	}, C = N(() => ge({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -244,18 +239,21 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = A((t) => q({
-		cachedBounds: h,
-		containerScrollOffset: U({
+	]), w = N((t) => {
+		let n = me({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
 			scrollOffset: t
-		}),
-		containerSize: p,
-		itemCount: a,
-		overscanCount: l
-	}), [
+		});
+		return _e({
+			cachedBounds: h,
+			containerScrollOffset: n,
+			containerSize: p,
+			itemCount: a,
+			overscanCount: l
+		});
+	}, [
 		h,
 		e,
 		p,
@@ -264,29 +262,30 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return z(() => {
-		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+	return K(() => {
+		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+		v(w(t));
 	}, [
 		e,
 		r,
 		w
-	]), z(() => {
+	]), K(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = q({
+				let { scrollLeft: n, scrollTop: o } = e, s = me({
+					containerElement: e,
+					direction: r,
+					isRtl: i,
+					scrollOffset: r === "vertical" ? o : n
+				}), c = _e({
 					cachedBounds: h,
-					containerScrollOffset: U({
-						containerElement: e,
-						direction: r,
-						isRtl: i,
-						scrollOffset: r === "vertical" ? o : n
-					}),
+					containerScrollOffset: s,
 					containerSize: p,
 					itemCount: a,
 					overscanCount: l
 				});
-				return G(s, t) ? t : s;
+				return he(c, t) ? t : c;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -302,8 +301,8 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: le(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ue({
+		scrollToIndex: de(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = J({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -313,14 +312,14 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = U({
+				if (s = me({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					G(_, e) || v(e);
+					he(_, e) || v(e);
 				}
 				return s;
 			}
@@ -331,30 +330,30 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function pe(e) {
-	return N(() => e, Object.values(e));
+function Y(e) {
+	return R(() => e, Object.values(e));
 }
-function me(e, t) {
+function Se(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return G(n, a) && G(r, o) && G(i, s);
+	return he(n, a) && he(r, o) && he(i, s);
 }
-function he(e) {
+function Ce(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var ge = "data-react-window-index";
-function _e({ 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 = pe(u), h = N(() => k(s, me), [s]), [g, _] = F(null), v = he(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = fe({
+var we = "data-react-window-index";
+function Te({ 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 = Y(u), h = R(() => M(s, Se), [s]), [g, _] = B(null), v = Ce(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = xe({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: N(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: R(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	M(r, () => ({
+	I(r, () => ({
 		get element() {
 			return g;
 		},
@@ -369,12 +368,12 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), z(() => {
+	}), [g, x]), K(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(ge, n), !0;
+			return e.setAttribute(we, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -383,7 +382,7 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), j(() => {
+	]), P(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -398,11 +397,11 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let ee = N(() => {
+	let E = R(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ O(h, {
+			e.push(/* @__PURE__ */ j(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -429,7 +428,7 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), E = /* @__PURE__ */ I("div", {
+	]), D = /* @__PURE__ */ V("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -437,7 +436,7 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return O(d, {
+	return j(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -449,246 +448,241 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, ee, e, E);
+	}, E, e, D);
 }
 //#endregion
-//#region src/types/virtual-row.ts
+//#region src/types/conversation-kind.ts
 var X = /* @__PURE__ */ function(e) {
+	return e.All = "all", e.Chat = "chat", e.Task = "task", e;
+}({}), Z = /* @__PURE__ */ function(e) {
+	return e.Avatar = "avatar", e.Indicator = "indicator", e;
+}({}), Q = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), ve = (e) => `${60 + e * 23 % 35}%`, ye = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", be = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, xe = 5, Se = (e) => Math.max(xe, Math.ceil(Math.ceil(e / 36) / 2)), Ce = (e) => {
+}({}), Ee = (e, t) => t === n.All || e.source === t, De = (t, n) => {
+	if (n === X.All) return !0;
+	let r = t.kind ?? e.Chat;
+	return n === X.Task ? r === e.Task : r === e.Chat;
+}, Oe = (e, t) => !t || e.title.toLowerCase().includes(t.toLowerCase()), ke = (e) => `${60 + e * 23 % 35}%`, Ae = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", je = (e, t) => {
+	let n = t.rows[e];
+	return t.rowVariant === Z.Indicator ? n.kind === Q.Item ? 34 : e === 0 ? 32 : 40 : n.kind === Q.Item ? 36 : e === 0 ? 24 : 56;
+}, Me = 5, Ne = (e) => Math.max(Me, Math.ceil(Math.ceil(e / 36) / 2)), Pe = (e) => {
 	switch (e) {
-		case t.Shared: return t.Shared;
-		case t.Organization: return t.Organization;
-		default: return t.MyChats;
+		case n.Shared: return n.Shared;
+		case n.Organization: return n.Organization;
+		default: return n.MyChats;
 	}
-}, we = (e, t) => {
+}, Fe = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === X.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;
-}, Te = (e, n, r) => {
+}, Ie = (e, t, r) => {
 	let i = /* @__PURE__ */ new Set();
-	if (n != null && i.add(n), n === t.Pinned) {
+	if (t != null && i.add(t), t === n.Pinned) {
 		let t = r.find((t) => t.id === e);
-		t && i.add(Ce(t.source));
-	} else i.add(t.Pinned);
+		t && i.add(Pe(t.source));
+	} else i.add(n.Pinned);
 	return i;
-}, Ee = (e, t, n, r) => {
+}, Le = (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 === X.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;
-}, De = [
-	{
-		value: t.All,
-		labelKey: "all"
-	},
-	{
-		value: t.MyChats,
-		labelKey: "myChats"
-	},
-	{
-		value: t.Shared,
-		labelKey: "shared"
-	},
-	{
-		value: t.Organization,
-		labelKey: "organization"
-	}
-], Oe = k(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ I(v, {
-	items: N(() => De.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
-		value: e,
-		label: t[n]
-	})), [t, i]),
-	value: e,
-	onChange: n,
-	stretch: !0,
-	"aria-label": t.groupAriaLabel ?? "Filter chats",
-	className: "px-3 py-2",
-	chipClassName: D("!px-2", r)
-})), ke = { button: "_button_vjird_1" }, Ae = k(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text", colors: a, className: o }) => /* @__PURE__ */ I("div", {
-	className: "px-3 py-2",
-	style: n({
-		"--cp-new-chat-bg": a?.background,
-		"--cp-new-chat-text": a?.text,
-		"--cp-new-chat-focus-outline": a?.focusOutline
-	}),
-	children: /* @__PURE__ */ I(d, {
-		label: e,
-		textClassName: r,
-		iconBefore: /* @__PURE__ */ I(ae, {
-			size: 18,
-			stroke: m,
-			className: "shrink-0",
-			"aria-hidden": !0
-		}),
-		onClick: t,
-		className: i("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", ke.button, o, se.newChatButton)
-	})
-})), Z = {
+}, $ = {
 	skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
-	item: "_item_j0zft_2",
-	itemActive: "_itemActive_j0zft_15",
-	groupHeader: "_groupHeader_j0zft_20",
-	dropZoneActive: "_dropZoneActive_j0zft_24",
-	triggerActive: "_triggerActive_j0zft_29",
-	triggerIcon: "_triggerIcon_j0zft_32",
-	unreadDot: "_unreadDot_j0zft_40",
-	search: "_search_j0zft_48"
-}, je = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
-	let d = o != null;
-	return /* @__PURE__ */ re("button", {
+	item: "_item_gcqru_2",
+	itemActive: "_itemActive_gcqru_15",
+	itemIndicator: "_itemIndicator_gcqru_24",
+	indicatorDot: "_indicatorDot_gcqru_28",
+	groupHeader: "_groupHeader_gcqru_32",
+	dropZoneActive: "_dropZoneActive_gcqru_36",
+	triggerActive: "_triggerActive_gcqru_40",
+	triggerIcon: "_triggerIcon_gcqru_43",
+	unreadDot: "_unreadDot_gcqru_51",
+	search: "_search_gcqru_59",
+	list: "_list_gcqru_70"
+}, Re = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", variant: o = Z.Avatar, dropZoneGroupKey: s, isDragOver: c, onDragOver: l, onDragLeave: u, onDrop: d }) => {
+	let f = s != null, p = o === Z.Indicator;
+	return /* @__PURE__ */ H("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
 		onClick: n,
-		onDragOver: d ? (e) => {
-			d && (e.preventDefault(), c?.(o));
+		onDragOver: f ? (e) => {
+			f && (e.preventDefault(), l?.(s));
 		} : void 0,
-		onDragLeave: d ? (e) => {
-			d && (e.currentTarget.contains(e.relatedTarget) || l?.());
+		onDragLeave: f ? (e) => {
+			f && (e.currentTarget.contains(e.relatedTarget) || u?.());
 		} : void 0,
-		onDrop: d ? (e) => {
-			d && (e.preventDefault(), u?.(o, o, null));
+		onDrop: f ? (e) => {
+			f && (e.preventDefault(), d?.(s, s, null));
 		} : void 0,
-		className: i("group 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__ */ I(L, {
-			size: 12,
-			className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
-			"aria-hidden": !0
-		}) : /* @__PURE__ */ I(R, {
-			size: 12,
-			className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
-			"aria-hidden": !0
-		}), /* @__PURE__ */ I(_, { text: e })]
+		className: a("group flex h-6 w-full items-center gap-1 rounded text-start", p ? "px-2" : "py-1 pe-3", i, $.groupHeader, c && $.dropZoneActive),
+		children: [
+			!p && (t ? /* @__PURE__ */ V(te, {
+				size: 12,
+				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
+				"aria-hidden": !0
+			}) : /* @__PURE__ */ V(ne, {
+				size: 12,
+				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
+				"aria-hidden": !0
+			})),
+			p ? /* @__PURE__ */ V("span", {
+				className: "max-w-full min-w-0",
+				children: /* @__PURE__ */ V(v, { text: e })
+			}) : /* @__PURE__ */ V(v, { text: e }),
+			p && (t ? /* @__PURE__ */ V(U, {
+				size: m.SM,
+				stroke: h,
+				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
+				"aria-hidden": !0
+			}) : /* @__PURE__ */ V(re, {
+				size: m.SM,
+				stroke: h,
+				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
+				"aria-hidden": !0
+			}))
+		]
 	});
-}, Me = k(({ item: t, isActive: n, onSelectConversation: r, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: f = "Unread", rowGroupKey: _, rows: v, draggingId: x, dragOverId: S, allowedDropGroups: C, onDragStart: w, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: k }) => {
-	let [j, te] = F(!1), M = P(null), ne = A((e) => {
-		te(e), e && M.current && s?.(t, M.current);
-	}, [t, s]), L = N(() => o?.(t) ?? [], [o, t]), R = L.length > 0, ae = N(() => ({ tooltip: t.iconTooltip }), [t.iconTooltip]), oe = N(() => ({ badgeClassName: u }), [u]), se = t.leadingIcon ? /* @__PURE__ */ I("span", {
+}, ze = M(({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: d = "Unread", variant: p = Z.Avatar, rowGroupKey: v, rows: y, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: k, onDragLeave: A, onDrop: j }) => {
+	let [M, P] = B(!1), F = z(null), I = N((t) => {
+		P(t), t && F.current && s?.(e, F.current);
+	}, [e, s]), L = R(() => o?.(e) ?? [], [o, e]), ee = L.length > 0, te = R(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), ne = R(() => ({ badgeClassName: u }), [u]), U = p === Z.Indicator, re = e.leadingIcon ? /* @__PURE__ */ V("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: t.leadingIcon
-	}) : t.isIconLoading ? /* @__PURE__ */ I(T, {
-		variant: ee.Circular,
-		width: p.LG,
-		height: p.LG,
-		color: Z.skeletonColor,
+		children: e.leadingIcon
+	}) : e.isIconLoading ? /* @__PURE__ */ V(D, {
+		variant: O.Circular,
+		width: m.LG,
+		height: m.LG,
+		color: $.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ I(e, {
-		src: t.iconUrl,
-		size: p.LG,
-		initialsName: t.iconTooltip ?? "",
-		labels: ae,
-		styles: oe
-	}), z = ye(R, j), ce = t.isUnread ? /* @__PURE__ */ re("span", {
+	}) : /* @__PURE__ */ V(t, {
+		src: e.iconUrl,
+		size: m.LG,
+		initialsName: e.iconTooltip ?? "",
+		labels: te,
+		styles: ne
+	}), ae = Ae(ee, M), W = /* @__PURE__ */ H("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ I("span", {
-			className: i("size-[7.11px] rounded-full", Z.unreadDot, R && (j ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+		children: [/* @__PURE__ */ V("span", {
+			className: a("size-2 rounded-full", e.isUnread ? a("size-[7.11px]", $.unreadDot) : $.indicatorDot),
 			"aria-hidden": !0
-		}), /* @__PURE__ */ I("span", {
+		}), e.isUnread && /* @__PURE__ */ V("span", {
 			className: "sr-only",
-			children: f
+			children: d
 		})]
-	}) : void 0, B = _ != null, le = A((e) => {
-		e.currentTarget.contains(e.relatedTarget) || O?.();
-	}, [O]), V = A((e) => {
-		if (!_ || !v || !k) return;
-		e.preventDefault();
-		let n = Ee(e, t.id, v, _);
-		k(t.id, _, n);
+	}), oe = e.isUnread && !U ? /* @__PURE__ */ H("span", {
+		className: "flex size-6 shrink-0 items-center justify-center",
+		children: [/* @__PURE__ */ V("span", {
+			className: a("size-[7.11px] rounded-full", $.unreadDot, ee && (M ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+			"aria-hidden": !0
+		}), /* @__PURE__ */ V("span", {
+			className: "sr-only",
+			children: d
+		})]
+	}) : void 0, G = v != null, se = N((e) => {
+		e.currentTarget.contains(e.relatedTarget) || A?.();
+	}, [A]), ce = N((t) => {
+		if (!v || !y || !j) return;
+		t.preventDefault();
+		let n = Le(t, e.id, y, v);
+		j(e.id, v, n);
 	}, [
-		t.id,
+		e.id,
+		y,
 		v,
-		_,
-		k
-	]), H = t.id === x, U = t.id === S, W = _ != null && (C?.has(_) ?? !1), G = x != null;
-	return /* @__PURE__ */ re("li", {
-		className: i("group/conversation relative", H && "cursor-grabbing opacity-50", U && W && "rounded", U && W && Z.dropZoneActive, G && !H && !W && "cursor-not-allowed"),
-		draggable: B || void 0,
-		onDragStart: B ? () => w?.(t.id) : void 0,
-		onDragEnd: B ? E : void 0,
-		onDragOver: B ? (e) => {
-			e.preventDefault(), D?.(t.id);
+		j
+	]), K = e.id === S, le = e.id === C, ue = v != null && (w?.has(v) ?? !1), de = S != null;
+	return /* @__PURE__ */ H("li", {
+		className: a("group/conversation relative", K && "cursor-grabbing opacity-50", le && ue && "rounded", le && ue && $.dropZoneActive, de && !K && !ue && "cursor-not-allowed"),
+		draggable: G || void 0,
+		onDragStart: G ? () => T?.(e.id) : void 0,
+		onDragEnd: G ? E : void 0,
+		onDragOver: G ? (t) => {
+			t.preventDefault(), k?.(e.id);
 		} : void 0,
-		onDragLeave: B ? le : void 0,
-		onDrop: B ? V : void 0,
-		children: [/* @__PURE__ */ I("a", {
-			href: t.href,
+		onDragLeave: G ? se : void 0,
+		onDrop: G ? ce : void 0,
+		children: [/* @__PURE__ */ V("a", {
+			href: e.href,
 			className: "contents",
-			onClick: (e) => {
-				t.href && (e.preventDefault(), r(t.id));
+			onClick: (t) => {
+				e.href && (t.preventDefault(), r(e.id));
 			},
-			children: /* @__PURE__ */ I(d, {
-				iconBefore: se,
-				label: /* @__PURE__ */ I(b, {
-					text: t.title,
-					query: a,
-					className: t.isUnread ? "dial-small-semi-text" : l,
+			children: /* @__PURE__ */ V(f, {
+				iconBefore: U ? W : re,
+				label: /* @__PURE__ */ V(x, {
+					text: e.title,
+					query: i,
+					className: e.isUnread ? "dial-small-semi-text" : l,
 					maxLines: 1
 				}),
-				iconAfter: ce,
+				iconAfter: oe,
 				textClassName: "min-w-0 flex-1",
 				"aria-current": n ? "page" : void 0,
-				onClick: t.href ? void 0 : () => r(t.id),
-				tabIndex: t.href ? -1 : void 0,
-				className: i("h-8 w-full justify-start gap-2 py-2 ps-3 after:pointer-events-none", z, Z.item, n && Z.itemActive, j && Z.itemActive)
+				onClick: e.href ? void 0 : () => r(e.id),
+				tabIndex: e.href ? -1 : void 0,
+				className: a("h-8 w-full justify-start py-2 after:pointer-events-none", U ? "gap-0.5 ps-0" : "gap-2 ps-3", ae, $.item, U && $.itemIndicator, n && $.itemActive, M && $.itemActive)
 			})
-		}), R && /* @__PURE__ */ I("div", {
-			className: i("absolute inset-y-0 end-1 flex items-center", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ I(h, {
+		}), ee && /* @__PURE__ */ V("div", {
+			className: a("absolute inset-y-0 flex items-center", U ? "end-2" : "end-1", M ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ V(g, {
 				items: L,
-				onOpenChange: ne,
+				onOpenChange: I,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ I(y, {
-					ref: M,
-					icon: /* @__PURE__ */ I(ie, {
-						size: p.MD,
-						className: Z.triggerIcon,
+				children: /* @__PURE__ */ V(b, {
+					ref: F,
+					icon: /* @__PURE__ */ V(ie, {
+						size: U ? m.SM : m.MD,
+						className: $.triggerIcon,
 						"aria-hidden": !0,
-						stroke: m
+						stroke: h
 					}),
-					size: g.Small,
+					size: _.Small,
 					"aria-label": c,
-					className: i(j && Z.triggerActive)
+					className: a(U && "!size-6 !min-h-0 !min-w-0 !p-1", M && $.triggerActive)
 				})
 			})
 		})]
 	});
-}), Ne = ({ index: e, style: n, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
-	let C = r[e];
-	if (C.kind === X.Header) {
-		let r = C.groupKey === t.Pinned;
-		return /* @__PURE__ */ I("div", {
-			role: "presentation",
-			style: n,
-			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ I(je, {
-				label: C.label,
-				isExpanded: i.has(C.groupKey),
-				onToggle: () => a(C.groupKey),
+}), Be = (e, t) => t ? e === 0 ? "pt-2" : "pt-4" : e === 0 ? "pt-0" : "pt-8", Ve = ({ index: e, style: t, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, rowVariant: h = Z.Avatar, draggingId: g, dragOverId: _, allowedDropGroups: v, onDragStart: y, onDragEnd: b, onDragOver: x, onDragLeave: S, onDrop: C }) => {
+	let w = r[e], T = h === Z.Indicator;
+	if (w.kind === Q.Header) {
+		let r = w.groupKey === n.Pinned;
+		return /* @__PURE__ */ V("div", {
+			role: "listitem",
+			style: t,
+			className: Be(e, T),
+			children: /* @__PURE__ */ V(Re, {
+				variant: h,
+				label: w.label,
+				isExpanded: i.has(w.groupKey),
+				onToggle: () => a(w.groupKey),
 				listId: o,
 				className: m?.groupHeaderClassName,
-				dropZoneGroupKey: r ? t.Pinned : void 0,
-				isDragOver: r && g === t.Pinned,
-				onDragOver: r ? b : void 0,
-				onDragLeave: r ? x : void 0,
-				onDrop: r ? S : void 0
+				dropZoneGroupKey: r ? n.Pinned : void 0,
+				isDragOver: r && _ === n.Pinned,
+				onDragOver: r ? x : void 0,
+				onDragLeave: r ? S : void 0,
+				onDrop: r ? C : void 0
 			})
 		});
 	}
-	return /* @__PURE__ */ I("div", {
+	return /* @__PURE__ */ V("div", {
 		role: "presentation",
-		style: n,
-		className: "pt-1",
-		children: /* @__PURE__ */ I(Me, {
-			item: C.item,
-			isActive: C.item.id === s,
+		style: t,
+		className: T ? "pt-0.5" : "pt-1",
+		children: /* @__PURE__ */ V(ze, {
+			variant: h,
+			item: w.item,
+			isActive: w.item.id === s,
 			searchQuery: c,
 			onSelectConversation: l,
 			getActions: u,
@@ -697,299 +691,644 @@ var X = /* @__PURE__ */ function(e) {
 			unreadIndicatorLabel: p,
 			itemTitleClassName: m?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName,
-			rowGroupKey: C.groupKey,
+			rowGroupKey: w.groupKey,
 			rows: r,
-			draggingId: h,
-			dragOverId: g,
-			allowedDropGroups: _,
-			onDragStart: v,
-			onDragEnd: y,
-			onDragOver: b,
-			onDragLeave: x,
-			onDrop: S
+			draggingId: g,
+			dragOverId: _,
+			allowedDropGroups: v,
+			onDragStart: y,
+			onDragEnd: b,
+			onDragOver: x,
+			onDragLeave: S,
+			onDrop: C
 		})
 	});
-}, Pe = (e, n) => n === t.All ? !0 : e.source === n, Fe = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ie = new Set([
-	t.Pinned,
-	t.MyChats,
-	t.Shared,
-	t.Organization
-]), Le = k(({ conversations: e, isLoading: r, isOpen: a, onSelectConversation: o, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: ee = !1, hiddenSources: E }) => {
-	let { colors: D, typography: O, newChatButton: k, searchWrapperClassName: M, headerClassName: ne, headerActionsClassName: L, newChatButtonClassName: R } = m ?? {}, { title: ie, emptyLabel: ae, noResultsLabel: oe, loadingLabel: z = "Loading conversations", newChatLabel: ce, searchPlaceholder: B, searchClearLabel: le, filterLabels: V, groupLabels: H, actionsLabel: U, unreadIndicatorLabel: W, closeAriaLabel: G } = f, [K, ue] = F(""), [q, de] = F(t.All);
-	j(() => {
-		S != null && de(S);
-	}, [S]);
-	let J = N(() => E?.length ? e.filter((e) => e.source == null || !E.includes(e.source)) : e, [e, E]), [Y, fe] = F(() => Ie), [pe, me] = F(5), he = te(), ge = P(null), ye = P(null), [xe, Ce] = F(null), [Ee, De] = F(null), [ke, je] = F(null), Me = P(null), Le = P(null), Re = A(({ height: e }) => {
-		me(Se(e));
-	}, []), ze = A((e) => {
-		ue(e ?? "");
-	}, []), Be = A((e) => {
-		fe((t) => {
+}, He = /* @__PURE__ */ new Set([
+	n.Pinned,
+	n.MyChats,
+	n.Shared,
+	n.Organization
+]), Ue = M(({ conversations: e, isLoading: t, onSelectConversation: i, activeConversationId: o, labels: s, searchQuery: u = "", activeFilter: d = n.All, activeTypeFilter: f = X.All, hiddenSources: p, rowVariant: m, getActions: h, onActionMenuOpen: g, onMoveConversation: _, styles: v, id: y, className: b }) => {
+	let { colors: x, typography: S, itemIconBadgeClassName: C } = v ?? {}, { emptyLabel: w, noResultsLabel: T, loadingLabel: E = "Loading conversations", groupLabels: O, actionsLabel: k, unreadIndicatorLabel: A } = s, j = R(() => p?.length ? e.filter((e) => e.source == null || !p.includes(e.source)) : e, [e, p]), [M, I] = B(() => He), [L, ee] = B(5), te = F(), ne = z(null), U = z(null), [re, ie] = B(null), [ae, W] = B(null), [oe, G] = B(null), se = z(null), K = z(null), le = N(({ height: e }) => {
+		ee(Ne(e));
+	}, []), ue = N((e) => {
+		I((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ve = A(() => {
-		Me.current = null, Le.current = null, Ce(null), De(null), je(null);
-	}, []), He = A((e, t) => {
-		let n = Te(e, we(t, e), J);
-		Me.current = e, Le.current = n, Ce(e), je(n);
-	}, [J]), Ue = A(() => {
-		Ve();
-	}, [Ve]), We = A((e) => {
-		De(e);
-	}, []), Ge = A(() => {
-		De(null);
-	}, []), Ke = A((e, t, n) => {
-		let r = Me.current, i = Le.current;
-		Ve(), r != null && r !== e && i?.has(t) && x?.({
+	}, []), de = N(() => {
+		se.current = null, K.current = null, ie(null), W(null), G(null);
+	}, []), fe = N((e, t) => {
+		let n = Ie(e, Fe(t, e), j);
+		se.current = e, K.current = n, ie(e), G(n);
+	}, [j]), pe = N(() => {
+		de();
+	}, [de]), me = N((e) => {
+		W(e);
+	}, []), q = N(() => {
+		W(null);
+	}, []), he = N((e, t, n) => {
+		let r = se.current, i = K.current;
+		de(), r != null && r !== e && i?.has(t) && _?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Ve, x]), qe = n({
-		"--cp-item-hover": D?.itemHover,
-		"--cp-item-active": D?.itemActive,
-		"--cp-text": D?.text,
-		"--cp-text-secondary": D?.textSecondary,
-		"--cp-new-chat-bg": k?.background,
-		"--cp-new-chat-text": k?.text,
-		"--cp-new-chat-focus-outline": k?.focusOutline,
-		"--cp-drop-zone-ring": D?.dropZoneRing,
-		"--cp-trigger-bg": D?.triggerBackground,
-		"--cp-trigger-icon": D?.triggerIcon,
-		"--cp-trigger-icon-idle": D?.triggerIconIdle,
-		"--cp-skeleton-color": D?.skeletonColor,
-		"--cp-unread-dot": D?.unreadDot
-	}), Q = N(() => J.filter((e) => Pe(e, q) && Fe(e, K)), [
-		J,
-		q,
-		K
-	]), Je = N(() => Q.filter((e) => e.isPinned), [Q]), Ye = N(() => Q.filter((e) => !e.isPinned && e.source !== t.Shared && e.source !== t.Organization), [Q]), Xe = N(() => Q.filter((e) => !e.isPinned && e.source === t.Shared), [Q]), Ze = N(() => Q.filter((e) => !e.isPinned && e.source === t.Organization), [Q]), Qe = N(() => [
+	}, [de, _]), ge = r({
+		"--cp-item-hover": x?.itemHover,
+		"--cp-item-active": x?.itemActive,
+		"--cp-text": x?.text,
+		"--cp-text-secondary": x?.textSecondary,
+		"--cp-drop-zone-ring": x?.dropZoneRing,
+		"--cp-trigger-bg": x?.triggerBackground,
+		"--cp-trigger-icon": x?.triggerIcon,
+		"--cp-trigger-icon-idle": x?.triggerIconIdle,
+		"--cp-skeleton-color": x?.skeletonColor,
+		"--cp-unread-dot": x?.unreadDot,
+		"--cp-indicator-dot": x?.indicatorDot,
+		"--cp-list-font-family": S?.fontFamily
+	}), J = R(() => j.filter((e) => Ee(e, d) && De(e, f) && Oe(e, u)), [
+		j,
+		d,
+		f,
+		u
+	]), _e = R(() => J.filter((e) => e.isPinned), [J]), ve = R(() => J.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [J]), ye = R(() => J.filter((e) => !e.isPinned && e.source === n.Shared), [J]), be = R(() => J.filter((e) => !e.isPinned && e.source === n.Organization), [J]), xe = R(() => [
 		{
-			key: t.Pinned,
-			label: H?.pinned ?? "Pinned",
-			items: Je
+			key: n.Pinned,
+			label: O?.pinned ?? "Pinned",
+			items: _e
 		},
 		{
-			key: t.MyChats,
-			label: H?.myChats ?? "My chats",
-			items: Ye
+			key: n.MyChats,
+			label: O?.myChats ?? "My chats",
+			items: ve
 		},
 		{
-			key: t.Shared,
-			label: H?.shared ?? "Shared",
-			items: Xe
+			key: n.Shared,
+			label: O?.shared ?? "Shared",
+			items: ye
 		},
 		{
-			key: t.Organization,
-			label: H?.organization ?? "Organization",
-			items: Ze
+			key: n.Organization,
+			label: O?.organization ?? "Organization",
+			items: be
 		}
 	], [
-		H,
-		Je,
-		Ye,
-		Xe,
-		Ze
-	]), $ = N(() => {
+		O,
+		_e,
+		ve,
+		ye,
+		be
+	]), Y = R(() => {
 		let e = [];
-		for (let t of Qe) if (t.items.length !== 0 && (e.push({
-			kind: X.Header,
+		for (let t of xe) if (t.items.length !== 0 && (e.push({
+			kind: Q.Header,
 			groupKey: t.key,
 			label: t.label
-		}), Y.has(t.key))) for (let n of t.items) e.push({
-			kind: X.Item,
+		}), M.has(t.key))) for (let n of t.items) e.push({
+			kind: Q.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Qe, Y]);
-	j(() => {
-		if (!d || ye.current === d) return;
-		let e = $.findIndex((e) => e.kind === X.Item && e.item.id === d);
-		e >= 0 && (ge.current?.scrollToRow({
+	}, [xe, M]);
+	P(() => {
+		if (!o || U.current === o) return;
+		let e = Y.findIndex((e) => e.kind === Q.Item && e.item.id === o);
+		e >= 0 && (ne.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), ye.current = d);
+		}), U.current = o);
 	}, [
-		d,
-		Qe,
-		Y,
-		$
+		o,
+		xe,
+		M,
+		Y
 	]);
-	let $e = P($);
-	j(() => {
-		$e.current = $;
-	}, [$]);
-	let et = A((e) => He(e, $e.current), [He]), tt = N(() => ({
-		rows: $,
-		expandedGroups: Y,
-		onToggleGroup: Be,
-		listId: he,
-		activeConversationId: d,
-		searchQuery: K,
-		onSelectConversation: o,
-		getActions: _,
-		onActionMenuOpen: v,
-		actionsLabel: U,
-		unreadIndicatorLabel: W,
+	let Se = z(Y);
+	P(() => {
+		Se.current = Y;
+	}, [Y]);
+	let Ce = N((e) => fe(e, Se.current), [fe]), we = R(() => ({
+		rows: Y,
+		expandedGroups: M,
+		onToggleGroup: ue,
+		listId: te,
+		activeConversationId: o,
+		searchQuery: u,
+		onSelectConversation: i,
+		getActions: h,
+		onActionMenuOpen: g,
+		actionsLabel: k,
+		unreadIndicatorLabel: A,
+		rowVariant: m,
 		styles: {
-			groupHeaderClassName: O?.groupHeaderClassName,
-			itemTitleClassName: O?.itemTitleClassName,
-			itemIconBadgeClassName: m?.itemIconBadgeClassName
+			groupHeaderClassName: S?.groupHeaderClassName,
+			itemTitleClassName: S?.itemTitleClassName,
+			itemIconBadgeClassName: C
 		},
-		draggingId: xe,
-		dragOverId: Ee,
-		allowedDropGroups: ke,
-		onDragStart: et,
-		onDragEnd: Ue,
-		onDragOver: We,
-		onDragLeave: Ge,
-		onDrop: Ke
+		draggingId: re,
+		dragOverId: ae,
+		allowedDropGroups: oe,
+		onDragStart: Ce,
+		onDragEnd: pe,
+		onDragOver: me,
+		onDragLeave: q,
+		onDrop: he
 	}), [
-		$,
 		Y,
-		Be,
-		he,
-		d,
-		K,
+		M,
+		ue,
+		te,
 		o,
-		_,
-		v,
+		u,
+		i,
+		h,
+		g,
+		k,
+		A,
+		m,
+		S?.groupHeaderClassName,
+		S?.itemTitleClassName,
+		C,
+		re,
+		ae,
+		oe,
+		Ce,
+		pe,
+		me,
+		q,
+		he
+	]), Ae = j.length === 0, Me = j.length > 0 && J.length === 0;
+	return /* @__PURE__ */ H("div", {
+		id: y,
+		style: ge,
+		className: a("flex-1 overflow-hidden px-3", $.list, S?.fontClassName, m !== Z.Indicator && "py-1", b, ce.list),
+		children: [/* @__PURE__ */ V("span", {
+			role: "status",
+			"aria-live": "polite",
+			className: "sr-only",
+			children: t ? E : Ae ? w : Me ? T : ""
+		}), t ? /* @__PURE__ */ V("div", {
+			className: "flex flex-col gap-3 px-2 py-3",
+			children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ V(D, {
+				avatar: { size: 24 },
+				showTitle: { width: ke(t) },
+				paragraph: !1,
+				active: !0,
+				color: $.skeletonColor
+			}, t))
+		}) : Ae ? /* @__PURE__ */ V(c, { label: w }) : Me ? /* @__PURE__ */ V(l, { label: T }) : /* @__PURE__ */ V(Te, {
+			listRef: ne,
+			id: te,
+			role: "list",
+			style: { height: "100%" },
+			rowComponent: Ve,
+			rowCount: Y.length,
+			rowHeight: je,
+			overscanCount: L,
+			onResize: le,
+			rowProps: we
+		})]
+	});
+}), We = { title: "_title_ewicn_2" }, Ge = "!size-6 !min-h-0 !min-w-0 !p-1", Ke = [
+	{
+		value: n.All,
+		getLabel: (e) => e.all
+	},
+	{
+		value: n.MyChats,
+		getLabel: (e) => e.personal ?? "Personal"
+	},
+	{
+		value: n.Shared,
+		getLabel: (e) => e.shared
+	},
+	{
+		value: n.Organization,
+		getLabel: (e) => e.organization
+	}
+], qe = [
+	{
+		value: X.All,
+		getLabel: (e) => e.all
+	},
+	{
+		value: X.Chat,
+		getLabel: (e) => e.chat ?? "Chat"
+	},
+	{
+		value: X.Task,
+		getLabel: (e) => e.task ?? "Task"
+	}
+], Je = M(({ labels: e, isExpanded: t = !0, onToggleExpanded: i, controlsId: o, searchQuery: s = "", isSearchOpen: c = !1, onSearchChange: l, onSearchOpenChange: u, activeFilter: d = n.All, onFilterChange: f, activeTypeFilter: p = X.All, onTypeFilterChange: v, hiddenSources: y, actions: x, styles: S, className: w }) => {
+	let T = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", D = S?.typography?.searchTextClassName ?? "dial-tiny-text", O = z(null), k = z(null), A = z(c), j = e.filterLabels.groupAriaLabel ?? "Filter chats", M = l != null && u != null;
+	P(() => {
+		c ? k.current?.focus() : A.current && O.current?.focus(), A.current = c;
+	}, [c]);
+	let F = N(() => {
+		u?.(!0);
+	}, [u]), I = N(() => {
+		l?.(""), u?.(!1);
+	}, [l, u]), L = N((e) => {
+		l?.(e ?? "");
+	}, [l]), B = N((e) => {
+		e.key === "Escape" && (e.stopPropagation(), I());
+	}, [I]), te = R(() => {
+		let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ H(ee, { children: [/* @__PURE__ */ V("span", {
+			className: "min-w-0 flex-1 truncate text-start",
+			children: e
+		}), /* @__PURE__ */ V("span", {
+			className: "shrink-0 text-secondary",
+			children: t
+		})] }), r = [];
+		if (v) {
+			let e = qe.map(({ value: e, getLabel: n }) => ({
+				key: e,
+				label: n(t),
+				mark: C.Check,
+				checked: e === p,
+				onClick: () => v(e)
+			})), i = qe.find(({ value: e }) => e === p);
+			r.push({
+				key: "filter-type",
+				label: t.type ?? "Type",
+				renderItem: n(t.type ?? "Type", i ? i.getLabel(t) : t.all),
+				children: e
+			});
+		}
+		if (f) {
+			let e = Ke.filter(({ value: e }) => !y?.includes(e)), i = e.find(({ value: e }) => e === d);
+			r.push({
+				key: "filter-origin",
+				label: t.origin ?? "Origin",
+				renderItem: n(t.origin ?? "Origin", i ? i.getLabel(t) : t.all),
+				children: e.map(({ value: e, getLabel: n }) => ({
+					key: e,
+					label: n(t),
+					mark: C.Check,
+					checked: e === d,
+					onClick: () => f(e)
+				}))
+			});
+		}
+		return r;
+	}, [
+		e,
+		y,
+		d,
+		p,
+		f,
+		v
+	]), ne = R(() => r({
+		"--cp-list-header-title": S?.colors?.title,
+		"--cp-list-header-title-focus": S?.colors?.titleFocus
+	}), [S?.colors?.title, S?.colors?.titleFocus]), ie = (e) => a("flex min-h-6 items-center justify-between ps-2", e, w, ce.listHeader);
+	if (M && c) return /* @__PURE__ */ H("div", {
+		role: "search",
+		style: ne,
+		className: ie("gap-2"),
+		onKeyDown: B,
+		children: [/* @__PURE__ */ V(E, {
+			containerClassName: "min-w-0 flex-1",
+			wrapperClassName: a("!h-6 !min-h-0 !py-1 !pe-2 [&_svg]:!size-4", D),
+			inputRef: k,
+			value: s,
+			onChange: L,
+			placeholder: e.searchPlaceholder,
+			clearLabel: e.searchClearLabel,
+			"aria-label": e.searchPlaceholder
+		}), /* @__PURE__ */ V(b, {
+			icon: /* @__PURE__ */ V(se, {
+				size: m.SM,
+				stroke: h,
+				"aria-hidden": !0
+			}),
+			size: _.Small,
+			className: Ge,
+			"aria-label": e.searchCloseLabel,
+			onClick: I
+		})]
+	});
+	let W = /* @__PURE__ */ V("span", {
+		className: T,
+		children: e.title
+	});
+	return /* @__PURE__ */ H("div", {
+		style: ne,
+		className: ie(),
+		children: [i ? /* @__PURE__ */ H("button", {
+			type: "button",
+			"aria-expanded": t,
+			"aria-controls": o,
+			onClick: i,
+			className: a("group flex items-center gap-1 rounded", We.title),
+			children: [W, t ? /* @__PURE__ */ V(U, {
+				size: m.SM,
+				stroke: h,
+				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
+				"aria-hidden": !0
+			}) : /* @__PURE__ */ V(re, {
+				size: m.SM,
+				stroke: h,
+				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
+				"aria-hidden": !0
+			})]
+		}) : /* @__PURE__ */ V("span", {
+			className: We.title,
+			children: W
+		}), /* @__PURE__ */ H("div", {
+			className: "flex items-center gap-2",
+			children: [
+				M && /* @__PURE__ */ V(b, {
+					ref: O,
+					icon: /* @__PURE__ */ V(oe, {
+						size: m.SM,
+						stroke: h,
+						"aria-hidden": !0
+					}),
+					size: _.Small,
+					className: Ge,
+					"aria-label": e.searchOpenLabel,
+					onClick: F
+				}),
+				(f || v) && /* @__PURE__ */ V(g, {
+					items: te,
+					placement: "bottom-end",
+					matchReferenceWidth: !1,
+					children: /* @__PURE__ */ V(b, {
+						icon: /* @__PURE__ */ V(ae, {
+							size: m.SM,
+							stroke: h,
+							"aria-hidden": !0
+						}),
+						size: _.Small,
+						className: Ge,
+						"aria-label": j
+					})
+				}),
+				x
+			]
+		})]
+	});
+}), Ye = M(({ conversations: e, isLoading: t, onSelectConversation: r, activeConversationId: i, labels: o, requestedFilter: s, isFilterHidden: c = !1, onFilterChange: l, isTypeFilterHidden: u = !1, onTypeFilterChange: d, hiddenSources: f, headerActions: p, getActions: m, onActionMenuOpen: h, onMoveConversation: g, styles: _, listClassName: v, className: y }) => {
+	let b = F(), [x, S] = B(""), [C, w] = B(!1), [T, E] = B(!0), [D, O] = B(n.All), [k, A] = B(X.All);
+	P(() => {
+		s != null && O(s);
+	}, [s]);
+	let j = N((e) => {
+		O(e), l?.(e);
+	}, [l]), M = N((e) => {
+		S(e), e !== "" && E(!0);
+	}, []), I = N((e) => {
+		w(e), e && E(!0);
+	}, []), L = N((e) => {
+		A(e), d?.(e);
+	}, [d]), R = N(() => E((e) => !e), []);
+	return /* @__PURE__ */ H("section", {
+		"aria-label": o.title,
+		className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", y, ce.listSection),
+		children: [/* @__PURE__ */ V("div", {
+			className: "px-3 pb-2",
+			children: /* @__PURE__ */ V(Je, {
+				labels: o,
+				isExpanded: T,
+				onToggleExpanded: R,
+				controlsId: b,
+				searchQuery: x,
+				isSearchOpen: C,
+				onSearchChange: M,
+				onSearchOpenChange: I,
+				activeFilter: D,
+				onFilterChange: c ? void 0 : j,
+				activeTypeFilter: k,
+				onTypeFilterChange: c || u ? void 0 : L,
+				hiddenSources: f,
+				actions: p,
+				styles: _?.header
+			})
+		}), /* @__PURE__ */ V("div", {
+			hidden: !T,
+			inert: !T,
+			className: T ? "flex min-h-0 flex-1 flex-col" : "hidden",
+			children: /* @__PURE__ */ V(Ue, {
+				id: b,
+				conversations: e,
+				isLoading: t,
+				onSelectConversation: r,
+				activeConversationId: i,
+				labels: o,
+				searchQuery: x,
+				activeFilter: D,
+				activeTypeFilter: k,
+				hiddenSources: f,
+				rowVariant: Z.Indicator,
+				getActions: m,
+				onActionMenuOpen: h,
+				onMoveConversation: g,
+				styles: _?.list,
+				className: v
+			})
+		})]
+	});
+}), Xe = [
+	{
+		value: n.All,
+		labelKey: "all"
+	},
+	{
+		value: n.MyChats,
+		labelKey: "myChats"
+	},
+	{
+		value: n.Shared,
+		labelKey: "shared"
+	},
+	{
+		value: n.Organization,
+		labelKey: "organization"
+	}
+], Ze = M(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
+	let a = R(() => Xe.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+		value: e,
+		label: t[n]
+	})), [t, i]);
+	return /* @__PURE__ */ V(y, {
+		items: a,
+		value: e,
+		onChange: n,
+		stretch: !0,
+		"aria-label": t.groupAriaLabel ?? "Filter chats",
+		className: "px-3 py-2",
+		chipClassName: A("!px-2", r)
+	});
+}), Qe = { button: "_button_vjird_1" }, $e = M(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i, className: o }) => {
+	let s = r({
+		"--cp-new-chat-bg": i?.background,
+		"--cp-new-chat-text": i?.text,
+		"--cp-new-chat-focus-outline": i?.focusOutline
+	});
+	return /* @__PURE__ */ V("div", {
+		className: "px-3 py-2",
+		style: s,
+		children: /* @__PURE__ */ V(f, {
+			label: e,
+			textClassName: n,
+			iconBefore: /* @__PURE__ */ V(W, {
+				size: 18,
+				stroke: h,
+				className: "shrink-0",
+				"aria-hidden": !0
+			}),
+			onClick: t,
+			className: a("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", Qe.button, o, ce.newChatButton)
+		})
+	});
+}), et = M(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: c, onNewChat: l, styles: f, className: p, isOverlay: m = !1, getActions: h, onActionMenuOpen: g, onToggle: _, headerActions: v, onMoveConversation: y, activeFilter: b, onActiveFilterChange: x, isFilterTabsHidden: S = !1, hiddenSources: C }) => {
+	let { colors: w, typography: T, newChatButton: D, searchWrapperClassName: O, headerClassName: k, headerActionsClassName: A, newChatButtonClassName: j } = f ?? {}, { title: M, emptyLabel: F, noResultsLabel: I, loadingLabel: L, newChatLabel: z, searchPlaceholder: ee, searchClearLabel: te, filterLabels: ne, groupLabels: U, actionsLabel: re, unreadIndicatorLabel: ie, closeAriaLabel: ae } = c, [W, oe] = B(""), [G, se] = B(n.All);
+	P(() => {
+		b != null && se(b);
+	}, [b]);
+	let K = N((e) => {
+		oe(e ?? "");
+	}, []), le = r({
+		"--cp-text": w?.text,
+		"--cp-new-chat-bg": D?.background,
+		"--cp-new-chat-text": D?.text,
+		"--cp-new-chat-focus-outline": D?.focusOutline
+	}), ue = R(() => ({
+		emptyLabel: F,
+		noResultsLabel: I,
+		loadingLabel: L,
+		groupLabels: U,
+		actionsLabel: re,
+		unreadIndicatorLabel: ie
+	}), [
+		F,
+		I,
+		L,
 		U,
-		W,
-		O?.groupHeaderClassName,
-		O?.itemTitleClassName,
-		m?.itemIconBadgeClassName,
-		xe,
-		Ee,
-		ke,
-		et,
-		Ue,
-		We,
-		Ge,
-		Ke
-	]), nt = J.length === 0, rt = J.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ re(u, {
-		isOpen: a,
-		isOverlay: g,
-		orientation: l.Left,
-		title: ie,
+		re,
+		ie
+	]), de = R(() => ({
+		colors: w,
+		typography: {
+			fontFamily: T?.fontFamily,
+			groupHeaderClassName: T?.groupHeaderClassName,
+			itemTitleClassName: T?.itemTitleClassName
+		},
+		itemIconBadgeClassName: f?.itemIconBadgeClassName
+	}), [
+		w,
+		T?.fontFamily,
+		T?.groupHeaderClassName,
+		T?.itemTitleClassName,
+		f?.itemIconBadgeClassName
+	]);
+	return /* @__PURE__ */ H(d, {
+		isOpen: i,
+		isOverlay: m,
+		orientation: u.Left,
+		title: M,
 		labels: {
-			ariaLabel: ie,
-			closeLabel: G
+			ariaLabel: M,
+			closeLabel: ae
 		},
-		onClose: y,
+		onClose: _,
 		styles: {
 			colors: {
-				background: D?.background,
-				border: D?.border
+				background: w?.background,
+				border: w?.border
 			},
-			typography: { fontClassName: O?.fontClassName },
+			typography: { fontClassName: T?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: qe,
-			titleClassName: O?.fontClassName,
-			headerClassName: i("h-[64px]", ne),
-			headerActionsClassName: L,
-			className: i(a ? "w-[324px] mobile:w-full" : "w-0", h)
+			cssVars: le,
+			titleClassName: T?.fontClassName,
+			headerClassName: a("h-[64px]", k),
+			headerActionsClassName: A,
+			className: a(i ? "w-[324px] mobile:w-full" : "w-0", p)
 		},
-		rightActions: b,
+		rightActions: v,
 		children: [
-			/* @__PURE__ */ I(Ae, {
-				label: ce,
-				onClick: p,
-				labelClassName: O?.newChatLabelClassName,
-				colors: k,
-				className: R
+			/* @__PURE__ */ V($e, {
+				label: z,
+				onClick: l,
+				labelClassName: T?.newChatLabelClassName,
+				colors: D,
+				className: j
 			}),
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ V("div", {
 				role: "search",
-				className: i("px-3 py-2", se.search),
-				children: /* @__PURE__ */ I(w, {
-					wrapperClassName: i(Z.search, M),
-					value: K,
-					onChange: ze,
-					placeholder: B,
-					clearLabel: le,
-					"aria-label": B
+				className: a("px-3 py-2", ce.search),
+				children: /* @__PURE__ */ V(E, {
+					wrapperClassName: a($.search, O),
+					value: W,
+					onChange: K,
+					placeholder: ee,
+					clearLabel: te,
+					"aria-label": ee
 				})
 			}),
-			!ee && /* @__PURE__ */ I(Oe, {
-				activeTab: q,
-				labels: V,
+			!S && /* @__PURE__ */ V(Ze, {
+				activeTab: G,
+				labels: ne,
 				onChange: (e) => {
-					de(e), C?.(e);
+					se(e), x?.(e);
 				},
-				tabClassName: O?.tabClassName,
-				hiddenSources: E
-			}),
-			/* @__PURE__ */ I("span", {
-				role: "status",
-				"aria-live": "polite",
-				className: "sr-only",
-				children: r ? z : nt ? ae : rt ? oe : ""
+				tabClassName: T?.tabClassName,
+				hiddenSources: C
 			}),
-			/* @__PURE__ */ I("div", {
-				className: "flex-1 overflow-hidden px-3 py-1",
-				children: r ? /* @__PURE__ */ I("div", {
-					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ I(T, {
-						avatar: { size: 24 },
-						showTitle: { width: ve(t) },
-						paragraph: !1,
-						active: !0,
-						color: Z.skeletonColor
-					}, t))
-				}) : nt ? /* @__PURE__ */ I(s, { label: ae }) : rt ? /* @__PURE__ */ I(c, { label: oe }) : /* @__PURE__ */ I(_e, {
-					listRef: ge,
-					id: he,
-					role: "list",
-					style: { height: "100%" },
-					rowComponent: Ne,
-					rowCount: $.length,
-					rowHeight: be,
-					overscanCount: pe,
-					onResize: Re,
-					rowProps: tt
-				})
+			/* @__PURE__ */ V(Ue, {
+				conversations: e,
+				isLoading: t,
+				onSelectConversation: o,
+				activeConversationId: s,
+				labels: ue,
+				searchQuery: W,
+				activeFilter: G,
+				hiddenSources: C,
+				getActions: h,
+				onActionMenuOpen: g,
+				onMoveConversation: y,
+				styles: de
 			})
 		]
 	});
-}), Re = k(({ isOpen: e, currentTitle: t, isSaving: n, error: i, onSave: s, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [h, g] = F(t), [_, v] = F(!1), [b, w] = F(null), T = P(null), ee = P(!1), D = P(0);
-	j(() => {
-		let n = e && !ee.current;
-		if (ee.current = e, !e) {
+}), tt = M(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [f, g] = B(t), [_, v] = B(!1), [y, x] = B(null), C = z(null), E = z(!1), D = z(0);
+	P(() => {
+		let n = e && !E.current;
+		if (E.current = e, !e) {
 			D.current += 1, v(!1);
 			return;
 		}
 		if (!n) return;
-		D.current += 1, g(t), w(null), v(!1);
-		let r = setTimeout(() => T.current?.focus(), 0);
+		D.current += 1, g(t), x(null), v(!1);
+		let r = setTimeout(() => C.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), j(() => () => {
+	}, [e, t]), P(() => () => {
 		D.current += 1;
 	}, []);
-	let O = o(h.trim()), k = r(O) > 255, te = n || O === "" || O === t.trim() || k, M = A(() => {
-		te || s(O);
+	let O = s(f.trim()), A = i(O) > 255, j = n || O === "" || O === t.trim() || A, M = N(() => {
+		j || a(O);
 	}, [
-		te,
-		s,
+		j,
+		a,
 		O
-	]), ne = A((e) => {
+	]), F = N((e) => {
 		e.key === "Enter" && M();
-	}, [M]), N = A(async () => {
+	}, [M]), I = N(async () => {
 		if (_) return;
 		let e = ++D.current;
-		v(!0), w(null);
+		v(!0), x(null);
 		try {
 			let t = await l();
 			if (e !== D.current) return;
-			g(a(t));
+			g(o(t));
 		} catch {
 			if (e !== D.current) return;
-			w(u.renameWithAiError);
+			x(u.renameWithAiError);
 		} finally {
 			e === D.current && v(!1);
 		}
@@ -998,51 +1337,51 @@ var X = /* @__PURE__ */ function(e) {
 		l,
 		u.renameWithAiError
 	]), L;
-	return L = k ? u.nameTooLongError : b ?? i ?? void 0, /* @__PURE__ */ I(S, {
+	return L = A ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ V(w, {
 		open: e,
 		header: u.popupTitle,
-		size: C.Sm,
+		size: T.Sm,
 		onClose: c,
 		mainButtons: n ? void 0 : [{
 			label: u.cancelLabel,
 			onClick: c
 		}, {
 			label: u.saveLabel,
-			variant: f.Primary,
-			disabled: te,
+			variant: p.Primary,
+			disabled: j,
 			onClick: M
 		}],
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ V("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ I("div", {
+			children: n ? /* @__PURE__ */ V("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ I(E, { size: 50 })
-			}) : /* @__PURE__ */ re("div", {
+				children: /* @__PURE__ */ V(k, { size: 50 })
+			}) : /* @__PURE__ */ H("div", {
 				className: "flex items-start gap-2 px-6 py-3",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ I(x, {
-						inputRef: T,
-						value: h,
+					children: /* @__PURE__ */ V(S, {
+						inputRef: C,
+						value: f,
 						placeholder: u.inputPlaceholder,
 						error: L,
-						onChange: (e) => g(a(e ?? "")),
-						onKeyDown: ne
+						onChange: (e) => g(o(e ?? "")),
+						onKeyDown: F
 					})
-				}), /* @__PURE__ */ I(y, {
+				}), /* @__PURE__ */ V(b, {
 					"aria-label": u.renameWithAiLabel,
 					tooltipProps: { tooltip: u.renameWithAiLabel },
 					disabled: _ || n,
 					"aria-busy": _,
-					onClick: N,
-					icon: _ ? /* @__PURE__ */ I("span", {
+					onClick: I,
+					icon: _ ? /* @__PURE__ */ V("span", {
 						className: "flex",
 						"aria-hidden": !0,
-						children: /* @__PURE__ */ I(E, { size: p.MD })
-					}) : /* @__PURE__ */ I(oe, {
-						size: p.MD,
-						stroke: m,
+						children: /* @__PURE__ */ V(k, { size: m.MD })
+					}) : /* @__PURE__ */ V(G, {
+						size: m.MD,
+						stroke: h,
 						"aria-hidden": !0
 					})
 				})]
@@ -1050,6 +1389,6 @@ var X = /* @__PURE__ */ function(e) {
 		})
 	});
 });
-Re.displayName = "RenameConversationPopup";
+tt.displayName = "RenameConversationPopup";
 //#endregion
-export { se as CONVERSATION_PANEL_CLASS, Le as ConversationPanel, Re as RenameConversationPopup };
+export { ce as CONVERSATION_PANEL_CLASS, Ue as ConversationList, Je as ConversationListHeader, Ye as ConversationListSection, et as ConversationPanel, Z as ConversationRowVariant, X as ConversationTypeFilter, tt as RenameConversationPopup };