@epam/ai-dial-conversation-panel 1.1.0-dev.39 → 1.1.0-dev.391

package/index.js

@@ -1,12 +1,12 @@
-import { DeploymentIcon as e, Highlight as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
-import { PanelEmpty as i, PanelNoResults as a, SearchInput as o, SidebarOrientation as s, SidebarPanel as c } from "@epam/ai-dial-sidebar";
-import { ButtonAppearance as l, DIAL_ICON_SIZE as u, DialButton as d, DialDropdown as f, DialEllipsisTooltip as p, DialIconButton as m, DialSkeleton as h, DialSkeletonVariant as g, DialTag as _, ElementSize as v, mergeClasses as y } from "@epam/ai-dial-ui-kit";
-import { createElement as b, memo as x, useCallback as S, useEffect as C, useId as w, useImperativeHandle as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
-import { jsx as A, jsxs as j } from "react/jsx-runtime";
-import { IconCaretDownFilled as M, IconCaretRightFilled as N, IconDotsVertical as P, IconPlus as F } from "@tabler/icons-react";
+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, GhostIconButton as x, Highlight as S, Input as C, Popup as w, PopupSize as T, ProgressBar as E, Search as D, Skeleton as O, SkeletonVariant as ee, Spinner as k, Tag as A, TagAppearance as j, Tooltip as te, mergeClasses as ne } from "@epam/ai-dial-ui-kit";
+import { createElement as M, memo as N, useCallback as P, useEffect as F, useId as re, useImperativeHandle as ie, useLayoutEffect as I, 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, IconAlertTriangleFilled as oe, IconCaretDownFilled as U, IconCaretRightFilled as se, IconCheck as ce, IconChevronDown as le, IconChevronUp as W, IconClock as ue, IconDotsVertical as de, IconFile as fe, IconFileZip as pe, IconJson as me, IconPlus as he, IconSparkles as ge, IconX as _e } from "@tabler/icons-react";
 //#region ../../node_modules/react-window/dist/react-window.js
-var I = typeof window < "u" ? E : C;
-function L(e) {
+var G = typeof window < "u" ? I : F;
+function ve(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -14,15 +14,15 @@ function L(e) {
 			break;
 	}
 }
-function R({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = D(() => ({
-		styleHeight: L(o?.height),
-		styleWidth: L(o?.width)
-	}), [o?.height, o?.width]), [l, u] = k({
+function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = L(() => ({
+		styleHeight: ve(o?.height),
+		styleWidth: ve(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;
-	return I(() => {
+	return G(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +42,7 @@ function R({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), D(() => ({
+	]), L(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -51,26 +51,26 @@ function R({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function ee(e) {
-	let t = O(() => {
+function be(e) {
+	let t = R(() => {
 		throw Error("Cannot call during render.");
 	});
-	return I(() => {
+	return G(() => {
 		t.current = e;
-	}, [e]), S((e) => t.current?.(e), [t]);
+	}, [e]), P((e) => t.current?.(e), [t]);
 }
-var z = null;
-function te(e = !1) {
-	if (z === null || e) {
+var K = null;
+function xe(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";
 		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 ? z = "positive-descending" : (e.scrollLeft = 1, z = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), z;
+		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 z;
+	return K;
 }
-function B({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (te()) {
+function Se({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (xe()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -81,26 +81,26 @@ function B({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function V(e, t = "Assertion error") {
+function q(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function H(e, t) {
+function J(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (V(e !== void 0), V(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	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 U({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function Ce({ 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 V(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function ne({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function we({ 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 = U({
+	let s = Ce({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -112,7 +112,7 @@ function ne({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function W({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function Te({ 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,11 +131,11 @@ function W({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function G({ itemCount: e, itemProps: t, itemSize: n }) {
+function Ee({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (V(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -151,14 +151,14 @@ function G({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					V(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					q(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 V(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -168,8 +168,8 @@ function G({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function K({ itemCount: e, itemProps: t, itemSize: n }) {
-	return D(() => G({
+function De({ itemCount: e, itemProps: t, itemSize: n }) {
+	return L(() => Ee({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,11 +179,11 @@ function K({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function re({ containerSize: e, itemSize: t }) {
+function Oe({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			V(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), V(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			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;
 			break;
 		default:
 			n = t;
@@ -191,21 +191,21 @@ function re({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function ie({ 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 } = R({
+function ke({ 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 } = ye({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = O({
+	}), f = R({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = re({
+	}), p = r === "vertical" ? u : d, m = Oe({
 		containerSize: p,
 		itemSize: s
 	});
-	E(() => {
+	I(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,22 +218,22 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = K({
+	let h = De({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = S((e) => h.get(e), [h]), [_, v] = k(() => W({
+	}), g = P((e) => h.get(e), [h]), [_, v] = z(() => Te({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
 		itemCount: a,
 		overscanCount: l
-	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: x, stopIndexOverscan: C } = {
+	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: x, stopIndexOverscan: S } = {
 		startIndexVisible: Math.min(a - 1, _.startIndexVisible),
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, w = S(() => U({
+	}, C = P(() => Ce({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,9 +241,9 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), T = S((t) => W({
+	]), w = P((t) => Te({
 		cachedBounds: h,
-		containerScrollOffset: B({
+		containerScrollOffset: Se({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -261,19 +261,19 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return I(() => {
-		v(T((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+	return G(() => {
+		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
-		T
-	]), I(() => {
+		w
+	]), G(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = W({
+				let { scrollLeft: n, scrollTop: o } = e, s = Te({
 					cachedBounds: h,
-					containerScrollOffset: B({
+					containerScrollOffset: Se({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return H(s, t) ? t : s;
+				return J(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -298,9 +298,9 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		l
 	]), {
 		getCellBounds: g,
-		getEstimatedSize: w,
-		scrollToIndex: ee(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ne({
+		getEstimatedSize: C,
+		scrollToIndex: be(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = we({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -310,53 +310,53 @@ function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = B({
+				if (s = Se({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
-					let e = T(s);
-					H(_, e) || v(e);
+					let e = w(s);
+					J(_, e) || v(e);
 				}
 				return s;
 			}
 		}),
 		startIndexOverscan: b,
 		startIndexVisible: y,
-		stopIndexOverscan: C,
+		stopIndexOverscan: S,
 		stopIndexVisible: x
 	};
 }
-function ae(e) {
-	return D(() => e, Object.values(e));
+function Y(e) {
+	return L(() => e, Object.values(e));
 }
-function oe(e, t) {
+function Ae(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return H(n, a) && H(r, o) && H(i, s);
+	return J(n, a) && J(r, o) && J(i, s);
 }
-function se(e) {
+function je(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var ce = "data-react-window-index";
-function le({ 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 = ae(u), h = D(() => x(s, oe), [s]), [g, _] = k(null), v = se(l), { getCellBounds: y, getEstimatedSize: S, scrollToIndex: w, startIndexOverscan: E, startIndexVisible: O, stopIndexOverscan: j, stopIndexVisible: M } = ie({
+var Me = "data-react-window-index";
+function Ne({ 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 = Y(u), h = L(() => N(s, Ae), [s]), [g, _] = z(null), v = je(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = ke({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: D(() => 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
 	});
-	T(r, () => ({
+	ie(r, () => ({
 		get element() {
 			return g;
 		},
 		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = w({
+			let r = x({
 				align: e,
 				containerScrollOffset: g?.scrollTop ?? 0,
 				index: n
@@ -366,40 +366,40 @@ function le({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, w]), I(() => {
+	}), [g, x]), G(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
-			let n = `${E + t}`;
-			return e.setAttribute(ce, n), !0;
+			let n = `${S + t}`;
+			return e.setAttribute(Me, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
 		g,
 		v,
 		l,
-		E,
-		j
-	]), C(() => {
-		E >= 0 && j >= 0 && a && a({
-			startIndex: O,
-			stopIndex: M
+		S,
+		w
+	]), F(() => {
+		S >= 0 && w >= 0 && a && a({
+			startIndex: C,
+			stopIndex: T
 		}, {
-			startIndex: E,
-			stopIndex: j
+			startIndex: S,
+			stopIndex: w
 		});
 	}, [
 		a,
-		E,
-		O,
-		j,
-		M
+		S,
+		C,
+		w,
+		T
 	]);
-	let N = D(() => {
+	let E = L(() => {
 		let e = [];
-		if (c > 0) for (let t = E; t <= j; t++) {
+		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ b(h, {
+			e.push(/* @__PURE__ */ M(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -424,17 +424,17 @@ function le({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		v,
 		c,
 		m,
-		E,
-		j
-	]), P = /* @__PURE__ */ A("div", {
+		S,
+		w
+	]), D = /* @__PURE__ */ B("div", {
 		"aria-hidden": !0,
 		style: {
-			height: S(),
+			height: b(),
 			width: "100%",
 			zIndex: -1
 		}
 	});
-	return b(d, {
+	return M(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -446,199 +446,105 @@ function le({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, N, e, P);
+	}, E, e, D);
 }
 //#endregion
 //#region src/types/virtual-row.ts
-var q = /* @__PURE__ */ function(e) {
+var X = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), J = /* @__PURE__ */ function(e) {
-	return e.All = "all", e.Pinned = "pinned", e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
-}({}), ue = (e) => `${60 + e * 23 % 35}%`, de = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", fe = (e, t) => t.rows[e].kind === q.Item ? 36 : e === 0 ? 24 : 56, pe = (e) => {
+}({}), Pe = (e) => `${60 + e * 23 % 35}%`, Fe = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", Ie = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, Le = (e) => {
 	switch (e) {
-		case J.Shared: return J.Shared;
-		case J.Organization: return J.Organization;
-		default: return J.MyChats;
+		case n.Shared: return n.Shared;
+		case n.Organization: return n.Organization;
+		default: return n.MyChats;
 	}
-}, me = (e, t) => {
+}, Re = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === q.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;
-}, he = (e, t, n) => {
-	let r = /* @__PURE__ */ new Set();
-	if (t != null && r.add(t), t === J.Pinned) {
-		let t = n.find((t) => t.id === e);
-		t && r.add(pe(t.source));
-	} else r.add(J.Pinned);
-	return r;
-}, ge = (e, t, n, r) => {
+}, ze = (e, t, r) => {
+	let i = /* @__PURE__ */ new Set();
+	if (t != null && i.add(t), t === n.Pinned) {
+		let t = r.find((t) => t.id === e);
+		t && i.add(Le(t.source));
+	} else i.add(n.Pinned);
+	return i;
+}, Z = (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 === q.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;
-}, Y = {
-	tabContainer: "_tabContainer_rzv03_1",
-	tabActive: "_tabActive_rzv03_13"
-}, _e = x(({ tabs: e, activeTabId: t, onTabChange: n, styles: i }) => {
-	let { tabClassName: a = "dial-tiny-semi-text" } = i?.typography ?? {};
-	return /* @__PURE__ */ A("div", {
-		className: "flex flex-nowrap gap-1",
-		children: e.map((e) => {
-			let i = t === e.id;
-			return /* @__PURE__ */ A(_, {
-				label: e.label,
-				selected: i,
-				onClick: () => n(e.id),
-				"aria-selected": i,
-				className: r("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", a, Y.tabContainer, i && Y.tabActive)
-			}, e.id);
-		})
-	});
-}), ve = [
+}, Be = [
 	{
-		value: J.All,
+		value: n.All,
 		labelKey: "all"
 	},
 	{
-		value: J.MyChats,
+		value: n.MyChats,
 		labelKey: "myChats"
 	},
 	{
-		value: J.Shared,
+		value: n.Shared,
 		labelKey: "shared"
 	},
 	{
-		value: J.Organization,
+		value: n.Organization,
 		labelKey: "organization"
 	}
-], ye = x(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ A("div", {
-	className: "mx-3 my-2",
-	children: /* @__PURE__ */ A(_e, {
-		tabs: ve.map(({ value: e, labelKey: n }) => ({
-			id: e,
-			label: t[n]
-		})),
-		activeTabId: e,
-		onTabChange: (e) => n(e),
-		styles: { typography: { tabClassName: y(r, "flex-1") } }
-	})
-})), be = { button: "_button_1ggx8_1" }, xe = x(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text" }) => /* @__PURE__ */ A("div", {
+], Ve = 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: Be.map(({ value: i, labelKey: a }) => /* @__PURE__ */ B(A, {
+		label: t[a],
+		appearance: j.Selectable,
+		selected: e === i,
+		onClick: () => n(i),
+		className: ne("flex-1 justify-center rounded-full", r)
+	}, i))
+})), He = { button: "_button_1vksy_1" }, Ue = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i }) => /* @__PURE__ */ B("div", {
 	className: "px-3 py-2",
-	children: /* @__PURE__ */ j("button", {
+	style: r({
+		"--cp-new-chat-bg": i?.background,
+		"--cp-new-chat-text": i?.text,
+		"--cp-new-chat-focus-outline": i?.focusOutline
+	}),
+	children: /* @__PURE__ */ V("button", {
 		onClick: t,
 		type: "button",
-		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1", be.button),
-		children: [/* @__PURE__ */ A(F, {
+		className: a("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", He.button),
+		children: [/* @__PURE__ */ B(he, {
 			size: 18,
-			stroke: 2,
+			stroke: _,
 			className: "shrink-0"
-		}), /* @__PURE__ */ A("span", {
+		}), /* @__PURE__ */ B("span", {
 			className: n,
 			children: e
 		})]
 	})
-})), X = {
-	skeletonColor: "var(--cp-skeleton-color, var(--bg-layer-4, #d1dbea))",
-	header: "_header_1nqh6_1",
-	item: "_item_1nqh6_5",
-	itemActive: "_itemActive_1nqh6_11",
-	groupHeader: "_groupHeader_1nqh6_16",
-	dropZoneActive: "_dropZoneActive_1nqh6_21",
-	trigger: "_trigger_1nqh6_29",
-	triggerActive: "_triggerActive_1nqh6_29",
-	triggerIcon: "_triggerIcon_1nqh6_32"
-}, Se = ({ item: n, isActive: i, onSelectConversation: a, searchQuery: o = "", getActions: s, onActionMenuOpen: c, actionsLabel: p = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: y, rowGroupKey: b, rows: x, draggingId: C, dragOverId: w, allowedDropGroups: T, onDragStart: E, onDragEnd: D, onDragOver: M, onDragLeave: N, onDrop: F }) => {
-	let [I, L] = k(!1), R = O(null), ee = S((e) => {
-		L(e), e && R.current && c?.(n, R.current);
-	}, [n, c]), z = s?.(n) ?? [], te = z.length > 0, B = n.isIconLoading ? /* @__PURE__ */ A(h, {
-		variant: g.Circular,
-		width: u.LG,
-		height: u.LG,
-		color: X.skeletonColor,
-		"aria-hidden": !0
-	}) : /* @__PURE__ */ A(e, {
-		src: n.iconUrl,
-		size: u.LG,
-		initialsName: n.iconTooltip ?? "",
-		labels: { tooltip: n.iconTooltip },
-		styles: { badgeClassName: y }
-	}), V = de(te, I), H = b != null, U = S((e) => {
-		e.currentTarget.contains(e.relatedTarget) || N?.();
-	}, [N]), ne = S((e) => {
-		if (!b || !x || !F) return;
-		e.preventDefault();
-		let t = ge(e, n.id, x, b);
-		F(n.id, b, t);
-	}, [
-		n.id,
-		x,
-		b,
-		F
-	]), W = n.id === C, G = n.id === w, K = b != null && (T?.has(b) ?? !1), re = C != null;
-	return /* @__PURE__ */ j("li", {
-		className: r("group/conversation relative", W && "cursor-grabbing opacity-50", G && K && "rounded", G && K && X.dropZoneActive, re && !W && !K && "cursor-not-allowed"),
-		draggable: H || void 0,
-		onDragStart: H ? () => E?.(n.id) : void 0,
-		onDragEnd: H ? D : void 0,
-		onDragOver: H ? (e) => {
-			e.preventDefault(), M?.(n.id);
-		} : void 0,
-		onDragLeave: H ? U : void 0,
-		onDrop: H ? ne : void 0,
-		children: [/* @__PURE__ */ A("a", {
-			href: n.href,
-			className: "contents",
-			onClick: (e) => {
-				n.href && (e.preventDefault(), a(n.id));
-			},
-			children: /* @__PURE__ */ A(d, {
-				iconBefore: B,
-				label: /* @__PURE__ */ A(t, {
-					text: n.title,
-					query: o,
-					className: _,
-					maxLines: 1
-				}),
-				textClassName: "min-w-0",
-				"aria-current": i ? "page" : void 0,
-				onClick: n.href ? void 0 : () => a(n.id),
-				tabIndex: n.href ? -1 : void 0,
-				className: r("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", V, X.item, i && X.itemActive, I && X.itemActive)
-			})
-		}), te && /* @__PURE__ */ A("div", {
-			className: r("absolute inset-y-0 end-1 flex items-center", I ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ A(f, {
-				items: z,
-				onOpenChange: ee,
-				matchReferenceWidth: !1,
-				listClassName: "w-[140px] cp-dropdown-overlay",
-				children: /* @__PURE__ */ A(m, {
-					ref: R,
-					icon: /* @__PURE__ */ A(P, {
-						size: u.SM,
-						className: X.triggerIcon,
-						"aria-hidden": !0
-					}),
-					appearance: l.Ghost,
-					size: v.Small,
-					"aria-label": p,
-					className: r("flex items-center justify-center rounded", X.trigger, I && X.triggerActive)
-				})
-			})
-		})]
-	});
-}, Ce = ({ label: e, isExpanded: t, onToggle: n, listId: i, className: a = "dial-tiny-semi-text uppercase", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+})), Q = {
+	skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
+	item: "_item_i3lsf_2",
+	itemActive: "_itemActive_i3lsf_15",
+	groupHeader: "_groupHeader_i3lsf_20",
+	taskBadge: "_taskBadge_i3lsf_24",
+	dropZoneActive: "_dropZoneActive_i3lsf_30",
+	triggerActive: "_triggerActive_i3lsf_35",
+	triggerIcon: "_triggerIcon_i3lsf_38",
+	unreadDot: "_unreadDot_i3lsf_46",
+	search: "_search_i3lsf_54"
+}, We = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
 	let d = o != null;
-	return /* @__PURE__ */ j("button", {
+	return /* @__PURE__ */ V("button", {
 		type: "button",
 		"aria-expanded": t,
-		"aria-controls": i,
+		"aria-controls": r,
 		onClick: n,
 		onDragOver: d ? (e) => {
 			d && (e.preventDefault(), c?.(o));
@@ -649,311 +555,714 @@ var q = /* @__PURE__ */ function(e) {
 		onDrop: d ? (e) => {
 			d && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
-		className: r("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, X.groupHeader, s && X.dropZoneActive),
-		children: [t ? /* @__PURE__ */ A(M, {
-			stroke: .5,
+		className: a("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__ */ A(N, {
-			stroke: .5,
+		}) : /* @__PURE__ */ B(se, {
 			size: 12,
 			className: "shrink-0 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ A(p, { text: e })]
+		}), /* @__PURE__ */ B(b, { text: e })]
+	});
+}, Ge = ({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, taskBadgeClassName: d = "dial-caption-lead-semi-text", unreadIndicatorLabel: p = "Unread", rowGroupKey: m, rows: h, draggingId: b, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: k, onDrop: A }) => {
+	let [j, te] = z(!1), ne = R(null), M = P((t) => {
+		te(t), t && ne.current && s?.(e, ne.current);
+	}, [e, s]), N = o?.(e) ?? [], F = N.length > 0, re = e.isIconLoading ? /* @__PURE__ */ B(O, {
+		variant: ee.Circular,
+		width: g.LG,
+		height: g.LG,
+		color: Q.skeletonColor,
+		"aria-hidden": !0
+	}) : /* @__PURE__ */ B(t, {
+		src: e.iconUrl,
+		size: g.LG,
+		initialsName: e.iconTooltip ?? "",
+		labels: { tooltip: e.iconTooltip },
+		styles: { badgeClassName: u }
+	}), ie = /* @__PURE__ */ V("span", {
+		className: "flex shrink-0 items-center",
+		children: [/* @__PURE__ */ B("span", {
+			className: "relative flex size-3 shrink-0 items-center justify-center",
+			children: e.isUnread && /* @__PURE__ */ V(ae, { children: [/* @__PURE__ */ B("span", {
+				className: a("size-[5.33px] rounded-full", Q.unreadDot),
+				"aria-hidden": !0
+			}), /* @__PURE__ */ B("span", {
+				className: "sr-only",
+				children: p
+			})] })
+		}), re]
+	}), I = Fe(F, j), L = e.showTaskBadge ? /* @__PURE__ */ V("span", {
+		className: a("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(ue, {
+			size: 12,
+			"aria-hidden": !0,
+			stroke: _
+		}), e.taskBadgeLabel]
+	}) : void 0, H = m != null, oe = P((e) => {
+		e.currentTarget.contains(e.relatedTarget) || k?.();
+	}, [k]), U = P((t) => {
+		if (!m || !h || !A) return;
+		t.preventDefault();
+		let n = Z(t, e.id, h, m);
+		A(e.id, m, n);
+	}, [
+		e.id,
+		h,
+		m,
+		A
+	]), se = e.id === b, ce = e.id === C, le = m != null && (w?.has(m) ?? !1), W = b != null;
+	return /* @__PURE__ */ V("li", {
+		className: a("group/conversation relative", se && "cursor-grabbing opacity-50", ce && le && "rounded", ce && le && Q.dropZoneActive, W && !se && !le && "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: H ? oe : void 0,
+		onDrop: H ? U : void 0,
+		children: [/* @__PURE__ */ B("a", {
+			href: e.href,
+			className: "contents",
+			onClick: (t) => {
+				e.href && (t.preventDefault(), r(e.id));
+			},
+			children: /* @__PURE__ */ B(f, {
+				iconBefore: ie,
+				label: /* @__PURE__ */ B(S, {
+					text: e.title,
+					query: i,
+					className: l,
+					maxLines: 1
+				}),
+				iconAfter: L,
+				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-0 after:pointer-events-none", I, Q.item, n && Q.itemActive, j && Q.itemActive)
+			})
+		}), F && /* @__PURE__ */ B("div", {
+			className: a("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(v, {
+				items: N,
+				onOpenChange: M,
+				matchReferenceWidth: !1,
+				listClassName: "w-[200px]",
+				children: /* @__PURE__ */ B(x, {
+					ref: ne,
+					icon: /* @__PURE__ */ B(de, {
+						size: g.SM,
+						className: Q.triggerIcon,
+						"aria-hidden": !0,
+						stroke: _
+					}),
+					size: y.Small,
+					"aria-label": c,
+					className: a(j && Q.triggerActive)
+				})
+			})
+		})]
 	});
-}, we = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, listId: a, activeConversationId: o, searchQuery: s, onSelectConversation: c, getActions: l, onActionMenuOpen: u, actionsLabel: d, styles: f, draggingId: p, dragOverId: m, allowedDropGroups: h, onDragStart: g, onDragEnd: _, onDragOver: v, onDragLeave: y, onDrop: b }) => {
-	let x = n[e];
-	if (x.kind === q.Header) {
-		let n = x.groupKey === J.Pinned;
-		return /* @__PURE__ */ A("div", {
+}, Ke = ({ 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 }) => {
+	let C = r[e];
+	if (C.kind === X.Header) {
+		let r = C.groupKey === n.Pinned;
+		return /* @__PURE__ */ B("div", {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ A(Ce, {
-				label: x.label,
-				isExpanded: r.has(x.groupKey),
-				onToggle: () => i(x.groupKey),
-				listId: a,
-				className: f?.groupHeaderClassName,
-				dropZoneGroupKey: n ? J.Pinned : void 0,
-				isDragOver: n && m === J.Pinned,
-				onDragOver: n ? v : void 0,
-				onDragLeave: n ? y : void 0,
-				onDrop: n ? b : void 0
+			children: /* @__PURE__ */ B(We, {
+				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,
+				onDragOver: r ? b : void 0,
+				onDragLeave: r ? x : void 0,
+				onDrop: r ? S : void 0
 			})
 		});
 	}
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ B("div", {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ A(Se, {
-			item: x.item,
-			isActive: x.item.id === o,
-			searchQuery: s,
-			onSelectConversation: c,
-			getActions: l,
-			onActionMenuOpen: u,
-			actionsLabel: d,
-			itemTitleClassName: f?.itemTitleClassName,
-			itemIconBadgeClassName: f?.itemIconBadgeClassName,
-			rowGroupKey: x.groupKey,
-			rows: n,
-			draggingId: p,
-			dragOverId: m,
-			allowedDropGroups: h,
-			onDragStart: g,
-			onDragEnd: _,
-			onDragOver: v,
-			onDragLeave: y,
-			onDrop: b
+		children: /* @__PURE__ */ B(Ge, {
+			item: C.item,
+			isActive: C.item.id === s,
+			searchQuery: c,
+			onSelectConversation: l,
+			getActions: u,
+			onActionMenuOpen: d,
+			actionsLabel: f,
+			unreadIndicatorLabel: p,
+			itemTitleClassName: m?.itemTitleClassName,
+			itemIconBadgeClassName: m?.itemIconBadgeClassName,
+			taskBadgeClassName: m?.taskBadgeClassName,
+			rowGroupKey: C.groupKey,
+			rows: r,
+			draggingId: h,
+			dragOverId: g,
+			allowedDropGroups: _,
+			onDragStart: v,
+			onDragEnd: y,
+			onDragOver: b,
+			onDragLeave: x,
+			onDrop: S
 		})
 	});
-}, Te = (e, t) => t === J.All ? !0 : e.source === t, Ee = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, De = new Set([
-	J.Pinned,
-	J.MyChats,
-	J.Shared,
-	J.Organization
-]), Z = x(({ conversations: e, isLoading: t, isOpen: l, onSelectConversation: u, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: T, onActiveFilterChange: E }) => {
-	let { colors: M, typography: N } = m ?? {}, { title: P, emptyLabel: F, noResultsLabel: I, loadingLabel: L = "Loading conversations", newChatLabel: R, searchPlaceholder: ee, searchClearLabel: z, filterLabels: te, groupLabels: B, actionsLabel: V, closeAriaLabel: H } = f, [U, ne] = k(""), [W, G] = k(J.All);
-	C(() => {
-		T != null && (G(T), E?.(T));
-	}, [T]);
-	let [K, re] = k(() => De), [ie, ae] = k(5), oe = w(), se = O(null), ce = O(null), [de, pe] = k(null), [ge, Y] = k(null), [_e, ve] = k(null), be = O(null), X = O(null), Se = S(({ height: e }) => {
-		ae(Math.ceil(e / 36 * 2));
-	}, []), Ce = S((e) => {
-		re((t) => {
+}, qe = (e, t) => t === n.All ? !0 : e.source === t, Je = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ye = new Set([
+	n.Pinned,
+	n.MyChats,
+	n.Shared,
+	n.Organization
+]), Xe = N(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: f, 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, searchWrapperClassName: ee } = m ?? {}, { title: k, emptyLabel: A, noResultsLabel: j, loadingLabel: te = "Loading conversations", newChatLabel: ne, searchPlaceholder: M, searchClearLabel: N, filterLabels: ie, groupLabels: I, actionsLabel: ae, unreadIndicatorLabel: H, closeAriaLabel: oe } = f, [U, se] = z(""), [ce, le] = z(n.All);
+	F(() => {
+		x != null && le(x);
+	}, [x]);
+	let [W, ue] = z(() => Ye), [de, fe] = z(5), pe = re(), me = R(null), he = R(null), [ge, _e] = z(null), [G, ve] = z(null), [ye, be] = z(null), K = R(null), xe = R(null), Se = P(({ height: e }) => {
+		fe(Math.ceil(e / 36 * 2));
+	}, []), q = P((e) => {
+		se(e ?? "");
+	}, []), J = P((e) => {
+		ue((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Z = S(() => {
-		be.current = null, X.current = null, pe(null), Y(null), ve(null);
-	}, []), Oe = S((t, n) => {
-		let r = he(t, me(n, t), e);
-		be.current = t, X.current = r, pe(t), ve(r);
-	}, [e]), ke = S(() => {
-		Z();
-	}, [Z]), Ae = S((e) => {
-		Y(e);
-	}, []), je = S(() => {
-		Y(null);
-	}, []), Me = S((e, t, n) => {
-		let r = be.current, i = X.current;
-		Z(), r != null && r !== e && i?.has(t) && x?.({
+	}, []), Ce = P(() => {
+		K.current = null, xe.current = null, _e(null), ve(null), be(null);
+	}, []), we = P((t, n) => {
+		let r = ze(t, Re(n, t), e);
+		K.current = t, xe.current = r, _e(t), be(r);
+	}, [e]), Te = P(() => {
+		Ce();
+	}, [Ce]), Ee = P((e) => {
+		ve(e);
+	}, []), De = P(() => {
+		ve(null);
+	}, []), Oe = P((e, t, n) => {
+		let r = K.current, i = xe.current;
+		Ce(), r != null && r !== e && i?.has(t) && b?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Z, x]), Ne = n({
-		"--cp-bg": M?.background,
-		"--sb-border": M?.border,
-		"--cp-item-hover": M?.itemHover,
-		"--cp-item-active": M?.itemActive,
-		"--cp-text": M?.text,
-		"--cp-text-secondary": M?.textSecondary,
-		"--cp-new-chat-hover": M?.newChatHoverBackground,
-		"--cp-new-chat-active": M?.newChatActiveBackground,
-		"--cp-new-chat-bg": M?.newChatBackground,
-		"--cp-new-chat-text": M?.newChatText,
-		"--cp-new-chat-shadow-blue": M?.newChatShadowBlue,
-		"--cp-new-chat-shadow-blue-hover": M?.newChatShadowBlueHover,
-		"--cp-new-chat-shadow-blue-active": M?.newChatShadowBlueActive,
-		"--cp-new-chat-shadow-purple": M?.newChatShadowPurple,
-		"--cp-new-chat-shadow-purple-hover": M?.newChatShadowPurpleHover,
-		"--cp-new-chat-shadow-purple-active": M?.newChatShadowPurpleActive,
-		"--cp-drop-zone-ring": M?.dropZoneRing,
-		"--cp-trigger-bg": M?.triggerBackground,
-		"--cp-trigger-icon": M?.triggerIcon,
-		"--cp-trigger-icon-idle": M?.triggerIconIdle,
-		"--cp-skeleton-color": M?.skeletonColor
-	}), Q = D(() => e.filter((e) => Te(e, W) && Ee(e, U)), [
+	}, [Ce, b]), ke = r({
+		"--cp-item-hover": w?.itemHover,
+		"--cp-item-active": w?.itemActive,
+		"--cp-text": w?.text,
+		"--cp-text-secondary": w?.textSecondary,
+		"--cp-new-chat-bg": E?.background,
+		"--cp-new-chat-text": E?.text,
+		"--cp-new-chat-focus-outline": E?.focusOutline,
+		"--cp-drop-zone-ring": w?.dropZoneRing,
+		"--cp-trigger-bg": w?.triggerBackground,
+		"--cp-trigger-icon": w?.triggerIcon,
+		"--cp-trigger-icon-idle": w?.triggerIconIdle,
+		"--cp-skeleton-color": w?.skeletonColor,
+		"--cp-task-badge-border": w?.taskBadgeBorder,
+		"--cp-task-badge-bg": w?.taskBadgeBackground,
+		"--cp-task-badge-text": w?.taskBadgeText,
+		"--cp-unread-dot": w?.unreadDot
+	}), Y = L(() => e.filter((e) => qe(e, ce) && Je(e, U)), [
 		e,
-		W,
+		ce,
 		U
-	]), Pe = D(() => Q.filter((e) => e.isPinned), [Q]), Fe = D(() => Q.filter((e) => !e.isPinned && e.source !== J.Shared && e.source !== J.Organization), [Q]), Ie = D(() => Q.filter((e) => !e.isPinned && e.source === J.Shared), [Q]), Le = D(() => Q.filter((e) => !e.isPinned && e.source === J.Organization), [Q]), Re = D(() => [
+	]), Ae = L(() => Y.filter((e) => e.isPinned), [Y]), je = L(() => Y.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Y]), Me = L(() => Y.filter((e) => !e.isPinned && e.source === n.Shared), [Y]), Fe = L(() => Y.filter((e) => !e.isPinned && e.source === n.Organization), [Y]), Le = L(() => [
 		{
-			key: J.Pinned,
-			label: B?.pinned ?? "Pinned",
-			items: Pe
+			key: n.Pinned,
+			label: I?.pinned ?? "Pinned",
+			items: Ae
 		},
 		{
-			key: J.MyChats,
-			label: B?.myChats ?? "My chats",
-			items: Fe
+			key: n.MyChats,
+			label: I?.myChats ?? "My chats",
+			items: je
 		},
 		{
-			key: J.Shared,
-			label: B?.shared ?? "Shared",
-			items: Ie
+			key: n.Shared,
+			label: I?.shared ?? "Shared",
+			items: Me
 		},
 		{
-			key: J.Organization,
-			label: B?.organization ?? "Organization",
-			items: Le
+			key: n.Organization,
+			label: I?.organization ?? "Organization",
+			items: Fe
 		}
 	], [
-		B,
-		Pe,
-		Fe,
-		Ie,
-		Le
-	]), $ = D(() => {
+		I,
+		Ae,
+		je,
+		Me,
+		Fe
+	]), Z = L(() => {
 		let e = [];
-		for (let t of Re) if (t.items.length !== 0 && (e.push({
-			kind: q.Header,
+		for (let t of Le) if (t.items.length !== 0 && (e.push({
+			kind: X.Header,
 			groupKey: t.key,
 			label: t.label
-		}), K.has(t.key))) for (let n of t.items) e.push({
-			kind: q.Item,
+		}), W.has(t.key))) for (let n of t.items) e.push({
+			kind: X.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Re, K]);
-	C(() => {
-		if (!d) return;
-		let e = Re.find((e) => e.items.some((e) => e.id === d))?.key;
-		if (e && !K.has(e)) {
-			re((t) => new Set(t).add(e));
-			return;
-		}
-		if (ce.current === d) return;
-		let t = $.findIndex((e) => e.kind === q.Item && e.item.id === d);
-		t >= 0 && (se.current?.scrollToRow({
-			index: t,
+	}, [Le, W]);
+	F(() => {
+		if (!s || he.current === s) return;
+		let e = Z.findIndex((e) => e.kind === X.Item && e.item.id === s);
+		e >= 0 && (me.current?.scrollToRow({
+			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), ce.current = d);
+		}), he.current = s);
 	}, [
-		d,
-		Re,
-		K,
-		$
+		s,
+		Le,
+		W,
+		Z
 	]);
-	let ze = D(() => ({
-		rows: $,
-		expandedGroups: K,
-		onToggleGroup: Ce,
-		listId: oe,
-		activeConversationId: d,
+	let Be = L(() => ({
+		rows: Z,
+		expandedGroups: W,
+		onToggleGroup: J,
+		listId: pe,
+		activeConversationId: s,
 		searchQuery: U,
-		onSelectConversation: u,
-		getActions: _,
-		onActionMenuOpen: v,
-		actionsLabel: V,
+		onSelectConversation: o,
+		getActions: g,
+		onActionMenuOpen: _,
+		actionsLabel: ae,
+		unreadIndicatorLabel: H,
 		styles: {
-			groupHeaderClassName: N?.groupHeaderClassName,
-			itemTitleClassName: N?.itemTitleClassName,
-			itemIconBadgeClassName: m?.itemIconBadgeClassName
+			groupHeaderClassName: T?.groupHeaderClassName,
+			itemTitleClassName: T?.itemTitleClassName,
+			itemIconBadgeClassName: m?.itemIconBadgeClassName,
+			taskBadgeClassName: m?.taskBadgeClassName
 		},
-		draggingId: de,
-		dragOverId: ge,
-		allowedDropGroups: _e,
-		onDragStart: (e) => Oe(e, $),
-		onDragEnd: ke,
-		onDragOver: Ae,
-		onDragLeave: je,
-		onDrop: Me
+		draggingId: ge,
+		dragOverId: G,
+		allowedDropGroups: ye,
+		onDragStart: (e) => we(e, Z),
+		onDragEnd: Te,
+		onDragOver: Ee,
+		onDragLeave: De,
+		onDrop: Oe
 	}), [
-		$,
-		K,
-		Ce,
-		oe,
-		d,
+		Z,
+		W,
+		J,
+		pe,
+		s,
 		U,
-		u,
+		o,
+		g,
 		_,
-		v,
-		V,
-		N?.groupHeaderClassName,
-		N?.itemTitleClassName,
+		ae,
+		H,
+		T?.groupHeaderClassName,
+		T?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
-		de,
+		m?.taskBadgeClassName,
 		ge,
-		_e,
-		Oe,
-		ke,
-		Ae,
-		je,
-		Me
-	]), Be = e.length === 0, Ve = e.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ j(c, {
-		isOpen: l,
-		orientation: s.Left,
-		title: P,
+		G,
+		ye,
+		we,
+		Te,
+		Ee,
+		De,
+		Oe
+	]), He = e.length === 0, We = e.length > 0 && Y.length === 0;
+	return /* @__PURE__ */ V(d, {
+		isOpen: i,
+		orientation: u.Left,
+		title: k,
 		labels: {
-			ariaLabel: P,
-			closeLabel: H
+			ariaLabel: k,
+			closeLabel: oe
 		},
-		onClose: y,
+		onClose: v,
 		styles: {
 			colors: {
-				background: M?.background,
-				border: M?.border
+				background: w?.background,
+				border: w?.border
 			},
-			typography: { fontClassName: N?.fontClassName },
+			typography: { fontClassName: T?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: Ne,
-			titleClassName: N?.fontClassName,
+			cssVars: ke,
+			titleClassName: T?.fontClassName,
 			headerClassName: "h-[64px]",
-			className: r(l ? "w-[325px] border-s border-e mobile:w-full" : "w-0", g)
+			className: a(i ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
-		rightActions: b,
+		rightActions: y,
 		children: [
-			/* @__PURE__ */ A(xe, {
-				label: R,
+			/* @__PURE__ */ B(Ue, {
+				label: ne,
 				onClick: p,
-				labelClassName: N?.newChatLabelClassName
+				labelClassName: T?.newChatLabelClassName,
+				colors: E
 			}),
-			/* @__PURE__ */ A(o, {
-				value: U,
-				onChange: ne,
-				labels: {
-					placeholder: ee,
-					clearLabel: z
-				}
+			/* @__PURE__ */ B("div", {
+				role: "search",
+				className: "px-3 py-2",
+				children: /* @__PURE__ */ B(D, {
+					wrapperClassName: a(Q.search, ee),
+					value: U,
+					onChange: q,
+					placeholder: M,
+					clearLabel: N,
+					"aria-label": M
+				})
 			}),
-			/* @__PURE__ */ A(ye, {
-				activeTab: W,
-				labels: te,
+			!C && /* @__PURE__ */ B(Ve, {
+				activeTab: ce,
+				labels: ie,
 				onChange: (e) => {
-					G(e), E?.(e);
+					le(e), S?.(e);
 				},
-				tabClassName: N?.tabClassName
+				tabClassName: T?.tabClassName
 			}),
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ B("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? L : Be ? F : Ve ? I : ""
+				children: t ? te : He ? A : We ? j : ""
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ A("div", {
+				children: t ? /* @__PURE__ */ B("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ A(h, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ B(O, {
 						avatar: { size: 24 },
-						showTitle: { width: ue(t) },
+						showTitle: { width: Pe(t) },
 						paragraph: !1,
 						active: !0,
-						color: "var(--bg-layer-4)"
+						color: Q.skeletonColor
 					}, t))
-				}) : Be ? /* @__PURE__ */ A(i, { label: F }) : Ve ? /* @__PURE__ */ A(a, { label: I }) : /* @__PURE__ */ A(le, {
-					listRef: se,
-					id: oe,
+				}) : He ? /* @__PURE__ */ B(c, { label: A }) : We ? /* @__PURE__ */ B(l, { label: j }) : /* @__PURE__ */ B(Ne, {
+					listRef: me,
+					id: pe,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: we,
-					rowCount: $.length,
-					rowHeight: fe,
-					overscanCount: ie,
+					rowComponent: Ke,
+					rowCount: Z.length,
+					rowHeight: Ie,
+					overscanCount: de,
 					onResize: Se,
-					rowProps: ze
+					rowProps: Be
+				})
+			})
+		]
+	});
+}), Ze = 8e3, Qe = "flex size-7 shrink-0 items-center justify-center", $ = {
+	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"
+}, $e = ({ title: e, failedCount: t, isCollapsed: n, jobsId: r, labels: i, styles: o, onToggleCollapse: s, onClose: c }) => {
+	let l = o?.typography;
+	return /* @__PURE__ */ V("div", {
+		className: a($.divider, "mx-4 flex items-center justify-between py-3"),
+		children: [/* @__PURE__ */ V("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [/* @__PURE__ */ B("span", {
+				className: a($.text, "truncate", l?.titleClassName || "dial-small-paragraph-semi-text"),
+				children: e
+			}), t > 0 && /* @__PURE__ */ B("span", {
+				className: a($.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__ */ V("div", {
+			className: "flex shrink-0 items-center gap-1",
+			children: [/* @__PURE__ */ B(x, {
+				"aria-label": n ? i.expandQueueAriaLabel : i.collapseQueueAriaLabel,
+				size: y.Small,
+				"aria-expanded": !n,
+				"aria-controls": r,
+				icon: B(n ? W : le, {
+					size: g.SM,
+					className: $.textSecondary,
+					stroke: _,
+					"aria-hidden": !0
+				}),
+				onClick: s,
+				className: Qe
+			}), /* @__PURE__ */ B(x, {
+				"aria-label": i.closeQueueAriaLabel,
+				size: y.Small,
+				icon: /* @__PURE__ */ B(_e, {
+					size: g.SM,
+					className: $.textSecondary,
+					stroke: _,
+					"aria-hidden": !0
+				}),
+				onClick: c,
+				className: Qe
+			})]
+		})]
+	});
+}, et = [".dial", ".zip"], tt = (e) => {
+	let t = e.toLowerCase();
+	return et.some((e) => t.endsWith(e)) ? pe : t.endsWith(".json") ? me : fe;
+}, nt = ({ job: t, labels: n, onCancel: r, styles: i }) => {
+	let o = i?.typography, s = tt(t.fileName), c = t.status === e.Canceled;
+	return /* @__PURE__ */ V("div", {
+		className: "group flex items-center gap-2 px-4 py-2",
+		children: [
+			/* @__PURE__ */ B(s, {
+				size: g.SM,
+				stroke: _,
+				className: $.textSecondary,
+				"aria-hidden": !0
+			}),
+			/* @__PURE__ */ B(b, {
+				text: t.fileName,
+				className: a(c ? $.textSecondary : $.text, o?.jobLabelClassName || "dial-small-text"),
+				contentClassName: "!z-[80]"
+			}),
+			t.status === e.InProgress && /* @__PURE__ */ V("div", {
+				className: a("flex size-7 shrink-0 items-center justify-center", "grid"),
+				children: [/* @__PURE__ */ B(k, {
+					size: g.SM,
+					ariaLabel: n.jobProgressAriaLabel(t.fileName),
+					className: "col-start-1 row-start-1 opacity-100 transition-opacity group-focus-within:opacity-0 group-hover:opacity-0"
+				}), /* @__PURE__ */ B(x, {
+					"aria-label": n.cancelJobAriaLabel(t.fileName),
+					size: y.Small,
+					icon: /* @__PURE__ */ B(_e, {
+						size: g.SM,
+						className: $.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__ */ B("span", {
+				className: "flex size-7 shrink-0 items-center justify-center",
+				children: /* @__PURE__ */ B(ce, {
+					size: g.SM,
+					stroke: _,
+					className: $.successIcon,
+					"aria-hidden": !0
+				})
+			}),
+			t.status === e.Warning && /* @__PURE__ */ B(te, {
+				tooltip: n.jobWarningMessage(t.warningCode),
+				contentClassName: "!z-[80]",
+				asChild: !0,
+				children: /* @__PURE__ */ B("span", {
+					className: "flex size-7 shrink-0 items-center justify-center",
+					role: "img",
+					"aria-label": n.jobWarningMessage(t.warningCode),
+					tabIndex: 0,
+					children: /* @__PURE__ */ B(oe, {
+						size: g.SM,
+						className: $.warningIcon,
+						"aria-hidden": !0
+					})
+				})
+			}),
+			t.status === e.Failed && /* @__PURE__ */ B(te, {
+				tooltip: n.jobErrorMessage(t.errorCode),
+				contentClassName: "!z-[80]",
+				asChild: !0,
+				children: /* @__PURE__ */ B("span", {
+					className: "flex size-7 shrink-0 items-center justify-center",
+					role: "img",
+					"aria-label": n.jobErrorMessage(t.errorCode),
+					tabIndex: 0,
+					children: /* @__PURE__ */ B(H, {
+						size: g.SM,
+						className: $.errorIcon,
+						"aria-hidden": !0
+					})
 				})
+			}),
+			c && /* @__PURE__ */ B("span", {
+				className: a($.textSecondary, "shrink-0", o?.canceledLabelClassName || "dial-small-text"),
+				children: n.canceledLabel
+			})
+		]
+	});
+}, rt = (e) => Math.round(e.reduce((e, t) => e + t.progress.percent, 0) / e.length), it = (t) => t.filter((t) => t.status !== e.InProgress).length, at = (e, t, n) => e && t ? n.closeQueueConfirmDescriptionMixed : t ? n.closeQueueConfirmDescriptionFailed : n.closeQueueConfirmDescriptionInProgress, ot = N(({ title: t, jobs: n, onClose: i, onCancel: o, labels: s, styles: c }) => {
+	let [l, u] = z(!1), d = re(), [f, p] = z(!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, Ze);
+		return () => clearTimeout(e);
+	}, [x, i]), n.length === 0) return null;
+	let T = n.filter((t) => t.status === e.Failed).length;
+	return /* @__PURE__ */ V("div", {
+		role: "status",
+		"aria-live": "polite",
+		style: _,
+		className: a($.root, "w-[370px] max-w-[calc(100vw-2rem)] rounded-xl shadow-md", c?.rootClassName),
+		children: [
+			/* @__PURE__ */ B($e, {
+				title: t,
+				failedCount: T,
+				isCollapsed: l,
+				jobsId: d,
+				labels: s,
+				styles: c,
+				onToggleCollapse: w,
+				onClose: S
+			}),
+			l && v && /* @__PURE__ */ B(E, {
+				value: rt(n),
+				size: y.Small,
+				"aria-label": s.queueProgressAriaLabel,
+				"aria-valuetext": s.queueProgressValueText(it(n), n.length)
+			}),
+			!l && /* @__PURE__ */ B("div", {
+				id: d,
+				className: a("flex max-h-[40vh] flex-col overflow-y-auto py-1", c?.bodyClassName),
+				children: n.map((e) => /* @__PURE__ */ B(nt, {
+					job: e,
+					labels: s,
+					onCancel: o,
+					styles: c
+				}, e.id))
+			}),
+			/* @__PURE__ */ B(m, {
+				open: f,
+				header: s.closeQueueConfirmHeader,
+				description: at(v, b, s),
+				confirmLabel: s.closeLabel,
+				cancelLabel: s.cancelLabel,
+				variant: h.Danger,
+				onConfirm: C,
+				onClose: () => p(!1)
 			})
 		]
 	});
 });
+ot.displayName = "ImportExportQueue";
+//#endregion
+//#region src/components/RenameConversationPopup/RenameConversationPopup.tsx
+var st = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [f, m] = z(t), [h, v] = z(!1), [y, b] = z(null), S = R(null), E = R(!1), D = R(0);
+	F(() => {
+		let n = e && !E.current;
+		if (E.current = e, !e) {
+			D.current += 1, v(!1);
+			return;
+		}
+		if (!n) return;
+		D.current += 1, m(t), b(null), v(!1);
+		let r = setTimeout(() => S.current?.focus(), 0);
+		return () => clearTimeout(r);
+	}, [e, t]), F(() => () => {
+		D.current += 1;
+	}, []);
+	let O = s(f.trim()), ee = i(O) > 255, A = n || O === "" || O === t.trim() || ee, j = P(() => {
+		A || a(O);
+	}, [
+		A,
+		a,
+		O
+	]), te = P((e) => {
+		e.key === "Enter" && j();
+	}, [j]), ne = P(async () => {
+		if (h) return;
+		let e = ++D.current;
+		v(!0), b(null);
+		try {
+			let t = await l();
+			if (e !== D.current) return;
+			m(o(t));
+		} catch {
+			if (e !== D.current) return;
+			b(u.renameWithAiError);
+		} finally {
+			e === D.current && v(!1);
+		}
+	}, [
+		h,
+		l,
+		u.renameWithAiError
+	]), M;
+	return M = ee ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ B(w, {
+		open: e,
+		header: u.popupTitle,
+		size: T.Sm,
+		onClose: c,
+		mainButtons: n ? void 0 : [{
+			label: u.cancelLabel,
+			onClick: c
+		}, {
+			label: u.saveLabel,
+			variant: p.Primary,
+			disabled: A,
+			onClick: j
+		}],
+		children: /* @__PURE__ */ B("div", {
+			className: d?.bodyClassName,
+			style: d?.cssVars,
+			children: n ? /* @__PURE__ */ B("div", {
+				className: "h-[120px] px-6 py-4",
+				children: /* @__PURE__ */ B(k, { size: 50 })
+			}) : /* @__PURE__ */ V("div", {
+				className: "flex items-start gap-2 px-6 py-3",
+				children: [/* @__PURE__ */ B("div", {
+					className: "min-w-0 flex-1",
+					children: /* @__PURE__ */ B(C, {
+						inputRef: S,
+						value: f,
+						placeholder: u.inputPlaceholder,
+						error: M,
+						onChange: (e) => m(o(e ?? "")),
+						onKeyDown: te
+					})
+				}), /* @__PURE__ */ B(x, {
+					"aria-label": u.renameWithAiLabel,
+					tooltipProps: { tooltip: u.renameWithAiLabel },
+					disabled: h || n,
+					onClick: ne,
+					icon: h ? /* @__PURE__ */ B(k, { size: g.MD }) : /* @__PURE__ */ B(ge, {
+						size: g.MD,
+						stroke: _
+					})
+				})]
+			})
+		})
+	});
+});
+st.displayName = "RenameConversationPopup";
 //#endregion
-export { Z as ConversationPanel, J as FilterTab };
+export { Xe as ConversationPanel, ot as ImportExportQueue, st as RenameConversationPopup, tt as getTransferFileIcon };