@epam/ai-dial-conversation-panel 1.3.0-dev.241 → 1.3.0-dev.244

package/index.js

@@ -1,32 +1,32 @@
 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 ee, useImperativeHandle as F, useLayoutEffect as I, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { IconCaretDownFilled as te, IconCaretRightFilled as ne, IconChevronDown as U, IconChevronRight as W, IconDotsVertical as re, IconFilter2 as ie, IconPlus as ae, IconSearch as oe, IconSparkles as G, IconX as se } from "@tabler/icons-react";
+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 ee, Skeleton as E, SkeletonVariant as D, Spinner as O, mergeClasses as k } from "@epam/ai-dial-ui-kit";
+import { createElement as A, memo as j, useCallback as M, useEffect as N, useId as te, useImperativeHandle as ne, useLayoutEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as re, jsx as R, jsxs as z } from "react/jsx-runtime";
+import { IconCaretDownFilled as B, IconCaretRightFilled as ie, IconChevronDown as V, IconChevronRight as H, IconDotsVertical as ae, IconFilter2 as oe, IconPlus as se, IconSearch as ce, IconSparkles as U, IconX as le } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var ce = {
+var ue = {
 	newChatButton: "dial-cp-new-chat-button",
 	search: "dial-cp-search",
 	list: "dial-cp-list",
 	listHeader: "dial-cp-list-header",
 	listSection: "dial-cp-list-section"
-}, K = typeof window < "u" ? I : P;
-function q(e) {
+}, W = typeof window < "u" ? P : N;
+function G(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
-function le({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = L(() => ({
-		styleHeight: q(o?.height),
-		styleWidth: q(o?.width)
-	}), [o?.height, o?.width]), [l, u] = z({
+function K({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = F(() => ({
+		styleHeight: G(o?.height),
+		styleWidth: G(o?.width)
+	}), [o?.height, o?.width]), [l, u] = L({
 		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 K(() => {
+	return W(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -46,7 +46,7 @@ function le({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), L(() => ({
+	]), F(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -55,23 +55,23 @@ function le({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function ue(e) {
-	let t = R(() => {
+function de(e) {
+	let t = I(() => {
 		throw Error("Cannot call during render.");
 	});
-	return K(() => {
+	return W(() => {
 		t.current = e;
-	}, [e]), N((e) => t.current?.(e), [t]);
+	}, [e]), M((e) => t.current?.(e), [t]);
 }
-var de = null;
+var q = null;
 function fe(e = !1) {
-	if (de === null || e) {
+	if (q === 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 ? de = "positive-descending" : (e.scrollLeft = 1, de = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), de;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? q = "positive-descending" : (e.scrollLeft = 1, q = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), q;
 	}
-	return de;
+	return q;
 }
 function pe({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	if (t === "horizontal" && n) switch (fe()) {
@@ -169,7 +169,7 @@ function ve({ itemCount: e, itemProps: t, itemSize: n }) {
 	};
 }
 function ye({ itemCount: e, itemProps: t, itemSize: n }) {
-	return L(() => ve({
+	return F(() => ve({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -190,20 +190,20 @@ function be({ containerSize: e, itemSize: t }) {
 	return n;
 }
 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 } = le({
+	let { height: u = n, width: d = n } = K({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = R({
+	}), f = I({
 		height: 0,
 		width: 0
 	}), p = r === "vertical" ? u : d, m = be({
 		containerSize: p,
 		itemSize: s
 	});
-	I(() => {
+	P(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -220,7 +220,7 @@ function xe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = N((e) => h.get(e), [h]), [_, v] = z(() => _e({
+	}), g = M((e) => h.get(e), [h]), [_, v] = L(() => _e({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -231,7 +231,7 @@ function xe({ 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 = N(() => he({
+	}, C = M(() => he({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -239,7 +239,7 @@ function xe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = N((t) => {
+	]), w = M((t) => {
 		let n = pe({
 			containerElement: e,
 			direction: r,
@@ -262,14 +262,14 @@ function xe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return K(() => {
+	return W(() => {
 		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
 		v(w(t));
 	}, [
 		e,
 		r,
 		w
-	]), K(() => {
+	]), W(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
@@ -301,7 +301,7 @@ function xe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: ue(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+		scrollToIndex: de(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
 			let s = ge({
 				align: t,
 				cachedBounds: h,
@@ -331,7 +331,7 @@ function xe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	};
 }
 function Se(e) {
-	return L(() => e, Object.values(e));
+	return F(() => e, Object.values(e));
 }
 function Ce(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
@@ -342,18 +342,18 @@ function we(e) {
 }
 var Te = "data-react-window-index";
 function Ee({ 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 = Se(u), h = L(() => M(s, Ce), [s]), [g, _] = z(null), v = we(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = xe({
+	let m = Se(u), h = F(() => j(s, Ce), [s]), [g, _] = L(null), v = we(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: L(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: F(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	F(r, () => ({
+	ne(r, () => ({
 		get element() {
 			return g;
 		},
@@ -368,7 +368,7 @@ function Ee({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), K(() => {
+	}), [g, x]), W(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -382,7 +382,7 @@ function Ee({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), P(() => {
+	]), N(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -397,11 +397,11 @@ function Ee({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = L(() => {
+	let ee = F(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ j(h, {
+			e.push(/* @__PURE__ */ A(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -428,7 +428,7 @@ function Ee({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ V("div", {
+	]), E = /* @__PURE__ */ R("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -436,7 +436,7 @@ function Ee({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return j(d, {
+	return A(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -448,7 +448,7 @@ function Ee({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, E, e, D);
+	}, ee, e, E);
 }
 //#endregion
 //#region src/types/conversation-kind.ts
@@ -465,25 +465,32 @@ var Y = /* @__PURE__ */ function(e) {
 }, Ae = (e, t) => !t || e.title.toLowerCase().includes(t.toLowerCase()), je = (e) => `${60 + e * 23 % 35}%`, Me = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Ne = (e, t) => {
 	let n = t.rows[e];
 	return t.rowVariant === X.Indicator ? n.kind === De.Item ? 34 : e === 0 ? 32 : 40 : n.kind === De.Item ? 36 : e === 0 ? 24 : 56;
-}, Z = 5, Pe = (e) => Math.max(Z, Math.ceil(Math.ceil(e / 36) / 2)), Fe = (e) => {
+}, Pe = 5, Fe = (e) => Math.max(Pe, Math.ceil(Math.ceil(e / 36) / 2)), Ie = (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 === De.Item && r.add(t.item.id);
+	}
+	return [...r];
+}, Le = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), Z = (e) => {
 	switch (e) {
 		case n.Shared: return n.Shared;
 		case n.Organization: return n.Organization;
 		default: return n.MyChats;
 	}
-}, Ie = (e, t) => {
+}, Re = (e, t) => {
 	let n = null;
 	for (let r of e) if (r.kind === De.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, Le = (e, t, r) => {
+}, ze = (e, t, r) => {
 	let i = /* @__PURE__ */ new Set();
 	if (t != null && i.add(t), t === n.Pinned) {
 		let t = r.find((t) => t.id === e);
-		t && i.add(Fe(t.source));
+		t && i.add(Z(t.source));
 	} else i.add(n.Pinned);
 	return i;
-}, Re = (e, t, n, r) => {
+}, Be = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -506,9 +513,9 @@ var Y = /* @__PURE__ */ function(e) {
 	unreadDot: "_unreadDot_gcqru_51",
 	search: "_search_gcqru_59",
 	list: "_list_gcqru_70"
-}, ze = ({ 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 }) => {
+}, Ve = ({ 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;
-	return /* @__PURE__ */ H("button", {
+	return /* @__PURE__ */ z("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -524,25 +531,25 @@ 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__ */ V(te, {
+			!p && (t ? /* @__PURE__ */ R(B, {
 				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, {
+			}) : /* @__PURE__ */ R(ie, {
 				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", {
+			p ? /* @__PURE__ */ R("span", {
 				className: "max-w-full min-w-0",
-				children: /* @__PURE__ */ V(v, { text: e })
-			}) : /* @__PURE__ */ V(v, { text: e }),
-			p && (t ? /* @__PURE__ */ V(U, {
+				children: /* @__PURE__ */ R(v, { text: e })
+			}) : /* @__PURE__ */ R(v, { text: e }),
+			p && (t ? /* @__PURE__ */ R(V, {
 				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(W, {
+			}) : /* @__PURE__ */ R(H, {
 				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]",
@@ -550,117 +557,117 @@ var Y = /* @__PURE__ */ function(e) {
 			}))
 		]
 	});
-}, Be = 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 = X.Avatar, rowGroupKey: v, rows: y, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: k, onDragLeave: A, onDrop: j }) => {
-	let [M, P] = z(!1), ee = R(null), F = N((t) => {
-		P(t), t && ee.current && s?.(e, ee.current);
-	}, [e, s]), I = L(() => o?.(e) ?? [], [o, e]), B = I.length > 0, te = L(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), ne = L(() => ({ badgeClassName: u }), [u]), U = p === X.Indicator, W = e.leadingIcon ? /* @__PURE__ */ V("span", {
+}, He = j(({ 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: ee, onDragOver: O, onDragLeave: k, onDrop: A }) => {
+	let [j, N] = L(!1), te = I(null), ne = M((t) => {
+		N(t), t && te.current && s?.(e, te.current);
+	}, [e, s]), P = F(() => o?.(e) ?? [], [o, e]), re = P.length > 0, B = F(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), ie = F(() => ({ badgeClassName: u }), [u]), V = p === X.Indicator, H = e.leadingIcon ? /* @__PURE__ */ R("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
 		children: e.leadingIcon
-	}) : e.isIconLoading ? /* @__PURE__ */ V(D, {
-		variant: O.Circular,
+	}) : e.isIconLoading ? /* @__PURE__ */ R(E, {
+		variant: D.Circular,
 		width: m.LG,
 		height: m.LG,
 		color: Q.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ V(t, {
+	}) : /* @__PURE__ */ R(t, {
 		src: e.iconUrl,
 		size: m.LG,
 		initialsName: e.iconTooltip ?? "",
-		labels: te,
-		styles: ne
-	}), ie = Me(B, M), ae = /* @__PURE__ */ H("span", {
+		labels: B,
+		styles: ie
+	}), oe = Me(re, j), se = /* @__PURE__ */ z("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ V("span", {
+		children: [/* @__PURE__ */ R("span", {
 			className: a("size-2 rounded-full", e.isUnread ? a("size-[7.11px]", Q.unreadDot) : Q.indicatorDot),
 			"aria-hidden": !0
-		}), e.isUnread && /* @__PURE__ */ V("span", {
+		}), e.isUnread && /* @__PURE__ */ R("span", {
 			className: "sr-only",
 			children: d
 		})]
-	}), oe = e.isUnread && !U ? /* @__PURE__ */ H("span", {
+	}), ce = e.isUnread && !V ? /* @__PURE__ */ z("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ V("span", {
-			className: a("size-[7.11px] rounded-full", Q.unreadDot, B && (M ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+		children: [/* @__PURE__ */ R("span", {
+			className: a("size-[7.11px] rounded-full", Q.unreadDot, re && (j ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
 			"aria-hidden": !0
-		}), /* @__PURE__ */ V("span", {
+		}), /* @__PURE__ */ R("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;
+	}) : void 0, U = v != null, le = M((e) => {
+		e.currentTarget.contains(e.relatedTarget) || k?.();
+	}, [k]), ue = M((t) => {
+		if (!v || !y || !A) return;
 		t.preventDefault();
-		let n = Re(t, e.id, y, v);
-		j(e.id, v, n);
+		let n = Be(t, e.id, y, v);
+		A(e.id, v, n);
 	}, [
 		e.id,
 		y,
 		v,
-		j
-	]), K = e.id === S, q = e.id === C, le = v != null && (w?.has(v) ?? !1), ue = S != null;
-	return /* @__PURE__ */ H("li", {
-		className: a("group/conversation relative", K && "cursor-grabbing opacity-50", q && le && "rounded", q && le && Q.dropZoneActive, ue && !K && !le && "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);
+		A
+	]), W = e.id === S, G = e.id === C, K = v != null && (w?.has(v) ?? !1), de = S != null;
+	return /* @__PURE__ */ z("li", {
+		className: a("group/conversation relative", W && "cursor-grabbing opacity-50", G && K && "rounded", G && K && Q.dropZoneActive, de && !W && !K && "cursor-not-allowed"),
+		draggable: U || void 0,
+		onDragStart: U ? () => T?.(e.id) : void 0,
+		onDragEnd: U ? ee : void 0,
+		onDragOver: U ? (t) => {
+			t.preventDefault(), O?.(e.id);
 		} : void 0,
-		onDragLeave: G ? se : void 0,
-		onDrop: G ? ce : void 0,
-		children: [/* @__PURE__ */ V("a", {
+		onDragLeave: U ? le : void 0,
+		onDrop: U ? ue : void 0,
+		children: [/* @__PURE__ */ R("a", {
 			href: e.href,
 			className: "contents",
 			onClick: (t) => {
 				e.href && (t.preventDefault(), r(e.id));
 			},
-			children: /* @__PURE__ */ V(f, {
-				iconBefore: U ? ae : W,
-				label: /* @__PURE__ */ V(x, {
+			children: /* @__PURE__ */ R(f, {
+				iconBefore: V ? se : H,
+				label: /* @__PURE__ */ R(x, {
 					text: e.title,
 					query: i,
 					className: e.isUnread ? "dial-small-semi-text" : l,
 					maxLines: 1
 				}),
-				iconAfter: oe,
+				iconAfter: ce,
 				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", U ? "gap-0.5 ps-0" : "gap-2 ps-3", ie, Q.item, U && Q.itemIndicator, n && Q.itemActive, M && Q.itemActive)
+				className: a("h-8 w-full justify-start py-2 after:pointer-events-none", V ? "gap-0.5 ps-0" : "gap-2 ps-3", oe, Q.item, V && Q.itemIndicator, n && Q.itemActive, j && Q.itemActive)
 			})
-		}), B && /* @__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: I,
-				onOpenChange: F,
+		}), re && /* @__PURE__ */ R("div", {
+			className: a("absolute inset-y-0 flex items-center", V ? "end-2" : "end-1", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ R(g, {
+				items: P,
+				onOpenChange: ne,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ V(b, {
-					ref: ee,
-					icon: /* @__PURE__ */ V(re, {
-						size: U ? m.SM : m.MD,
+				children: /* @__PURE__ */ R(b, {
+					ref: te,
+					icon: /* @__PURE__ */ R(ae, {
+						size: V ? m.SM : m.MD,
 						className: Q.triggerIcon,
 						"aria-hidden": !0,
 						stroke: h
 					}),
 					size: _.Small,
 					"aria-label": c,
-					className: a(U && "!size-6 !min-h-0 !min-w-0 !p-1", M && Q.triggerActive)
+					className: a(V && "!size-6 !min-h-0 !min-w-0 !p-1", j && Q.triggerActive)
 				})
 			})
 		})]
 	});
-}), Ve = (e, t) => t ? e === 0 ? "pt-2" : "pt-4" : e === 0 ? "pt-0" : "pt-8", He = ({ 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 }) => {
+}), Ue = (e, t) => t ? e === 0 ? "pt-2" : "pt-4" : e === 0 ? "pt-0" : "pt-8", We = ({ 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 === De.Header) {
 		let r = w.groupKey === n.Pinned;
-		return /* @__PURE__ */ V("div", {
+		return /* @__PURE__ */ R("div", {
 			role: "listitem",
 			style: t,
-			className: Ve(e, T),
-			children: /* @__PURE__ */ V(ze, {
+			className: Ue(e, T),
+			children: /* @__PURE__ */ R(Ve, {
 				variant: h,
 				label: w.label,
 				isExpanded: i.has(w.groupKey),
@@ -675,11 +682,11 @@ var Y = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ R("div", {
 		role: "presentation",
 		style: t,
 		className: T ? "pt-0.5" : "pt-1",
-		children: /* @__PURE__ */ V(Be, {
+		children: /* @__PURE__ */ R(He, {
 			variant: h,
 			item: w.item,
 			isActive: w.item.id === s,
@@ -703,58 +710,58 @@ var Y = /* @__PURE__ */ function(e) {
 			onDrop: C
 		})
 	});
-}, Ue = /* @__PURE__ */ new Set([
+}, Ge = /* @__PURE__ */ new Set([
 	n.Pinned,
 	n.MyChats,
 	n.Shared,
 	n.Organization
-]), $ = M(({ 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, styles: b, id: x, className: S }) => {
-	let { colors: C, typography: w, itemIconBadgeClassName: T } = b ?? {}, { emptyLabel: E, emptyDescription: O, noResultsLabel: k, noResultsDescription: A, sharedEmptyDescription: j = A, tabEmptyLabels: M, loadingLabel: F = "Loading conversations", updatingTitlesLabel: I = "Updating conversation names", groupLabels: B, actionsLabel: te, unreadIndicatorLabel: ne } = d, U = L(() => h?.length ? e.filter((e) => e.source == null || !h.includes(e.source)) : e, [e, h]), [W, re] = z(() => Ue), [ie, ae] = z(5), oe = ee(), G = R(null), se = R(null), [K, q] = z(null), [le, ue] = z(null), [de, fe] = z(null), pe = R(null), J = R(null), me = N(({ height: e }) => {
-		ae(Pe(e));
-	}, []), he = N((e) => {
-		re((t) => {
+]), Ke = j(({ 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: C }) => {
+	let { colors: w, typography: T, itemIconBadgeClassName: ee } = x ?? {}, { emptyLabel: D, emptyDescription: O, noResultsLabel: k, noResultsDescription: A, sharedEmptyDescription: j = A, tabEmptyLabels: ne, loadingLabel: P = "Loading conversations", updatingTitlesLabel: re = "Updating conversation names", groupLabels: B, actionsLabel: ie, unreadIndicatorLabel: V } = d, H = F(() => h?.length ? e.filter((e) => e.source == null || !h.includes(e.source)) : e, [e, h]), [ae, oe] = L(() => Ge), [se, ce] = L(5), U = te(), le = I(null), W = I(null), [G, K] = L(null), [de, q] = L(null), [fe, pe] = L(null), J = I(null), me = I(null), he = M(({ height: e }) => {
+		ce(Fe(e));
+	}, []), ge = M((e) => {
+		oe((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), ge = N(() => {
-		pe.current = null, J.current = null, q(null), ue(null), fe(null);
-	}, []), _e = N((e, t) => {
-		let n = Le(e, Ie(t, e), U);
-		pe.current = e, J.current = n, q(e), fe(n);
-	}, [U]), ve = N(() => {
-		ge();
-	}, [ge]), ye = N((e) => {
-		ue(e);
-	}, []), be = N(() => {
-		ue(null);
-	}, []), xe = N((e, t, n) => {
-		let r = pe.current, i = J.current;
-		ge(), r != null && r !== e && i?.has(t) && y?.({
+	}, []), _e = M(() => {
+		J.current = null, me.current = null, K(null), q(null), pe(null);
+	}, []), ve = M((e, t) => {
+		let n = ze(e, Re(t, e), H);
+		J.current = e, me.current = n, K(e), pe(n);
+	}, [H]), ye = M(() => {
+		_e();
+	}, [_e]), be = M((e) => {
+		q(e);
+	}, []), xe = M(() => {
+		q(null);
+	}, []), Se = M((e, t, n) => {
+		let r = J.current, i = me.current;
+		_e(), r != null && r !== e && i?.has(t) && y?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [ge, y]), Se = r({
-		"--cp-item-hover": C?.itemHover,
-		"--cp-item-active": C?.itemActive,
-		"--cp-text": C?.text,
-		"--cp-text-secondary": C?.textSecondary,
-		"--cp-drop-zone-ring": C?.dropZoneRing,
-		"--cp-trigger-bg": C?.triggerBackground,
-		"--cp-trigger-icon": C?.triggerIcon,
-		"--cp-trigger-icon-idle": C?.triggerIconIdle,
-		"--cp-skeleton-color": C?.skeletonColor,
-		"--cp-unread-dot": C?.unreadDot,
-		"--cp-indicator-dot": C?.indicatorDot,
-		"--cp-list-font-family": w?.fontFamily
-	}), [Ce, we] = z(null);
-	P(() => {
+	}, [_e, y]), Ce = r({
+		"--cp-item-hover": w?.itemHover,
+		"--cp-item-active": w?.itemActive,
+		"--cp-text": w?.text,
+		"--cp-text-secondary": w?.textSecondary,
+		"--cp-drop-zone-ring": w?.dropZoneRing,
+		"--cp-trigger-bg": w?.triggerBackground,
+		"--cp-trigger-icon": w?.triggerIcon,
+		"--cp-trigger-icon-idle": w?.triggerIconIdle,
+		"--cp-skeleton-color": w?.skeletonColor,
+		"--cp-unread-dot": w?.unreadDot,
+		"--cp-indicator-dot": w?.indicatorDot,
+		"--cp-list-font-family": T?.fontFamily
+	}), [we, Te] = L(null);
+	N(() => {
 		if (!o || !f || !u) {
-			we(null);
+			Te(null);
 			return;
 		}
-		let e = U.find((e) => e.id === u);
-		we((t) => e && Ae(e, f) ? t?.id === e.id && t.query === f ? t : {
+		let e = H.find((e) => e.id === u);
+		Te((t) => e && Ae(e, f) ? t?.id === e.id && t.query === f ? t : {
 			id: e.id,
 			query: f
 		} : t?.id === u && t.query === f ? t : null);
@@ -762,10 +769,10 @@ var Y = /* @__PURE__ */ function(e) {
 		o,
 		f,
 		u,
-		U
+		H
 	]);
-	let Te = N((e) => {
-		o && f && we({
+	let Me = M((e) => {
+		o && f && Te({
 			id: e,
 			query: f
 		}), s(e);
@@ -773,162 +780,177 @@ var Y = /* @__PURE__ */ function(e) {
 		o,
 		f,
 		s
-	]), Me = o && f !== "" && Ce?.query === f && Ce.id === u ? Ce.id : void 0, Z = L(() => U.filter((e) => Oe(e, p) && ke(e, m) && (Ae(e, f) || e.id === Me)), [
-		U,
+	]), Pe = o && f !== "" && we?.query === f && we.id === u ? we.id : void 0, Z = F(() => H.filter((e) => Oe(e, p) && ke(e, m) && (Ae(e, f) || e.id === Pe)), [
+		H,
 		p,
 		m,
 		f,
-		Me
-	]), Fe = L(() => Z.filter((e) => e.isPinned), [Z]), Re = L(() => Z.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Z]), ze = L(() => Z.filter((e) => !e.isPinned && e.source === n.Shared), [Z]), Be = L(() => Z.filter((e) => !e.isPinned && e.source === n.Organization), [Z]), Ve = L(() => [
+		Pe
+	]), Be = F(() => Z.filter((e) => e.isPinned), [Z]), Ve = F(() => Z.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Z]), He = F(() => Z.filter((e) => !e.isPinned && e.source === n.Shared), [Z]), Ue = F(() => Z.filter((e) => !e.isPinned && e.source === n.Organization), [Z]), Ke = F(() => [
 		{
 			key: n.Pinned,
 			label: B?.pinned ?? "Pinned",
-			items: Fe
+			items: Be
 		},
 		{
 			key: n.MyChats,
 			label: B?.myChats ?? "My chats",
-			items: Re
+			items: Ve
 		},
 		{
 			key: n.Shared,
 			label: B?.shared ?? "Shared",
-			items: ze
+			items: He
 		},
 		{
 			key: n.Organization,
 			label: B?.organization ?? "Organization",
-			items: Be
+			items: Ue
 		}
 	], [
 		B,
-		Fe,
-		Re,
-		ze,
-		Be
-	]), $ = L(() => {
+		Be,
+		Ve,
+		He,
+		Ue
+	]), $ = F(() => {
 		let e = [];
-		for (let t of Ve) if (t.items.length !== 0 && (e.push({
+		for (let t of Ke) if (t.items.length !== 0 && (e.push({
 			kind: De.Header,
 			groupKey: t.key,
 			label: t.label
-		}), W.has(t.key))) for (let n of t.items) e.push({
+		}), ae.has(t.key))) for (let n of t.items) e.push({
 			kind: De.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Ve, W]);
-	P(() => {
-		if (!u || se.current === u) return;
+	}, [Ke, ae]);
+	N(() => {
+		if (!u || W.current === u) return;
 		let e = $.findIndex((e) => e.kind === De.Item && e.item.id === u);
-		e >= 0 && (G.current?.scrollToRow({
+		e >= 0 && (le.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), se.current = u);
+		}), W.current = u);
 	}, [
 		u,
-		Ve,
-		W,
+		Ke,
+		ae,
 		$
 	]);
-	let We = R($);
-	P(() => {
-		We.current = $;
+	let qe = I($);
+	N(() => {
+		qe.current = $;
 	}, [$]);
-	let Ge = N((e) => _e(e, We.current), [_e]), Ke = L(() => ({
+	let Je = M((e) => ve(e, qe.current), [ve]), Ye = F(() => ({
 		rows: $,
-		expandedGroups: W,
-		onToggleGroup: he,
-		listId: oe,
+		expandedGroups: ae,
+		onToggleGroup: ge,
+		listId: U,
 		activeConversationId: u,
 		searchQuery: f,
-		onSelectConversation: Te,
+		onSelectConversation: Me,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: te,
-		unreadIndicatorLabel: ne,
+		actionsLabel: ie,
+		unreadIndicatorLabel: V,
 		rowVariant: g,
 		styles: {
-			groupHeaderClassName: w?.groupHeaderClassName,
-			itemTitleClassName: w?.itemTitleClassName,
-			itemIconBadgeClassName: T
+			groupHeaderClassName: T?.groupHeaderClassName,
+			itemTitleClassName: T?.itemTitleClassName,
+			itemIconBadgeClassName: ee
 		},
-		draggingId: K,
-		dragOverId: le,
-		allowedDropGroups: de,
-		onDragStart: Ge,
-		onDragEnd: ve,
-		onDragOver: ye,
-		onDragLeave: be,
-		onDrop: xe
+		draggingId: G,
+		dragOverId: de,
+		allowedDropGroups: fe,
+		onDragStart: Je,
+		onDragEnd: ye,
+		onDragOver: be,
+		onDragLeave: xe,
+		onDrop: Se
 	}), [
 		$,
-		W,
-		he,
-		oe,
+		ae,
+		ge,
+		U,
 		u,
 		f,
-		Te,
+		Me,
 		_,
 		v,
-		te,
-		ne,
+		ie,
+		V,
 		g,
-		w?.groupHeaderClassName,
-		w?.itemTitleClassName,
-		T,
-		K,
-		le,
+		T?.groupHeaderClassName,
+		T?.itemTitleClassName,
+		ee,
+		G,
 		de,
-		Ge,
-		ve,
+		fe,
+		Je,
 		ye,
 		be,
-		xe
-	]), qe = f !== "" || p !== n.All || m !== Y.All, Je = Z.length === 0, Ye = Je && qe, Xe = Je && !qe, Ze = Ye && f === "" && m === Y.All ? M?.[p] : void 0, Qe = Ze?.label ?? k, $e = p === n.Shared && f === "" ? j : A, et = Ze?.description ?? $e;
-	return /* @__PURE__ */ H("div", {
-		id: x,
-		style: Se,
-		className: a("flex-1 overflow-hidden px-3", Q.list, w?.fontClassName, g !== X.Indicator && "py-1", S, ce.list),
-		children: [/* @__PURE__ */ V("span", {
+		xe,
+		Se
+	]), Xe = f !== "" || p !== n.All || m !== Y.All, Ze = Z.length === 0, Qe = Ze && Xe, $e = Ze && !Xe, et = Qe && f === "" && m === Y.All ? ne?.[p] : void 0, tt = et?.label ?? k, nt = p === n.Shared && f === "" ? j : A, rt = et?.description ?? nt, it = !t && !Ze, at = I(null), ot = I(null), st = I(b);
+	N(() => {
+		st.current = b;
+	}, [b]);
+	let ct = M((e) => {
+		ot.current && Le(ot.current, e) || (ot.current = e, st.current?.(e));
+	}, []), lt = M((e) => {
+		at.current = e, ct(Ie($, e));
+	}, [$, ct]);
+	return N(() => {
+		it ? at.current && ct(Ie($, at.current)) : (at.current = null, ct([]));
+	}, [
+		it,
+		$,
+		ct
+	]), /* @__PURE__ */ z("div", {
+		id: S,
+		style: Ce,
+		className: a("flex-1 overflow-hidden px-3", Q.list, T?.fontClassName, g !== X.Indicator && "py-1", C, ue.list),
+		children: [/* @__PURE__ */ R("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: t ? F : i ? I : Xe ? E : Ye ? Qe : ""
-		}), t ? /* @__PURE__ */ V("div", {
+			children: t ? P : i ? re : $e ? D : Qe ? tt : ""
+		}), t ? /* @__PURE__ */ R("div", {
 			className: "flex flex-col gap-3 px-2 py-3",
-			children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ V(D, {
+			children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ R(E, {
 				avatar: { size: 24 },
 				showTitle: { width: je(t) },
 				paragraph: !1,
 				active: !0,
 				color: Q.skeletonColor
 			}, t))
-		}) : Xe ? /* @__PURE__ */ V(c, {
-			label: E,
+		}) : $e ? /* @__PURE__ */ R(c, {
+			label: D,
 			description: O
-		}) : Ye && f !== "" && i ? /* @__PURE__ */ V(c, { label: I }) : Ye ? /* @__PURE__ */ V(l, {
-			label: Qe,
-			description: et
-		}) : /* @__PURE__ */ V(Ee, {
-			listRef: G,
-			id: oe,
+		}) : Qe && f !== "" && i ? /* @__PURE__ */ R(c, { label: re }) : Qe ? /* @__PURE__ */ R(l, {
+			label: tt,
+			description: rt
+		}) : /* @__PURE__ */ R(Ee, {
+			listRef: le,
+			id: U,
 			role: "list",
 			style: { height: "100%" },
-			rowComponent: He,
+			rowComponent: We,
 			rowCount: $.length,
 			rowHeight: Ne,
-			overscanCount: ie,
-			onResize: me,
-			rowProps: Ke
+			overscanCount: se,
+			onResize: he,
+			onRowsRendered: lt,
+			rowProps: Ye
 		})]
 	});
-}), We = {
+}), $ = {
 	title: "_title_r35fs_2",
 	filterIndicator: "_filterIndicator_r35fs_13"
-}, Ge = "!size-6 !min-h-0 !min-w-0 !p-1", Ke = [
+}, qe = "!size-6 !min-h-0 !min-w-0 !p-1", Je = [
 	{
 		value: n.All,
 		getLabel: (e) => e.all
@@ -945,7 +967,7 @@ var Y = /* @__PURE__ */ function(e) {
 		value: n.Organization,
 		getLabel: (e) => e.organization
 	}
-], qe = [
+], Ye = [
 	{
 		value: Y.All,
 		getLabel: (e) => e.all
@@ -958,35 +980,35 @@ var Y = /* @__PURE__ */ function(e) {
 		value: Y.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 = Y.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 = R(null), k = R(null), A = R(c), j = e.filterLabels.groupAriaLabel ?? "Filter chats", M = e.filterActiveLabel ?? "Filters applied", F = ee(), I = d !== n.All || p !== Y.All, z = l != null && u != null;
-	P(() => {
-		c ? k.current?.focus() : A.current && O.current?.focus(), A.current = c;
+], Xe = j(({ 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: w }) => {
+	let T = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", E = S?.typography?.searchTextClassName ?? "dial-tiny-text", D = I(null), O = I(null), k = I(c), A = e.filterLabels.groupAriaLabel ?? "Filter chats", j = e.filterActiveLabel ?? "Filters applied", ne = te(), P = d !== n.All || p !== Y.All, L = l != null && u != null;
+	N(() => {
+		c ? O.current?.focus() : k.current && D.current?.focus(), k.current = c;
 	}, [c]);
-	let te = N(() => {
+	let B = M(() => {
 		u?.(!0);
-	}, [u]), ne = N(() => {
+	}, [u]), ie = M(() => {
 		l?.(""), u?.(!1);
-	}, [l, u]), re = N((e) => {
+	}, [l, u]), ae = M((e) => {
 		l?.(e ?? "");
-	}, [l]), ae = N((e) => {
-		e.key === "Escape" && (e.stopPropagation(), ne());
-	}, [ne]), G = L(() => {
-		let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("span", {
+	}, [l]), se = M((e) => {
+		e.key === "Escape" && (e.stopPropagation(), ie());
+	}, [ie]), U = F(() => {
+		let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ z(re, { children: [/* @__PURE__ */ R("span", {
 			className: "min-w-0 flex-1 truncate text-start",
 			children: e
-		}), /* @__PURE__ */ V("span", {
+		}), /* @__PURE__ */ R("span", {
 			className: "shrink-0 text-secondary",
 			children: t
 		})] }), r = [];
 		if (v) {
-			let e = qe.map(({ value: e, getLabel: n }) => ({
+			let e = Ye.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);
+			})), i = Ye.find(({ value: e }) => e === p);
 			r.push({
 				key: "filter-type",
 				label: t.type ?? "Type",
@@ -995,7 +1017,7 @@ var Y = /* @__PURE__ */ function(e) {
 			});
 		}
 		if (f) {
-			let e = Ke.filter(({ value: e }) => !y?.includes(e)), i = e.find(({ value: e }) => e === d);
+			let e = Je.filter(({ value: e }) => !y?.includes(e)), i = e.find(({ value: e }) => e === d);
 			r.push({
 				key: "filter-origin",
 				label: t.origin ?? "Origin",
@@ -1017,7 +1039,7 @@ var Y = /* @__PURE__ */ function(e) {
 		p,
 		f,
 		v
-	]), K = L(() => r({
+	]), W = F(() => r({
 		"--cp-list-header-title": S?.colors?.title,
 		"--cp-list-header-title-focus": S?.colors?.titleFocus,
 		"--cp-list-header-filter-indicator": S?.colors?.filterIndicator
@@ -1025,148 +1047,148 @@ var Y = /* @__PURE__ */ function(e) {
 		S?.colors?.title,
 		S?.colors?.titleFocus,
 		S?.colors?.filterIndicator
-	]), q = (e) => a("flex min-h-6 items-center justify-between ps-2", e, w, ce.listHeader);
-	if (z && c) return /* @__PURE__ */ H("div", {
+	]), G = (e) => a("flex min-h-6 items-center justify-between ps-2", e, w, ue.listHeader);
+	if (L && c) return /* @__PURE__ */ z("div", {
 		role: "search",
-		style: K,
-		className: q("gap-2"),
-		onKeyDown: ae,
-		children: [/* @__PURE__ */ V(E, {
+		style: W,
+		className: G("gap-2"),
+		onKeyDown: se,
+		children: [/* @__PURE__ */ R(ee, {
 			containerClassName: "min-w-0 flex-1",
-			wrapperClassName: a("!h-6 !min-h-0 !py-1 !pe-2 [&_svg]:!size-4", D),
-			inputRef: k,
+			wrapperClassName: a("!h-6 !min-h-0 !py-1 !pe-2 [&_svg]:!size-4", E),
+			inputRef: O,
 			value: s,
-			onChange: re,
+			onChange: ae,
 			placeholder: e.searchPlaceholder,
 			clearLabel: e.searchClearLabel,
 			"aria-label": e.searchPlaceholder
-		}), /* @__PURE__ */ V(b, {
-			icon: /* @__PURE__ */ V(se, {
+		}), /* @__PURE__ */ R(b, {
+			icon: /* @__PURE__ */ R(le, {
 				size: m.SM,
 				stroke: h,
 				"aria-hidden": !0
 			}),
 			size: _.Small,
-			className: Ge,
+			className: qe,
 			"aria-label": e.searchCloseLabel,
-			onClick: ne
+			onClick: ie
 		})]
 	});
-	let le = /* @__PURE__ */ V("span", {
+	let K = /* @__PURE__ */ R("span", {
 		className: T,
 		children: e.title
 	});
-	return /* @__PURE__ */ H("div", {
-		style: K,
-		className: q(),
-		children: [i ? /* @__PURE__ */ H("button", {
+	return /* @__PURE__ */ z("div", {
+		style: W,
+		className: G(),
+		children: [i ? /* @__PURE__ */ z("button", {
 			type: "button",
 			"aria-expanded": t,
 			"aria-controls": o,
 			onClick: i,
-			className: a("group flex items-center gap-1 rounded", We.title),
-			children: [le, t ? /* @__PURE__ */ V(U, {
+			className: a("group flex items-center gap-1 rounded", $.title),
+			children: [K, t ? /* @__PURE__ */ R(V, {
 				size: m.SM,
 				stroke: h,
 				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
 				"aria-hidden": !0
-			}) : /* @__PURE__ */ V(W, {
+			}) : /* @__PURE__ */ R(H, {
 				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: le
-		}), /* @__PURE__ */ H("div", {
+		}) : /* @__PURE__ */ R("span", {
+			className: $.title,
+			children: K
+		}), /* @__PURE__ */ z("div", {
 			className: "flex items-center gap-2",
 			children: [
-				z && /* @__PURE__ */ V(b, {
-					ref: O,
-					icon: /* @__PURE__ */ V(oe, {
+				L && /* @__PURE__ */ R(b, {
+					ref: D,
+					icon: /* @__PURE__ */ R(ce, {
 						size: m.SM,
 						stroke: h,
 						"aria-hidden": !0
 					}),
 					size: _.Small,
-					className: Ge,
+					className: qe,
 					"aria-label": e.searchOpenLabel,
-					onClick: te
+					onClick: B
 				}),
-				(f || v) && /* @__PURE__ */ V(g, {
-					items: G,
+				(f || v) && /* @__PURE__ */ R(g, {
+					items: U,
 					placement: "bottom-end",
 					matchReferenceWidth: !1,
-					children: /* @__PURE__ */ V(b, {
-						icon: /* @__PURE__ */ H("span", {
+					children: /* @__PURE__ */ R(b, {
+						icon: /* @__PURE__ */ z("span", {
 							className: "relative inline-flex",
-							children: [/* @__PURE__ */ V(ie, {
+							children: [/* @__PURE__ */ R(oe, {
 								size: m.SM,
 								stroke: h,
 								"aria-hidden": !0
-							}), I && /* @__PURE__ */ V("span", {
+							}), P && /* @__PURE__ */ R("span", {
 								"aria-hidden": !0,
-								className: a(We.filterIndicator, "absolute -end-0.5 -top-0.5 size-1.5 rounded-full")
+								className: a($.filterIndicator, "absolute -end-0.5 -top-0.5 size-1.5 rounded-full")
 							})]
 						}),
 						size: _.Small,
-						className: Ge,
-						"aria-label": j,
-						"aria-describedby": I ? F : void 0
+						className: qe,
+						"aria-label": A,
+						"aria-describedby": P ? ne : void 0
 					})
 				}),
-				I && (f || v) && /* @__PURE__ */ V("span", {
-					id: F,
+				P && (f || v) && /* @__PURE__ */ R("span", {
+					id: ne,
 					className: "sr-only",
-					children: M
+					children: j
 				}),
 				x
 			]
 		})]
 	});
-}), Ye = M(({ 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, styles: y, listClassName: b, className: x }) => {
-	let S = ee(), [C, w] = z(""), [T, E] = z(!1), [D, O] = z(!0), [k, A] = z(n.All), [j, M] = z(Y.All);
-	P(() => {
+}), Ze = j(({ 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 = te(), [w, T] = L(""), [ee, E] = L(!1), [D, O] = L(!0), [k, A] = L(n.All), [j, ne] = L(Y.All);
+	N(() => {
 		l != null && A(l);
 	}, [l]);
-	let F = N((e) => {
+	let P = M((e) => {
 		A(e), d?.(e);
-	}, [d]), I = N((e) => {
-		w(e), e !== "" && O(!0);
-	}, []), L = N((e) => {
+	}, [d]), F = M((e) => {
+		T(e), e !== "" && O(!0);
+	}, []), I = M((e) => {
 		E(e), e && O(!0);
-	}, []), R = N((e) => {
-		M(e), p?.(e);
-	}, [p]), B = N(() => O((e) => !e), []);
-	return /* @__PURE__ */ H("section", {
+	}, []), re = M((e) => {
+		ne(e), p?.(e);
+	}, [p]), B = M(() => O((e) => !e), []);
+	return /* @__PURE__ */ z("section", {
 		"aria-label": c.title,
-		className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", x, ce.listSection),
-		children: [/* @__PURE__ */ V("div", {
+		className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", S, ue.listSection),
+		children: [/* @__PURE__ */ R("div", {
 			className: "px-3 pb-2",
-			children: /* @__PURE__ */ V(Je, {
+			children: /* @__PURE__ */ R(Xe, {
 				labels: c,
 				isExpanded: D,
 				onToggleExpanded: B,
-				controlsId: S,
-				searchQuery: C,
-				isSearchOpen: T,
-				onSearchChange: I,
-				onSearchOpenChange: L,
+				controlsId: C,
+				searchQuery: w,
+				isSearchOpen: ee,
+				onSearchChange: F,
+				onSearchOpenChange: I,
 				activeFilter: k,
-				onFilterChange: u ? void 0 : F,
+				onFilterChange: u ? void 0 : P,
 				activeTypeFilter: j,
-				onTypeFilterChange: u || f ? void 0 : R,
+				onTypeFilterChange: u || f ? void 0 : re,
 				hiddenSources: m,
 				actions: h,
-				styles: y?.header
+				styles: b?.header
 			})
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ R("div", {
 			hidden: !D,
 			inert: !D,
 			className: D ? "flex min-h-0 flex-1 flex-col" : "hidden",
-			children: /* @__PURE__ */ V($, {
-				id: S,
+			children: /* @__PURE__ */ R(Ke, {
+				id: C,
 				conversations: e,
 				isLoading: t,
 				isUpdatingTitles: r,
@@ -1174,7 +1196,7 @@ var Y = /* @__PURE__ */ function(e) {
 				onSelectConversation: o,
 				activeConversationId: s,
 				labels: c,
-				searchQuery: C,
+				searchQuery: w,
 				activeFilter: k,
 				activeTypeFilter: j,
 				hiddenSources: m,
@@ -1182,12 +1204,13 @@ var Y = /* @__PURE__ */ function(e) {
 				getActions: g,
 				onActionMenuOpen: _,
 				onMoveConversation: v,
-				styles: y?.list,
-				className: b
+				onVisibleConversationIdsChange: y,
+				styles: b?.list,
+				className: x
 			})
 		})]
 	});
-}), Xe = [
+}), Qe = [
 	{
 		value: n.All,
 		labelKey: "all"
@@ -1204,79 +1227,79 @@ var Y = /* @__PURE__ */ function(e) {
 		value: n.Organization,
 		labelKey: "organization"
 	}
-], Ze = M(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
-	let a = L(() => Xe.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+], $e = j(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
+	let a = F(() => Qe.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
 	})), [t, i]);
-	return /* @__PURE__ */ V(y, {
+	return /* @__PURE__ */ R(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)
+		chipClassName: k("!px-2", r)
 	});
-}), Qe = { button: "_button_vjird_1" }, $e = M(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i, className: o }) => {
+}), et = { button: "_button_vjird_1" }, tt = j(({ 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", {
+	return /* @__PURE__ */ R("div", {
 		className: "px-3 py-2",
 		style: s,
-		children: /* @__PURE__ */ V(f, {
+		children: /* @__PURE__ */ R(f, {
 			label: e,
 			textClassName: n,
-			iconBefore: /* @__PURE__ */ V(ae, {
+			iconBefore: /* @__PURE__ */ R(se, {
 				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)
+			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", et.button, o, ue.newChatButton)
 		})
 	});
-}), et = M(({ 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, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: w = !1, hiddenSources: T }) => {
-	let { colors: D, typography: O, newChatButton: k, searchWrapperClassName: A, headerClassName: j, headerActionsClassName: M, newChatButtonClassName: ee } = m ?? {}, { title: F, emptyLabel: I, emptyDescription: R, noResultsLabel: B, noResultsDescription: te, sharedEmptyDescription: ne, tabEmptyLabels: U, loadingLabel: W, updatingTitlesLabel: re, newChatLabel: ie, searchPlaceholder: ae, searchClearLabel: oe, filterLabels: G, groupLabels: se, actionsLabel: K, unreadIndicatorLabel: q, closeAriaLabel: le } = f, [ue, de] = z(""), [fe, pe] = z(n.All);
-	P(() => {
-		S != null && pe(S);
-	}, [S]);
-	let J = N((e) => {
-		de(e ?? "");
-	}, []), me = r({
+}), nt = j(({ 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: k, searchWrapperClassName: A, headerClassName: j, headerActionsClassName: te, newChatButtonClassName: ne } = m ?? {}, { title: P, emptyLabel: I, emptyDescription: re, noResultsLabel: B, noResultsDescription: ie, sharedEmptyDescription: V, tabEmptyLabels: H, loadingLabel: ae, updatingTitlesLabel: oe, newChatLabel: se, searchPlaceholder: ce, searchClearLabel: U, filterLabels: le, groupLabels: W, actionsLabel: G, unreadIndicatorLabel: K, closeAriaLabel: de } = f, [q, fe] = L(""), [pe, J] = L(n.All);
+	N(() => {
+		C != null && J(C);
+	}, [C]);
+	let me = M((e) => {
+		fe(e ?? "");
+	}, []), he = r({
 		"--cp-text": D?.text,
 		"--cp-new-chat-bg": k?.background,
 		"--cp-new-chat-text": k?.text,
 		"--cp-new-chat-focus-outline": k?.focusOutline
-	}), he = L(() => ({
+	}), ge = F(() => ({
 		emptyLabel: I,
-		emptyDescription: R,
+		emptyDescription: re,
 		noResultsLabel: B,
-		noResultsDescription: te,
-		sharedEmptyDescription: ne,
-		tabEmptyLabels: U,
-		loadingLabel: W,
-		updatingTitlesLabel: re,
-		groupLabels: se,
-		actionsLabel: K,
-		unreadIndicatorLabel: q
+		noResultsDescription: ie,
+		sharedEmptyDescription: V,
+		tabEmptyLabels: H,
+		loadingLabel: ae,
+		updatingTitlesLabel: oe,
+		groupLabels: W,
+		actionsLabel: G,
+		unreadIndicatorLabel: K
 	}), [
 		I,
-		R,
+		re,
 		B,
-		te,
-		ne,
-		U,
+		ie,
+		V,
+		H,
+		ae,
+		oe,
 		W,
-		re,
-		se,
-		K,
-		q
-	]), ge = L(() => ({
+		G,
+		K
+	]), _e = F(() => ({
 		colors: D,
 		typography: {
 			fontFamily: O?.fontFamily,
@@ -1291,14 +1314,14 @@ var Y = /* @__PURE__ */ function(e) {
 		O?.itemTitleClassName,
 		m?.itemIconBadgeClassName
 	]);
-	return /* @__PURE__ */ H(d, {
+	return /* @__PURE__ */ z(d, {
 		isOpen: s,
 		isOverlay: g,
 		orientation: u.Left,
-		title: F,
+		title: P,
 		labels: {
-			ariaLabel: F,
-			closeLabel: le
+			ariaLabel: P,
+			closeLabel: de
 		},
 		onClose: y,
 		styles: {
@@ -1308,103 +1331,104 @@ var Y = /* @__PURE__ */ function(e) {
 			},
 			typography: { fontClassName: O?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: me,
+			cssVars: he,
 			titleClassName: O?.fontClassName,
 			headerClassName: a("h-[64px]", j),
-			headerActionsClassName: M,
+			headerActionsClassName: te,
 			className: a(s ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ V($e, {
-				label: ie,
+			/* @__PURE__ */ R(tt, {
+				label: se,
 				onClick: p,
 				labelClassName: O?.newChatLabelClassName,
 				colors: k,
-				className: ee
+				className: ne
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ R("div", {
 				role: "search",
-				className: a("px-3 py-2", ce.search),
-				children: /* @__PURE__ */ V(E, {
+				className: a("px-3 py-2", ue.search),
+				children: /* @__PURE__ */ R(ee, {
 					wrapperClassName: a(Q.search, A),
-					value: ue,
-					onChange: J,
-					placeholder: ae,
-					clearLabel: oe,
-					"aria-label": ae
+					value: q,
+					onChange: me,
+					placeholder: ce,
+					clearLabel: U,
+					"aria-label": ce
 				})
 			}),
-			!w && /* @__PURE__ */ V(Ze, {
-				activeTab: fe,
-				labels: G,
+			!T && /* @__PURE__ */ R($e, {
+				activeTab: pe,
+				labels: le,
 				onChange: (e) => {
-					pe(e), C?.(e);
+					J(e), w?.(e);
 				},
 				tabClassName: O?.tabClassName,
-				hiddenSources: T
+				hiddenSources: E
 			}),
-			/* @__PURE__ */ V($, {
+			/* @__PURE__ */ R(Ke, {
 				conversations: e,
 				isLoading: t,
 				isUpdatingTitles: i,
 				preserveActiveSearchResult: o,
 				onSelectConversation: c,
 				activeConversationId: l,
-				labels: he,
-				searchQuery: ue,
-				activeFilter: fe,
-				hiddenSources: T,
+				labels: ge,
+				searchQuery: q,
+				activeFilter: pe,
+				hiddenSources: E,
 				getActions: _,
 				onActionMenuOpen: v,
 				onMoveConversation: x,
-				styles: ge
+				onVisibleConversationIdsChange: S,
+				styles: _e
 			})
 		]
 	});
-}), tt = M(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [f, g] = z(t), [_, v] = z(!1), [y, x] = z(null), C = R(null), E = R(!1), D = R(0);
-	P(() => {
-		let n = e && !E.current;
-		if (E.current = e, !e) {
-			D.current += 1, v(!1);
+}), rt = j(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [f, g] = L(t), [_, v] = L(!1), [y, x] = L(null), C = I(null), ee = I(!1), E = I(0);
+	N(() => {
+		let n = e && !ee.current;
+		if (ee.current = e, !e) {
+			E.current += 1, v(!1);
 			return;
 		}
 		if (!n) return;
-		D.current += 1, g(t), x(null), v(!1);
+		E.current += 1, g(t), x(null), v(!1);
 		let r = setTimeout(() => C.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), P(() => () => {
-		D.current += 1;
+	}, [e, t]), N(() => () => {
+		E.current += 1;
 	}, []);
-	let O = s(f.trim()), A = i(O) > 255, j = n || O === "" || O === t.trim() || A, M = N(() => {
-		j || a(O);
+	let D = s(f.trim()), k = i(D) > 255, A = n || D === "" || D === t.trim() || k, j = M(() => {
+		A || a(D);
 	}, [
-		j,
+		A,
 		a,
-		O
-	]), ee = N((e) => {
-		e.key === "Enter" && M();
-	}, [M]), F = N(async () => {
+		D
+	]), te = M((e) => {
+		e.key === "Enter" && j();
+	}, [j]), ne = M(async () => {
 		if (_) return;
-		let e = ++D.current;
+		let e = ++E.current;
 		v(!0), x(null);
 		try {
 			let t = await l();
-			if (e !== D.current) return;
+			if (e !== E.current) return;
 			g(o(t));
 		} catch {
-			if (e !== D.current) return;
+			if (e !== E.current) return;
 			x(u.renameWithAiError);
 		} finally {
-			e === D.current && v(!1);
+			e === E.current && v(!1);
 		}
 	}, [
 		_,
 		l,
 		u.renameWithAiError
-	]), I = y ?? r ?? void 0, L;
-	return L = A ? u.nameTooLongError : I, /* @__PURE__ */ V(w, {
+	]), P = y ?? r ?? void 0, F;
+	return F = k ? u.nameTooLongError : P, /* @__PURE__ */ R(w, {
 		open: e,
 		header: u.popupTitle,
 		size: T.Sm,
@@ -1415,45 +1439,45 @@ var Y = /* @__PURE__ */ function(e) {
 		}, {
 			label: u.saveLabel,
 			variant: p.Primary,
-			disabled: j,
-			onClick: M
+			disabled: A,
+			onClick: j
 		}],
-		children: /* @__PURE__ */ V("div", {
+		children: /* @__PURE__ */ R("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ V("div", {
+			children: n ? /* @__PURE__ */ R("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ V(k, { size: 50 })
-			}) : /* @__PURE__ */ H("div", {
+				children: /* @__PURE__ */ R(O, { size: 50 })
+			}) : /* @__PURE__ */ z("div", {
 				className: "flex items-start gap-2 px-6 py-3",
 				children: [
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ R("span", {
 						role: "alert",
 						className: "sr-only",
-						children: A ? "" : I ?? ""
+						children: k ? "" : P ?? ""
 					}),
-					/* @__PURE__ */ V("div", {
+					/* @__PURE__ */ R("div", {
 						className: "min-w-0 flex-1",
-						children: /* @__PURE__ */ V(S, {
+						children: /* @__PURE__ */ R(S, {
 							inputRef: C,
 							value: f,
 							placeholder: u.inputPlaceholder,
-							error: L,
+							error: F,
 							onChange: (e) => g(o(e ?? "")),
-							onKeyDown: ee
+							onKeyDown: te
 						})
 					}),
-					/* @__PURE__ */ V(b, {
+					/* @__PURE__ */ R(b, {
 						"aria-label": u.renameWithAiLabel,
 						tooltipProps: { tooltip: u.renameWithAiLabel },
 						disabled: _ || n,
 						"aria-busy": _,
-						onClick: F,
-						icon: _ ? /* @__PURE__ */ V("span", {
+						onClick: ne,
+						icon: _ ? /* @__PURE__ */ R("span", {
 							className: "flex",
 							"aria-hidden": !0,
-							children: /* @__PURE__ */ V(k, { size: m.MD })
-						}) : /* @__PURE__ */ V(G, {
+							children: /* @__PURE__ */ R(O, { size: m.MD })
+						}) : /* @__PURE__ */ R(U, {
 							size: m.MD,
 							stroke: h,
 							"aria-hidden": !0
@@ -1464,6 +1488,6 @@ var Y = /* @__PURE__ */ function(e) {
 		})
 	});
 });
-tt.displayName = "RenameConversationPopup";
+rt.displayName = "RenameConversationPopup";
 //#endregion
-export { ce as CONVERSATION_PANEL_CLASS, $ as ConversationList, Je as ConversationListHeader, Ye as ConversationListSection, et as ConversationPanel, X as ConversationRowVariant, Y as ConversationTypeFilter, tt as RenameConversationPopup };
+export { ue as CONVERSATION_PANEL_CLASS, Ke as ConversationList, Xe as ConversationListHeader, Ze as ConversationListSection, nt as ConversationPanel, X as ConversationRowVariant, Y as ConversationTypeFilter, rt as RenameConversationPopup };