@epam/ai-dial-conversation-panel 1.3.0-dev.189 → 1.3.0-dev.195

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 F, useImperativeHandle as I, useLayoutEffect as L, useMemo as R, useRef as z, useState as B } from "react";
-import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { IconCaretDownFilled as ee, IconCaretRightFilled as te, IconChevronDown as W, IconChevronRight as ne, 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 E, Skeleton as D, SkeletonVariant as O, Spinner as ee, 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 P, useLayoutEffect as F, useMemo as I, useRef as L, useState as R } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { IconCaretDownFilled as H, IconCaretRightFilled as ne, IconChevronDown as U, IconChevronRight as re, IconDotsVertical as ie, IconFilter2 as ae, IconPlus as oe, IconSearch as se, IconSparkles as W, IconX as ce } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var ce = {
+var le = {
 	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" ? L : P;
-function q(e) {
+}, G = typeof window < "u" ? F : N;
+function K(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
-function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = R(() => ({
-		styleHeight: q(o?.height),
-		styleWidth: q(o?.width)
-	}), [o?.height, o?.width]), [l, u] = B({
+function q({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = I(() => ({
+		styleHeight: K(o?.height),
+		styleWidth: K(o?.width)
+	}), [o?.height, o?.width]), [l, u] = R({
 		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 G(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -46,7 +46,7 @@ function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), R(() => ({
+	]), I(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -55,23 +55,23 @@ function J({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function le(e) {
-	let t = z(() => {
+function ue(e) {
+	let t = L(() => {
 		throw Error("Cannot call during render.");
 	});
-	return K(() => {
+	return G(() => {
 		t.current = e;
-	}, [e]), N((e) => t.current?.(e), [t]);
+	}, [e]), M((e) => t.current?.(e), [t]);
 }
-var ue = null;
+var J = null;
 function de(e = !1) {
-	if (ue === null || e) {
+	if (J === 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 ? ue = "positive-descending" : (e.scrollLeft = 1, ue = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), ue;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? J = "positive-descending" : (e.scrollLeft = 1, J = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), J;
 	}
-	return ue;
+	return J;
 }
 function fe({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	if (t === "horizontal" && n) switch (de()) {
@@ -168,8 +168,8 @@ function _e({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function X({ itemCount: e, itemProps: t, itemSize: n }) {
-	return R(() => _e({
+function ve({ itemCount: e, itemProps: t, itemSize: n }) {
+	return I(() => _e({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,7 +179,7 @@ function X({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function ve({ containerSize: e, itemSize: t }) {
+function X({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
@@ -190,20 +190,20 @@ function ve({ containerSize: e, itemSize: t }) {
 	return n;
 }
 function ye({ 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 } = J({
+	let { height: u = n, width: d = n } = q({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = z({
+	}), f = L({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = ve({
+	}), p = r === "vertical" ? u : d, m = X({
 		containerSize: p,
 		itemSize: s
 	});
-	L(() => {
+	F(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -216,11 +216,11 @@ function ye({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = X({
+	let h = ve({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = N((e) => h.get(e), [h]), [_, v] = B(() => ge({
+	}), g = M((e) => h.get(e), [h]), [_, v] = R(() => ge({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -231,7 +231,7 @@ function ye({ 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(() => me({
+	}, C = M(() => me({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -239,7 +239,7 @@ function ye({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = N((t) => {
+	]), w = M((t) => {
 		let n = fe({
 			containerElement: e,
 			direction: r,
@@ -262,14 +262,14 @@ function ye({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return K(() => {
+	return G(() => {
 		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
 		v(w(t));
 	}, [
 		e,
 		r,
 		w
-	]), K(() => {
+	]), G(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
@@ -301,7 +301,7 @@ function ye({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: le(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+		scrollToIndex: ue(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
 			let s = he({
 				align: t,
 				cachedBounds: h,
@@ -331,7 +331,7 @@ function ye({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	};
 }
 function be(e) {
-	return R(() => e, Object.values(e));
+	return I(() => e, Object.values(e));
 }
 function xe(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
@@ -342,18 +342,18 @@ function Se(e) {
 }
 var Ce = "data-react-window-index";
 function we({ 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 = be(u), h = R(() => M(s, xe), [s]), [g, _] = B(null), v = Se(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = ye({
+	let m = be(u), h = I(() => j(s, xe), [s]), [g, _] = R(null), v = Se(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = ye({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: R(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: I(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	I(r, () => ({
+	P(r, () => ({
 		get element() {
 			return g;
 		},
@@ -368,7 +368,7 @@ function we({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), K(() => {
+	}), [g, x]), G(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -382,7 +382,7 @@ function we({ 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 we({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = R(() => {
+	let E = I(() => {
 		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 we({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ H("div", {
+	]), D = /* @__PURE__ */ B("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -436,7 +436,7 @@ function we({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return j(d, {
+	return A(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -508,7 +508,7 @@ var Z = /* @__PURE__ */ function(e) {
 	list: "_list_gcqru_70"
 }, Re = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", variant: o = Q.Avatar, dropZoneGroupKey: s, isDragOver: c, onDragOver: l, onDragLeave: u, onDrop: d }) => {
 	let f = s != null, p = o === Q.Indicator;
-	return /* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ V("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -524,25 +524,25 @@ var Z = /* @__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, $.groupHeader, c && $.dropZoneActive),
 		children: [
-			!p && (t ? /* @__PURE__ */ H(ee, {
+			!p && (t ? /* @__PURE__ */ B(H, {
 				size: 12,
 				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
 				"aria-hidden": !0
-			}) : /* @__PURE__ */ H(te, {
+			}) : /* @__PURE__ */ B(ne, {
 				size: 12,
 				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
 				"aria-hidden": !0
 			})),
-			p ? /* @__PURE__ */ H("span", {
+			p ? /* @__PURE__ */ B("span", {
 				className: "max-w-full min-w-0",
-				children: /* @__PURE__ */ H(v, { text: e })
-			}) : /* @__PURE__ */ H(v, { text: e }),
-			p && (t ? /* @__PURE__ */ H(W, {
+				children: /* @__PURE__ */ B(v, { text: e })
+			}) : /* @__PURE__ */ B(v, { text: e }),
+			p && (t ? /* @__PURE__ */ B(U, {
 				size: m.SM,
 				stroke: h,
 				className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
 				"aria-hidden": !0
-			}) : /* @__PURE__ */ H(ne, {
+			}) : /* @__PURE__ */ B(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]",
@@ -550,104 +550,104 @@ var Z = /* @__PURE__ */ function(e) {
 			}))
 		]
 	});
-}, ze = M(({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: d = "Unread", variant: p = Q.Avatar, rowGroupKey: v, rows: y, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: k, onDragLeave: A, onDrop: j }) => {
-	let [M, P] = B(!1), F = z(null), I = N((t) => {
-		P(t), t && F.current && s?.(e, F.current);
-	}, [e, s]), L = R(() => o?.(e) ?? [], [o, e]), V = L.length > 0, ee = R(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), te = R(() => ({ badgeClassName: u }), [u]), W = p === Q.Indicator, ne = e.leadingIcon ? /* @__PURE__ */ H("span", {
+}, ze = 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 = Q.Avatar, rowGroupKey: v, rows: y, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: ee, onDragLeave: k, onDrop: A }) => {
+	let [j, N] = R(!1), te = L(null), P = M((t) => {
+		N(t), t && te.current && s?.(e, te.current);
+	}, [e, s]), F = I(() => o?.(e) ?? [], [o, e]), z = F.length > 0, H = I(() => ({ tooltip: e.iconTooltip }), [e.iconTooltip]), ne = I(() => ({ badgeClassName: u }), [u]), U = p === Q.Indicator, re = e.leadingIcon ? /* @__PURE__ */ B("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
 		children: e.leadingIcon
-	}) : e.isIconLoading ? /* @__PURE__ */ H(D, {
+	}) : e.isIconLoading ? /* @__PURE__ */ B(D, {
 		variant: O.Circular,
 		width: m.LG,
 		height: m.LG,
 		color: $.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ H(t, {
+	}) : /* @__PURE__ */ B(t, {
 		src: e.iconUrl,
 		size: m.LG,
 		initialsName: e.iconTooltip ?? "",
-		labels: ee,
-		styles: te
-	}), ie = Ae(V, M), ae = /* @__PURE__ */ U("span", {
+		labels: H,
+		styles: ne
+	}), ae = Ae(z, j), oe = /* @__PURE__ */ V("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ H("span", {
+		children: [/* @__PURE__ */ B("span", {
 			className: a("size-2 rounded-full", e.isUnread ? a("size-[7.11px]", $.unreadDot) : $.indicatorDot),
 			"aria-hidden": !0
-		}), e.isUnread && /* @__PURE__ */ H("span", {
+		}), e.isUnread && /* @__PURE__ */ B("span", {
 			className: "sr-only",
 			children: d
 		})]
-	}), oe = e.isUnread && !W ? /* @__PURE__ */ U("span", {
+	}), se = e.isUnread && !U ? /* @__PURE__ */ V("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ H("span", {
-			className: a("size-[7.11px] rounded-full", $.unreadDot, V && (M ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+		children: [/* @__PURE__ */ B("span", {
+			className: a("size-[7.11px] rounded-full", $.unreadDot, z && (j ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
 			"aria-hidden": !0
-		}), /* @__PURE__ */ H("span", {
+		}), /* @__PURE__ */ B("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, W = v != null, ce = M((e) => {
+		e.currentTarget.contains(e.relatedTarget) || k?.();
+	}, [k]), le = M((t) => {
+		if (!v || !y || !A) return;
 		t.preventDefault();
 		let n = Le(t, e.id, y, v);
-		j(e.id, v, n);
+		A(e.id, v, n);
 	}, [
 		e.id,
 		y,
 		v,
-		j
-	]), K = e.id === S, q = e.id === C, J = v != null && (w?.has(v) ?? !1), le = S != null;
-	return /* @__PURE__ */ U("li", {
-		className: a("group/conversation relative", K && "cursor-grabbing opacity-50", q && J && "rounded", q && J && $.dropZoneActive, le && !K && !J && "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
+	]), G = e.id === S, K = e.id === C, q = v != null && (w?.has(v) ?? !1), ue = S != null;
+	return /* @__PURE__ */ V("li", {
+		className: a("group/conversation relative", G && "cursor-grabbing opacity-50", K && q && "rounded", K && q && $.dropZoneActive, ue && !G && !q && "cursor-not-allowed"),
+		draggable: W || void 0,
+		onDragStart: W ? () => T?.(e.id) : void 0,
+		onDragEnd: W ? E : void 0,
+		onDragOver: W ? (t) => {
+			t.preventDefault(), ee?.(e.id);
 		} : void 0,
-		onDragLeave: G ? se : void 0,
-		onDrop: G ? ce : void 0,
-		children: [/* @__PURE__ */ H("a", {
+		onDragLeave: W ? ce : void 0,
+		onDrop: W ? le : void 0,
+		children: [/* @__PURE__ */ B("a", {
 			href: e.href,
 			className: "contents",
 			onClick: (t) => {
 				e.href && (t.preventDefault(), r(e.id));
 			},
-			children: /* @__PURE__ */ H(f, {
-				iconBefore: W ? ae : ne,
-				label: /* @__PURE__ */ H(x, {
+			children: /* @__PURE__ */ B(f, {
+				iconBefore: U ? oe : re,
+				label: /* @__PURE__ */ B(x, {
 					text: e.title,
 					query: i,
 					className: e.isUnread ? "dial-small-semi-text" : l,
 					maxLines: 1
 				}),
-				iconAfter: oe,
+				iconAfter: se,
 				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", W ? "gap-0.5 ps-0" : "gap-2 ps-3", ie, $.item, W && $.itemIndicator, n && $.itemActive, M && $.itemActive)
+				className: a("h-8 w-full justify-start py-2 after:pointer-events-none", U ? "gap-0.5 ps-0" : "gap-2 ps-3", ae, $.item, U && $.itemIndicator, n && $.itemActive, j && $.itemActive)
 			})
-		}), V && /* @__PURE__ */ H("div", {
-			className: a("absolute inset-y-0 flex items-center", W ? "end-2" : "end-1", M ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ H(g, {
-				items: L,
-				onOpenChange: I,
+		}), z && /* @__PURE__ */ B("div", {
+			className: a("absolute inset-y-0 flex items-center", U ? "end-2" : "end-1", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ B(g, {
+				items: F,
+				onOpenChange: P,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ H(b, {
-					ref: F,
-					icon: /* @__PURE__ */ H(re, {
-						size: W ? m.SM : m.MD,
+				children: /* @__PURE__ */ B(b, {
+					ref: te,
+					icon: /* @__PURE__ */ B(ie, {
+						size: U ? m.SM : m.MD,
 						className: $.triggerIcon,
 						"aria-hidden": !0,
 						stroke: h
 					}),
 					size: _.Small,
 					"aria-label": c,
-					className: a(W && "!size-6 !min-h-0 !min-w-0 !p-1", M && $.triggerActive)
+					className: a(U && "!size-6 !min-h-0 !min-w-0 !p-1", j && $.triggerActive)
 				})
 			})
 		})]
@@ -656,11 +656,11 @@ var Z = /* @__PURE__ */ function(e) {
 	let w = r[e], T = h === Q.Indicator;
 	if (w.kind === Te.Header) {
 		let r = w.groupKey === n.Pinned;
-		return /* @__PURE__ */ H("div", {
+		return /* @__PURE__ */ B("div", {
 			role: "listitem",
 			style: t,
 			className: Be(e, T),
-			children: /* @__PURE__ */ H(Re, {
+			children: /* @__PURE__ */ B(Re, {
 				variant: h,
 				label: w.label,
 				isExpanded: i.has(w.groupKey),
@@ -675,11 +675,11 @@ var Z = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		role: "presentation",
 		style: t,
 		className: T ? "pt-0.5" : "pt-1",
-		children: /* @__PURE__ */ H(ze, {
+		children: /* @__PURE__ */ B(ze, {
 			variant: h,
 			item: w.item,
 			isActive: w.item.id === s,
@@ -708,33 +708,33 @@ var Z = /* @__PURE__ */ function(e) {
 	n.MyChats,
 	n.Shared,
 	n.Organization
-]), Ue = M(({ conversations: e, isLoading: t, onSelectConversation: i, activeConversationId: o, labels: s, searchQuery: u = "", activeFilter: d = n.All, activeTypeFilter: f = Z.All, hiddenSources: p, rowVariant: m, getActions: h, onActionMenuOpen: g, onMoveConversation: _, styles: v, id: y, className: b }) => {
-	let { colors: x, typography: S, itemIconBadgeClassName: C } = v ?? {}, { emptyLabel: w, emptyDescription: T, noResultsLabel: E, noResultsDescription: O, sharedEmptyDescription: k = O, loadingLabel: A = "Loading conversations", groupLabels: j, actionsLabel: M, unreadIndicatorLabel: I } = s, L = R(() => p?.length ? e.filter((e) => e.source == null || !p.includes(e.source)) : e, [e, p]), [V, ee] = B(() => He), [te, W] = B(5), ne = F(), re = z(null), ie = z(null), [ae, oe] = B(null), [G, se] = B(null), [K, q] = B(null), J = z(null), le = z(null), ue = N(({ height: e }) => {
-		W(Ne(e));
-	}, []), de = N((e) => {
-		ee((t) => {
+]), Ue = j(({ conversations: e, isLoading: t, onSelectConversation: i, activeConversationId: o, labels: s, searchQuery: u = "", activeFilter: d = n.All, activeTypeFilter: f = Z.All, hiddenSources: p, rowVariant: m, getActions: h, onActionMenuOpen: g, onMoveConversation: _, styles: v, id: y, className: b }) => {
+	let { colors: x, typography: S, itemIconBadgeClassName: C } = v ?? {}, { emptyLabel: w, emptyDescription: T, noResultsLabel: E, noResultsDescription: O, sharedEmptyDescription: ee = O, tabEmptyLabels: k, loadingLabel: A = "Loading conversations", groupLabels: j, actionsLabel: P, unreadIndicatorLabel: F } = s, z = I(() => p?.length ? e.filter((e) => e.source == null || !p.includes(e.source)) : e, [e, p]), [H, ne] = R(() => He), [U, re] = R(5), ie = te(), ae = L(null), oe = L(null), [se, W] = R(null), [ce, G] = R(null), [K, q] = R(null), ue = L(null), J = L(null), de = M(({ height: e }) => {
+		re(Ne(e));
+	}, []), fe = M((e) => {
+		ne((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), fe = N(() => {
-		J.current = null, le.current = null, oe(null), se(null), q(null);
-	}, []), Y = N((e, t) => {
-		let n = Ie(e, Fe(t, e), L);
-		J.current = e, le.current = n, oe(e), q(n);
-	}, [L]), pe = N(() => {
-		fe();
-	}, [fe]), me = N((e) => {
-		se(e);
-	}, []), he = N(() => {
-		se(null);
-	}, []), ge = N((e, t, n) => {
-		let r = J.current, i = le.current;
-		fe(), r != null && r !== e && i?.has(t) && _?.({
+	}, []), Y = M(() => {
+		ue.current = null, J.current = null, W(null), G(null), q(null);
+	}, []), pe = M((e, t) => {
+		let n = Ie(e, Fe(t, e), z);
+		ue.current = e, J.current = n, W(e), q(n);
+	}, [z]), me = M(() => {
+		Y();
+	}, [Y]), he = M((e) => {
+		G(e);
+	}, []), ge = M(() => {
+		G(null);
+	}, []), _e = M((e, t, n) => {
+		let r = ue.current, i = J.current;
+		Y(), r != null && r !== e && i?.has(t) && _?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [fe, _]), _e = r({
+	}, [Y, _]), ve = r({
 		"--cp-item-hover": x?.itemHover,
 		"--cp-item-active": x?.itemActive,
 		"--cp-text": x?.text,
@@ -747,155 +747,155 @@ var Z = /* @__PURE__ */ function(e) {
 		"--cp-unread-dot": x?.unreadDot,
 		"--cp-indicator-dot": x?.indicatorDot,
 		"--cp-list-font-family": S?.fontFamily
-	}), X = R(() => L.filter((e) => Ee(e, d) && De(e, f) && Oe(e, u)), [
-		L,
+	}), X = I(() => z.filter((e) => Ee(e, d) && De(e, f) && Oe(e, u)), [
+		z,
 		d,
 		f,
 		u
-	]), ve = R(() => X.filter((e) => e.isPinned), [X]), ye = R(() => X.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [X]), be = R(() => X.filter((e) => !e.isPinned && e.source === n.Shared), [X]), xe = R(() => X.filter((e) => !e.isPinned && e.source === n.Organization), [X]), Se = R(() => [
+	]), ye = I(() => X.filter((e) => e.isPinned), [X]), be = I(() => X.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [X]), xe = I(() => X.filter((e) => !e.isPinned && e.source === n.Shared), [X]), Se = I(() => X.filter((e) => !e.isPinned && e.source === n.Organization), [X]), Ce = I(() => [
 		{
 			key: n.Pinned,
 			label: j?.pinned ?? "Pinned",
-			items: ve
+			items: ye
 		},
 		{
 			key: n.MyChats,
 			label: j?.myChats ?? "My chats",
-			items: ye
+			items: be
 		},
 		{
 			key: n.Shared,
 			label: j?.shared ?? "Shared",
-			items: be
+			items: xe
 		},
 		{
 			key: n.Organization,
 			label: j?.organization ?? "Organization",
-			items: xe
+			items: Se
 		}
 	], [
 		j,
-		ve,
 		ye,
 		be,
-		xe
-	]), Ce = R(() => {
+		xe,
+		Se
+	]), Ae = I(() => {
 		let e = [];
-		for (let t of Se) if (t.items.length !== 0 && (e.push({
+		for (let t of Ce) if (t.items.length !== 0 && (e.push({
 			kind: Te.Header,
 			groupKey: t.key,
 			label: t.label
-		}), V.has(t.key))) for (let n of t.items) e.push({
+		}), H.has(t.key))) for (let n of t.items) e.push({
 			kind: Te.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Se, V]);
-	P(() => {
-		if (!o || ie.current === o) return;
-		let e = Ce.findIndex((e) => e.kind === Te.Item && e.item.id === o);
-		e >= 0 && (re.current?.scrollToRow({
+	}, [Ce, H]);
+	N(() => {
+		if (!o || oe.current === o) return;
+		let e = Ae.findIndex((e) => e.kind === Te.Item && e.item.id === o);
+		e >= 0 && (ae.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), ie.current = o);
+		}), oe.current = o);
 	}, [
 		o,
-		Se,
-		V,
-		Ce
+		Ce,
+		H,
+		Ae
 	]);
-	let Ae = z(Ce);
-	P(() => {
-		Ae.current = Ce;
-	}, [Ce]);
-	let Me = N((e) => Y(e, Ae.current), [Y]), Pe = R(() => ({
-		rows: Ce,
-		expandedGroups: V,
-		onToggleGroup: de,
-		listId: ne,
+	let Me = L(Ae);
+	N(() => {
+		Me.current = Ae;
+	}, [Ae]);
+	let Pe = M((e) => pe(e, Me.current), [pe]), Le = I(() => ({
+		rows: Ae,
+		expandedGroups: H,
+		onToggleGroup: fe,
+		listId: ie,
 		activeConversationId: o,
 		searchQuery: u,
 		onSelectConversation: i,
 		getActions: h,
 		onActionMenuOpen: g,
-		actionsLabel: M,
-		unreadIndicatorLabel: I,
+		actionsLabel: P,
+		unreadIndicatorLabel: F,
 		rowVariant: m,
 		styles: {
 			groupHeaderClassName: S?.groupHeaderClassName,
 			itemTitleClassName: S?.itemTitleClassName,
 			itemIconBadgeClassName: C
 		},
-		draggingId: ae,
-		dragOverId: G,
+		draggingId: se,
+		dragOverId: ce,
 		allowedDropGroups: K,
-		onDragStart: Me,
-		onDragEnd: pe,
-		onDragOver: me,
-		onDragLeave: he,
-		onDrop: ge
+		onDragStart: Pe,
+		onDragEnd: me,
+		onDragOver: he,
+		onDragLeave: ge,
+		onDrop: _e
 	}), [
-		Ce,
-		V,
-		de,
-		ne,
+		Ae,
+		H,
+		fe,
+		ie,
 		o,
 		u,
 		i,
 		h,
 		g,
-		M,
-		I,
+		P,
+		F,
 		m,
 		S?.groupHeaderClassName,
 		S?.itemTitleClassName,
 		C,
-		ae,
-		G,
+		se,
+		ce,
 		K,
-		Me,
-		pe,
+		Pe,
 		me,
 		he,
-		ge
-	]), Le = u !== "" || d !== n.All || f !== Z.All, Re = X.length === 0, ze = Re && Le, Be = Re && !Le, Ue = d === n.Shared && u === "" ? k : O;
-	return /* @__PURE__ */ U("div", {
+		ge,
+		_e
+	]), Re = u !== "" || d !== n.All || f !== Z.All, ze = X.length === 0, Be = ze && Re, Ue = ze && !Re, We = Be && u === "" && f === Z.All ? k?.[d] : void 0, Ge = We?.label ?? E, Ke = d === n.Shared && u === "" ? ee : O, qe = We?.description ?? Ke;
+	return /* @__PURE__ */ V("div", {
 		id: y,
-		style: _e,
-		className: a("flex-1 overflow-hidden px-3", $.list, S?.fontClassName, m !== Q.Indicator && "py-1", b, ce.list),
-		children: [/* @__PURE__ */ H("span", {
+		style: ve,
+		className: a("flex-1 overflow-hidden px-3", $.list, S?.fontClassName, m !== Q.Indicator && "py-1", b, le.list),
+		children: [/* @__PURE__ */ B("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "sr-only",
-			children: t ? A : Be ? w : ze ? E : ""
-		}), t ? /* @__PURE__ */ H("div", {
+			children: t ? A : Ue ? w : Be ? Ge : ""
+		}), t ? /* @__PURE__ */ B("div", {
 			className: "flex flex-col gap-3 px-2 py-3",
-			children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ H(D, {
+			children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ B(D, {
 				avatar: { size: 24 },
 				showTitle: { width: ke(t) },
 				paragraph: !1,
 				active: !0,
 				color: $.skeletonColor
 			}, t))
-		}) : Be ? /* @__PURE__ */ H(c, {
+		}) : Ue ? /* @__PURE__ */ B(c, {
 			label: w,
 			description: T
-		}) : ze ? /* @__PURE__ */ H(l, {
-			label: E,
-			description: Ue
-		}) : /* @__PURE__ */ H(we, {
-			listRef: re,
-			id: ne,
+		}) : Be ? /* @__PURE__ */ B(l, {
+			label: Ge,
+			description: qe
+		}) : /* @__PURE__ */ B(we, {
+			listRef: ae,
+			id: ie,
 			role: "list",
 			style: { height: "100%" },
 			rowComponent: Ve,
-			rowCount: Ce.length,
+			rowCount: Ae.length,
 			rowHeight: je,
-			overscanCount: te,
-			onResize: ue,
-			rowProps: Pe
+			overscanCount: U,
+			onResize: de,
+			rowProps: Le
 		})]
 	});
 }), We = {
@@ -931,24 +931,24 @@ var Z = /* @__PURE__ */ function(e) {
 		value: Z.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 = Z.All, onTypeFilterChange: v, hiddenSources: y, actions: x, styles: S, className: w }) => {
-	let T = S?.typography?.titleClassName ?? "dial-tiny-lead-semi-text", D = S?.typography?.searchTextClassName ?? "dial-tiny-text", O = z(null), k = z(null), A = z(c), j = e.filterLabels.groupAriaLabel ?? "Filter chats", M = e.filterActiveLabel ?? "Filters applied", I = F(), L = d !== n.All || p !== Z.All, B = l != null && u != null;
-	P(() => {
-		c ? k.current?.focus() : A.current && O.current?.focus(), A.current = c;
+], Je = 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 = Z.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 = L(null), ee = L(null), k = L(c), A = e.filterLabels.groupAriaLabel ?? "Filter chats", j = e.filterActiveLabel ?? "Filters applied", P = te(), F = d !== n.All || p !== Z.All, R = l != null && u != null;
+	N(() => {
+		c ? ee.current?.focus() : k.current && O.current?.focus(), k.current = c;
 	}, [c]);
-	let ee = N(() => {
+	let H = M(() => {
 		u?.(!0);
-	}, [u]), te = N(() => {
+	}, [u]), ne = M(() => {
 		l?.(""), u?.(!1);
-	}, [l, u]), re = N((e) => {
+	}, [l, u]), ie = M((e) => {
 		l?.(e ?? "");
-	}, [l]), ae = N((e) => {
-		e.key === "Escape" && (e.stopPropagation(), te());
-	}, [te]), G = R(() => {
-		let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ U(V, { children: [/* @__PURE__ */ H("span", {
+	}, [l]), oe = M((e) => {
+		e.key === "Escape" && (e.stopPropagation(), ne());
+	}, [ne]), W = I(() => {
+		let { filterLabels: t } = e, n = (e, t) => () => /* @__PURE__ */ V(z, { children: [/* @__PURE__ */ B("span", {
 			className: "min-w-0 flex-1 truncate text-start",
 			children: e
-		}), /* @__PURE__ */ H("span", {
+		}), /* @__PURE__ */ B("span", {
 			className: "shrink-0 text-secondary",
 			children: t
 		})] }), r = [];
@@ -990,7 +990,7 @@ var Z = /* @__PURE__ */ function(e) {
 		p,
 		f,
 		v
-	]), K = R(() => r({
+	]), G = I(() => r({
 		"--cp-list-header-title": S?.colors?.title,
 		"--cp-list-header-title-focus": S?.colors?.titleFocus,
 		"--cp-list-header-filter-indicator": S?.colors?.filterIndicator
@@ -998,23 +998,23 @@ var Z = /* @__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 (B && c) return /* @__PURE__ */ U("div", {
+	]), K = (e) => a("flex min-h-6 items-center justify-between ps-2", e, w, le.listHeader);
+	if (R && c) return /* @__PURE__ */ V("div", {
 		role: "search",
-		style: K,
-		className: q("gap-2"),
-		onKeyDown: ae,
-		children: [/* @__PURE__ */ H(E, {
+		style: G,
+		className: K("gap-2"),
+		onKeyDown: oe,
+		children: [/* @__PURE__ */ B(E, {
 			containerClassName: "min-w-0 flex-1",
 			wrapperClassName: a("!h-6 !min-h-0 !py-1 !pe-2 [&_svg]:!size-4", D),
-			inputRef: k,
+			inputRef: ee,
 			value: s,
-			onChange: re,
+			onChange: ie,
 			placeholder: e.searchPlaceholder,
 			clearLabel: e.searchClearLabel,
 			"aria-label": e.searchPlaceholder
-		}), /* @__PURE__ */ H(b, {
-			icon: /* @__PURE__ */ H(se, {
+		}), /* @__PURE__ */ B(b, {
+			icon: /* @__PURE__ */ B(ce, {
 				size: m.SM,
 				stroke: h,
 				"aria-hidden": !0
@@ -1022,42 +1022,42 @@ var Z = /* @__PURE__ */ function(e) {
 			size: _.Small,
 			className: Ge,
 			"aria-label": e.searchCloseLabel,
-			onClick: te
+			onClick: ne
 		})]
 	});
-	let J = /* @__PURE__ */ H("span", {
+	let q = /* @__PURE__ */ B("span", {
 		className: T,
 		children: e.title
 	});
-	return /* @__PURE__ */ U("div", {
-		style: K,
-		className: q(),
-		children: [i ? /* @__PURE__ */ U("button", {
+	return /* @__PURE__ */ V("div", {
+		style: G,
+		className: K(),
+		children: [i ? /* @__PURE__ */ V("button", {
 			type: "button",
 			"aria-expanded": t,
 			"aria-controls": o,
 			onClick: i,
 			className: a("group flex items-center gap-1 rounded", We.title),
-			children: [J, t ? /* @__PURE__ */ H(W, {
+			children: [q, t ? /* @__PURE__ */ B(U, {
 				size: m.SM,
 				stroke: h,
 				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100",
 				"aria-hidden": !0
-			}) : /* @__PURE__ */ H(ne, {
+			}) : /* @__PURE__ */ B(re, {
 				size: m.SM,
 				stroke: h,
 				className: "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
 				"aria-hidden": !0
 			})]
-		}) : /* @__PURE__ */ H("span", {
+		}) : /* @__PURE__ */ B("span", {
 			className: We.title,
-			children: J
-		}), /* @__PURE__ */ U("div", {
+			children: q
+		}), /* @__PURE__ */ V("div", {
 			className: "flex items-center gap-2",
 			children: [
-				B && /* @__PURE__ */ H(b, {
+				R && /* @__PURE__ */ B(b, {
 					ref: O,
-					icon: /* @__PURE__ */ H(oe, {
+					icon: /* @__PURE__ */ B(se, {
 						size: m.SM,
 						stroke: h,
 						"aria-hidden": !0
@@ -1065,80 +1065,80 @@ var Z = /* @__PURE__ */ function(e) {
 					size: _.Small,
 					className: Ge,
 					"aria-label": e.searchOpenLabel,
-					onClick: ee
+					onClick: H
 				}),
-				(f || v) && /* @__PURE__ */ H(g, {
-					items: G,
+				(f || v) && /* @__PURE__ */ B(g, {
+					items: W,
 					placement: "bottom-end",
 					matchReferenceWidth: !1,
-					children: /* @__PURE__ */ H(b, {
-						icon: /* @__PURE__ */ U("span", {
+					children: /* @__PURE__ */ B(b, {
+						icon: /* @__PURE__ */ V("span", {
 							className: "relative inline-flex",
-							children: [/* @__PURE__ */ H(ie, {
+							children: [/* @__PURE__ */ B(ae, {
 								size: m.SM,
 								stroke: h,
 								"aria-hidden": !0
-							}), L && /* @__PURE__ */ H("span", {
+							}), F && /* @__PURE__ */ B("span", {
 								"aria-hidden": !0,
 								className: a(We.filterIndicator, "absolute -end-0.5 -top-0.5 size-1.5 rounded-full")
 							})]
 						}),
 						size: _.Small,
 						className: Ge,
-						"aria-label": j,
-						"aria-describedby": L ? I : void 0
+						"aria-label": A,
+						"aria-describedby": F ? P : void 0
 					})
 				}),
-				L && (f || v) && /* @__PURE__ */ H("span", {
-					id: I,
+				F && (f || v) && /* @__PURE__ */ B("span", {
+					id: P,
 					className: "sr-only",
-					children: M
+					children: j
 				}),
 				x
 			]
 		})]
 	});
-}), Ye = M(({ conversations: e, isLoading: t, onSelectConversation: r, activeConversationId: i, labels: o, requestedFilter: s, isFilterHidden: c = !1, onFilterChange: l, isTypeFilterHidden: u = !1, onTypeFilterChange: d, hiddenSources: f, headerActions: p, getActions: m, onActionMenuOpen: h, onMoveConversation: g, styles: _, listClassName: v, className: y }) => {
-	let b = F(), [x, S] = B(""), [C, w] = B(!1), [T, E] = B(!0), [D, O] = B(n.All), [k, A] = B(Z.All);
-	P(() => {
+}), Ye = j(({ conversations: e, isLoading: t, onSelectConversation: r, activeConversationId: i, labels: o, requestedFilter: s, isFilterHidden: c = !1, onFilterChange: l, isTypeFilterHidden: u = !1, onTypeFilterChange: d, hiddenSources: f, headerActions: p, getActions: m, onActionMenuOpen: h, onMoveConversation: g, styles: _, listClassName: v, className: y }) => {
+	let b = te(), [x, S] = R(""), [C, w] = R(!1), [T, E] = R(!0), [D, O] = R(n.All), [ee, k] = R(Z.All);
+	N(() => {
 		s != null && O(s);
 	}, [s]);
-	let j = N((e) => {
+	let A = M((e) => {
 		O(e), l?.(e);
-	}, [l]), M = N((e) => {
+	}, [l]), j = M((e) => {
 		S(e), e !== "" && E(!0);
-	}, []), I = N((e) => {
+	}, []), P = M((e) => {
 		w(e), e && E(!0);
-	}, []), L = N((e) => {
-		A(e), d?.(e);
-	}, [d]), R = N(() => E((e) => !e), []);
-	return /* @__PURE__ */ U("section", {
+	}, []), F = M((e) => {
+		k(e), d?.(e);
+	}, [d]), I = M(() => E((e) => !e), []);
+	return /* @__PURE__ */ V("section", {
 		"aria-label": o.title,
-		className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", y, ce.listSection),
-		children: [/* @__PURE__ */ H("div", {
+		className: a("flex min-h-0 flex-1 flex-col px-1 pt-4", y, le.listSection),
+		children: [/* @__PURE__ */ B("div", {
 			className: "px-3 pb-2",
-			children: /* @__PURE__ */ H(Je, {
+			children: /* @__PURE__ */ B(Je, {
 				labels: o,
 				isExpanded: T,
-				onToggleExpanded: R,
+				onToggleExpanded: I,
 				controlsId: b,
 				searchQuery: x,
 				isSearchOpen: C,
-				onSearchChange: M,
-				onSearchOpenChange: I,
+				onSearchChange: j,
+				onSearchOpenChange: P,
 				activeFilter: D,
-				onFilterChange: c ? void 0 : j,
-				activeTypeFilter: k,
-				onTypeFilterChange: c || u ? void 0 : L,
+				onFilterChange: c ? void 0 : A,
+				activeTypeFilter: ee,
+				onTypeFilterChange: c || u ? void 0 : F,
 				hiddenSources: f,
 				actions: p,
 				styles: _?.header
 			})
-		}), /* @__PURE__ */ H("div", {
+		}), /* @__PURE__ */ B("div", {
 			hidden: !T,
 			inert: !T,
 			className: T ? "flex min-h-0 flex-1 flex-col" : "hidden",
-			children: /* @__PURE__ */ H(Ue, {
+			children: /* @__PURE__ */ B(Ue, {
 				id: b,
 				conversations: e,
 				isLoading: t,
@@ -1147,7 +1147,7 @@ var Z = /* @__PURE__ */ function(e) {
 				labels: o,
 				searchQuery: x,
 				activeFilter: D,
-				activeTypeFilter: k,
+				activeTypeFilter: ee,
 				hiddenSources: f,
 				rowVariant: Q.Indicator,
 				getActions: m,
@@ -1175,75 +1175,77 @@ var Z = /* @__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 = R(() => Xe.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+], Ze = j(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
+	let a = I(() => Xe.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
 	})), [t, i]);
-	return /* @__PURE__ */ H(y, {
+	return /* @__PURE__ */ B(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 }) => {
+}), Qe = { button: "_button_vjird_1" }, $e = 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__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "px-3 py-2",
 		style: s,
-		children: /* @__PURE__ */ H(f, {
+		children: /* @__PURE__ */ B(f, {
 			label: e,
 			textClassName: n,
-			iconBefore: /* @__PURE__ */ H(ae, {
+			iconBefore: /* @__PURE__ */ B(oe, {
 				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", Qe.button, o, le.newChatButton)
 		})
 	});
-}), et = M(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: c, onNewChat: l, styles: f, className: p, isOverlay: m = !1, getActions: h, onActionMenuOpen: g, onToggle: _, headerActions: v, onMoveConversation: y, activeFilter: b, onActiveFilterChange: x, isFilterTabsHidden: S = !1, hiddenSources: C }) => {
-	let { colors: w, typography: T, newChatButton: D, searchWrapperClassName: O, headerClassName: k, headerActionsClassName: A, newChatButtonClassName: j } = f ?? {}, { title: M, emptyLabel: F, emptyDescription: I, noResultsLabel: L, noResultsDescription: z, sharedEmptyDescription: V, loadingLabel: ee, newChatLabel: te, searchPlaceholder: W, searchClearLabel: ne, filterLabels: re, groupLabels: ie, actionsLabel: ae, unreadIndicatorLabel: oe, closeAriaLabel: G } = c, [se, K] = B(""), [q, J] = B(n.All);
-	P(() => {
-		b != null && J(b);
+}), et = j(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: c, onNewChat: l, styles: f, className: p, isOverlay: m = !1, getActions: h, onActionMenuOpen: g, onToggle: _, headerActions: v, onMoveConversation: y, activeFilter: b, onActiveFilterChange: x, isFilterTabsHidden: S = !1, hiddenSources: C }) => {
+	let { colors: w, typography: T, newChatButton: D, searchWrapperClassName: O, headerClassName: ee, headerActionsClassName: k, newChatButtonClassName: A } = f ?? {}, { title: j, emptyLabel: te, emptyDescription: P, noResultsLabel: F, noResultsDescription: L, sharedEmptyDescription: z, tabEmptyLabels: H, loadingLabel: ne, newChatLabel: U, searchPlaceholder: re, searchClearLabel: ie, filterLabels: ae, groupLabels: oe, actionsLabel: se, unreadIndicatorLabel: W, closeAriaLabel: ce } = c, [G, K] = R(""), [q, ue] = R(n.All);
+	N(() => {
+		b != null && ue(b);
 	}, [b]);
-	let le = N((e) => {
+	let J = M((e) => {
 		K(e ?? "");
-	}, []), ue = r({
+	}, []), de = r({
 		"--cp-text": w?.text,
 		"--cp-new-chat-bg": D?.background,
 		"--cp-new-chat-text": D?.text,
 		"--cp-new-chat-focus-outline": D?.focusOutline
-	}), de = R(() => ({
-		emptyLabel: F,
-		emptyDescription: I,
-		noResultsLabel: L,
-		noResultsDescription: z,
-		sharedEmptyDescription: V,
-		loadingLabel: ee,
-		groupLabels: ie,
-		actionsLabel: ae,
-		unreadIndicatorLabel: oe
+	}), fe = I(() => ({
+		emptyLabel: te,
+		emptyDescription: P,
+		noResultsLabel: F,
+		noResultsDescription: L,
+		sharedEmptyDescription: z,
+		tabEmptyLabels: H,
+		loadingLabel: ne,
+		groupLabels: oe,
+		actionsLabel: se,
+		unreadIndicatorLabel: W
 	}), [
+		te,
+		P,
 		F,
-		I,
 		L,
 		z,
-		V,
-		ee,
-		ie,
-		ae,
-		oe
-	]), fe = R(() => ({
+		H,
+		ne,
+		oe,
+		se,
+		W
+	]), Y = I(() => ({
 		colors: w,
 		typography: {
 			fontFamily: T?.fontFamily,
@@ -1258,14 +1260,14 @@ var Z = /* @__PURE__ */ function(e) {
 		T?.itemTitleClassName,
 		f?.itemIconBadgeClassName
 	]);
-	return /* @__PURE__ */ U(d, {
+	return /* @__PURE__ */ V(d, {
 		isOpen: i,
 		isOverlay: m,
 		orientation: u.Left,
-		title: M,
+		title: j,
 		labels: {
-			ariaLabel: M,
-			closeLabel: G
+			ariaLabel: j,
+			closeLabel: ce
 		},
 		onClose: _,
 		styles: {
@@ -1275,61 +1277,61 @@ var Z = /* @__PURE__ */ function(e) {
 			},
 			typography: { fontClassName: T?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: ue,
+			cssVars: de,
 			titleClassName: T?.fontClassName,
-			headerClassName: a("h-[64px]", k),
-			headerActionsClassName: A,
+			headerClassName: a("h-[64px]", ee),
+			headerActionsClassName: k,
 			className: a(i ? "w-[324px] mobile:w-full" : "w-0", p)
 		},
 		rightActions: v,
 		children: [
-			/* @__PURE__ */ H($e, {
-				label: te,
+			/* @__PURE__ */ B($e, {
+				label: U,
 				onClick: l,
 				labelClassName: T?.newChatLabelClassName,
 				colors: D,
-				className: j
+				className: A
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				role: "search",
-				className: a("px-3 py-2", ce.search),
-				children: /* @__PURE__ */ H(E, {
+				className: a("px-3 py-2", le.search),
+				children: /* @__PURE__ */ B(E, {
 					wrapperClassName: a($.search, O),
-					value: se,
-					onChange: le,
-					placeholder: W,
-					clearLabel: ne,
-					"aria-label": W
+					value: G,
+					onChange: J,
+					placeholder: re,
+					clearLabel: ie,
+					"aria-label": re
 				})
 			}),
-			!S && /* @__PURE__ */ H(Ze, {
+			!S && /* @__PURE__ */ B(Ze, {
 				activeTab: q,
-				labels: re,
+				labels: ae,
 				onChange: (e) => {
-					J(e), x?.(e);
+					ue(e), x?.(e);
 				},
 				tabClassName: T?.tabClassName,
 				hiddenSources: C
 			}),
-			/* @__PURE__ */ H(Ue, {
+			/* @__PURE__ */ B(Ue, {
 				conversations: e,
 				isLoading: t,
 				onSelectConversation: o,
 				activeConversationId: s,
-				labels: de,
-				searchQuery: se,
+				labels: fe,
+				searchQuery: G,
 				activeFilter: q,
 				hiddenSources: C,
 				getActions: h,
 				onActionMenuOpen: g,
 				onMoveConversation: y,
-				styles: fe
+				styles: Y
 			})
 		]
 	});
-}), tt = M(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [f, g] = B(t), [_, v] = B(!1), [y, x] = B(null), C = z(null), E = z(!1), D = z(0);
-	P(() => {
+}), tt = j(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [f, g] = R(t), [_, v] = R(!1), [y, x] = R(null), C = L(null), E = L(!1), D = L(0);
+	N(() => {
 		let n = e && !E.current;
 		if (E.current = e, !e) {
 			D.current += 1, v(!1);
@@ -1339,18 +1341,18 @@ var Z = /* @__PURE__ */ function(e) {
 		D.current += 1, g(t), x(null), v(!1);
 		let r = setTimeout(() => C.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), P(() => () => {
+	}, [e, t]), N(() => () => {
 		D.current += 1;
 	}, []);
-	let O = s(f.trim()), A = i(O) > 255, j = n || O === "" || O === t.trim() || A, M = N(() => {
-		j || a(O);
+	let O = s(f.trim()), k = i(O) > 255, A = n || O === "" || O === t.trim() || k, j = M(() => {
+		A || a(O);
 	}, [
-		j,
+		A,
 		a,
 		O
-	]), F = N((e) => {
-		e.key === "Enter" && M();
-	}, [M]), I = N(async () => {
+	]), te = M((e) => {
+		e.key === "Enter" && j();
+	}, [j]), P = M(async () => {
 		if (_) return;
 		let e = ++D.current;
 		v(!0), x(null);
@@ -1368,8 +1370,8 @@ var Z = /* @__PURE__ */ function(e) {
 		_,
 		l,
 		u.renameWithAiError
-	]), L = y ?? r ?? void 0, R;
-	return R = A ? u.nameTooLongError : L, /* @__PURE__ */ H(w, {
+	]), F = y ?? r ?? void 0, I;
+	return I = k ? u.nameTooLongError : F, /* @__PURE__ */ B(w, {
 		open: e,
 		header: u.popupTitle,
 		size: T.Sm,
@@ -1380,45 +1382,45 @@ var Z = /* @__PURE__ */ function(e) {
 		}, {
 			label: u.saveLabel,
 			variant: p.Primary,
-			disabled: j,
-			onClick: M
+			disabled: A,
+			onClick: j
 		}],
-		children: /* @__PURE__ */ H("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ H("div", {
+			children: n ? /* @__PURE__ */ B("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ H(k, { size: 50 })
-			}) : /* @__PURE__ */ U("div", {
+				children: /* @__PURE__ */ B(ee, { size: 50 })
+			}) : /* @__PURE__ */ V("div", {
 				className: "flex items-start gap-2 px-6 py-3",
 				children: [
-					/* @__PURE__ */ H("span", {
+					/* @__PURE__ */ B("span", {
 						role: "alert",
 						className: "sr-only",
-						children: A ? "" : L ?? ""
+						children: k ? "" : F ?? ""
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ B("div", {
 						className: "min-w-0 flex-1",
-						children: /* @__PURE__ */ H(S, {
+						children: /* @__PURE__ */ B(S, {
 							inputRef: C,
 							value: f,
 							placeholder: u.inputPlaceholder,
-							error: R,
+							error: I,
 							onChange: (e) => g(o(e ?? "")),
-							onKeyDown: F
+							onKeyDown: te
 						})
 					}),
-					/* @__PURE__ */ H(b, {
+					/* @__PURE__ */ B(b, {
 						"aria-label": u.renameWithAiLabel,
 						tooltipProps: { tooltip: u.renameWithAiLabel },
 						disabled: _ || n,
 						"aria-busy": _,
-						onClick: I,
-						icon: _ ? /* @__PURE__ */ H("span", {
+						onClick: P,
+						icon: _ ? /* @__PURE__ */ B("span", {
 							className: "flex",
 							"aria-hidden": !0,
-							children: /* @__PURE__ */ H(k, { size: m.MD })
-						}) : /* @__PURE__ */ H(G, {
+							children: /* @__PURE__ */ B(ee, { size: m.MD })
+						}) : /* @__PURE__ */ B(W, {
 							size: m.MD,
 							stroke: h,
 							"aria-hidden": !0
@@ -1431,4 +1433,4 @@ var Z = /* @__PURE__ */ function(e) {
 });
 tt.displayName = "RenameConversationPopup";
 //#endregion
-export { ce as CONVERSATION_PANEL_CLASS, Ue as ConversationList, Je as ConversationListHeader, Ye as ConversationListSection, et as ConversationPanel, Q as ConversationRowVariant, Z as ConversationTypeFilter, tt as RenameConversationPopup };
+export { le as CONVERSATION_PANEL_CLASS, Ue as ConversationList, Je as ConversationListHeader, Ye as ConversationListSection, et as ConversationPanel, Q as ConversationRowVariant, Z as ConversationTypeFilter, tt as RenameConversationPopup };