@epam/ai-dial-conversation-panel 1.2.0-dev.164 → 1.2.0-dev.173

package/index.js

@@ -1,15 +1,15 @@
-import { ConversationTransferJobStatus 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, ConfirmationPopup as m, ConfirmationPopupVariant as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, Dropdown as v, ElementSize as y, EllipsisTooltip as b, FilterChips 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, Tooltip as j, mergeClasses as M } from "@epam/ai-dial-ui-kit";
-import { createElement as te, memo as N, useCallback as P, useEffect as F, useId as ne, useImperativeHandle as re, useLayoutEffect as ie, useMemo as I, useRef as L, useState as R } from "react";
-import { jsx as z, jsxs as B } from "react/jsx-runtime";
-import { IconAlertCircleFilled as ae, IconAlertTriangleFilled as oe, IconCaretDownFilled as V, IconCaretRightFilled as se, IconCheck as ce, IconChevronDown as H, IconChevronUp as le, IconDotsVertical as ue, IconFile as de, IconFileZip as U, IconJson as fe, IconPlus as pe, IconSparkles as me, IconX as W } from "@tabler/icons-react";
+import { DeploymentIcon as e, FilterTab as t, buildCssVars as n, getUtf8ByteLength as r, mergeClasses as i, sanitizeConversationName as a, stripTrailingDots as o } from "@epam/ai-dial-chat-shared";
+import { PanelEmpty as s, PanelNoResults as c, SidebarOrientation as l, SidebarPanel as u } from "@epam/ai-dial-sidebar";
+import { Button as d, ButtonVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Dropdown as h, ElementSize as g, EllipsisTooltip as _, FilterChips as v, GhostIconButton as y, Highlight as b, Input as x, Popup as S, PopupSize as C, Search as w, Skeleton as T, SkeletonVariant as ee, Spinner as E, mergeClasses as D } from "@epam/ai-dial-ui-kit";
+import { createElement as O, memo as k, useCallback as A, useEffect as j, useId as M, useImperativeHandle as N, useLayoutEffect as te, useMemo as P, useRef as F, useState as I } from "react";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { IconCaretDownFilled as z, IconCaretRightFilled as ne, IconDotsVertical as re, IconPlus as ie, IconSparkles as ae } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var he = {
+var B = {
 	newChatButton: "dial-cp-new-chat-button",
 	search: "dial-cp-search"
-}, G = typeof window < "u" ? ie : F;
-function ge(e) {
+}, V = typeof window < "u" ? te : j;
+function oe(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -17,15 +17,15 @@ function ge(e) {
 			break;
 	}
 }
-function _e({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = I(() => ({
-		styleHeight: ge(o?.height),
-		styleWidth: ge(o?.width)
-	}), [o?.height, o?.width]), [l, u] = R({
+function se({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = P(() => ({
+		styleHeight: oe(o?.height),
+		styleWidth: oe(o?.width)
+	}), [o?.height, o?.width]), [l, u] = I({
 		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 G(() => {
+	return V(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -45,7 +45,7 @@ function _e({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), I(() => ({
+	]), P(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -54,26 +54,26 @@ function _e({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function ve(e) {
-	let t = L(() => {
+function ce(e) {
+	let t = F(() => {
 		throw Error("Cannot call during render.");
 	});
-	return G(() => {
+	return V(() => {
 		t.current = e;
-	}, [e]), P((e) => t.current?.(e), [t]);
+	}, [e]), A((e) => t.current?.(e), [t]);
 }
-var K = null;
-function ye(e = !1) {
-	if (K === null || e) {
+var H = null;
+function U(e = !1) {
+	if (H === 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 ? K = "positive-descending" : (e.scrollLeft = 1, K = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), K;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? H = "positive-descending" : (e.scrollLeft = 1, H = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), H;
 	}
-	return K;
+	return H;
 }
-function be({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (ye()) {
+function le({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (U()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -84,26 +84,26 @@ function be({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function q(e, t = "Assertion error") {
+function W(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function J(e, t) {
+function G(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;
+	if (!!e != !!t || (W(e !== void 0), W(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 xe({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function K({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return W(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function Se({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function ue({ 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 = xe({
+	let s = K({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -115,7 +115,7 @@ function Se({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function Ce({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function q({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -134,11 +134,11 @@ function Ce({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function we({ itemCount: e, itemProps: t, itemSize: n }) {
+function de({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (W(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -154,14 +154,14 @@ function we({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					q(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					W(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return W(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -171,8 +171,8 @@ function we({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Te({ itemCount: e, itemProps: t, itemSize: n }) {
-	return I(() => we({
+function J({ itemCount: e, itemProps: t, itemSize: n }) {
+	return P(() => de({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -182,11 +182,11 @@ function Te({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Ee({ containerSize: e, itemSize: t }) {
+function Y({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			q(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), q(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			W(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), W(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -194,21 +194,21 @@ function Ee({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function De({ 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 } = _e({
+function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = se({
 		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 = F({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Ee({
+	}), p = r === "vertical" ? u : d, m = Y({
 		containerSize: p,
 		itemSize: s
 	});
-	ie(() => {
+	te(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -221,11 +221,11 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Te({
+	let h = J({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = P((e) => h.get(e), [h]), [_, v] = R(() => Ce({
+	}), g = A((e) => h.get(e), [h]), [_, v] = I(() => q({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -236,7 +236,7 @@ function De({ 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 = P(() => xe({
+	}, C = A(() => K({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -244,9 +244,9 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = P((t) => Ce({
+	]), w = A((t) => q({
 		cachedBounds: h,
-		containerScrollOffset: be({
+		containerScrollOffset: le({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -264,19 +264,19 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return G(() => {
+	return V(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), G(() => {
+	]), V(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Ce({
+				let { scrollLeft: n, scrollTop: o } = e, s = q({
 					cachedBounds: h,
-					containerScrollOffset: be({
+					containerScrollOffset: le({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -286,7 +286,7 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return J(s, t) ? t : s;
+				return G(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -302,8 +302,8 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: ve(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = Se({
+		scrollToIndex: ce(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = ue({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -313,14 +313,14 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = be({
+				if (s = le({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					J(_, e) || v(e);
+					G(_, e) || v(e);
 				}
 				return s;
 			}
@@ -331,30 +331,30 @@ function De({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Oe(e) {
-	return I(() => e, Object.values(e));
+function pe(e) {
+	return P(() => e, Object.values(e));
 }
-function ke(e, t) {
+function me(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 G(n, a) && G(r, o) && G(i, s);
 }
-function Ae(e) {
+function he(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var je = "data-react-window-index";
-function Me({ 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 = Oe(u), h = I(() => N(s, ke), [s]), [g, _] = R(null), v = Ae(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = De({
+var ge = "data-react-window-index";
+function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
+	let m = pe(u), h = P(() => k(s, me), [s]), [g, _] = I(null), v = he(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = fe({
 		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: P(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	re(r, () => ({
+	N(r, () => ({
 		get element() {
 			return g;
 		},
@@ -369,12 +369,12 @@ function Me({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), G(() => {
+	}), [g, x]), V(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(je, n), !0;
+			return e.setAttribute(ge, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -383,7 +383,7 @@ function Me({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), F(() => {
+	]), j(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -398,11 +398,11 @@ function Me({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = I(() => {
+	let ee = P(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ te(h, {
+			e.push(/* @__PURE__ */ O(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -429,7 +429,7 @@ function Me({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ z("div", {
+	]), E = /* @__PURE__ */ L("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -437,7 +437,7 @@ function Me({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return te(d, {
+	return O(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -449,59 +449,59 @@ function Me({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, E, e, D);
+	}, ee, e, E);
 }
 //#endregion
 //#region src/types/virtual-row.ts
-var Y = /* @__PURE__ */ function(e) {
+var X = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), Ne = (e) => `${60 + e * 23 % 35}%`, Pe = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Fe = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, Ie = (e) => {
+}({}), ve = (e) => `${60 + e * 23 % 35}%`, ye = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", be = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, xe = (e) => {
 	switch (e) {
-		case n.Shared: return n.Shared;
-		case n.Organization: return n.Organization;
-		default: return n.MyChats;
+		case t.Shared: return t.Shared;
+		case t.Organization: return t.Organization;
+		default: return t.MyChats;
 	}
-}, Le = (e, t) => {
+}, Se = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === Y.Header) n = r.groupKey;
+	for (let r of e) if (r.kind === X.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, Re = (e, t, r) => {
+}, Ce = (e, n, r) => {
 	let i = /* @__PURE__ */ new Set();
-	if (t != null && i.add(t), t === n.Pinned) {
+	if (n != null && i.add(n), n === t.Pinned) {
 		let t = r.find((t) => t.id === e);
-		t && i.add(Ie(t.source));
-	} else i.add(n.Pinned);
+		t && i.add(xe(t.source));
+	} else i.add(t.Pinned);
 	return i;
-}, ze = (e, t, n, r) => {
+}, we = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
-	for (let e of n) if (e.kind === Y.Header) o = e.groupKey === r;
+	for (let e of n) if (e.kind === X.Header) o = e.groupKey === r;
 	else if (o) {
 		if (e.item.id === t) return a;
 		a = e.item.id;
 	}
 	return null;
-}, Be = [
+}, Te = [
 	{
-		value: n.All,
+		value: t.All,
 		labelKey: "all"
 	},
 	{
-		value: n.MyChats,
+		value: t.MyChats,
 		labelKey: "myChats"
 	},
 	{
-		value: n.Shared,
+		value: t.Shared,
 		labelKey: "shared"
 	},
 	{
-		value: n.Organization,
+		value: t.Organization,
 		labelKey: "organization"
 	}
-], Ve = N(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ z(x, {
-	items: I(() => Be.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+], Ee = k(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ L(v, {
+	items: P(() => Te.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
 	})), [t, i]),
@@ -510,27 +510,27 @@ var Y = /* @__PURE__ */ function(e) {
 	stretch: !0,
 	"aria-label": t.groupAriaLabel ?? "Filter chats",
 	className: "px-3 py-2",
-	chipClassName: M("!px-2", r)
-})), He = { button: "_button_1pnt8_1" }, Ue = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i, className: o }) => /* @__PURE__ */ z("div", {
+	chipClassName: D("!px-2", r)
+})), De = { button: "_button_1pnt8_1" }, Oe = k(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text", colors: a, className: o }) => /* @__PURE__ */ L("div", {
 	className: "px-3 py-2",
-	style: r({
-		"--cp-new-chat-bg": i?.background,
-		"--cp-new-chat-text": i?.text,
-		"--cp-new-chat-focus-outline": i?.focusOutline
+	style: n({
+		"--cp-new-chat-bg": a?.background,
+		"--cp-new-chat-text": a?.text,
+		"--cp-new-chat-focus-outline": a?.focusOutline
 	}),
-	children: /* @__PURE__ */ z(f, {
+	children: /* @__PURE__ */ L(d, {
 		label: e,
-		textClassName: n,
-		iconBefore: /* @__PURE__ */ z(pe, {
+		textClassName: r,
+		iconBefore: /* @__PURE__ */ L(ie, {
 			size: 18,
-			stroke: _,
+			stroke: m,
 			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", He.button, o, he.newChatButton)
+		className: i("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", De.button, o, B.newChatButton)
 	})
-})), X = {
+})), Z = {
 	skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
 	item: "_item_j0zft_2",
 	itemActive: "_itemActive_j0zft_15",
@@ -540,9 +540,9 @@ var Y = /* @__PURE__ */ function(e) {
 	triggerIcon: "_triggerIcon_j0zft_32",
 	unreadDot: "_unreadDot_j0zft_40",
 	search: "_search_j0zft_48"
-}, Z = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+}, ke = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
 	let d = o != null;
-	return /* @__PURE__ */ B("button", {
+	return /* @__PURE__ */ R("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -556,137 +556,137 @@ var Y = /* @__PURE__ */ function(e) {
 		onDrop: d ? (e) => {
 			d && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
-		className: a("group flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, X.groupHeader, s && X.dropZoneActive),
-		children: [t ? /* @__PURE__ */ z(V, {
+		className: i("group flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, Z.groupHeader, s && Z.dropZoneActive),
+		children: [t ? /* @__PURE__ */ L(z, {
 			size: 12,
 			className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ z(se, {
+		}) : /* @__PURE__ */ L(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
-		}), /* @__PURE__ */ z(b, { text: e })]
+		}), /* @__PURE__ */ L(_, { text: e })]
 	});
-}, We = ({ 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", rowGroupKey: p, rows: m, draggingId: h, dragOverId: b, allowedDropGroups: x, onDragStart: w, onDragEnd: T, onDragOver: E, onDragLeave: D, onDrop: O }) => {
-	let [A, j] = R(!1), M = L(null), te = P((t) => {
-		j(t), t && M.current && s?.(e, M.current);
-	}, [e, s]), N = o?.(e) ?? [], F = N.length > 0, ne = e.leadingIcon ? /* @__PURE__ */ z("span", {
+}, Ae = ({ item: t, isActive: n, onSelectConversation: r, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: f = "Unread", rowGroupKey: _, rows: v, draggingId: x, dragOverId: S, allowedDropGroups: C, onDragStart: w, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: k }) => {
+	let [j, M] = I(!1), N = F(null), te = A((e) => {
+		M(e), e && N.current && s?.(t, N.current);
+	}, [t, s]), P = o?.(t) ?? [], z = P.length > 0, ne = t.leadingIcon ? /* @__PURE__ */ L("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: e.leadingIcon
-	}) : e.isIconLoading ? /* @__PURE__ */ z(ee, {
-		variant: k.Circular,
-		width: g.LG,
-		height: g.LG,
-		color: X.skeletonColor,
+		children: t.leadingIcon
+	}) : t.isIconLoading ? /* @__PURE__ */ L(T, {
+		variant: ee.Circular,
+		width: p.LG,
+		height: p.LG,
+		color: Z.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ z(t, {
-		src: e.iconUrl,
-		size: g.LG,
-		initialsName: e.iconTooltip ?? "",
-		labels: { tooltip: e.iconTooltip },
+	}) : /* @__PURE__ */ L(e, {
+		src: t.iconUrl,
+		size: p.LG,
+		initialsName: t.iconTooltip ?? "",
+		labels: { tooltip: t.iconTooltip },
 		styles: { badgeClassName: u }
-	}), re = Pe(F, A), ie = e.isUnread ? /* @__PURE__ */ B("span", {
+	}), ie = ye(z, j), ae = t.isUnread ? /* @__PURE__ */ R("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ z("span", {
-			className: a("size-[7.11px] rounded-full", X.unreadDot, F && (A ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+		children: [/* @__PURE__ */ L("span", {
+			className: i("size-[7.11px] rounded-full", Z.unreadDot, z && (j ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
 			"aria-hidden": !0
-		}), /* @__PURE__ */ z("span", {
+		}), /* @__PURE__ */ L("span", {
 			className: "sr-only",
-			children: d
+			children: f
 		})]
-	}) : void 0, I = p != null, ae = P((e) => {
-		e.currentTarget.contains(e.relatedTarget) || D?.();
-	}, [D]), oe = P((t) => {
-		if (!p || !m || !O) return;
-		t.preventDefault();
-		let n = ze(t, e.id, m, p);
-		O(e.id, p, n);
+	}) : void 0, B = _ != null, V = A((e) => {
+		e.currentTarget.contains(e.relatedTarget) || O?.();
+	}, [O]), oe = A((e) => {
+		if (!_ || !v || !k) return;
+		e.preventDefault();
+		let n = we(e, t.id, v, _);
+		k(t.id, _, n);
 	}, [
-		e.id,
-		m,
-		p,
-		O
-	]), V = e.id === h, se = e.id === b, ce = p != null && (x?.has(p) ?? !1), H = h != null;
-	return /* @__PURE__ */ B("li", {
-		className: a("group/conversation relative", V && "cursor-grabbing opacity-50", se && ce && "rounded", se && ce && X.dropZoneActive, H && !V && !ce && "cursor-not-allowed"),
-		draggable: I || void 0,
-		onDragStart: I ? () => w?.(e.id) : void 0,
-		onDragEnd: I ? T : void 0,
-		onDragOver: I ? (t) => {
-			t.preventDefault(), E?.(e.id);
+		t.id,
+		v,
+		_,
+		k
+	]), se = t.id === x, ce = t.id === S, H = _ != null && (C?.has(_) ?? !1), U = x != null;
+	return /* @__PURE__ */ R("li", {
+		className: i("group/conversation relative", se && "cursor-grabbing opacity-50", ce && H && "rounded", ce && H && Z.dropZoneActive, U && !se && !H && "cursor-not-allowed"),
+		draggable: B || void 0,
+		onDragStart: B ? () => w?.(t.id) : void 0,
+		onDragEnd: B ? E : void 0,
+		onDragOver: B ? (e) => {
+			e.preventDefault(), D?.(t.id);
 		} : void 0,
-		onDragLeave: I ? ae : void 0,
-		onDrop: I ? oe : void 0,
-		children: [/* @__PURE__ */ z("a", {
-			href: e.href,
+		onDragLeave: B ? V : void 0,
+		onDrop: B ? oe : void 0,
+		children: [/* @__PURE__ */ L("a", {
+			href: t.href,
 			className: "contents",
-			onClick: (t) => {
-				e.href && (t.preventDefault(), r(e.id));
+			onClick: (e) => {
+				t.href && (e.preventDefault(), r(t.id));
 			},
-			children: /* @__PURE__ */ z(f, {
+			children: /* @__PURE__ */ L(d, {
 				iconBefore: ne,
-				label: /* @__PURE__ */ z(C, {
-					text: e.title,
-					query: i,
-					className: e.isUnread ? "dial-small-semi-text" : l,
+				label: /* @__PURE__ */ L(b, {
+					text: t.title,
+					query: a,
+					className: t.isUnread ? "dial-small-semi-text" : l,
 					maxLines: 1
 				}),
-				iconAfter: ie,
+				iconAfter: ae,
 				textClassName: "min-w-0 flex-1",
 				"aria-current": n ? "page" : void 0,
-				onClick: e.href ? void 0 : () => r(e.id),
-				tabIndex: e.href ? -1 : void 0,
-				className: a("h-8 w-full justify-start gap-2 py-2 ps-3 after:pointer-events-none", re, X.item, n && X.itemActive, A && X.itemActive)
+				onClick: t.href ? void 0 : () => r(t.id),
+				tabIndex: t.href ? -1 : void 0,
+				className: i("h-8 w-full justify-start gap-2 py-2 ps-3 after:pointer-events-none", ie, Z.item, n && Z.itemActive, j && Z.itemActive)
 			})
-		}), F && /* @__PURE__ */ z("div", {
-			className: a("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: N,
+		}), z && /* @__PURE__ */ L("div", {
+			className: i("absolute inset-y-0 end-1 flex items-center", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ L(h, {
+				items: P,
 				onOpenChange: te,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ z(S, {
-					ref: M,
-					icon: /* @__PURE__ */ z(ue, {
-						size: g.SM,
-						className: X.triggerIcon,
+				children: /* @__PURE__ */ L(y, {
+					ref: N,
+					icon: /* @__PURE__ */ L(re, {
+						size: p.SM,
+						className: Z.triggerIcon,
 						"aria-hidden": !0,
-						stroke: _
+						stroke: m
 					}),
-					size: y.Small,
+					size: g.Small,
 					"aria-label": c,
-					className: a(A && X.triggerActive)
+					className: i(j && Z.triggerActive)
 				})
 			})
 		})]
 	});
-}, Ge = ({ index: e, style: t, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
+}, je = ({ index: e, style: n, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
 	let C = r[e];
-	if (C.kind === Y.Header) {
-		let r = C.groupKey === n.Pinned;
-		return /* @__PURE__ */ z("div", {
+	if (C.kind === X.Header) {
+		let r = C.groupKey === t.Pinned;
+		return /* @__PURE__ */ L("div", {
 			role: "presentation",
-			style: t,
+			style: n,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ z(Z, {
+			children: /* @__PURE__ */ L(ke, {
 				label: C.label,
 				isExpanded: i.has(C.groupKey),
 				onToggle: () => a(C.groupKey),
 				listId: o,
 				className: m?.groupHeaderClassName,
-				dropZoneGroupKey: r ? n.Pinned : void 0,
-				isDragOver: r && g === n.Pinned,
+				dropZoneGroupKey: r ? t.Pinned : void 0,
+				isDragOver: r && g === t.Pinned,
 				onDragOver: r ? b : void 0,
 				onDragLeave: r ? x : void 0,
 				onDrop: r ? S : void 0
 			})
 		});
 	}
-	return /* @__PURE__ */ z("div", {
+	return /* @__PURE__ */ L("div", {
 		role: "presentation",
-		style: t,
+		style: n,
 		className: "pt-1",
-		children: /* @__PURE__ */ z(We, {
+		children: /* @__PURE__ */ L(Ae, {
 			item: C.item,
 			isActive: C.item.id === s,
 			searchQuery: c,
@@ -709,552 +709,337 @@ var Y = /* @__PURE__ */ function(e) {
 			onDrop: S
 		})
 	});
-}, Ke = (e, t) => t === n.All ? !0 : e.source === t, qe = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Je = new Set([
-	n.Pinned,
-	n.MyChats,
-	n.Shared,
-	n.Organization
-]), Ye = N(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: w = !1, hiddenSources: T }) => {
-	let { colors: E, typography: D, newChatButton: k, searchWrapperClassName: A, headerClassName: j, headerActionsClassName: M, newChatButtonClassName: te } = m ?? {}, { title: N, emptyLabel: re, noResultsLabel: ie, loadingLabel: ae = "Loading conversations", newChatLabel: oe, searchPlaceholder: V, searchClearLabel: se, filterLabels: ce, groupLabels: H, actionsLabel: le, unreadIndicatorLabel: ue, closeAriaLabel: de } = f, [U, fe] = R(""), [pe, me] = R(n.All);
-	F(() => {
-		S != null && me(S);
+}, Me = (e, n) => n === t.All ? !0 : e.source === n, Ne = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Pe = new Set([
+	t.Pinned,
+	t.MyChats,
+	t.Shared,
+	t.Organization
+]), Fe = k(({ conversations: e, isLoading: r, isOpen: a, onSelectConversation: o, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: ee = !1, hiddenSources: E }) => {
+	let { colors: D, typography: O, newChatButton: k, searchWrapperClassName: N, headerClassName: te, headerActionsClassName: z, newChatButtonClassName: ne } = m ?? {}, { title: re, emptyLabel: ie, noResultsLabel: ae, loadingLabel: V = "Loading conversations", newChatLabel: oe, searchPlaceholder: se, searchClearLabel: ce, filterLabels: H, groupLabels: U, actionsLabel: le, unreadIndicatorLabel: W, closeAriaLabel: G } = f, [K, ue] = I(""), [q, de] = I(t.All);
+	j(() => {
+		S != null && de(S);
 	}, [S]);
-	let W = I(() => T?.length ? e.filter((e) => e.source == null || !T.includes(e.source)) : e, [e, T]), [G, ge] = R(() => Je), [_e, ve] = R(5), K = ne(), ye = L(null), be = L(null), [q, J] = R(null), [xe, Se] = R(null), [Ce, we] = R(null), Te = L(null), Ee = L(null), De = P(({ height: e }) => {
-		ve(Math.ceil(e / 36 * 2));
-	}, []), Oe = P((e) => {
-		fe(e ?? "");
-	}, []), ke = P((e) => {
-		ge((t) => {
+	let J = P(() => E?.length ? e.filter((e) => e.source == null || !E.includes(e.source)) : e, [e, E]), [Y, fe] = I(() => Pe), [pe, me] = I(5), he = M(), ge = F(null), ye = F(null), [xe, we] = I(null), [Te, De] = I(null), [ke, Ae] = I(null), Fe = F(null), Ie = F(null), Le = A(({ height: e }) => {
+		me(Math.ceil(e / 36 * 2));
+	}, []), Re = A((e) => {
+		ue(e ?? "");
+	}, []), ze = A((e) => {
+		fe((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ae = P(() => {
-		Te.current = null, Ee.current = null, J(null), Se(null), we(null);
-	}, []), je = P((e, t) => {
-		let n = Re(e, Le(t, e), W);
-		Te.current = e, Ee.current = n, J(e), we(n);
-	}, [W]), Pe = P(() => {
-		Ae();
-	}, [Ae]), Ie = P((e) => {
-		Se(e);
-	}, []), ze = P(() => {
-		Se(null);
-	}, []), Be = P((e, t, n) => {
-		let r = Te.current, i = Ee.current;
-		Ae(), r != null && r !== e && i?.has(t) && x?.({
+	}, []), Be = A(() => {
+		Fe.current = null, Ie.current = null, we(null), De(null), Ae(null);
+	}, []), Ve = A((e, t) => {
+		let n = Ce(e, Se(t, e), J);
+		Fe.current = e, Ie.current = n, we(e), Ae(n);
+	}, [J]), He = A(() => {
+		Be();
+	}, [Be]), Ue = A((e) => {
+		De(e);
+	}, []), We = A(() => {
+		De(null);
+	}, []), Ge = A((e, t, n) => {
+		let r = Fe.current, i = Ie.current;
+		Be(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Ae, x]), He = r({
-		"--cp-item-hover": E?.itemHover,
-		"--cp-item-active": E?.itemActive,
-		"--cp-text": E?.text,
-		"--cp-text-secondary": E?.textSecondary,
+	}, [Be, x]), Ke = n({
+		"--cp-item-hover": D?.itemHover,
+		"--cp-item-active": D?.itemActive,
+		"--cp-text": D?.text,
+		"--cp-text-secondary": D?.textSecondary,
 		"--cp-new-chat-bg": k?.background,
 		"--cp-new-chat-text": k?.text,
 		"--cp-new-chat-focus-outline": k?.focusOutline,
-		"--cp-drop-zone-ring": E?.dropZoneRing,
-		"--cp-trigger-bg": E?.triggerBackground,
-		"--cp-trigger-icon": E?.triggerIcon,
-		"--cp-trigger-icon-idle": E?.triggerIconIdle,
-		"--cp-skeleton-color": E?.skeletonColor,
-		"--cp-unread-dot": E?.unreadDot
-	}), Z = I(() => W.filter((e) => Ke(e, pe) && qe(e, U)), [
-		W,
-		pe,
-		U
-	]), We = I(() => Z.filter((e) => e.isPinned), [Z]), Ye = I(() => Z.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Z]), Xe = I(() => Z.filter((e) => !e.isPinned && e.source === n.Shared), [Z]), Ze = I(() => Z.filter((e) => !e.isPinned && e.source === n.Organization), [Z]), Q = I(() => [
+		"--cp-drop-zone-ring": D?.dropZoneRing,
+		"--cp-trigger-bg": D?.triggerBackground,
+		"--cp-trigger-icon": D?.triggerIcon,
+		"--cp-trigger-icon-idle": D?.triggerIconIdle,
+		"--cp-skeleton-color": D?.skeletonColor,
+		"--cp-unread-dot": D?.unreadDot
+	}), Q = P(() => J.filter((e) => Me(e, q) && Ne(e, K)), [
+		J,
+		q,
+		K
+	]), qe = P(() => Q.filter((e) => e.isPinned), [Q]), Je = P(() => Q.filter((e) => !e.isPinned && e.source !== t.Shared && e.source !== t.Organization), [Q]), Ye = P(() => Q.filter((e) => !e.isPinned && e.source === t.Shared), [Q]), Xe = P(() => Q.filter((e) => !e.isPinned && e.source === t.Organization), [Q]), Ze = P(() => [
 		{
-			key: n.Pinned,
-			label: H?.pinned ?? "Pinned",
-			items: We
+			key: t.Pinned,
+			label: U?.pinned ?? "Pinned",
+			items: qe
 		},
 		{
-			key: n.MyChats,
-			label: H?.myChats ?? "My chats",
-			items: Ye
+			key: t.MyChats,
+			label: U?.myChats ?? "My chats",
+			items: Je
 		},
 		{
-			key: n.Shared,
-			label: H?.shared ?? "Shared",
-			items: Xe
+			key: t.Shared,
+			label: U?.shared ?? "Shared",
+			items: Ye
 		},
 		{
-			key: n.Organization,
-			label: H?.organization ?? "Organization",
-			items: Ze
+			key: t.Organization,
+			label: U?.organization ?? "Organization",
+			items: Xe
 		}
 	], [
-		H,
-		We,
+		U,
+		qe,
+		Je,
 		Ye,
-		Xe,
-		Ze
-	]), $ = I(() => {
+		Xe
+	]), $ = P(() => {
 		let e = [];
-		for (let t of Q) if (t.items.length !== 0 && (e.push({
-			kind: Y.Header,
+		for (let t of Ze) if (t.items.length !== 0 && (e.push({
+			kind: X.Header,
 			groupKey: t.key,
 			label: t.label
-		}), G.has(t.key))) for (let n of t.items) e.push({
-			kind: Y.Item,
+		}), Y.has(t.key))) for (let n of t.items) e.push({
+			kind: X.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Q, G]);
-	F(() => {
-		if (!s || be.current === s) return;
-		let e = $.findIndex((e) => e.kind === Y.Item && e.item.id === s);
-		e >= 0 && (ye.current?.scrollToRow({
+	}, [Ze, Y]);
+	j(() => {
+		if (!d || ye.current === d) return;
+		let e = $.findIndex((e) => e.kind === X.Item && e.item.id === d);
+		e >= 0 && (ge.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), be.current = s);
+		}), ye.current = d);
 	}, [
-		s,
-		Q,
-		G,
+		d,
+		Ze,
+		Y,
 		$
 	]);
-	let Qe = I(() => ({
+	let Qe = P(() => ({
 		rows: $,
-		expandedGroups: G,
-		onToggleGroup: ke,
-		listId: K,
-		activeConversationId: s,
-		searchQuery: U,
+		expandedGroups: Y,
+		onToggleGroup: ze,
+		listId: he,
+		activeConversationId: d,
+		searchQuery: K,
 		onSelectConversation: o,
 		getActions: _,
 		onActionMenuOpen: v,
 		actionsLabel: le,
-		unreadIndicatorLabel: ue,
+		unreadIndicatorLabel: W,
 		styles: {
-			groupHeaderClassName: D?.groupHeaderClassName,
-			itemTitleClassName: D?.itemTitleClassName,
+			groupHeaderClassName: O?.groupHeaderClassName,
+			itemTitleClassName: O?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName
 		},
-		draggingId: q,
-		dragOverId: xe,
-		allowedDropGroups: Ce,
-		onDragStart: (e) => je(e, $),
-		onDragEnd: Pe,
-		onDragOver: Ie,
-		onDragLeave: ze,
-		onDrop: Be
+		draggingId: xe,
+		dragOverId: Te,
+		allowedDropGroups: ke,
+		onDragStart: (e) => Ve(e, $),
+		onDragEnd: He,
+		onDragOver: Ue,
+		onDragLeave: We,
+		onDrop: Ge
 	}), [
 		$,
-		G,
-		ke,
+		Y,
+		ze,
+		he,
+		d,
 		K,
-		s,
-		U,
 		o,
 		_,
 		v,
 		le,
-		ue,
-		D?.groupHeaderClassName,
-		D?.itemTitleClassName,
+		W,
+		O?.groupHeaderClassName,
+		O?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
-		q,
 		xe,
-		Ce,
-		je,
-		Pe,
-		Ie,
-		ze,
-		Be
-	]), $e = W.length === 0, et = W.length > 0 && Z.length === 0;
-	return /* @__PURE__ */ B(d, {
-		isOpen: i,
+		Te,
+		ke,
+		Ve,
+		He,
+		Ue,
+		We,
+		Ge
+	]), $e = J.length === 0, et = J.length > 0 && Q.length === 0;
+	return /* @__PURE__ */ R(u, {
+		isOpen: a,
 		isOverlay: g,
-		orientation: u.Left,
-		title: N,
+		orientation: l.Left,
+		title: re,
 		labels: {
-			ariaLabel: N,
-			closeLabel: de
+			ariaLabel: re,
+			closeLabel: G
 		},
 		onClose: y,
 		styles: {
 			colors: {
-				background: E?.background,
-				border: E?.border
+				background: D?.background,
+				border: D?.border
 			},
-			typography: { fontClassName: D?.fontClassName },
+			typography: { fontClassName: O?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: He,
-			titleClassName: D?.fontClassName,
-			headerClassName: a("h-[64px]", j),
-			headerActionsClassName: M,
-			className: a(i ? "w-[324px] mobile:w-full" : "w-0", h)
+			cssVars: Ke,
+			titleClassName: O?.fontClassName,
+			headerClassName: i("h-[64px]", te),
+			headerActionsClassName: z,
+			className: i(a ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ z(Ue, {
+			/* @__PURE__ */ L(Oe, {
 				label: oe,
 				onClick: p,
-				labelClassName: D?.newChatLabelClassName,
+				labelClassName: O?.newChatLabelClassName,
 				colors: k,
-				className: te
+				className: ne
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ L("div", {
 				role: "search",
-				className: a("px-3 py-2", he.search),
-				children: /* @__PURE__ */ z(O, {
-					wrapperClassName: a(X.search, A),
-					value: U,
-					onChange: Oe,
-					placeholder: V,
-					clearLabel: se,
-					"aria-label": V
+				className: i("px-3 py-2", B.search),
+				children: /* @__PURE__ */ L(w, {
+					wrapperClassName: i(Z.search, N),
+					value: K,
+					onChange: Re,
+					placeholder: se,
+					clearLabel: ce,
+					"aria-label": se
 				})
 			}),
-			!w && /* @__PURE__ */ z(Ve, {
-				activeTab: pe,
-				labels: ce,
+			!ee && /* @__PURE__ */ L(Ee, {
+				activeTab: q,
+				labels: H,
 				onChange: (e) => {
-					me(e), C?.(e);
+					de(e), C?.(e);
 				},
-				tabClassName: D?.tabClassName,
-				hiddenSources: T
+				tabClassName: O?.tabClassName,
+				hiddenSources: E
 			}),
-			/* @__PURE__ */ z("span", {
+			/* @__PURE__ */ L("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? ae : $e ? re : et ? ie : ""
+				children: r ? V : $e ? ie : et ? ae : ""
 			}),
-			/* @__PURE__ */ z("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex-1 overflow-hidden px-3 py-1",
-				children: t ? /* @__PURE__ */ z("div", {
+				children: r ? /* @__PURE__ */ L("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__ */ L(T, {
 						avatar: { size: 24 },
-						showTitle: { width: Ne(t) },
+						showTitle: { width: ve(t) },
 						paragraph: !1,
 						active: !0,
-						color: X.skeletonColor
+						color: Z.skeletonColor
 					}, t))
-				}) : $e ? /* @__PURE__ */ z(c, { label: re }) : et ? /* @__PURE__ */ z(l, { label: ie }) : /* @__PURE__ */ z(Me, {
-					listRef: ye,
-					id: K,
+				}) : $e ? /* @__PURE__ */ L(s, { label: ie }) : et ? /* @__PURE__ */ L(c, { label: ae }) : /* @__PURE__ */ L(_e, {
+					listRef: ge,
+					id: he,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: Ge,
+					rowComponent: je,
 					rowCount: $.length,
-					rowHeight: Fe,
-					overscanCount: _e,
-					onResize: De,
+					rowHeight: be,
+					overscanCount: pe,
+					onResize: Le,
 					rowProps: Qe
 				})
 			})
 		]
 	});
-}), Xe = 8e3, Ze = "flex size-7 shrink-0 items-center justify-center", Q = {
-	root: "_root_11lia_1",
-	text: "_text_11lia_5",
-	textSecondary: "_textSecondary_11lia_9",
-	divider: "_divider_11lia_13",
-	successIcon: "_successIcon_11lia_17",
-	errorIcon: "_errorIcon_11lia_21",
-	failureCount: "_failureCount_11lia_25",
-	warningIcon: "_warningIcon_11lia_35"
-}, $ = ({ title: e, failedCount: t, isCollapsed: n, jobsId: r, labels: i, styles: o, onToggleCollapse: s, onClose: c }) => {
-	let l = o?.typography;
-	return /* @__PURE__ */ B("div", {
-		className: a(Q.divider, "mx-4 flex items-center justify-between py-3"),
-		children: [/* @__PURE__ */ B("div", {
-			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ z("span", {
-				className: a(Q.text, "truncate", l?.titleClassName || "dial-small-paragraph-semi-text"),
-				children: e
-			}), t > 0 && /* @__PURE__ */ z("span", {
-				className: a(Q.failureCount, "inline-flex h-4 min-w-4 shrink-0 items-center justify-center rounded-full px-1", l?.failureCountClassName || "dial-small-paragraph-semi-text"),
-				children: t
-			})]
-		}), /* @__PURE__ */ B("div", {
-			className: "flex shrink-0 items-center gap-1",
-			children: [/* @__PURE__ */ z(S, {
-				"aria-label": n ? i.expandQueueAriaLabel : i.collapseQueueAriaLabel,
-				size: y.Small,
-				"aria-expanded": !n,
-				"aria-controls": r,
-				icon: z(n ? le : H, {
-					size: g.SM,
-					className: Q.textSecondary,
-					stroke: _,
-					"aria-hidden": !0
-				}),
-				onClick: s,
-				className: Ze
-			}), /* @__PURE__ */ z(S, {
-				"aria-label": i.closeQueueAriaLabel,
-				size: y.Small,
-				icon: /* @__PURE__ */ z(W, {
-					size: g.SM,
-					className: Q.textSecondary,
-					stroke: _,
-					"aria-hidden": !0
-				}),
-				onClick: c,
-				className: Ze
-			})]
-		})]
-	});
-}, Qe = [".dial", ".zip"], $e = (e) => {
-	let t = e.toLowerCase();
-	return Qe.some((e) => t.endsWith(e)) ? U : t.endsWith(".json") ? fe : de;
-}, et = ({ job: t, labels: n, onCancel: r, styles: i }) => {
-	let o = i?.typography, s = $e(t.fileName), c = t.status === e.Canceled;
-	return /* @__PURE__ */ B("div", {
-		className: "group flex items-center gap-2 px-4 py-2",
-		children: [
-			/* @__PURE__ */ z(s, {
-				size: g.SM,
-				stroke: _,
-				className: Q.textSecondary,
-				"aria-hidden": !0
-			}),
-			/* @__PURE__ */ z(b, {
-				text: t.fileName,
-				className: a(c ? Q.textSecondary : Q.text, o?.jobLabelClassName || "dial-small-text"),
-				contentClassName: "!z-[80]"
-			}),
-			t.status === e.InProgress && /* @__PURE__ */ B("div", {
-				className: a("flex size-7 shrink-0 items-center justify-center", "grid"),
-				children: [/* @__PURE__ */ z(A, {
-					size: g.SM,
-					ariaLabel: n.jobProgressAriaLabel(t.fileName),
-					className: "pointer-events-none col-start-1 row-start-1 opacity-100 transition-opacity group-focus-within:opacity-0 group-hover:opacity-0"
-				}), /* @__PURE__ */ z(S, {
-					"aria-label": n.cancelJobAriaLabel(t.fileName),
-					size: y.Small,
-					icon: /* @__PURE__ */ z(W, {
-						size: g.SM,
-						className: Q.textSecondary,
-						stroke: _,
-						"aria-hidden": !0
-					}),
-					onClick: () => r(t.id),
-					className: "col-start-1 row-start-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100"
-				})]
-			}),
-			t.status === e.Success && /* @__PURE__ */ z("span", {
-				className: "flex size-7 shrink-0 items-center justify-center",
-				children: /* @__PURE__ */ z(ce, {
-					size: g.SM,
-					stroke: _,
-					className: Q.successIcon,
-					"aria-hidden": !0
-				})
-			}),
-			t.status === e.Warning && /* @__PURE__ */ z(j, {
-				tooltip: n.jobWarningMessage(t.warningCode, t.warningNames),
-				contentClassName: "!z-[80]",
-				asChild: !0,
-				children: /* @__PURE__ */ z("span", {
-					className: "flex size-7 shrink-0 items-center justify-center",
-					role: "img",
-					"aria-label": n.jobWarningMessage(t.warningCode, t.warningNames),
-					tabIndex: 0,
-					children: /* @__PURE__ */ z(oe, {
-						size: g.SM,
-						className: Q.warningIcon,
-						"aria-hidden": !0
-					})
-				})
-			}),
-			t.status === e.Failed && /* @__PURE__ */ z(j, {
-				tooltip: n.jobErrorMessage(t.errorCode),
-				contentClassName: "!z-[80]",
-				asChild: !0,
-				children: /* @__PURE__ */ z("span", {
-					className: "flex size-7 shrink-0 items-center justify-center",
-					role: "img",
-					"aria-label": n.jobErrorMessage(t.errorCode),
-					tabIndex: 0,
-					children: /* @__PURE__ */ z(ae, {
-						size: g.SM,
-						className: Q.errorIcon,
-						"aria-hidden": !0
-					})
-				})
-			}),
-			c && /* @__PURE__ */ z("span", {
-				className: a(Q.textSecondary, "shrink-0", o?.canceledLabelClassName || "dial-small-text"),
-				children: n.canceledLabel
-			})
-		]
-	});
-}, tt = (e) => Math.round(e.reduce((e, t) => e + t.progress.percent, 0) / e.length), nt = (t) => t.filter((t) => t.status !== e.InProgress).length, rt = (e, t, n) => e && t ? n.closeQueueConfirmDescriptionMixed : t ? n.closeQueueConfirmDescriptionFailed : n.closeQueueConfirmDescriptionInProgress, it = N(({ title: t, jobs: n, onClose: i, onCancel: o, labels: s, styles: c }) => {
-	let [l, u] = R(!1), d = ne(), [f, p] = R(!1), g = c?.colors, _ = {
-		...r({
-			"--cp-transfer-queue-bg": g?.background,
-			"--cp-transfer-queue-text": g?.text,
-			"--cp-transfer-queue-text-secondary": g?.textSecondary,
-			"--cp-transfer-queue-success-icon": g?.successIcon,
-			"--cp-transfer-queue-error-icon": g?.errorIcon,
-			"--cp-transfer-queue-warning-icon": g?.warningIcon,
-			"--cp-transfer-queue-divider": g?.divider,
-			"--cp-transfer-queue-failure-count-bg": g?.failureCountBackground,
-			"--cp-transfer-queue-failure-count-text": g?.failureCountText
-		}),
-		...c?.cssVars
-	}, v = n.some((t) => t.status === e.InProgress), b = n.some((t) => t.status === e.Failed), x = n.length > 0 && n.every((t) => t.status === e.Success), S = P(() => {
-		v || b ? p(!0) : i();
-	}, [
-		v,
-		b,
-		i
-	]), C = P(() => {
-		p(!1), i();
-	}, [i]), w = P(() => {
-		u((e) => !e);
-	}, []);
-	if (F(() => {
-		if (!x) return;
-		let e = setTimeout(i, Xe);
-		return () => clearTimeout(e);
-	}, [x, i]), n.length === 0) return null;
-	let T = n.filter((t) => t.status === e.Failed).length;
-	return /* @__PURE__ */ B("div", {
-		role: "status",
-		"aria-live": "polite",
-		style: _,
-		className: a(Q.root, "w-[370px] max-w-[calc(100vw-2rem)] rounded-xl shadow-md", c?.rootClassName),
-		children: [
-			/* @__PURE__ */ z($, {
-				title: t,
-				failedCount: T,
-				isCollapsed: l,
-				jobsId: d,
-				labels: s,
-				styles: c,
-				onToggleCollapse: w,
-				onClose: S
-			}),
-			l && v && /* @__PURE__ */ z(D, {
-				value: tt(n),
-				size: y.Small,
-				"aria-label": s.queueProgressAriaLabel,
-				"aria-valuetext": s.queueProgressValueText(nt(n), n.length)
-			}),
-			!l && /* @__PURE__ */ z("div", {
-				id: d,
-				className: a("flex max-h-[40vh] flex-col overflow-y-auto py-1", c?.bodyClassName),
-				children: n.map((e) => /* @__PURE__ */ z(et, {
-					job: e,
-					labels: s,
-					onCancel: o,
-					styles: c
-				}, e.id))
-			}),
-			/* @__PURE__ */ z(m, {
-				open: f,
-				header: s.closeQueueConfirmHeader,
-				description: rt(v, b, s),
-				confirmLabel: s.closeLabel,
-				cancelLabel: s.cancelLabel,
-				variant: h.Danger,
-				onConfirm: C,
-				onClose: () => p(!1)
-			})
-		]
-	});
-});
-it.displayName = "ImportExportQueue";
-//#endregion
-//#region src/components/RenameConversationPopup/RenameConversationPopup.tsx
-var at = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [f, m] = R(t), [h, v] = R(!1), [y, b] = R(null), x = L(null), C = L(!1), D = L(0);
-	F(() => {
-		let n = e && !C.current;
-		if (C.current = e, !e) {
+}), Ie = k(({ isOpen: e, currentTitle: t, isSaving: n, error: i, onSave: s, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [h, g] = I(t), [_, v] = I(!1), [b, w] = I(null), T = F(null), ee = F(!1), D = F(0);
+	j(() => {
+		let n = e && !ee.current;
+		if (ee.current = e, !e) {
 			D.current += 1, v(!1);
 			return;
 		}
 		if (!n) return;
-		D.current += 1, m(t), b(null), v(!1);
-		let r = setTimeout(() => x.current?.focus(), 0);
+		D.current += 1, g(t), w(null), v(!1);
+		let r = setTimeout(() => T.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), F(() => () => {
+	}, [e, t]), j(() => () => {
 		D.current += 1;
 	}, []);
-	let O = s(f.trim()), ee = i(O) > 255, k = n || O === "" || O === t.trim() || ee, j = P(() => {
-		k || a(O);
+	let O = o(h.trim()), k = r(O) > 255, M = n || O === "" || O === t.trim() || k, N = A(() => {
+		M || s(O);
 	}, [
-		k,
-		a,
+		M,
+		s,
 		O
-	]), M = P((e) => {
-		e.key === "Enter" && j();
-	}, [j]), te = P(async () => {
-		if (h) return;
+	]), te = A((e) => {
+		e.key === "Enter" && N();
+	}, [N]), P = A(async () => {
+		if (_) return;
 		let e = ++D.current;
-		v(!0), b(null);
+		v(!0), w(null);
 		try {
 			let t = await l();
 			if (e !== D.current) return;
-			m(o(t));
+			g(a(t));
 		} catch {
 			if (e !== D.current) return;
-			b(u.renameWithAiError);
+			w(u.renameWithAiError);
 		} finally {
 			e === D.current && v(!1);
 		}
 	}, [
-		h,
+		_,
 		l,
 		u.renameWithAiError
-	]), N;
-	return N = ee ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ z(T, {
+	]), z;
+	return z = k ? u.nameTooLongError : b ?? i ?? void 0, /* @__PURE__ */ L(S, {
 		open: e,
 		header: u.popupTitle,
-		size: E.Sm,
+		size: C.Sm,
 		onClose: c,
 		mainButtons: n ? void 0 : [{
 			label: u.cancelLabel,
 			onClick: c
 		}, {
 			label: u.saveLabel,
-			variant: p.Primary,
-			disabled: k,
-			onClick: j
+			variant: f.Primary,
+			disabled: M,
+			onClick: N
 		}],
-		children: /* @__PURE__ */ z("div", {
+		children: /* @__PURE__ */ L("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ z("div", {
+			children: n ? /* @__PURE__ */ L("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ z(A, { size: 50 })
-			}) : /* @__PURE__ */ B("div", {
+				children: /* @__PURE__ */ L(E, { size: 50 })
+			}) : /* @__PURE__ */ R("div", {
 				className: "flex items-start gap-2 px-6 py-3",
-				children: [/* @__PURE__ */ z("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ z(w, {
-						inputRef: x,
-						value: f,
+					children: /* @__PURE__ */ L(x, {
+						inputRef: T,
+						value: h,
 						placeholder: u.inputPlaceholder,
-						error: N,
-						onChange: (e) => m(o(e ?? "")),
-						onKeyDown: M
+						error: z,
+						onChange: (e) => g(a(e ?? "")),
+						onKeyDown: te
 					})
-				}), /* @__PURE__ */ z(S, {
+				}), /* @__PURE__ */ L(y, {
 					"aria-label": u.renameWithAiLabel,
 					tooltipProps: { tooltip: u.renameWithAiLabel },
-					disabled: h || n,
-					onClick: te,
-					icon: h ? /* @__PURE__ */ z(A, { size: g.MD }) : /* @__PURE__ */ z(me, {
-						size: g.MD,
-						stroke: _
+					disabled: _ || n,
+					onClick: P,
+					icon: _ ? /* @__PURE__ */ L(E, { size: p.MD }) : /* @__PURE__ */ L(ae, {
+						size: p.MD,
+						stroke: m
 					})
 				})]
 			})
 		})
 	});
 });
-at.displayName = "RenameConversationPopup";
+Ie.displayName = "RenameConversationPopup";
 //#endregion
-export { he as CONVERSATION_PANEL_CLASS, Ye as ConversationPanel, it as ImportExportQueue, at as RenameConversationPopup, $e as getTransferFileIcon };
+export { B as CONVERSATION_PANEL_CLASS, Fe as ConversationPanel, Ie as RenameConversationPopup };