@epam/ai-dial-conversation-panel 1.1.0-dev.297 → 1.1.0-dev.299

package/index.js

@@ -1,12 +1,12 @@
 import { ConversationTransferJobStatus as e, ConversationTransferSubjectKind as t, DeploymentIcon as n, FilterTab as r, buildCssVars as i, getUtf8ByteLength as a, mergeClasses as o, sanitizeConversationName as s, stripTrailingDots as c } from "@epam/ai-dial-chat-shared";
 import { PanelEmpty as l, PanelNoResults as u, SidebarOrientation as d, SidebarPanel as f } from "@epam/ai-dial-sidebar";
-import { Button as p, ButtonVariant as m, ConfirmationPopup as h, ConfirmationPopupVariant as g, DIAL_ICON_SIZE as _, Dropdown as v, ElementSize as y, EllipsisTooltip as b, GhostIconButton as x, Highlight as S, Input as C, Popup as w, PopupSize as T, ProgressBar as E, Search as D, Skeleton as ee, SkeletonVariant as O, Spinner as k, Tag as A, TagAppearance as te, mergeClasses as ne } from "@epam/ai-dial-ui-kit";
-import { createElement as j, memo as M, useCallback as N, useEffect as P, useId as re, useImperativeHandle as ie, useLayoutEffect as F, useMemo as I, useRef as L, useState as R } from "react";
-import { Fragment as ae, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { IconAlertCircleFilled as V, IconCaretDownFilled as oe, IconCaretRightFilled as H, IconChevronDown as se, IconChevronUp as ce, IconCircleCheckFilled as U, IconClock as W, IconDotsVertical as le, IconPlus as ue, IconRefresh as de, IconSparkles as fe, IconX as pe } from "@tabler/icons-react";
+import { Button as p, ButtonVariant as m, ConfirmationPopup as h, ConfirmationPopupVariant as g, DIAL_ICON_SIZE as _, DIAL_KIT_ICON_STROKE as v, Dropdown as y, ElementSize as b, EllipsisTooltip as x, GhostIconButton as S, Highlight as C, Input as w, Popup as T, PopupSize as E, ProgressBar as D, Search as O, Skeleton as ee, SkeletonVariant as k, Spinner as A, Tag as j, TagAppearance as te, mergeClasses as M } from "@epam/ai-dial-ui-kit";
+import { createElement as ne, memo as N, useCallback as P, useEffect as F, useId as re, useImperativeHandle as I, useLayoutEffect as ie, useMemo as L, useRef as R, useState as z } from "react";
+import { Fragment as ae, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { IconAlertCircleFilled as H, IconCaretDownFilled as U, IconCaretRightFilled as oe, IconChevronDown as se, IconChevronUp as ce, IconCircleCheckFilled as W, IconClock as le, IconDotsVertical as ue, IconPlus as de, IconRefresh as fe, IconSparkles as pe, IconX as me } from "@tabler/icons-react";
 //#region ../../node_modules/react-window/dist/react-window.js
-var G = typeof window < "u" ? F : P;
-function me(e) {
+var G = typeof window < "u" ? ie : F;
+function he(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -14,11 +14,11 @@ function me(e) {
 			break;
 	}
 }
-function he({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = I(() => ({
-		styleHeight: me(o?.height),
-		styleWidth: me(o?.width)
-	}), [o?.height, o?.width]), [l, u] = R({
+function ge({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = L(() => ({
+		styleHeight: he(o?.height),
+		styleWidth: he(o?.width)
+	}), [o?.height, o?.width]), [l, u] = z({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
@@ -42,7 +42,7 @@ function he({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), I(() => ({
+	]), L(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -51,16 +51,16 @@ function he({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function ge(e) {
-	let t = L(() => {
+function _e(e) {
+	let t = R(() => {
 		throw Error("Cannot call during render.");
 	});
 	return G(() => {
 		t.current = e;
-	}, [e]), N((e) => t.current?.(e), [t]);
+	}, [e]), P((e) => t.current?.(e), [t]);
 }
 var K = null;
-function _e(e = !1) {
+function ve(e = !1) {
 	if (K === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
@@ -69,8 +69,8 @@ function _e(e = !1) {
 	}
 	return K;
 }
-function ve({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (_e()) {
+function ye({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (ve()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -84,13 +84,13 @@ function ve({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 function q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function J(e, t) {
+function be(e, t) {
 	if (e === t) return !0;
 	if (!!e != !!t || (q(e !== void 0), q(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function ye({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function xe({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
@@ -98,9 +98,9 @@ function ye({ cachedBounds: e, itemCount: t, itemSize: n }) {
 		return q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function be({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function Se({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = ye({
+	let s = xe({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -112,7 +112,7 @@ function be({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function xe({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function J({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -131,7 +131,7 @@ function xe({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function Se({ itemCount: e, itemProps: t, itemSize: n }) {
+function Ce({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
@@ -168,8 +168,8 @@ function Se({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Ce({ itemCount: e, itemProps: t, itemSize: n }) {
-	return I(() => Se({
+function we({ itemCount: e, itemProps: t, itemSize: n }) {
+	return L(() => Ce({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,7 +179,7 @@ function Ce({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function we({ containerSize: e, itemSize: t }) {
+function Te({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
@@ -191,21 +191,21 @@ function we({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function Te({ 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 } = he({
+function Ee({ 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 } = ge({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = L({
+	}), f = R({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = we({
+	}), p = r === "vertical" ? u : d, m = Te({
 		containerSize: p,
 		itemSize: s
 	});
-	F(() => {
+	ie(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,11 +218,11 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Ce({
+	let h = we({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = N((e) => h.get(e), [h]), [_, v] = R(() => xe({
+	}), g = P((e) => h.get(e), [h]), [_, v] = z(() => J({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -233,7 +233,7 @@ function Te({ 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(() => ye({
+	}, C = P(() => xe({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,9 +241,9 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = N((t) => xe({
+	]), w = P((t) => J({
 		cachedBounds: h,
-		containerScrollOffset: ve({
+		containerScrollOffset: ye({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -271,9 +271,9 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = xe({
+				let { scrollLeft: n, scrollTop: o } = e, s = J({
 					cachedBounds: h,
-					containerScrollOffset: ve({
+					containerScrollOffset: ye({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return J(s, t) ? t : s;
+				return be(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -299,8 +299,8 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: ge(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = be({
+		scrollToIndex: _e(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = Se({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -310,14 +310,14 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = ve({
+				if (s = ye({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					J(_, e) || v(e);
+					be(_, e) || v(e);
 				}
 				return s;
 			}
@@ -328,30 +328,30 @@ function Te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Ee(e) {
-	return I(() => e, Object.values(e));
+function De(e) {
+	return L(() => e, Object.values(e));
 }
-function De(e, t) {
+function Oe(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return J(n, a) && J(r, o) && J(i, s);
+	return be(n, a) && be(r, o) && be(i, s);
 }
-function Oe(e) {
+function Y(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Y = "data-react-window-index";
-function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = Ee(u), h = I(() => M(s, De), [s]), [g, _] = R(null), v = Oe(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Te({
+var ke = "data-react-window-index";
+function Ae({ 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 = De(u), h = L(() => N(s, Oe), [s]), [g, _] = z(null), v = Y(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = Ee({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: I(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: L(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	ie(r, () => ({
+	I(r, () => ({
 		get element() {
 			return g;
 		},
@@ -371,7 +371,7 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(Y, n), !0;
+			return e.setAttribute(ke, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -380,7 +380,7 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), P(() => {
+	]), F(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -395,11 +395,11 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = I(() => {
+	let E = L(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ j(h, {
+			e.push(/* @__PURE__ */ ne(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -426,7 +426,7 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ z("div", {
+	]), D = /* @__PURE__ */ B("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -434,7 +434,7 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return j(d, {
+	return ne(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -452,25 +452,25 @@ function ke({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 //#region src/types/virtual-row.ts
 var X = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), Ae = (e) => `${60 + e * 23 % 35}%`, je = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", Me = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, Ne = (e) => {
+}({}), je = (e) => `${60 + e * 23 % 35}%`, Me = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", Ne = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, Pe = (e) => {
 	switch (e) {
 		case r.Shared: return r.Shared;
 		case r.Organization: return r.Organization;
 		default: return r.MyChats;
 	}
-}, Pe = (e, t) => {
+}, Fe = (e, t) => {
 	let n = null;
 	for (let r of e) if (r.kind === X.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, Fe = (e, t, n) => {
+}, Ie = (e, t, n) => {
 	let i = /* @__PURE__ */ new Set();
 	if (t != null && i.add(t), t === r.Pinned) {
 		let t = n.find((t) => t.id === e);
-		t && i.add(Ne(t.source));
+		t && i.add(Pe(t.source));
 	} else i.add(r.Pinned);
 	return i;
-}, Ie = (e, t, n, r) => {
+}, Le = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -480,7 +480,7 @@ var X = /* @__PURE__ */ function(e) {
 		a = e.item.id;
 	}
 	return null;
-}, Le = [
+}, Re = [
 	{
 		value: r.All,
 		labelKey: "all"
@@ -497,50 +497,50 @@ var X = /* @__PURE__ */ function(e) {
 		value: r.Organization,
 		labelKey: "organization"
 	}
-], Re = M(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ z("div", {
+], ze = N(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ B("div", {
 	role: "group",
 	"aria-label": t.groupAriaLabel ?? "Filter chats",
 	className: "flex flex-nowrap gap-1 px-3 py-2",
-	children: Le.map(({ value: i, labelKey: a }) => /* @__PURE__ */ z(A, {
+	children: Re.map(({ value: i, labelKey: a }) => /* @__PURE__ */ B(j, {
 		label: t[a],
 		appearance: te.Selectable,
 		selected: e === i,
 		onClick: () => n(i),
-		className: ne("flex-1 justify-center rounded-full", r)
+		className: M("flex-1 justify-center rounded-full", r)
 	}, i))
-})), ze = { button: "_button_8xsgo_1" }, Be = M(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: r }) => /* @__PURE__ */ z("div", {
+})), Z = { button: "_button_8xsgo_1" }, Be = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: r }) => /* @__PURE__ */ B("div", {
 	className: "px-3 py-2",
 	style: i({
 		"--cp-new-chat-bg": r?.background,
 		"--cp-new-chat-text": r?.text,
 		"--cp-new-chat-focus-outline": r?.focusOutline
 	}),
-	children: /* @__PURE__ */ B("button", {
+	children: /* @__PURE__ */ V("button", {
 		onClick: t,
 		type: "button",
-		className: o("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-sm hover:shadow-xs active:shadow-xs", ze.button),
-		children: [/* @__PURE__ */ z(ue, {
+		className: o("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", Z.button),
+		children: [/* @__PURE__ */ B(de, {
 			size: 18,
-			stroke: 2,
+			stroke: v,
 			className: "shrink-0"
-		}), /* @__PURE__ */ z("span", {
+		}), /* @__PURE__ */ B("span", {
 			className: n,
 			children: e
 		})]
 	})
-})), Z = {
+})), Q = {
 	skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
-	item: "_item_1rnkj_1",
-	itemActive: "_itemActive_1rnkj_7",
-	groupHeader: "_groupHeader_1rnkj_12",
-	taskBadge: "_taskBadge_1rnkj_16",
-	dropZoneActive: "_dropZoneActive_1rnkj_22",
-	triggerActive: "_triggerActive_1rnkj_27",
-	triggerIcon: "_triggerIcon_1rnkj_30",
-	unreadDot: "_unreadDot_1rnkj_38"
-}, Q = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", dropZoneGroupKey: a, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+	item: "_item_1c8qk_1",
+	itemActive: "_itemActive_1c8qk_7",
+	groupHeader: "_groupHeader_1c8qk_12",
+	taskBadge: "_taskBadge_1c8qk_16",
+	dropZoneActive: "_dropZoneActive_1c8qk_22",
+	triggerActive: "_triggerActive_1c8qk_27",
+	triggerIcon: "_triggerIcon_1c8qk_30",
+	unreadDot: "_unreadDot_1c8qk_38"
+}, Ve = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", dropZoneGroupKey: a, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
 	let d = a != null;
-	return /* @__PURE__ */ B("button", {
+	return /* @__PURE__ */ V("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -554,126 +554,126 @@ var X = /* @__PURE__ */ function(e) {
 		onDrop: d ? (e) => {
 			d && (e.preventDefault(), u?.(a, a, null));
 		} : void 0,
-		className: o("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, Z.groupHeader, s && Z.dropZoneActive),
-		children: [t ? /* @__PURE__ */ z(oe, {
-			stroke: .5,
+		className: o("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, Q.groupHeader, s && Q.dropZoneActive),
+		children: [t ? /* @__PURE__ */ B(U, {
 			size: 12,
 			className: "shrink-0",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ z(H, {
-			stroke: .5,
+		}) : /* @__PURE__ */ B(oe, {
 			size: 12,
 			className: "shrink-0 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ z(b, { text: e })]
+		}), /* @__PURE__ */ B(x, { text: e })]
 	});
-}, Ve = ({ item: e, isActive: t, onSelectConversation: r, searchQuery: i = "", getActions: a, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, taskBadgeClassName: d = "dial-caption-lead-semi-text", unreadIndicatorLabel: f = "Unread", rowGroupKey: m, rows: h, draggingId: g, dragOverId: b, allowedDropGroups: C, onDragStart: w, onDragEnd: T, onDragOver: E, onDragLeave: D, onDrop: k }) => {
-	let [A, te] = R(!1), ne = L(null), j = N((t) => {
-		te(t), t && ne.current && s?.(e, ne.current);
-	}, [e, s]), M = a?.(e) ?? [], P = M.length > 0, re = e.isIconLoading ? /* @__PURE__ */ z(ee, {
-		variant: O.Circular,
+}, He = ({ item: e, isActive: t, onSelectConversation: r, searchQuery: i = "", getActions: a, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, taskBadgeClassName: d = "dial-caption-lead-semi-text", unreadIndicatorLabel: f = "Unread", rowGroupKey: m, rows: h, draggingId: g, dragOverId: x, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: A }) => {
+	let [j, te] = z(!1), M = R(null), ne = P((t) => {
+		te(t), t && M.current && s?.(e, M.current);
+	}, [e, s]), N = a?.(e) ?? [], F = N.length > 0, re = e.isIconLoading ? /* @__PURE__ */ B(ee, {
+		variant: k.Circular,
 		width: _.LG,
 		height: _.LG,
-		color: Z.skeletonColor,
+		color: Q.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ z(n, {
+	}) : /* @__PURE__ */ B(n, {
 		src: e.iconUrl,
 		size: _.LG,
 		initialsName: e.iconTooltip ?? "",
 		labels: { tooltip: e.iconTooltip },
 		styles: { badgeClassName: u }
-	}), ie = /* @__PURE__ */ B("span", {
+	}), I = /* @__PURE__ */ V("span", {
 		className: "flex shrink-0 items-center",
-		children: [/* @__PURE__ */ z("span", {
+		children: [/* @__PURE__ */ B("span", {
 			className: "relative flex size-3 shrink-0 items-center justify-center",
-			children: e.isUnread && /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z("span", {
-				className: o("size-[5.33px] rounded-full", Z.unreadDot),
+			children: e.isUnread && /* @__PURE__ */ V(ae, { children: [/* @__PURE__ */ B("span", {
+				className: o("size-[5.33px] rounded-full", Q.unreadDot),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ z("span", {
+			}), /* @__PURE__ */ B("span", {
 				className: "sr-only",
 				children: f
 			})] })
 		}), re]
-	}), F = je(P, A), I = e.showTaskBadge ? /* @__PURE__ */ B("span", {
-		className: o("flex h-5 shrink-0 items-center justify-center gap-0.5 rounded-full border pe-2 ps-1", Z.taskBadge, d),
-		children: [/* @__PURE__ */ z(W, {
+	}), ie = Me(F, j), L = e.showTaskBadge ? /* @__PURE__ */ V("span", {
+		className: o("flex h-5 shrink-0 items-center justify-center gap-0.5 rounded-full border pe-2 ps-1", Q.taskBadge, d),
+		children: [/* @__PURE__ */ B(le, {
 			size: 12,
-			"aria-hidden": !0
+			"aria-hidden": !0,
+			stroke: v
 		}), e.taskBadgeLabel]
-	}) : void 0, V = m != null, oe = N((e) => {
-		e.currentTarget.contains(e.relatedTarget) || D?.();
-	}, [D]), H = N((t) => {
-		if (!m || !h || !k) return;
+	}) : void 0, H = m != null, U = P((e) => {
+		e.currentTarget.contains(e.relatedTarget) || O?.();
+	}, [O]), oe = P((t) => {
+		if (!m || !h || !A) return;
 		t.preventDefault();
-		let n = Ie(t, e.id, h, m);
-		k(e.id, m, n);
+		let n = Le(t, e.id, h, m);
+		A(e.id, m, n);
 	}, [
 		e.id,
 		h,
 		m,
-		k
-	]), se = e.id === g, ce = e.id === b, U = m != null && (C?.has(m) ?? !1), ue = g != null;
-	return /* @__PURE__ */ B("li", {
-		className: o("group/conversation relative", se && "cursor-grabbing opacity-50", ce && U && "rounded", ce && U && Z.dropZoneActive, ue && !se && !U && "cursor-not-allowed"),
-		draggable: V || void 0,
-		onDragStart: V ? () => w?.(e.id) : void 0,
-		onDragEnd: V ? T : void 0,
-		onDragOver: V ? (t) => {
-			t.preventDefault(), E?.(e.id);
+		A
+	]), se = e.id === g, ce = e.id === x, W = m != null && (w?.has(m) ?? !1), de = g != null;
+	return /* @__PURE__ */ V("li", {
+		className: o("group/conversation relative", se && "cursor-grabbing opacity-50", ce && W && "rounded", ce && W && Q.dropZoneActive, de && !se && !W && "cursor-not-allowed"),
+		draggable: H || void 0,
+		onDragStart: H ? () => T?.(e.id) : void 0,
+		onDragEnd: H ? E : void 0,
+		onDragOver: H ? (t) => {
+			t.preventDefault(), D?.(e.id);
 		} : void 0,
-		onDragLeave: V ? oe : void 0,
-		onDrop: V ? H : void 0,
-		children: [/* @__PURE__ */ z("a", {
+		onDragLeave: H ? U : void 0,
+		onDrop: H ? oe : void 0,
+		children: [/* @__PURE__ */ B("a", {
 			href: e.href,
 			className: "contents",
 			onClick: (t) => {
 				e.href && (t.preventDefault(), r(e.id));
 			},
-			children: /* @__PURE__ */ z(p, {
-				iconBefore: ie,
-				label: /* @__PURE__ */ z(S, {
+			children: /* @__PURE__ */ B(p, {
+				iconBefore: I,
+				label: /* @__PURE__ */ B(C, {
 					text: e.title,
 					query: i,
 					className: l,
 					maxLines: 1
 				}),
-				iconAfter: I,
+				iconAfter: L,
 				textClassName: "min-w-0 flex-1",
 				"aria-current": t ? "page" : void 0,
 				onClick: e.href ? void 0 : () => r(e.id),
 				tabIndex: e.href ? -1 : void 0,
-				className: o("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-0 after:pointer-events-none", F, Z.item, t && Z.itemActive, A && Z.itemActive)
+				className: o("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-0 after:pointer-events-none", ie, Q.item, t && Q.itemActive, j && Q.itemActive)
 			})
-		}), P && /* @__PURE__ */ z("div", {
-			className: o("absolute inset-y-0 end-1 flex items-center", A ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ z(v, {
-				items: M,
-				onOpenChange: j,
+		}), F && /* @__PURE__ */ B("div", {
+			className: o("absolute inset-y-0 end-1 flex items-center", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ B(y, {
+				items: N,
+				onOpenChange: ne,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ z(x, {
-					ref: ne,
-					icon: /* @__PURE__ */ z(le, {
+				children: /* @__PURE__ */ B(S, {
+					ref: M,
+					icon: /* @__PURE__ */ B(ue, {
 						size: _.SM,
-						className: Z.triggerIcon,
-						"aria-hidden": !0
+						className: Q.triggerIcon,
+						"aria-hidden": !0,
+						stroke: v
 					}),
-					size: y.Small,
+					size: b.Small,
 					"aria-label": c,
-					className: o(A && Z.triggerActive)
+					className: o(j && Q.triggerActive)
 				})
 			})
 		})]
 	});
-}, He = ({ index: e, style: t, rows: n, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
+}, Ue = ({ index: e, style: t, rows: n, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
 	let C = n[e];
 	if (C.kind === X.Header) {
 		let n = C.groupKey === r.Pinned;
-		return /* @__PURE__ */ z("div", {
+		return /* @__PURE__ */ B("div", {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ z(Q, {
+			children: /* @__PURE__ */ B(Ve, {
 				label: C.label,
 				isExpanded: i.has(C.groupKey),
 				onToggle: () => a(C.groupKey),
@@ -687,11 +687,11 @@ var X = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ B("div", {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ z(Ve, {
+		children: /* @__PURE__ */ B(He, {
 			item: C.item,
 			isActive: C.item.id === s,
 			searchQuery: c,
@@ -715,44 +715,44 @@ var X = /* @__PURE__ */ function(e) {
 			onDrop: S
 		})
 	});
-}, Ue = (e, t) => t === r.All ? !0 : e.source === t, We = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ge = new Set([
+}, We = (e, t) => t === r.All ? !0 : e.source === t, Ge = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ke = new Set([
 	r.Pinned,
 	r.MyChats,
 	r.Shared,
 	r.Organization
-]), Ke = M(({ conversations: e, isLoading: t, isOpen: n, onSelectConversation: a, activeConversationId: s, labels: c, onNewChat: p, styles: m, className: h, getActions: g, onActionMenuOpen: _, onToggle: v, headerActions: y, onMoveConversation: b, activeFilter: x, onActiveFilterChange: S, isFilterTabsHidden: C = !1 }) => {
-	let { colors: w, typography: T, newChatButton: E } = m ?? {}, { title: O, emptyLabel: k, noResultsLabel: A, loadingLabel: te = "Loading conversations", newChatLabel: ne, searchPlaceholder: j, searchClearLabel: M, filterLabels: ie, groupLabels: F, actionsLabel: ae, unreadIndicatorLabel: V, closeAriaLabel: oe } = c, [H, se] = R(""), [ce, U] = R(r.All);
-	P(() => {
-		x != null && U(x);
+]), qe = N(({ conversations: e, isLoading: t, isOpen: n, onSelectConversation: a, activeConversationId: s, labels: c, onNewChat: p, styles: m, className: h, getActions: g, onActionMenuOpen: _, onToggle: v, headerActions: y, onMoveConversation: b, activeFilter: x, onActiveFilterChange: S, isFilterTabsHidden: C = !1 }) => {
+	let { colors: w, typography: T, newChatButton: E } = m ?? {}, { title: D, emptyLabel: k, noResultsLabel: A, loadingLabel: j = "Loading conversations", newChatLabel: te, searchPlaceholder: M, searchClearLabel: ne, filterLabels: N, groupLabels: I, actionsLabel: ie, unreadIndicatorLabel: ae, closeAriaLabel: H } = c, [U, oe] = z(""), [se, ce] = z(r.All);
+	F(() => {
+		x != null && ce(x);
 	}, [x]);
-	let [W, le] = R(() => Ge), [ue, de] = R(5), fe = re(), pe = L(null), G = L(null), [me, he] = R(null), [ge, K] = R(null), [_e, ve] = R(null), q = L(null), J = L(null), ye = N(({ height: e }) => {
+	let [W, le] = z(() => Ke), [ue, de] = z(5), fe = re(), pe = R(null), me = R(null), [G, he] = z(null), [ge, _e] = z(null), [K, ve] = z(null), ye = R(null), q = R(null), be = P(({ height: e }) => {
 		de(Math.ceil(e / 36 * 2));
-	}, []), be = N((e) => {
-		se(e ?? "");
-	}, []), xe = N((e) => {
+	}, []), xe = P((e) => {
+		oe(e ?? "");
+	}, []), Se = P((e) => {
 		le((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Se = N(() => {
-		q.current = null, J.current = null, he(null), K(null), ve(null);
-	}, []), Ce = N((t, n) => {
-		let r = Fe(t, Pe(n, t), e);
-		q.current = t, J.current = r, he(t), ve(r);
-	}, [e]), we = N(() => {
-		Se();
-	}, [Se]), Te = N((e) => {
-		K(e);
-	}, []), Ee = N(() => {
-		K(null);
-	}, []), De = N((e, t, n) => {
-		let r = q.current, i = J.current;
-		Se(), r != null && r !== e && i?.has(t) && b?.({
+	}, []), J = P(() => {
+		ye.current = null, q.current = null, he(null), _e(null), ve(null);
+	}, []), Ce = P((t, n) => {
+		let r = Ie(t, Fe(n, t), e);
+		ye.current = t, q.current = r, he(t), ve(r);
+	}, [e]), we = P(() => {
+		J();
+	}, [J]), Te = P((e) => {
+		_e(e);
+	}, []), Ee = P(() => {
+		_e(null);
+	}, []), De = P((e, t, n) => {
+		let r = ye.current, i = q.current;
+		J(), r != null && r !== e && i?.has(t) && b?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Se, b]), Oe = i({
+	}, [J, b]), Oe = i({
 		"--cp-item-hover": w?.itemHover,
 		"--cp-item-active": w?.itemActive,
 		"--cp-text": w?.text,
@@ -769,40 +769,40 @@ var X = /* @__PURE__ */ function(e) {
 		"--cp-task-badge-bg": w?.taskBadgeBackground,
 		"--cp-task-badge-text": w?.taskBadgeText,
 		"--cp-unread-dot": w?.unreadDot
-	}), Y = I(() => e.filter((e) => Ue(e, ce) && We(e, H)), [
+	}), Y = L(() => e.filter((e) => We(e, se) && Ge(e, U)), [
 		e,
-		ce,
-		H
-	]), je = I(() => Y.filter((e) => e.isPinned), [Y]), Ne = I(() => Y.filter((e) => !e.isPinned && e.source !== r.Shared && e.source !== r.Organization), [Y]), Ie = I(() => Y.filter((e) => !e.isPinned && e.source === r.Shared), [Y]), Le = I(() => Y.filter((e) => !e.isPinned && e.source === r.Organization), [Y]), ze = I(() => [
+		se,
+		U
+	]), ke = L(() => Y.filter((e) => e.isPinned), [Y]), Me = L(() => Y.filter((e) => !e.isPinned && e.source !== r.Shared && e.source !== r.Organization), [Y]), Pe = L(() => Y.filter((e) => !e.isPinned && e.source === r.Shared), [Y]), Le = L(() => Y.filter((e) => !e.isPinned && e.source === r.Organization), [Y]), Re = L(() => [
 		{
 			key: r.Pinned,
-			label: F?.pinned ?? "Pinned",
-			items: je
+			label: I?.pinned ?? "Pinned",
+			items: ke
 		},
 		{
 			key: r.MyChats,
-			label: F?.myChats ?? "My chats",
-			items: Ne
+			label: I?.myChats ?? "My chats",
+			items: Me
 		},
 		{
 			key: r.Shared,
-			label: F?.shared ?? "Shared",
-			items: Ie
+			label: I?.shared ?? "Shared",
+			items: Pe
 		},
 		{
 			key: r.Organization,
-			label: F?.organization ?? "Organization",
+			label: I?.organization ?? "Organization",
 			items: Le
 		}
 	], [
-		F,
-		je,
-		Ne,
-		Ie,
+		I,
+		ke,
+		Me,
+		Pe,
 		Le
-	]), Q = I(() => {
+	]), Z = L(() => {
 		let e = [];
-		for (let t of ze) if (t.items.length !== 0 && (e.push({
+		for (let t of Re) if (t.items.length !== 0 && (e.push({
 			kind: X.Header,
 			groupKey: t.key,
 			label: t.label
@@ -812,79 +812,79 @@ var X = /* @__PURE__ */ function(e) {
 			groupKey: t.key
 		});
 		return e;
-	}, [ze, W]);
-	P(() => {
-		if (!s || G.current === s) return;
-		let e = Q.findIndex((e) => e.kind === X.Item && e.item.id === s);
+	}, [Re, W]);
+	F(() => {
+		if (!s || me.current === s) return;
+		let e = Z.findIndex((e) => e.kind === X.Item && e.item.id === s);
 		e >= 0 && (pe.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), G.current = s);
+		}), me.current = s);
 	}, [
 		s,
-		ze,
+		Re,
 		W,
-		Q
+		Z
 	]);
-	let Ve = I(() => ({
-		rows: Q,
+	let Ve = L(() => ({
+		rows: Z,
 		expandedGroups: W,
-		onToggleGroup: xe,
+		onToggleGroup: Se,
 		listId: fe,
 		activeConversationId: s,
-		searchQuery: H,
+		searchQuery: U,
 		onSelectConversation: a,
 		getActions: g,
 		onActionMenuOpen: _,
-		actionsLabel: ae,
-		unreadIndicatorLabel: V,
+		actionsLabel: ie,
+		unreadIndicatorLabel: ae,
 		styles: {
 			groupHeaderClassName: T?.groupHeaderClassName,
 			itemTitleClassName: T?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName,
 			taskBadgeClassName: m?.taskBadgeClassName
 		},
-		draggingId: me,
+		draggingId: G,
 		dragOverId: ge,
-		allowedDropGroups: _e,
-		onDragStart: (e) => Ce(e, Q),
+		allowedDropGroups: K,
+		onDragStart: (e) => Ce(e, Z),
 		onDragEnd: we,
 		onDragOver: Te,
 		onDragLeave: Ee,
 		onDrop: De
 	}), [
-		Q,
+		Z,
 		W,
-		xe,
+		Se,
 		fe,
 		s,
-		H,
+		U,
 		a,
 		g,
 		_,
+		ie,
 		ae,
-		V,
 		T?.groupHeaderClassName,
 		T?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
 		m?.taskBadgeClassName,
-		me,
+		G,
 		ge,
-		_e,
+		K,
 		Ce,
 		we,
 		Te,
 		Ee,
 		De
-	]), Ke = e.length === 0, $ = e.length > 0 && Y.length === 0;
-	return /* @__PURE__ */ B(f, {
+	]), He = e.length === 0, qe = e.length > 0 && Y.length === 0;
+	return /* @__PURE__ */ V(f, {
 		isOpen: n,
 		orientation: d.Left,
-		title: O,
+		title: D,
 		labels: {
-			ariaLabel: O,
-			closeLabel: oe
+			ariaLabel: D,
+			closeLabel: H
 		},
 		onClose: v,
 		styles: {
@@ -901,59 +901,59 @@ var X = /* @__PURE__ */ function(e) {
 		},
 		rightActions: y,
 		children: [
-			/* @__PURE__ */ z(Be, {
-				label: ne,
+			/* @__PURE__ */ B(Be, {
+				label: te,
 				onClick: p,
 				labelClassName: T?.newChatLabelClassName,
 				colors: E
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				role: "search",
 				className: "px-3 py-2",
-				children: /* @__PURE__ */ z(D, {
+				children: /* @__PURE__ */ B(O, {
 					wrapperClassName: "rounded-full",
-					value: H,
-					onChange: be,
-					placeholder: j,
-					clearLabel: M,
-					"aria-label": j
+					value: U,
+					onChange: xe,
+					placeholder: M,
+					clearLabel: ne,
+					"aria-label": M
 				})
 			}),
-			!C && /* @__PURE__ */ z(Re, {
-				activeTab: ce,
-				labels: ie,
+			!C && /* @__PURE__ */ B(ze, {
+				activeTab: se,
+				labels: N,
 				onChange: (e) => {
-					U(e), S?.(e);
+					ce(e), S?.(e);
 				},
 				tabClassName: T?.tabClassName
 			}),
-			/* @__PURE__ */ z("span", {
+			/* @__PURE__ */ B("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? te : Ke ? k : $ ? A : ""
+				children: t ? j : He ? k : qe ? A : ""
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ z("div", {
+				children: t ? /* @__PURE__ */ B("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ z(ee, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ B(ee, {
 						avatar: { size: 24 },
-						showTitle: { width: Ae(t) },
+						showTitle: { width: je(t) },
 						paragraph: !1,
 						active: !0,
-						color: Z.skeletonColor
+						color: Q.skeletonColor
 					}, t))
-				}) : Ke ? /* @__PURE__ */ z(l, { label: k }) : $ ? /* @__PURE__ */ z(u, { label: A }) : /* @__PURE__ */ z(ke, {
+				}) : He ? /* @__PURE__ */ B(l, { label: k }) : qe ? /* @__PURE__ */ B(u, { label: A }) : /* @__PURE__ */ B(Ae, {
 					listRef: pe,
 					id: fe,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: He,
-					rowCount: Q.length,
-					rowHeight: Me,
+					rowComponent: Ue,
+					rowCount: Z.length,
+					rowHeight: Ne,
 					overscanCount: ue,
-					onResize: ye,
+					onResize: be,
 					rowProps: Ve
 				})
 			})
@@ -966,60 +966,62 @@ var X = /* @__PURE__ */ function(e) {
 	successIcon: "_successIcon_fgzx8_13",
 	errorIcon: "_errorIcon_fgzx8_17",
 	failureCount: "_failureCount_fgzx8_21"
-}, qe = 8e3, Je = "flex size-7 shrink-0 items-center justify-center", Ye = (e, n) => e.subject.kind === t.Single ? e.subject.title : n, Xe = (e) => e.subject.kind === t.Single ? e.subject.sourceBreadcrumb : void 0, Ze = (e, t, n) => e && t ? n.closeQueueConfirmDescriptionMixed : t ? n.closeQueueConfirmDescriptionFailed : n.closeQueueConfirmDescriptionInProgress, Qe = ({ job: t, labels: n, onDismiss: r, onRetry: i, styles: a }) => {
-	let s = Ye(t, n.allConversationsJobLabel), c = Xe(t), l = a?.typography;
-	return /* @__PURE__ */ B("div", {
+}, Je = 8e3, Ye = "flex size-7 shrink-0 items-center justify-center", Xe = (e, n) => e.subject.kind === t.Single ? e.subject.title : n, Ze = (e) => e.subject.kind === t.Single ? e.subject.sourceBreadcrumb : void 0, Qe = (e, t, n) => e && t ? n.closeQueueConfirmDescriptionMixed : t ? n.closeQueueConfirmDescriptionFailed : n.closeQueueConfirmDescriptionInProgress, $e = ({ job: t, labels: n, onDismiss: r, onRetry: i, styles: a }) => {
+	let s = Xe(t, n.allConversationsJobLabel), c = Ze(t), l = a?.typography;
+	return /* @__PURE__ */ V("div", {
 		className: "flex items-center gap-2 px-3 py-2",
-		children: [/* @__PURE__ */ B("div", {
+		children: [/* @__PURE__ */ V("div", {
 			className: "min-w-0 flex-1",
-			children: [c && /* @__PURE__ */ z(b, {
+			children: [c && /* @__PURE__ */ B(x, {
 				text: c,
 				className: o($.textSecondary, l?.jobDescriptionClassName || "dial-caption-text"),
 				contentClassName: "!z-[80]"
-			}), /* @__PURE__ */ z(b, {
+			}), /* @__PURE__ */ B(x, {
 				text: s,
 				className: o($.text, l?.jobLabelClassName || "dial-small-text"),
 				contentClassName: "!z-[80]"
 			})]
-		}), /* @__PURE__ */ B("div", {
+		}), /* @__PURE__ */ V("div", {
 			className: "flex shrink-0 items-center gap-1",
 			children: [
-				t.status === e.Success && /* @__PURE__ */ z("span", {
-					className: Je,
-					children: /* @__PURE__ */ z(U, {
+				t.status === e.Success && /* @__PURE__ */ B("span", {
+					className: Ye,
+					children: /* @__PURE__ */ B(W, {
 						size: 16,
 						className: $.successIcon
 					})
 				}),
-				t.status === e.Failed && /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z(x, {
+				t.status === e.Failed && /* @__PURE__ */ V(ae, { children: [/* @__PURE__ */ B(S, {
 					"aria-label": n.retryJobAriaLabel(s),
-					icon: /* @__PURE__ */ z(de, {
+					icon: /* @__PURE__ */ B(fe, {
 						size: _.SM,
-						className: $.textSecondary
+						className: $.textSecondary,
+						stroke: v
 					}),
 					onClick: () => i(t.id)
-				}), /* @__PURE__ */ z("span", {
-					className: Je,
-					children: /* @__PURE__ */ z(V, {
+				}), /* @__PURE__ */ B("span", {
+					className: Ye,
+					children: /* @__PURE__ */ B(H, {
 						size: 16,
 						className: $.errorIcon
 					})
 				})] }),
-				t.status === e.InProgress && /* @__PURE__ */ z(x, {
+				t.status === e.InProgress && /* @__PURE__ */ B(S, {
 					"aria-label": n.closeJobAriaLabel(s),
-					size: y.Small,
-					icon: /* @__PURE__ */ z(pe, {
+					size: b.Small,
+					icon: /* @__PURE__ */ B(me, {
 						size: _.SM,
-						className: $.textSecondary
+						className: $.textSecondary,
+						stroke: v
 					}),
 					onClick: () => r(t.id),
-					className: Je
+					className: Ye
 				})
 			]
 		})]
 	});
-}, $e = M(({ title: t, jobs: n, onClose: r, onDismiss: a, onRetry: s, labels: c, styles: l }) => {
-	let [u, d] = R(!1), [f, p] = R(!1), m = l?.colors, v = l?.typography, b = {
+}, et = N(({ title: t, jobs: n, onClose: r, onDismiss: a, onRetry: s, labels: c, styles: l }) => {
+	let [u, d] = z(!1), [f, p] = z(!1), m = l?.colors, y = l?.typography, x = {
 		...i({
 			"--cp-transfer-queue-bg": m?.background,
 			"--cp-transfer-queue-text": m?.text,
@@ -1030,73 +1032,75 @@ var X = /* @__PURE__ */ function(e) {
 			"--cp-transfer-queue-failure-count-text": m?.failureCountText
 		}),
 		...l?.cssVars
-	}, S = n.some((t) => t.status === e.InProgress), C = n.some((t) => t.status === e.Failed), w = n.length > 0 && !S && !C, T = N(() => {
-		S || C ? p(!0) : r();
+	}, C = n.some((t) => t.status === e.InProgress), w = n.some((t) => t.status === e.Failed), T = n.length > 0 && !C && !w, E = P(() => {
+		C || w ? p(!0) : r();
 	}, [
-		S,
 		C,
+		w,
 		r
-	]), D = N(() => {
+	]), O = P(() => {
 		p(!1), r();
 	}, [r]);
-	if (P(() => {
-		if (!w) return;
-		let e = setTimeout(r, qe);
+	if (F(() => {
+		if (!T) return;
+		let e = setTimeout(r, Je);
 		return () => clearTimeout(e);
-	}, [w, r]), n.length === 0) return null;
-	let ee = n.filter((t) => t.status !== e.InProgress).length, O = n.filter((t) => t.status === e.Failed).length, k = Math.round(ee / n.length * 100);
-	return /* @__PURE__ */ B("div", {
+	}, [T, r]), n.length === 0) return null;
+	let ee = n.filter((t) => t.status !== e.InProgress).length, k = n.filter((t) => t.status === e.Failed).length, A = Math.round(ee / n.length * 100);
+	return /* @__PURE__ */ V("div", {
 		role: "status",
 		"aria-live": "polite",
-		style: b,
+		style: x,
 		className: o($.root, "w-[320px] rounded-lg shadow-lg", l?.rootClassName),
 		children: [
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ V("div", {
 				className: "flex items-center justify-between px-3 py-2",
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ z("span", {
-						className: o($.text, v?.titleClassName || "dial-small-semi-text"),
+					children: [/* @__PURE__ */ B("span", {
+						className: o($.text, y?.titleClassName || "dial-small-semi-text"),
 						children: t
-					}), O > 0 && /* @__PURE__ */ z("span", {
-						className: o($.failureCount, "inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1", v?.failureCountClassName || "dial-small-semi-text"),
-						children: O
+					}), k > 0 && /* @__PURE__ */ B("span", {
+						className: o($.failureCount, "inline-flex h-4 min-w-4 items-center justify-center rounded-full px-1", y?.failureCountClassName || "dial-small-semi-text"),
+						children: k
 					})]
-				}), /* @__PURE__ */ B("div", {
+				}), /* @__PURE__ */ V("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ z(x, {
+					children: [/* @__PURE__ */ B(S, {
 						"aria-label": u ? c.expandQueueAriaLabel : c.collapseQueueAriaLabel,
-						size: y.Small,
-						icon: z(u ? ce : se, {
+						size: b.Small,
+						icon: B(u ? ce : se, {
 							size: _.SM,
-							className: $.textSecondary
+							className: $.textSecondary,
+							stroke: v
 						}),
 						onClick: () => d((e) => !e),
-						className: Je
-					}), /* @__PURE__ */ z(x, {
+						className: Ye
+					}), /* @__PURE__ */ B(S, {
 						"aria-label": c.closeQueueAriaLabel,
-						size: y.Small,
-						icon: /* @__PURE__ */ z(pe, {
+						size: b.Small,
+						icon: /* @__PURE__ */ B(me, {
 							size: _.SM,
-							className: $.textSecondary
+							className: $.textSecondary,
+							stroke: v
 						}),
-						onClick: T,
-						className: Je
+						onClick: E,
+						className: Ye
 					})]
 				})]
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ B("div", {
 				className: "px-3 pb-2",
-				children: /* @__PURE__ */ z(E, {
-					value: k,
-					size: y.Small,
+				children: /* @__PURE__ */ B(D, {
+					value: A,
+					size: b.Small,
 					"aria-label": t,
 					className: "w-full"
 				})
 			}),
-			!u && /* @__PURE__ */ z("div", {
+			!u && /* @__PURE__ */ B("div", {
 				className: o("flex max-h-[40vh] flex-col overflow-y-auto", l?.bodyClassName),
-				children: n.map((e) => /* @__PURE__ */ z(Qe, {
+				children: n.map((e) => /* @__PURE__ */ B($e, {
 					job: e,
 					labels: c,
 					onDismiss: a,
@@ -1104,68 +1108,68 @@ var X = /* @__PURE__ */ function(e) {
 					styles: l
 				}, e.id))
 			}),
-			/* @__PURE__ */ z(h, {
+			/* @__PURE__ */ B(h, {
 				open: f,
 				header: c.closeQueueConfirmHeader,
-				description: Ze(S, C, c),
+				description: Qe(C, w, c),
 				confirmLabel: c.closeLabel,
 				cancelLabel: c.cancelLabel,
 				variant: g.Danger,
-				onConfirm: D,
+				onConfirm: O,
 				onClose: () => p(!1)
 			})
 		]
 	});
 });
-$e.displayName = "ImportExportQueue";
+et.displayName = "ImportExportQueue";
 //#endregion
 //#region src/components/RenameConversationPopup/RenameConversationPopup.tsx
-var et = M(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: i, onCancel: o, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [f, p] = R(t), [h, g] = R(!1), [v, y] = R(null), b = L(null), S = L(!1), E = L(0);
-	P(() => {
-		let n = e && !S.current;
-		if (S.current = e, !e) {
-			E.current += 1, g(!1);
+var tt = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: i, onCancel: o, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [f, p] = z(t), [h, g] = z(!1), [y, b] = z(null), x = R(null), C = R(!1), D = R(0);
+	F(() => {
+		let n = e && !C.current;
+		if (C.current = e, !e) {
+			D.current += 1, g(!1);
 			return;
 		}
 		if (!n) return;
-		E.current += 1, p(t), y(null), g(!1);
-		let r = setTimeout(() => b.current?.focus(), 0);
+		D.current += 1, p(t), b(null), g(!1);
+		let r = setTimeout(() => x.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), P(() => () => {
-		E.current += 1;
+	}, [e, t]), F(() => () => {
+		D.current += 1;
 	}, []);
-	let D = c(f.trim()), ee = a(D) > 255, O = n || D === "" || D === t.trim() || ee, A = N(() => {
-		O || i(D);
+	let O = c(f.trim()), ee = a(O) > 255, k = n || O === "" || O === t.trim() || ee, j = P(() => {
+		k || i(O);
 	}, [
-		O,
+		k,
 		i,
-		D
-	]), te = N((e) => {
-		e.key === "Enter" && A();
-	}, [A]), ne = N(async () => {
+		O
+	]), te = P((e) => {
+		e.key === "Enter" && j();
+	}, [j]), M = P(async () => {
 		if (h) return;
-		let e = ++E.current;
-		g(!0), y(null);
+		let e = ++D.current;
+		g(!0), b(null);
 		try {
 			let t = await l();
-			if (e !== E.current) return;
+			if (e !== D.current) return;
 			p(s(t));
 		} catch {
-			if (e !== E.current) return;
-			y(u.renameWithAiError);
+			if (e !== D.current) return;
+			b(u.renameWithAiError);
 		} finally {
-			e === E.current && g(!1);
+			e === D.current && g(!1);
 		}
 	}, [
 		h,
 		l,
 		u.renameWithAiError
-	]), j;
-	return j = ee ? u.nameTooLongError : v ?? r ?? void 0, /* @__PURE__ */ z(w, {
+	]), ne;
+	return ne = ee ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ B(T, {
 		open: e,
 		header: u.popupTitle,
-		size: T.Sm,
+		size: E.Sm,
 		onClose: o,
 		mainButtons: n ? void 0 : [{
 			label: u.cancelLabel,
@@ -1173,41 +1177,41 @@ var et = M(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: i, onCa
 		}, {
 			label: u.saveLabel,
 			variant: m.Primary,
-			disabled: O,
-			onClick: A
+			disabled: k,
+			onClick: j
 		}],
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ z("div", {
+			children: n ? /* @__PURE__ */ B("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ z(k, { size: 50 })
-			}) : /* @__PURE__ */ B("div", {
+				children: /* @__PURE__ */ B(A, { size: 50 })
+			}) : /* @__PURE__ */ V("div", {
 				className: "flex items-start gap-2 px-6 py-3",
-				children: [/* @__PURE__ */ z("div", {
+				children: [/* @__PURE__ */ B("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ z(C, {
-						inputRef: b,
+					children: /* @__PURE__ */ B(w, {
+						inputRef: x,
 						value: f,
 						placeholder: u.inputPlaceholder,
-						error: j,
+						error: ne,
 						onChange: (e) => p(s(e ?? "")),
 						onKeyDown: te
 					})
-				}), /* @__PURE__ */ z(x, {
+				}), /* @__PURE__ */ B(S, {
 					"aria-label": u.renameWithAiLabel,
 					tooltipProps: { tooltip: u.renameWithAiLabel },
 					disabled: h || n,
-					onClick: ne,
-					icon: h ? /* @__PURE__ */ z(k, { size: _.MD }) : /* @__PURE__ */ z(fe, {
+					onClick: M,
+					icon: h ? /* @__PURE__ */ B(A, { size: _.MD }) : /* @__PURE__ */ B(pe, {
 						size: _.MD,
-						stroke: 1.5
+						stroke: v
 					})
 				})]
 			})
 		})
 	});
 });
-et.displayName = "RenameConversationPopup";
+tt.displayName = "RenameConversationPopup";
 //#endregion
-export { Ke as ConversationPanel, $e as ImportExportQueue, et as RenameConversationPopup };
+export { qe as ConversationPanel, et as ImportExportQueue, tt as RenameConversationPopup };