@epam/ai-dial-conversation-panel 1.3.0-dev.252 → 1.3.0-dev.256

package/index.js

@@ -1,9 +1,9 @@
 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, LiveRegion as C, LiveRegionElement as w, LiveRegionPoliteness as T, MenuItemMark as E, Popup as D, PopupSize as O, Search as k, Skeleton as A, SkeletonVariant as j, Spinner as M, mergeClasses as N } from "@epam/ai-dial-ui-kit";
-import { createElement as P, memo as F, useCallback as I, useEffect as L, useId as ee, useImperativeHandle as te, useLayoutEffect as R, useMemo as z, useRef as B, useState as V } from "react";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
-import { IconCaretDownFilled as ne, IconCaretRightFilled as re, IconChevronDown as G, IconChevronRight as ie, IconDotsVertical as ae, IconFilter2 as K, IconPlus as oe, IconSearch as se, IconSparkles as q, IconX as ce } from "@tabler/icons-react";
+import { createElement as P, memo as F, useCallback as I, useEffect as L, useId as ee, useImperativeHandle as R, useLayoutEffect as z, useMemo as B, useRef as V, useState as H } from "react";
+import { Fragment as te, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { IconCaretDownFilled as G, IconCaretRightFilled as ne, IconChevronDown as K, IconChevronRight as re, IconDotsVertical as ie, IconFilter2 as ae, IconPlus as q, IconSearch as oe, IconSparkles as se, IconX as ce } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
 var le = {
 	newChatButton: "dial-cp-new-chat-button",
@@ -11,22 +11,22 @@ var le = {
 	list: "dial-cp-list",
 	listHeader: "dial-cp-list-header",
 	listSection: "dial-cp-list-section"
-}, ue = typeof window < "u" ? R : L;
-function de(e) {
+}, J = typeof window < "u" ? z : L;
+function ue(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
-function fe({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = z(() => ({
-		styleHeight: de(o?.height),
-		styleWidth: de(o?.width)
-	}), [o?.height, o?.width]), [l, u] = V({
+function de({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = B(() => ({
+		styleHeight: ue(o?.height),
+		styleWidth: ue(o?.width)
+	}), [o?.height, o?.width]), [l, u] = H({
 		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 ue(() => {
+	return J(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -46,7 +46,7 @@ function fe({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), z(() => ({
+	]), B(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -55,26 +55,26 @@ function fe({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function pe(e) {
-	let t = B(() => {
+function fe(e) {
+	let t = V(() => {
 		throw Error("Cannot call during render.");
 	});
-	return ue(() => {
+	return J(() => {
 		t.current = e;
 	}, [e]), I((e) => t.current?.(e), [t]);
 }
-var me = null;
-function he(e = !1) {
-	if (me === null || e) {
+var pe = null;
+function me(e = !1) {
+	if (pe === 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 ? me = "positive-descending" : (e.scrollLeft = 1, me = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), me;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? pe = "positive-descending" : (e.scrollLeft = 1, pe = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), pe;
 	}
-	return me;
+	return pe;
 }
-function ge({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (he()) {
+function he({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (me()) {
 		case "negative": return -r;
 		case "positive-descending": if (e) {
 			let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
@@ -83,26 +83,26 @@ function ge({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function J(e, t = "Assertion error") {
+function Y(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function _e(e, t) {
+function ge(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (J(e !== void 0), J(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (Y(e !== void 0), Y(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 ve({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function _e({ 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 J(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return Y(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function ye({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function ve({ 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 = ve({
+	let s = _e({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -114,7 +114,7 @@ function ye({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function be({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function ye({ 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);
@@ -133,11 +133,11 @@ function be({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function xe({ itemCount: e, itemProps: t, itemSize: n }) {
+function be({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (J(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (Y(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -151,14 +151,14 @@ function xe({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					J(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					Y(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 J(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return Y(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -168,8 +168,8 @@ function xe({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Se({ itemCount: e, itemProps: t, itemSize: n }) {
-	return z(() => xe({
+function xe({ itemCount: e, itemProps: t, itemSize: n }) {
+	return B(() => be({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,31 +179,31 @@ function Se({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Ce({ containerSize: e, itemSize: t }) {
+function Se({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			J(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), J(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			Y(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), Y(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 we({ 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 } = fe({
+function Ce({ 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 } = de({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = B({
+	}), f = V({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Ce({
+	}), p = r === "vertical" ? u : d, m = Se({
 		containerSize: p,
 		itemSize: s
 	});
-	R(() => {
+	z(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -216,11 +216,11 @@ function we({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Se({
+	let h = xe({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = I((e) => h.get(e), [h]), [_, v] = V(() => be({
+	}), g = I((e) => h.get(e), [h]), [_, v] = H(() => ye({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -231,7 +231,7 @@ function we({ 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 = I(() => ve({
+	}, C = I(() => _e({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -240,13 +240,13 @@ function we({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		m
 	]), w = I((t) => {
-		let n = ge({
+		let n = he({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
 			scrollOffset: t
 		});
-		return be({
+		return ye({
 			cachedBounds: h,
 			containerScrollOffset: n,
 			containerSize: p,
@@ -262,30 +262,30 @@ function we({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return ue(() => {
+	return J(() => {
 		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
 		v(w(t));
 	}, [
 		e,
 		r,
 		w
-	]), ue(() => {
+	]), J(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = ge({
+				let { scrollLeft: n, scrollTop: o } = e, s = he({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: r === "vertical" ? o : n
-				}), c = be({
+				}), c = ye({
 					cachedBounds: h,
 					containerScrollOffset: s,
 					containerSize: p,
 					itemCount: a,
 					overscanCount: l
 				});
-				return _e(c, t) ? t : c;
+				return ge(c, t) ? t : c;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -301,8 +301,8 @@ function we({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: pe(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ye({
+		scrollToIndex: fe(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = ve({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -312,14 +312,14 @@ function we({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = ge({
+				if (s = he({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					_e(_, e) || v(e);
+					ge(_, e) || v(e);
 				}
 				return s;
 			}
@@ -330,30 +330,30 @@ function we({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Te(e) {
-	return z(() => e, Object.values(e));
+function we(e) {
+	return B(() => e, Object.values(e));
 }
-function Ee(e, t) {
+function Te(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return _e(n, a) && _e(r, o) && _e(i, s);
+	return ge(n, a) && ge(r, o) && ge(i, s);
 }
-function De(e) {
+function Ee(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Oe = "data-react-window-index";
-function ke({ 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 = Te(u), h = z(() => F(s, Ee), [s]), [g, _] = V(null), v = De(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = we({
+var De = "data-react-window-index";
+function Oe({ 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 = we(u), h = B(() => F(s, Te), [s]), [g, _] = H(null), v = Ee(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Ce({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: z(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: B(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	te(r, () => ({
+	R(r, () => ({
 		get element() {
 			return g;
 		},
@@ -368,12 +368,12 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), ue(() => {
+	}), [g, x]), J(() => {
 		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(Oe, n), !0;
+			return e.setAttribute(De, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -397,7 +397,7 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = z(() => {
+	let E = B(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
@@ -452,24 +452,24 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 }
 //#endregion
 //#region src/types/conversation-kind.ts
-var Y = /* @__PURE__ */ function(e) {
+var X = /* @__PURE__ */ function(e) {
 	return e.All = "all", e.Chat = "chat", e.Task = "task", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), Z = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Indicator = "indicator", e;
-}({}), Ae = /* @__PURE__ */ function(e) {
+}({}), ke = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), je = (e, t) => t === n.All || e.source === t, Me = (t, n) => {
-	if (n === Y.All) return !0;
+}({}), Ae = (e, t) => t === n.All || e.source === t, je = (t, n) => {
+	if (n === X.All) return !0;
 	let r = t.kind ?? e.Chat;
-	return n === Y.Task ? r === e.Task : r === e.Chat;
-}, Ne = (e, t) => !t || e.title.toLowerCase().includes(t.toLowerCase()), Pe = (e) => `${60 + e * 23 % 35}%`, Fe = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Ie = (e, t) => {
+	return n === X.Task ? r === e.Task : r === e.Chat;
+}, Me = (e, t) => !t || e.title.toLowerCase().includes(t.toLowerCase()), Ne = (e) => `${60 + e * 23 % 35}%`, Pe = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Fe = (e, t) => {
 	let n = t.rows[e];
-	return t.rowVariant === X.Indicator ? n.kind === Ae.Item ? 34 : e === 0 ? 32 : 40 : n.kind === Ae.Item ? 36 : e === 0 ? 24 : 56;
-}, Z = 5, Le = (e) => Math.max(Z, Math.ceil(Math.ceil(e / 36) / 2)), Re = (e, { startIndex: t, stopIndex: n }) => {
+	return t.rowVariant === Z.Indicator ? n.kind === ke.Item ? 34 : e === 0 ? 32 : 40 : n.kind === ke.Item ? 36 : e === 0 ? 24 : 56;
+}, Ie = 5, Le = (e) => Math.max(Ie, Math.ceil(Math.ceil(e / 36) / 2)), Re = (e, { startIndex: t, stopIndex: n }) => {
 	let r = /* @__PURE__ */ new Set();
 	for (let i = Math.max(0, t); i <= Math.min(n, e.length - 1); i++) {
 		let t = e[i];
-		t.kind === Ae.Item && r.add(t.item.id);
+		t.kind === ke.Item && r.add(t.item.id);
 	}
 	return [...r];
 }, ze = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Be = (e) => {
@@ -480,7 +480,7 @@ var Y = /* @__PURE__ */ function(e) {
 	}
 }, Ve = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === Ae.Header) n = r.groupKey;
+	for (let r of e) if (r.kind === ke.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
 }, He = (e, t, r) => {
@@ -494,7 +494,7 @@ var Y = /* @__PURE__ */ function(e) {
 	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 === Ae.Header) o = e.groupKey === r;
+	for (let e of n) if (e.kind === ke.Header) o = e.groupKey === r;
 	else if (o) {
 		if (e.item.id === t) return a;
 		a = e.item.id;
@@ -513,8 +513,8 @@ var Y = /* @__PURE__ */ function(e) {
 	unreadDot: "_unreadDot_gcqru_51",
 	search: "_search_gcqru_59",
 	list: "_list_gcqru_70"
-}, We = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", variant: o = X.Avatar, dropZoneGroupKey: s, isDragOver: c, onDragOver: l, onDragLeave: u, onDrop: d }) => {
-	let f = s != null, p = o === X.Indicator;
+}, We = ({ 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__ */ W("button", {
 		type: "button",
 		"aria-expanded": t,
@@ -531,11 +531,11 @@ var Y = /* @__PURE__ */ function(e) {
 		} : void 0,
 		className: a("group flex h-6 w-full items-center gap-1 rounded text-start", p ? "px-2" : "py-1 pe-3", i, Q.groupHeader, c && Q.dropZoneActive),
 		children: [
-			!p && (t ? /* @__PURE__ */ U(ne, {
+			!p && (t ? /* @__PURE__ */ U(G, {
 				size: 12,
 				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
 				"aria-hidden": !0
-			}) : /* @__PURE__ */ U(re, {
+			}) : /* @__PURE__ */ U(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
@@ -544,12 +544,12 @@ var Y = /* @__PURE__ */ function(e) {
 				className: "max-w-full min-w-0",
 				children: /* @__PURE__ */ U(v, { text: e })
 			}) : /* @__PURE__ */ U(v, { text: e }),
-			p && (t ? /* @__PURE__ */ U(G, {
+			p && (t ? /* @__PURE__ */ U(K, {
 				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__ */ U(ie, {
+			}) : /* @__PURE__ */ U(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]",
@@ -557,10 +557,10 @@ var Y = /* @__PURE__ */ function(e) {
 			}))
 		]
 	});
-}, Ge = F(({ 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 = X.Avatar, rowGroupKey: v, rows: y, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: k }) => {
-	let [M, N] = V(!1), P = B(null), F = I((t) => {
-		N(t), t && P.current && s?.(e, P.current);
-	}, [e, s]), L = z(() => o?.(e) ?? [], [o, e]), ee = L.length > 0, te = z(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), R = z(() => ({ badgeClassName: u }), [u]), H = p === X.Indicator, ne = e.leadingIcon ? /* @__PURE__ */ U("span", {
+}, Ge = F(({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", unreadItemTitleClassName: u = "dial-small-semi-text", itemIconBadgeClassName: d, unreadIndicatorLabel: p = "Unread", variant: v = Z.Avatar, rowGroupKey: y, rows: S, draggingId: C, dragOverId: w, allowedDropGroups: T, onDragStart: E, onDragEnd: D, onDragOver: O, onDragLeave: k, onDrop: M }) => {
+	let [N, P] = H(!1), F = V(null), L = I((t) => {
+		P(t), t && F.current && s?.(e, F.current);
+	}, [e, s]), ee = B(() => o?.(e) ?? [], [o, e]), R = ee.length > 0, z = B(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), te = B(() => ({ badgeClassName: d }), [d]), G = v === Z.Indicator, ne = e.leadingIcon ? /* @__PURE__ */ U("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
 		children: e.leadingIcon
 	}) : e.isIconLoading ? /* @__PURE__ */ U(A, {
@@ -573,49 +573,49 @@ var Y = /* @__PURE__ */ function(e) {
 		src: e.iconUrl,
 		size: m.LG,
 		initialsName: e.iconTooltip ?? "",
-		labels: te,
-		styles: R
-	}), re = Fe(ee, M), G = /* @__PURE__ */ W("span", {
+		labels: z,
+		styles: te
+	}), K = Pe(R, N), re = /* @__PURE__ */ W("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
 		children: [/* @__PURE__ */ U("span", {
 			className: a("size-2 rounded-full", e.isUnread ? a("size-[7.11px]", Q.unreadDot) : Q.indicatorDot),
 			"aria-hidden": !0
 		}), e.isUnread && /* @__PURE__ */ U("span", {
 			className: "sr-only",
-			children: d
+			children: p
 		})]
-	}), ie = e.isUnread && !H ? /* @__PURE__ */ W("span", {
+	}), ae = e.isUnread && !G ? /* @__PURE__ */ W("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
 		children: [/* @__PURE__ */ U("span", {
-			className: a("size-[7.11px] rounded-full", Q.unreadDot, ee && (M ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+			className: a("size-[7.11px] rounded-full", Q.unreadDot, R && (N ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
 			"aria-hidden": !0
 		}), /* @__PURE__ */ U("span", {
 			className: "sr-only",
-			children: d
+			children: p
 		})]
-	}) : void 0, K = v != null, oe = I((e) => {
-		e.currentTarget.contains(e.relatedTarget) || O?.();
-	}, [O]), se = I((t) => {
-		if (!v || !y || !k) return;
+	}) : void 0, q = y != null, oe = I((e) => {
+		e.currentTarget.contains(e.relatedTarget) || k?.();
+	}, [k]), se = I((t) => {
+		if (!y || !S || !M) return;
 		t.preventDefault();
-		let n = Ue(t, e.id, y, v);
-		k(e.id, v, n);
+		let n = Ue(t, e.id, S, y);
+		M(e.id, y, n);
 	}, [
 		e.id,
+		S,
 		y,
-		v,
-		k
-	]), q = e.id === S, ce = e.id === C, le = v != null && (w?.has(v) ?? !1), ue = S != null;
+		M
+	]), ce = e.id === C, le = e.id === w, J = y != null && (T?.has(y) ?? !1), ue = C != null;
 	return /* @__PURE__ */ W("li", {
-		className: a("group/conversation relative", q && "cursor-grabbing opacity-50", ce && le && "rounded", ce && le && Q.dropZoneActive, ue && !q && !le && "cursor-not-allowed"),
-		draggable: K || void 0,
-		onDragStart: K ? () => T?.(e.id) : void 0,
-		onDragEnd: K ? E : void 0,
-		onDragOver: K ? (t) => {
-			t.preventDefault(), D?.(e.id);
+		className: a("group/conversation relative", ce && "cursor-grabbing opacity-50", le && J && "rounded", le && J && Q.dropZoneActive, ue && !ce && !J && "cursor-not-allowed"),
+		draggable: q || void 0,
+		onDragStart: q ? () => E?.(e.id) : void 0,
+		onDragEnd: q ? D : void 0,
+		onDragOver: q ? (t) => {
+			t.preventDefault(), O?.(e.id);
 		} : void 0,
-		onDragLeave: K ? oe : void 0,
-		onDrop: K ? se : void 0,
+		onDragLeave: q ? oe : void 0,
+		onDrop: q ? se : void 0,
 		children: [/* @__PURE__ */ U("a", {
 			href: e.href,
 			className: "contents",
@@ -623,45 +623,45 @@ var Y = /* @__PURE__ */ function(e) {
 				e.href && (t.preventDefault(), r(e.id));
 			},
 			children: /* @__PURE__ */ U(f, {
-				iconBefore: H ? G : ne,
+				iconBefore: G ? re : ne,
 				label: /* @__PURE__ */ U(x, {
 					text: e.title,
 					query: i,
-					className: e.isUnread ? "dial-small-semi-text" : l,
+					className: e.isUnread ? u : l,
 					maxLines: 1
 				}),
-				iconAfter: ie,
+				iconAfter: ae,
 				textClassName: "min-w-0 flex-1",
 				"aria-current": n ? "page" : void 0,
 				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", H ? "gap-0.5 ps-0" : "gap-2 ps-3", re, Q.item, H && Q.itemIndicator, n && Q.itemActive, M && Q.itemActive)
+				className: a("h-8 w-full justify-start py-2 after:pointer-events-none", G ? "gap-0.5 ps-0" : "gap-2 ps-3", K, Q.item, G && Q.itemIndicator, n && Q.itemActive, N && Q.itemActive)
 			})
-		}), ee && /* @__PURE__ */ U("div", {
-			className: a("absolute inset-y-0 flex items-center", H ? "end-2" : "end-1", M ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+		}), R && /* @__PURE__ */ U("div", {
+			className: a("absolute inset-y-0 flex items-center", G ? "inset-e-2" : "inset-e-1", N ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
 			children: /* @__PURE__ */ U(g, {
-				items: L,
-				onOpenChange: F,
+				items: ee,
+				onOpenChange: L,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
 				children: /* @__PURE__ */ U(b, {
-					ref: P,
-					icon: /* @__PURE__ */ U(ae, {
-						size: H ? m.SM : m.MD,
+					ref: F,
+					icon: /* @__PURE__ */ U(ie, {
+						size: G ? m.SM : m.MD,
 						className: Q.triggerIcon,
 						"aria-hidden": !0,
 						stroke: h
 					}),
 					size: _.Small,
 					"aria-label": c,
-					className: a(H && "!size-6 !min-h-0 !min-w-0 !p-1", M && Q.triggerActive)
+					className: a(G && "size-6! min-h-0! min-w-0! p-1!", N && Q.triggerActive)
 				})
 			})
 		})]
 	});
-}), Ke = (e, t) => t ? e === 0 ? "pt-2" : "pt-4" : e === 0 ? "pt-0" : "pt-8", qe = ({ 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 = X.Avatar, draggingId: g, dragOverId: _, allowedDropGroups: v, onDragStart: y, onDragEnd: b, onDragOver: x, onDragLeave: S, onDrop: C }) => {
-	let w = r[e], T = h === X.Indicator;
-	if (w.kind === Ae.Header) {
+}), Ke = (e, t) => t ? e === 0 ? "pt-2" : "pt-4" : e === 0 ? "pt-0" : "pt-8", qe = ({ 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 === ke.Header) {
 		let r = w.groupKey === n.Pinned;
 		return /* @__PURE__ */ U("div", {
 			role: "listitem",
@@ -697,6 +697,7 @@ var Y = /* @__PURE__ */ function(e) {
 			actionsLabel: f,
 			unreadIndicatorLabel: p,
 			itemTitleClassName: m?.itemTitleClassName,
+			unreadItemTitleClassName: m?.unreadItemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName,
 			rowGroupKey: w.groupKey,
 			rows: r,
@@ -715,33 +716,33 @@ var Y = /* @__PURE__ */ function(e) {
 	n.MyChats,
 	n.Shared,
 	n.Organization
-]), $ = F(({ conversations: e, isLoading: t, isUpdatingTitles: i = !1, preserveActiveSearchResult: o = !1, onSelectConversation: s, activeConversationId: u, labels: d, searchQuery: f = "", activeFilter: p = n.All, activeTypeFilter: m = Y.All, hiddenSources: h, rowVariant: g, getActions: _, onActionMenuOpen: v, onMoveConversation: y, onVisibleConversationIdsChange: b, styles: x, id: S, className: T }) => {
-	let { colors: E, typography: D, itemIconBadgeClassName: O } = x ?? {}, { emptyLabel: k, emptyDescription: j, noResultsLabel: M, noResultsDescription: N, sharedEmptyDescription: P = N, tabEmptyLabels: F, loadingLabel: te = "Loading conversations", updatingTitlesLabel: R = "Updating conversation names", groupLabels: H, actionsLabel: ne, unreadIndicatorLabel: re } = d, G = z(() => h?.length ? e.filter((e) => e.source == null || !h.includes(e.source)) : e, [e, h]), [ie, ae] = V(() => Je), [K, oe] = V(5), se = ee(), q = B(null), ce = B(null), [ue, de] = V(null), [fe, pe] = V(null), [me, he] = V(null), ge = B(null), J = B(null), _e = I(({ height: e }) => {
-		oe(Le(e));
-	}, []), ve = I((e) => {
-		ae((t) => {
+]), $ = F(({ conversations: e, isLoading: t, isUpdatingTitles: i = !1, preserveActiveSearchResult: o = !1, onSelectConversation: s, activeConversationId: u, labels: d, searchQuery: f = "", activeFilter: p = n.All, activeTypeFilter: m = X.All, hiddenSources: h, rowVariant: g, getActions: _, onActionMenuOpen: v, onMoveConversation: y, onVisibleConversationIdsChange: b, styles: x, id: S, className: T }) => {
+	let { colors: E, typography: D, itemIconBadgeClassName: O } = x ?? {}, { emptyLabel: k, emptyDescription: j, noResultsLabel: M, noResultsDescription: N, sharedEmptyDescription: P = N, tabEmptyLabels: F, loadingLabel: R = "Loading conversations", updatingTitlesLabel: z = "Updating conversation names", groupLabels: te, actionsLabel: G, unreadIndicatorLabel: ne } = d, K = B(() => h?.length ? e.filter((e) => e.source == null || !h.includes(e.source)) : e, [e, h]), [re, ie] = H(() => Je), [ae, q] = H(5), oe = ee(), se = V(null), ce = V(null), [J, ue] = H(null), [de, fe] = H(null), [pe, me] = H(null), he = V(null), Y = V(null), ge = I(({ height: e }) => {
+		q(Le(e));
+	}, []), _e = I((e) => {
+		ie((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), ye = I(() => {
-		ge.current = null, J.current = null, de(null), pe(null), he(null);
-	}, []), be = I((e, t) => {
-		let n = He(e, Ve(t, e), G);
-		ge.current = e, J.current = n, de(e), he(n);
-	}, [G]), xe = I(() => {
-		ye();
-	}, [ye]), Se = I((e) => {
-		pe(e);
-	}, []), Ce = I(() => {
-		pe(null);
-	}, []), we = I((e, t, n) => {
-		let r = ge.current, i = J.current;
-		ye(), r != null && r !== e && i?.has(t) && y?.({
+	}, []), ve = I(() => {
+		he.current = null, Y.current = null, ue(null), fe(null), me(null);
+	}, []), ye = I((e, t) => {
+		let n = He(e, Ve(t, e), K);
+		he.current = e, Y.current = n, ue(e), me(n);
+	}, [K]), be = I(() => {
+		ve();
+	}, [ve]), xe = I((e) => {
+		fe(e);
+	}, []), Se = I(() => {
+		fe(null);
+	}, []), Ce = I((e, t, n) => {
+		let r = he.current, i = Y.current;
+		ve(), r != null && r !== e && i?.has(t) && y?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [ye, y]), Te = r({
+	}, [ve, y]), we = r({
 		"--cp-item-hover": E?.itemHover,
 		"--cp-item-active": E?.itemActive,
 		"--cp-text": E?.text,
@@ -754,14 +755,14 @@ var Y = /* @__PURE__ */ function(e) {
 		"--cp-unread-dot": E?.unreadDot,
 		"--cp-indicator-dot": E?.indicatorDot,
 		"--cp-list-font-family": D?.fontFamily
-	}), [Ee, De] = V(null);
+	}), [Te, Ee] = H(null);
 	L(() => {
 		if (!o || !f || !u) {
-			De(null);
+			Ee(null);
 			return;
 		}
-		let e = G.find((e) => e.id === u);
-		De((t) => e && Ne(e, f) ? t?.id === e.id && t.query === f ? t : {
+		let e = K.find((e) => e.id === u);
+		Ee((t) => e && Me(e, f) ? t?.id === e.id && t.query === f ? t : {
 			id: e.id,
 			query: f
 		} : t?.id === u && t.query === f ? t : null);
@@ -769,10 +770,10 @@ var Y = /* @__PURE__ */ function(e) {
 		o,
 		f,
 		u,
-		G
+		K
 	]);
-	let Oe = I((e) => {
-		o && f && De({
+	let De = I((e) => {
+		o && f && Ee({
 			id: e,
 			query: f
 		}), s(e);
@@ -780,56 +781,56 @@ var Y = /* @__PURE__ */ function(e) {
 		o,
 		f,
 		s
-	]), Fe = o && f !== "" && Ee?.query === f && Ee.id === u ? Ee.id : void 0, Z = z(() => G.filter((e) => je(e, p) && Me(e, m) && (Ne(e, f) || e.id === Fe)), [
-		G,
+	]), Pe = o && f !== "" && Te?.query === f && Te.id === u ? Te.id : void 0, Ie = B(() => K.filter((e) => Ae(e, p) && je(e, m) && (Me(e, f) || e.id === Pe)), [
+		K,
 		p,
 		m,
 		f,
-		Fe
-	]), Be = z(() => Z.filter((e) => e.isPinned), [Z]), Ue = z(() => Z.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Z]), We = z(() => Z.filter((e) => !e.isPinned && e.source === n.Shared), [Z]), Ge = z(() => Z.filter((e) => !e.isPinned && e.source === n.Organization), [Z]), Ke = z(() => [
+		Pe
+	]), Be = B(() => Ie.filter((e) => e.isPinned), [Ie]), Ue = B(() => Ie.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Ie]), We = B(() => Ie.filter((e) => !e.isPinned && e.source === n.Shared), [Ie]), Ge = B(() => Ie.filter((e) => !e.isPinned && e.source === n.Organization), [Ie]), Ke = B(() => [
 		{
 			key: n.Pinned,
-			label: H?.pinned ?? "Pinned",
+			label: te?.pinned ?? "Pinned",
 			items: Be
 		},
 		{
 			key: n.MyChats,
-			label: H?.myChats ?? "My chats",
+			label: te?.myChats ?? "My chats",
 			items: Ue
 		},
 		{
 			key: n.Shared,
-			label: H?.shared ?? "Shared",
+			label: te?.shared ?? "Shared",
 			items: We
 		},
 		{
 			key: n.Organization,
-			label: H?.organization ?? "Organization",
+			label: te?.organization ?? "Organization",
 			items: Ge
 		}
 	], [
-		H,
+		te,
 		Be,
 		Ue,
 		We,
 		Ge
-	]), $ = z(() => {
+	]), $ = B(() => {
 		let e = [];
 		for (let t of Ke) if (t.items.length !== 0 && (e.push({
-			kind: Ae.Header,
+			kind: ke.Header,
 			groupKey: t.key,
 			label: t.label
-		}), ie.has(t.key))) for (let n of t.items) e.push({
-			kind: Ae.Item,
+		}), re.has(t.key))) for (let n of t.items) e.push({
+			kind: ke.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Ke, ie]);
+	}, [Ke, re]);
 	L(() => {
 		if (!u || ce.current === u) return;
-		let e = $.findIndex((e) => e.kind === Ae.Item && e.item.id === u);
-		e >= 0 && (q.current?.scrollToRow({
+		let e = $.findIndex((e) => e.kind === ke.Item && e.item.id === u);
+		e >= 0 && (se.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
@@ -837,64 +838,66 @@ var Y = /* @__PURE__ */ function(e) {
 	}, [
 		u,
 		Ke,
-		ie,
+		re,
 		$
 	]);
-	let Ye = B($);
+	let Ye = V($);
 	L(() => {
 		Ye.current = $;
 	}, [$]);
-	let Xe = I((e) => be(e, Ye.current), [be]), Ze = z(() => ({
+	let Xe = I((e) => ye(e, Ye.current), [ye]), Ze = B(() => ({
 		rows: $,
-		expandedGroups: ie,
-		onToggleGroup: ve,
-		listId: se,
+		expandedGroups: re,
+		onToggleGroup: _e,
+		listId: oe,
 		activeConversationId: u,
 		searchQuery: f,
-		onSelectConversation: Oe,
+		onSelectConversation: De,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: ne,
-		unreadIndicatorLabel: re,
+		actionsLabel: G,
+		unreadIndicatorLabel: ne,
 		rowVariant: g,
 		styles: {
 			groupHeaderClassName: D?.groupHeaderClassName,
 			itemTitleClassName: D?.itemTitleClassName,
+			unreadItemTitleClassName: D?.unreadItemTitleClassName,
 			itemIconBadgeClassName: O
 		},
-		draggingId: ue,
-		dragOverId: fe,
-		allowedDropGroups: me,
+		draggingId: J,
+		dragOverId: de,
+		allowedDropGroups: pe,
 		onDragStart: Xe,
-		onDragEnd: xe,
-		onDragOver: Se,
-		onDragLeave: Ce,
-		onDrop: we
+		onDragEnd: be,
+		onDragOver: xe,
+		onDragLeave: Se,
+		onDrop: Ce
 	}), [
 		$,
-		ie,
-		ve,
-		se,
+		re,
+		_e,
+		oe,
 		u,
 		f,
-		Oe,
+		De,
 		_,
 		v,
+		G,
 		ne,
-		re,
 		g,
 		D?.groupHeaderClassName,
 		D?.itemTitleClassName,
+		D?.unreadItemTitleClassName,
 		O,
-		ue,
-		fe,
-		me,
+		J,
+		de,
+		pe,
 		Xe,
+		be,
 		xe,
 		Se,
-		Ce,
-		we
-	]), Qe = f !== "" || p !== n.All || m !== Y.All, $e = Z.length === 0, et = $e && Qe, tt = $e && !Qe, nt = et && f === "" && m === Y.All ? F?.[p] : void 0, rt = nt?.label ?? M, it = p === n.Shared && f === "" ? P : N, at = nt?.description ?? it, ot = !t && !$e, st = B(null), ct = B(null), lt = B(b);
+		Ce
+	]), Qe = f !== "" || p !== n.All || m !== X.All, $e = Ie.length === 0, et = $e && Qe, tt = $e && !Qe, nt = et && f === "" && m === X.All ? F?.[p] : void 0, rt = nt?.label ?? M, it = p === n.Shared && f === "" ? P : N, at = nt?.description ?? it, ot = !t && !$e, st = V(null), ct = V(null), lt = V(b);
 	L(() => {
 		lt.current = b;
 	}, [b]);
@@ -911,17 +914,17 @@ var Y = /* @__PURE__ */ function(e) {
 		ut
 	]), /* @__PURE__ */ W("div", {
 		id: S,
-		style: Te,
-		className: a("flex-1 overflow-hidden px-3", Q.list, D?.fontClassName, g !== X.Indicator && "py-1", T, le.list),
+		style: we,
+		className: a("flex-1 overflow-hidden px-3", Q.list, D?.fontClassName, g !== Z.Indicator && "py-1", T, le.list),
 		children: [/* @__PURE__ */ U(C, {
 			visuallyHidden: !0,
 			as: w.Span,
-			children: t ? te : i ? R : tt ? k : et ? rt : ""
+			children: t ? R : i ? z : tt ? k : et ? rt : ""
 		}), t ? /* @__PURE__ */ U("div", {
 			className: "flex flex-col gap-3 px-2 py-3",
 			children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ U(A, {
 				avatar: { size: 24 },
-				showTitle: { width: Pe(t) },
+				showTitle: { width: Ne(t) },
 				paragraph: !1,
 				active: !0,
 				color: Q.skeletonColor
@@ -929,26 +932,27 @@ var Y = /* @__PURE__ */ function(e) {
 		}) : tt ? /* @__PURE__ */ U(c, {
 			label: k,
 			description: j
-		}) : et && f !== "" && i ? /* @__PURE__ */ U(c, { label: R }) : et ? /* @__PURE__ */ U(l, {
+		}) : et && f !== "" && i ? /* @__PURE__ */ U(c, { label: z }) : et ? /* @__PURE__ */ U(l, {
 			label: rt,
 			description: at
-		}) : /* @__PURE__ */ U(ke, {
-			listRef: q,
-			id: se,
+		}) : /* @__PURE__ */ U(Oe, {
+			listRef: se,
+			id: oe,
 			role: "list",
 			style: { height: "100%" },
 			rowComponent: qe,
 			rowCount: $.length,
-			rowHeight: Ie,
-			overscanCount: K,
-			onResize: _e,
+			rowHeight: Fe,
+			overscanCount: ae,
+			onResize: ge,
 			onRowsRendered: dt,
 			rowProps: Ze
 		})]
 	});
 }), Ye = {
-	title: "_title_r35fs_2",
-	filterIndicator: "_filterIndicator_r35fs_13"
+	title: "_title_mvx21_2",
+	filterValue: "_filterValue_mvx21_12",
+	filterIndicator: "_filterIndicator_mvx21_17"
 }, Xe = "!size-6 !min-h-0 !min-w-0 !p-1", Ze = [
 	{
 		value: n.All,
@@ -968,38 +972,39 @@ var Y = /* @__PURE__ */ function(e) {
 	}
 ], Qe = [
 	{
-		value: Y.All,
+		value: X.All,
 		getLabel: (e) => e.all
 	},
 	{
-		value: Y.Chat,
+		value: X.Chat,
 		getLabel: (e) => e.chat ?? "Chat"
 	},
 	{
-		value: Y.Task,
+		value: X.Task,
 		getLabel: (e) => e.task ?? "Task"
 	}
-], $e = F(({ 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 = Y.All, onTypeFilterChange: v, hiddenSources: y, actions: x, styles: S, className: C }) => {
-	let w = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", T = S?.typography?.searchTextClassName ?? "dial-tiny-text", D = B(null), O = B(null), A = B(c), j = e.filterLabels.groupAriaLabel ?? "Filter chats", M = e.filterActiveLabel ?? "Filters applied", N = ee(), P = d !== n.All || p !== Y.All, F = l != null && u != null;
+], $e = F(({ 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: C }) => {
+	let w = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", T = S?.typography?.searchTextClassName ?? "dial-tiny-text", D = S?.colors?.filterValue, O = V(null), A = V(null), j = V(c), M = e.filterLabels.groupAriaLabel ?? "Filter chats", N = e.filterActiveLabel ?? "Filters applied", P = ee(), F = d !== n.All || p !== X.All, R = l != null && u != null;
 	L(() => {
-		c ? O.current?.focus() : A.current && D.current?.focus(), A.current = c;
+		c ? A.current?.focus() : j.current && O.current?.focus(), j.current = c;
 	}, [c]);
-	let te = I(() => {
+	let z = I(() => {
 		u?.(!0);
-	}, [u]), R = I(() => {
+	}, [u]), H = I(() => {
 		l?.(""), u?.(!1);
-	}, [l, u]), V = I((e) => {
+	}, [l, u]), G = I((e) => {
 		l?.(e ?? "");
 	}, [l]), ne = I((e) => {
-		e.key === "Escape" && (e.stopPropagation(), R());
-	}, [R]), re = z(() => {
-		let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("span", {
+		e.key === "Escape" && (e.stopPropagation(), H());
+	}, [H]), ie = B(() => {
+		let { filterLabels: t } = e, n = r({ "--cp-list-header-filter-value": D }), i = (e, t) => () => /* @__PURE__ */ W(te, { children: [/* @__PURE__ */ U("span", {
 			className: "min-w-0 flex-1 truncate text-start",
 			children: e
 		}), /* @__PURE__ */ U("span", {
-			className: "shrink-0 text-secondary",
+			className: a("shrink-0", Ye.filterValue),
+			style: n,
 			children: t
-		})] }), r = [];
+		})] }), o = [];
 		if (v) {
 			let e = Qe.map(({ value: e, getLabel: n }) => ({
 				key: e,
@@ -1007,20 +1012,20 @@ var Y = /* @__PURE__ */ function(e) {
 				mark: E.Check,
 				checked: e === p,
 				onClick: () => v(e)
-			})), i = Qe.find(({ value: e }) => e === p);
-			r.push({
+			})), n = Qe.find(({ value: e }) => e === p);
+			o.push({
 				key: "filter-type",
 				label: t.type ?? "Type",
-				renderItem: n(t.type ?? "Type", i ? i.getLabel(t) : t.all),
+				renderItem: i(t.type ?? "Type", n ? n.getLabel(t) : t.all),
 				children: e
 			});
 		}
 		if (f) {
-			let e = Ze.filter(({ value: e }) => !y?.includes(e)), i = e.find(({ value: e }) => e === d);
-			r.push({
+			let e = Ze.filter(({ value: e }) => !y?.includes(e)), n = e.find(({ value: e }) => e === d);
+			o.push({
 				key: "filter-origin",
 				label: t.origin ?? "Origin",
-				renderItem: n(t.origin ?? "Origin", i ? i.getLabel(t) : t.all),
+				renderItem: i(t.origin ?? "Origin", n ? n.getLabel(t) : t.all),
 				children: e.map(({ value: e, getLabel: n }) => ({
 					key: e,
 					label: n(t),
@@ -1030,15 +1035,16 @@ var Y = /* @__PURE__ */ function(e) {
 				}))
 			});
 		}
-		return r;
+		return o;
 	}, [
 		e,
 		y,
 		d,
 		p,
 		f,
-		v
-	]), ae = z(() => r({
+		v,
+		D
+	]), q = B(() => r({
 		"--cp-list-header-title": S?.colors?.title,
 		"--cp-list-header-title-focus": S?.colors?.titleFocus,
 		"--cp-list-header-filter-indicator": S?.colors?.filterIndicator
@@ -1046,18 +1052,18 @@ var Y = /* @__PURE__ */ function(e) {
 		S?.colors?.title,
 		S?.colors?.titleFocus,
 		S?.colors?.filterIndicator
-	]), oe = (e) => a("flex min-h-6 items-center justify-between ps-2", e, C, le.listHeader);
-	if (F && c) return /* @__PURE__ */ W("div", {
+	]), se = (e) => a("flex min-h-6 items-center justify-between ps-2", e, C, le.listHeader);
+	if (R && c) return /* @__PURE__ */ W("div", {
 		role: "search",
-		style: ae,
-		className: oe("gap-2"),
+		style: q,
+		className: se("gap-2"),
 		onKeyDown: ne,
 		children: [/* @__PURE__ */ U(k, {
 			containerClassName: "min-w-0 flex-1",
-			wrapperClassName: a("!h-6 !min-h-0 !py-1 !pe-2 [&_svg]:!size-4", T),
-			inputRef: O,
+			wrapperClassName: a("h-6! min-h-0! py-1! pe-2! [&_svg]:size-4!", T),
+			inputRef: A,
 			value: s,
-			onChange: V,
+			onChange: G,
 			placeholder: e.searchPlaceholder,
 			clearLabel: e.searchClearLabel,
 			"aria-label": e.searchPlaceholder
@@ -1070,28 +1076,28 @@ var Y = /* @__PURE__ */ function(e) {
 			size: _.Small,
 			className: Xe,
 			"aria-label": e.searchCloseLabel,
-			onClick: R
+			onClick: H
 		})]
 	});
-	let q = /* @__PURE__ */ U("span", {
+	let J = /* @__PURE__ */ U("span", {
 		className: w,
 		children: e.title
 	});
 	return /* @__PURE__ */ W("div", {
-		style: ae,
-		className: oe(),
+		style: q,
+		className: se(),
 		children: [i ? /* @__PURE__ */ W("button", {
 			type: "button",
 			"aria-expanded": t,
 			"aria-controls": o,
 			onClick: i,
 			className: a("group flex items-center gap-1 rounded", Ye.title),
-			children: [q, t ? /* @__PURE__ */ U(G, {
+			children: [J, t ? /* @__PURE__ */ U(K, {
 				size: m.SM,
 				stroke: h,
 				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
 				"aria-hidden": !0
-			}) : /* @__PURE__ */ U(ie, {
+			}) : /* @__PURE__ */ U(re, {
 				size: m.SM,
 				stroke: h,
 				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
@@ -1099,13 +1105,13 @@ var Y = /* @__PURE__ */ function(e) {
 			})]
 		}) : /* @__PURE__ */ U("span", {
 			className: Ye.title,
-			children: q
+			children: J
 		}), /* @__PURE__ */ W("div", {
 			className: "flex items-center gap-2",
 			children: [
-				F && /* @__PURE__ */ U(b, {
-					ref: D,
-					icon: /* @__PURE__ */ U(se, {
+				R && /* @__PURE__ */ U(b, {
+					ref: O,
+					icon: /* @__PURE__ */ U(oe, {
 						size: m.SM,
 						stroke: h,
 						"aria-hidden": !0
@@ -1113,41 +1119,41 @@ var Y = /* @__PURE__ */ function(e) {
 					size: _.Small,
 					className: Xe,
 					"aria-label": e.searchOpenLabel,
-					onClick: te
+					onClick: z
 				}),
 				(f || v) && /* @__PURE__ */ U(g, {
-					items: re,
+					items: ie,
 					placement: "bottom-end",
 					matchReferenceWidth: !1,
 					children: /* @__PURE__ */ U(b, {
 						icon: /* @__PURE__ */ W("span", {
 							className: "relative inline-flex",
-							children: [/* @__PURE__ */ U(K, {
+							children: [/* @__PURE__ */ U(ae, {
 								size: m.SM,
 								stroke: h,
 								"aria-hidden": !0
-							}), P && /* @__PURE__ */ U("span", {
+							}), F && /* @__PURE__ */ U("span", {
 								"aria-hidden": !0,
-								className: a(Ye.filterIndicator, "absolute -end-0.5 -top-0.5 size-1.5 rounded-full")
+								className: a(Ye.filterIndicator, "absolute -inset-e-0.5 -top-0.5 size-1.5 rounded-full")
 							})]
 						}),
 						size: _.Small,
 						className: Xe,
-						"aria-label": j,
-						"aria-describedby": P ? N : void 0
+						"aria-label": M,
+						"aria-describedby": F ? P : void 0
 					})
 				}),
-				P && (f || v) && /* @__PURE__ */ U("span", {
-					id: N,
+				F && (f || v) && /* @__PURE__ */ U("span", {
+					id: P,
 					className: "sr-only",
-					children: M
+					children: N
 				}),
 				x
 			]
 		})]
 	});
 }), et = F(({ conversations: e, isLoading: t, isUpdatingTitles: r, preserveActiveSearchResult: i, onSelectConversation: o, activeConversationId: s, labels: c, requestedFilter: l, isFilterHidden: u = !1, onFilterChange: d, isTypeFilterHidden: f = !1, onTypeFilterChange: p, hiddenSources: m, headerActions: h, getActions: g, onActionMenuOpen: _, onMoveConversation: v, onVisibleConversationIdsChange: y, styles: b, listClassName: x, className: S }) => {
-	let C = ee(), [w, T] = V(""), [E, D] = V(!1), [O, k] = V(!0), [A, j] = V(n.All), [M, N] = V(Y.All);
+	let C = ee(), [w, T] = H(""), [E, D] = H(!1), [O, k] = H(!0), [A, j] = H(n.All), [M, N] = H(X.All);
 	L(() => {
 		l != null && j(l);
 	}, [l]);
@@ -1155,11 +1161,11 @@ var Y = /* @__PURE__ */ function(e) {
 		j(e), d?.(e);
 	}, [d]), F = I((e) => {
 		T(e), e !== "" && k(!0);
-	}, []), te = I((e) => {
-		D(e), e && k(!0);
 	}, []), R = I((e) => {
+		D(e), e && k(!0);
+	}, []), z = I((e) => {
 		N(e), p?.(e);
-	}, [p]), z = I(() => k((e) => !e), []);
+	}, [p]), B = I(() => k((e) => !e), []);
 	return /* @__PURE__ */ W("section", {
 		"aria-label": c.title,
 		className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", S, le.listSection),
@@ -1168,16 +1174,16 @@ var Y = /* @__PURE__ */ function(e) {
 			children: /* @__PURE__ */ U($e, {
 				labels: c,
 				isExpanded: O,
-				onToggleExpanded: z,
+				onToggleExpanded: B,
 				controlsId: C,
 				searchQuery: w,
 				isSearchOpen: E,
 				onSearchChange: F,
-				onSearchOpenChange: te,
+				onSearchOpenChange: R,
 				activeFilter: A,
 				onFilterChange: u ? void 0 : P,
 				activeTypeFilter: M,
-				onTypeFilterChange: u || f ? void 0 : R,
+				onTypeFilterChange: u || f ? void 0 : z,
 				hiddenSources: m,
 				actions: h,
 				styles: b?.header
@@ -1199,7 +1205,7 @@ var Y = /* @__PURE__ */ function(e) {
 				activeFilter: A,
 				activeTypeFilter: M,
 				hiddenSources: m,
-				rowVariant: X.Indicator,
+				rowVariant: Z.Indicator,
 				getActions: g,
 				onActionMenuOpen: _,
 				onMoveConversation: v,
@@ -1227,7 +1233,7 @@ var Y = /* @__PURE__ */ function(e) {
 		labelKey: "organization"
 	}
 ], nt = F(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
-	let a = z(() => tt.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+	let a = B(() => tt.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
 	})), [t, i]);
@@ -1238,7 +1244,7 @@ var Y = /* @__PURE__ */ function(e) {
 		stretch: !0,
 		"aria-label": t.groupAriaLabel ?? "Filter chats",
 		className: "px-3 py-2",
-		chipClassName: N("!px-2", r)
+		chipClassName: N("px-2!", r)
 	});
 }), rt = { button: "_button_vjird_1" }, it = F(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i, className: o }) => {
 	let s = r({
@@ -1252,7 +1258,7 @@ var Y = /* @__PURE__ */ function(e) {
 		children: /* @__PURE__ */ U(f, {
 			label: e,
 			textClassName: n,
-			iconBefore: /* @__PURE__ */ U(oe, {
+			iconBefore: /* @__PURE__ */ U(q, {
 				size: 18,
 				stroke: h,
 				className: "shrink-0",
@@ -1263,47 +1269,48 @@ var Y = /* @__PURE__ */ function(e) {
 		})
 	});
 }), at = F(({ conversations: e, isLoading: t, isUpdatingTitles: i, preserveActiveSearchResult: o, isOpen: s, onSelectConversation: c, activeConversationId: l, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, onVisibleConversationIdsChange: S, activeFilter: C, onActiveFilterChange: w, isFilterTabsHidden: T = !1, hiddenSources: E }) => {
-	let { colors: D, typography: O, newChatButton: A, searchWrapperClassName: j, headerClassName: M, headerActionsClassName: N, newChatButtonClassName: P } = m ?? {}, { title: F, emptyLabel: ee, emptyDescription: te, noResultsLabel: R, noResultsDescription: B, sharedEmptyDescription: H, tabEmptyLabels: ne, loadingLabel: re, updatingTitlesLabel: G, newChatLabel: ie, searchPlaceholder: ae, searchClearLabel: K, filterLabels: oe, groupLabels: se, actionsLabel: q, unreadIndicatorLabel: ce, closeAriaLabel: ue } = f, [de, fe] = V(""), [pe, me] = V(n.All);
+	let { colors: D, typography: O, newChatButton: A, searchWrapperClassName: j, headerClassName: M, headerActionsClassName: N, newChatButtonClassName: P } = m ?? {}, { title: F, emptyLabel: ee, emptyDescription: R, noResultsLabel: z, noResultsDescription: V, sharedEmptyDescription: te, tabEmptyLabels: G, loadingLabel: ne, updatingTitlesLabel: K, newChatLabel: re, searchPlaceholder: ie, searchClearLabel: ae, filterLabels: q, groupLabels: oe, actionsLabel: se, unreadIndicatorLabel: ce, closeAriaLabel: J } = f, [ue, de] = H(""), [fe, pe] = H(n.All);
 	L(() => {
-		C != null && me(C);
+		C != null && pe(C);
 	}, [C]);
-	let he = I((e) => {
-		fe(e ?? "");
-	}, []), ge = r({
+	let me = I((e) => {
+		de(e ?? "");
+	}, []), he = r({
 		"--cp-text": D?.text,
 		"--cp-new-chat-bg": A?.background,
 		"--cp-new-chat-text": A?.text,
 		"--cp-new-chat-focus-outline": A?.focusOutline
-	}), J = z(() => ({
+	}), Y = B(() => ({
 		emptyLabel: ee,
-		emptyDescription: te,
-		noResultsLabel: R,
-		noResultsDescription: B,
-		sharedEmptyDescription: H,
-		tabEmptyLabels: ne,
-		loadingLabel: re,
-		updatingTitlesLabel: G,
-		groupLabels: se,
-		actionsLabel: q,
+		emptyDescription: R,
+		noResultsLabel: z,
+		noResultsDescription: V,
+		sharedEmptyDescription: te,
+		tabEmptyLabels: G,
+		loadingLabel: ne,
+		updatingTitlesLabel: K,
+		groupLabels: oe,
+		actionsLabel: se,
 		unreadIndicatorLabel: ce
 	}), [
 		ee,
-		te,
 		R,
-		B,
-		H,
-		ne,
-		re,
+		z,
+		V,
+		te,
 		G,
+		ne,
+		K,
+		oe,
 		se,
-		q,
 		ce
-	]), _e = z(() => ({
+	]), ge = B(() => ({
 		colors: D,
 		typography: {
 			fontFamily: O?.fontFamily,
 			groupHeaderClassName: O?.groupHeaderClassName,
-			itemTitleClassName: O?.itemTitleClassName
+			itemTitleClassName: O?.itemTitleClassName,
+			unreadItemTitleClassName: O?.unreadItemTitleClassName
 		},
 		itemIconBadgeClassName: m?.itemIconBadgeClassName
 	}), [
@@ -1311,6 +1318,7 @@ var Y = /* @__PURE__ */ function(e) {
 		O?.fontFamily,
 		O?.groupHeaderClassName,
 		O?.itemTitleClassName,
+		O?.unreadItemTitleClassName,
 		m?.itemIconBadgeClassName
 	]);
 	return /* @__PURE__ */ W(d, {
@@ -1320,7 +1328,7 @@ var Y = /* @__PURE__ */ function(e) {
 		title: F,
 		labels: {
 			ariaLabel: F,
-			closeLabel: ue
+			closeLabel: J
 		},
 		onClose: y,
 		styles: {
@@ -1330,7 +1338,7 @@ var Y = /* @__PURE__ */ function(e) {
 			},
 			typography: { fontClassName: O?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: ge,
+			cssVars: he,
 			titleClassName: O?.fontClassName,
 			headerClassName: a("h-[64px]", M),
 			headerActionsClassName: N,
@@ -1339,7 +1347,7 @@ var Y = /* @__PURE__ */ function(e) {
 		rightActions: b,
 		children: [
 			/* @__PURE__ */ U(it, {
-				label: ie,
+				label: re,
 				onClick: p,
 				labelClassName: O?.newChatLabelClassName,
 				colors: A,
@@ -1350,18 +1358,18 @@ var Y = /* @__PURE__ */ function(e) {
 				className: a("px-3 py-2", le.search),
 				children: /* @__PURE__ */ U(k, {
 					wrapperClassName: a(Q.search, j),
-					value: de,
-					onChange: he,
-					placeholder: ae,
-					clearLabel: K,
-					"aria-label": ae
+					value: ue,
+					onChange: me,
+					placeholder: ie,
+					clearLabel: ae,
+					"aria-label": ie
 				})
 			}),
 			!T && /* @__PURE__ */ U(nt, {
-				activeTab: pe,
-				labels: oe,
+				activeTab: fe,
+				labels: q,
 				onChange: (e) => {
-					me(e), w?.(e);
+					pe(e), w?.(e);
 				},
 				tabClassName: O?.tabClassName,
 				hiddenSources: E
@@ -1373,20 +1381,20 @@ var Y = /* @__PURE__ */ function(e) {
 				preserveActiveSearchResult: o,
 				onSelectConversation: c,
 				activeConversationId: l,
-				labels: J,
-				searchQuery: de,
-				activeFilter: pe,
+				labels: Y,
+				searchQuery: ue,
+				activeFilter: fe,
 				hiddenSources: E,
 				getActions: _,
 				onActionMenuOpen: v,
 				onMoveConversation: x,
 				onVisibleConversationIdsChange: S,
-				styles: _e
+				styles: ge
 			})
 		]
 	});
 }), ot = F(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [f, g] = V(t), [_, v] = V(!1), [y, x] = V(null), E = B(null), k = B(!1), A = B(0);
+	let [f, g] = H(t), [_, v] = H(!1), [y, x] = H(null), E = V(null), k = V(!1), A = V(0);
 	L(() => {
 		let n = e && !k.current;
 		if (k.current = e, !e) {
@@ -1408,7 +1416,7 @@ var Y = /* @__PURE__ */ function(e) {
 		j
 	]), ee = I((e) => {
 		e.key === "Enter" && F();
-	}, [F]), te = I(async () => {
+	}, [F]), R = I(async () => {
 		if (_) return;
 		let e = ++A.current;
 		v(!0), x(null);
@@ -1426,8 +1434,8 @@ var Y = /* @__PURE__ */ function(e) {
 		_,
 		l,
 		u.renameWithAiError
-	]), R = y ?? r ?? void 0, z;
-	return z = N ? u.nameTooLongError : R, /* @__PURE__ */ U(D, {
+	]), z = y ?? r ?? void 0, B;
+	return B = N ? u.nameTooLongError : z, /* @__PURE__ */ U(D, {
 		open: e,
 		header: u.popupTitle,
 		size: O.Sm,
@@ -1448,7 +1456,7 @@ var Y = /* @__PURE__ */ function(e) {
 				politeness: T.Assertive,
 				visuallyHidden: !0,
 				as: w.Span,
-				children: !n && !N && R
+				children: !n && !N && z
 			}), n ? /* @__PURE__ */ U("div", {
 				className: "h-[120px] px-6 py-4",
 				children: /* @__PURE__ */ U(M, { size: 50 })
@@ -1460,7 +1468,7 @@ var Y = /* @__PURE__ */ function(e) {
 						inputRef: E,
 						value: f,
 						placeholder: u.inputPlaceholder,
-						error: z,
+						error: B,
 						onChange: (e) => g(o(e ?? "")),
 						onKeyDown: ee
 					})
@@ -1469,12 +1477,12 @@ var Y = /* @__PURE__ */ function(e) {
 					tooltipProps: { tooltip: u.renameWithAiLabel },
 					disabled: _ || n,
 					"aria-busy": _,
-					onClick: te,
+					onClick: R,
 					icon: _ ? /* @__PURE__ */ U("span", {
 						className: "flex",
 						"aria-hidden": !0,
 						children: /* @__PURE__ */ U(M, { size: m.MD })
-					}) : /* @__PURE__ */ U(q, {
+					}) : /* @__PURE__ */ U(se, {
 						size: m.MD,
 						stroke: h,
 						"aria-hidden": !0
@@ -1486,4 +1494,4 @@ var Y = /* @__PURE__ */ function(e) {
 });
 ot.displayName = "RenameConversationPopup";
 //#endregion
-export { le as CONVERSATION_PANEL_CLASS, $ as ConversationList, $e as ConversationListHeader, et as ConversationListSection, at as ConversationPanel, X as ConversationRowVariant, Y as ConversationTypeFilter, ot as RenameConversationPopup };
+export { le as CONVERSATION_PANEL_CLASS, $ as ConversationList, $e as ConversationListHeader, et as ConversationListSection, at as ConversationPanel, Z as ConversationRowVariant, X as ConversationTypeFilter, ot as RenameConversationPopup };