@epam/ai-dial-conversation-panel 1.1.2 → 1.2.0-dev.101

package/index.js

@@ -1,11 +1,14 @@
 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 k, Spinner as A, Tag as j, TagAppearance as M, Tooltip as ee, mergeClasses as N } from "@epam/ai-dial-ui-kit";
-import { createElement as te, memo as P, useCallback as F, useEffect as I, useId as ne, useImperativeHandle as re, useLayoutEffect as ie, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as ae, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { IconAlertCircleFilled as H, IconAlertTriangleFilled as oe, IconCaretDownFilled as se, IconCaretRightFilled as ce, IconCheck as U, IconChevronDown as le, IconChevronUp as ue, IconClock as de, IconDotsVertical as W, 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 G = typeof window < "u" ? ie : I;
+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 te } from "@epam/ai-dial-ui-kit";
+import { createElement as M, 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 { Fragment as ae, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { IconAlertCircleFilled as oe, IconAlertTriangleFilled as V, IconCaretDownFilled as se, IconCaretRightFilled as ce, IconCheck as H, IconChevronDown as le, IconChevronUp as ue, IconClock as de, IconDotsVertical as U, IconFile as fe, IconFileZip as pe, IconJson as me, IconPlus as W, IconSparkles as G, IconX as he } from "@tabler/icons-react";
+//#region src/constants/public-class-names.ts
+var ge = {
+	newChatButton: "dial-cp-new-chat-button",
+	search: "dial-cp-search"
+}, _e = typeof window < "u" ? ie : F;
 function ve(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
@@ -15,14 +18,14 @@ function ve(e) {
 	}
 }
 function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = L(() => ({
+	let { styleHeight: s, styleWidth: c } = I(() => ({
 		styleHeight: ve(o?.height),
 		styleWidth: ve(o?.width)
-	}), [o?.height, o?.width]), [l, u] = z({
+	}), [o?.height, o?.width]), [l, u] = R({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
-	return G(() => {
+	return _e(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +45,7 @@ function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), L(() => ({
+	]), I(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -52,12 +55,12 @@ function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 	]);
 }
 function be(e) {
-	let t = R(() => {
+	let t = L(() => {
 		throw Error("Cannot call during render.");
 	});
-	return G(() => {
+	return _e(() => {
 		t.current = e;
-	}, [e]), F((e) => t.current?.(e), [t]);
+	}, [e]), P((e) => t.current?.(e), [t]);
 }
 var K = null;
 function xe(e = !1) {
@@ -169,7 +172,7 @@ function Ee({ itemCount: e, itemProps: t, itemSize: n }) {
 	};
 }
 function De({ itemCount: e, itemProps: t, itemSize: n }) {
-	return L(() => Ee({
+	return I(() => Ee({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -198,7 +201,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = R({
+	}), f = L({
 		height: 0,
 		width: 0
 	}), p = r === "vertical" ? u : d, m = Oe({
@@ -222,7 +225,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = F((e) => h.get(e), [h]), [_, v] = z(() => Te({
+	}), g = P((e) => h.get(e), [h]), [_, v] = R(() => Te({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -233,7 +236,7 @@ function ke({ 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 = F(() => Ce({
+	}, C = P(() => Ce({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,7 +244,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = F((t) => Te({
+	]), w = P((t) => Te({
 		cachedBounds: h,
 		containerScrollOffset: Se({
 			containerElement: e,
@@ -261,13 +264,13 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return G(() => {
+	return _e(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), G(() => {
+	]), _e(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
@@ -329,7 +332,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	};
 }
 function Ae(e) {
-	return L(() => e, Object.values(e));
+	return I(() => e, Object.values(e));
 }
 function je(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
@@ -338,16 +341,16 @@ function je(e, t) {
 function Me(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Y = "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 = Ae(u), h = L(() => P(s, je), [s]), [g, _] = z(null), v = Me(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = ke({
+var Ne = "data-react-window-index";
+function Pe({ 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 = I(() => N(s, je), [s]), [g, _] = R(null), v = Me(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: L(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: I(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
@@ -366,12 +369,12 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), G(() => {
+	}), [g, x]), _e(() => {
 		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(Y, n), !0;
+			return e.setAttribute(Ne, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -380,7 +383,7 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), I(() => {
+	]), F(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -395,11 +398,11 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = L(() => {
+	let E = I(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ te(h, {
+			e.push(/* @__PURE__ */ M(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -426,7 +429,7 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), D = /* @__PURE__ */ B("div", {
+	]), D = /* @__PURE__ */ z("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -434,7 +437,7 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return te(d, {
+	return M(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -450,37 +453,37 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 }
 //#endregion
 //#region src/types/virtual-row.ts
-var X = /* @__PURE__ */ function(e) {
+var Y = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), Pe = (e) => `${60 + e * 23 % 35}%`, Fe = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Ie = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, Le = (e) => {
+}({}), Fe = (e) => `${60 + e * 23 % 35}%`, Ie = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Le = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, Re = (e) => {
 	switch (e) {
 		case n.Shared: return n.Shared;
 		case n.Organization: return n.Organization;
 		default: return n.MyChats;
 	}
-}, Re = (e, t) => {
+}, ze = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === X.Header) n = r.groupKey;
+	for (let r of e) if (r.kind === Y.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, ze = (e, t, r) => {
+}, Be = (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));
+		t && i.add(Re(t.source));
 	} else i.add(n.Pinned);
 	return i;
-}, Be = (e, t, n, r) => {
+}, Ve = (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 === X.Header) o = e.groupKey === r;
+	for (let e of n) if (e.kind === Y.Header) o = e.groupKey === r;
 	else if (o) {
 		if (e.item.id === t) return a;
 		a = e.item.id;
 	}
 	return null;
-}, Ve = [
+}, X = [
 	{
 		value: n.All,
 		labelKey: "all"
@@ -497,36 +500,34 @@ var X = /* @__PURE__ */ function(e) {
 		value: n.Organization,
 		labelKey: "organization"
 	}
-], He = P(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
-	let a = Ve.filter(({ value: e }) => !i?.includes(e));
-	return /* @__PURE__ */ B("div", {
-		role: "group",
-		"aria-label": t.groupAriaLabel ?? "Filter chats",
-		className: "flex flex-nowrap gap-1 px-3 py-2",
-		children: a.map(({ value: i, labelKey: a }) => /* @__PURE__ */ B(j, {
-			label: t[a],
-			appearance: M.Selectable,
-			selected: e === i,
-			onClick: () => n(i),
-			className: N("flex-1 justify-center rounded-full", r)
-		}, i))
-	});
-}), Ue = { button: "_button_1vksy_1" }, We = P(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i }) => /* @__PURE__ */ B("div", {
+], He = N(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ z(x, {
+	items: I(() => X.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+		value: e,
+		label: t[n]
+	})), [t, i]),
+	value: e,
+	onChange: n,
+	stretch: !0,
+	"aria-label": t.groupAriaLabel ?? "Filter chats",
+	className: "px-3 py-2",
+	chipClassName: te("!px-2", r)
+})), Ue = { button: "_button_1vksy_1" }, We = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i, className: o }) => /* @__PURE__ */ z("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
 	}),
-	children: /* @__PURE__ */ V("button", {
+	children: /* @__PURE__ */ B("button", {
 		onClick: t,
 		type: "button",
-		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", Ue.button),
-		children: [/* @__PURE__ */ B(he, {
+		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", Ue.button, o, ge.newChatButton),
+		children: [/* @__PURE__ */ z(W, {
 			size: 18,
 			stroke: _,
-			className: "shrink-0"
-		}), /* @__PURE__ */ B("span", {
+			className: "shrink-0",
+			"aria-hidden": !0
+		}), /* @__PURE__ */ z("span", {
 			className: n,
 			children: e
 		})]
@@ -542,9 +543,9 @@ var X = /* @__PURE__ */ function(e) {
 	triggerIcon: "_triggerIcon_i3lsf_38",
 	unreadDot: "_unreadDot_i3lsf_46",
 	search: "_search_i3lsf_54"
-}, Q = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+}, Ge = ({ 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__ */ V("button", {
+	return /* @__PURE__ */ B("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -558,105 +559,105 @@ var X = /* @__PURE__ */ function(e) {
 		onDrop: d ? (e) => {
 			d && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
-		className: a("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, Z.groupHeader, s && Z.dropZoneActive),
-		children: [t ? /* @__PURE__ */ B(se, {
+		className: a("group flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, Z.groupHeader, s && Z.dropZoneActive),
+		children: [t ? /* @__PURE__ */ z(se, {
 			size: 12,
-			className: "shrink-0",
+			className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ B(ce, {
+		}) : /* @__PURE__ */ z(ce, {
 			size: 12,
-			className: "shrink-0 rtl:scale-x-[-1]",
+			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__ */ B(b, { text: e })]
+		}), /* @__PURE__ */ z(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: A, onDrop: j }) => {
-	let [M, ee] = z(!1), N = R(null), te = F((t) => {
-		ee(t), t && N.current && s?.(e, N.current);
-	}, [e, s]), P = o?.(e) ?? [], I = P.length > 0, ne = e.isIconLoading ? /* @__PURE__ */ B(O, {
+}, Ke = ({ 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: x, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: A }) => {
+	let [j, te] = R(!1), M = L(null), N = P((t) => {
+		te(t), t && M.current && s?.(e, M.current);
+	}, [e, s]), F = o?.(e) ?? [], ne = F.length > 0, re = e.isIconLoading ? /* @__PURE__ */ z(ee, {
 		variant: k.Circular,
 		width: g.LG,
 		height: g.LG,
 		color: Z.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ B(t, {
+	}) : /* @__PURE__ */ z(t, {
 		src: e.iconUrl,
 		size: g.LG,
 		initialsName: e.iconTooltip ?? "",
 		labels: { tooltip: e.iconTooltip },
 		styles: { badgeClassName: u }
-	}), re = /* @__PURE__ */ V("span", {
-		className: "flex shrink-0 items-center",
-		children: [/* @__PURE__ */ B("span", {
+	}), ie = /* @__PURE__ */ B("span", {
+		className: "flex shrink-0 items-center gap-0.5",
+		children: [/* @__PURE__ */ z("span", {
 			className: "relative flex size-3 shrink-0 items-center justify-center",
-			children: e.isUnread && /* @__PURE__ */ V(ae, { children: [/* @__PURE__ */ B("span", {
+			children: e.isUnread && /* @__PURE__ */ B(ae, { children: [/* @__PURE__ */ z("span", {
 				className: a("size-[5.33px] rounded-full", Z.unreadDot),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ B("span", {
+			}), /* @__PURE__ */ z("span", {
 				className: "sr-only",
 				children: p
 			})] })
-		}), ne]
-	}), ie = Fe(I, M), L = e.showTaskBadge ? /* @__PURE__ */ V("span", {
+		}), re]
+	}), I = Ie(ne, j), oe = e.showTaskBadge ? /* @__PURE__ */ B("span", {
 		className: a("flex h-5 shrink-0 items-center justify-center gap-0.5 rounded-full border pe-2 ps-1", Z.taskBadge, d),
-		children: [/* @__PURE__ */ B(de, {
+		children: [/* @__PURE__ */ z(de, {
 			size: 12,
 			"aria-hidden": !0,
 			stroke: _
 		}), e.taskBadgeLabel]
-	}) : void 0, H = m != null, oe = F((e) => {
-		e.currentTarget.contains(e.relatedTarget) || A?.();
-	}, [A]), se = F((t) => {
-		if (!m || !h || !j) return;
+	}) : void 0, V = m != null, se = P((e) => {
+		e.currentTarget.contains(e.relatedTarget) || O?.();
+	}, [O]), ce = P((t) => {
+		if (!m || !h || !A) return;
 		t.preventDefault();
-		let n = Be(t, e.id, h, m);
-		j(e.id, m, n);
+		let n = Ve(t, e.id, h, m);
+		A(e.id, m, n);
 	}, [
 		e.id,
 		h,
 		m,
-		j
-	]), ce = e.id === b, U = e.id === C, le = m != null && (w?.has(m) ?? !1), ue = b != null;
-	return /* @__PURE__ */ V("li", {
-		className: a("group/conversation relative", ce && "cursor-grabbing opacity-50", U && le && "rounded", U && le && Z.dropZoneActive, ue && !ce && !le && "cursor-not-allowed"),
-		draggable: H || void 0,
-		onDragStart: H ? () => T?.(e.id) : void 0,
-		onDragEnd: H ? E : void 0,
-		onDragOver: H ? (t) => {
+		A
+	]), H = e.id === b, le = e.id === x, ue = m != null && (w?.has(m) ?? !1), fe = b != null;
+	return /* @__PURE__ */ B("li", {
+		className: a("group/conversation relative", H && "cursor-grabbing opacity-50", le && ue && "rounded", le && ue && Z.dropZoneActive, fe && !H && !ue && "cursor-not-allowed"),
+		draggable: V || void 0,
+		onDragStart: V ? () => T?.(e.id) : void 0,
+		onDragEnd: V ? E : void 0,
+		onDragOver: V ? (t) => {
 			t.preventDefault(), D?.(e.id);
 		} : void 0,
-		onDragLeave: H ? oe : void 0,
-		onDrop: H ? se : void 0,
-		children: [/* @__PURE__ */ B("a", {
+		onDragLeave: V ? se : void 0,
+		onDrop: V ? ce : void 0,
+		children: [/* @__PURE__ */ z("a", {
 			href: e.href,
 			className: "contents",
 			onClick: (t) => {
 				e.href && (t.preventDefault(), r(e.id));
 			},
-			children: /* @__PURE__ */ B(f, {
-				iconBefore: re,
-				label: /* @__PURE__ */ B(S, {
+			children: /* @__PURE__ */ z(f, {
+				iconBefore: ie,
+				label: /* @__PURE__ */ z(C, {
 					text: e.title,
 					query: i,
 					className: l,
 					maxLines: 1
 				}),
-				iconAfter: L,
+				iconAfter: oe,
 				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", ie, Z.item, n && Z.itemActive, M && Z.itemActive)
+				className: a("h-8 w-full justify-start gap-2 py-2 ps-0 after:pointer-events-none", I, Z.item, n && Z.itemActive, j && Z.itemActive)
 			})
-		}), I && /* @__PURE__ */ B("div", {
-			className: a("absolute inset-y-0 end-1 flex items-center", M ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ B(v, {
-				items: P,
-				onOpenChange: te,
+		}), ne && /* @__PURE__ */ z("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__ */ z(v, {
+				items: F,
+				onOpenChange: N,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ B(x, {
-					ref: N,
-					icon: /* @__PURE__ */ B(W, {
+				children: /* @__PURE__ */ z(S, {
+					ref: M,
+					icon: /* @__PURE__ */ z(U, {
 						size: g.SM,
 						className: Z.triggerIcon,
 						"aria-hidden": !0,
@@ -664,20 +665,20 @@ var X = /* @__PURE__ */ function(e) {
 					}),
 					size: y.Small,
 					"aria-label": c,
-					className: a(M && Z.triggerActive)
+					className: a(j && Z.triggerActive)
 				})
 			})
 		})]
 	});
-}, 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 }) => {
+}, qe = ({ 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) {
+	if (C.kind === Y.Header) {
 		let r = C.groupKey === n.Pinned;
-		return /* @__PURE__ */ B("div", {
+		return /* @__PURE__ */ z("div", {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ B(Q, {
+			children: /* @__PURE__ */ z(Ge, {
 				label: C.label,
 				isExpanded: i.has(C.groupKey),
 				onToggle: () => a(C.groupKey),
@@ -691,11 +692,11 @@ var X = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ z("div", {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ B(Ge, {
+		children: /* @__PURE__ */ z(Ke, {
 			item: C.item,
 			isActive: C.item.id === s,
 			searchQuery: c,
@@ -719,51 +720,51 @@ var X = /* @__PURE__ */ function(e) {
 			onDrop: S
 		})
 	});
-}, qe = (e, t) => t === n.All ? !0 : e.source === t, Je = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ye = new Set([
+}, Je = (e, t) => t === n.All ? !0 : e.source === t, Ye = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Xe = new Set([
 	n.Pinned,
 	n.MyChats,
 	n.Shared,
 	n.Organization
-]), Xe = P(({ 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: k, newChatButton: A, searchWrapperClassName: j } = m ?? {}, { title: M, emptyLabel: ee, noResultsLabel: N, loadingLabel: te = "Loading conversations", newChatLabel: P, searchPlaceholder: re, searchClearLabel: ie, filterLabels: ae, groupLabels: H, actionsLabel: oe, unreadIndicatorLabel: se, closeAriaLabel: ce } = f, [U, le] = z(""), [ue, de] = z(n.All);
-	I(() => {
-		S != null && de(S);
+]), Ze = 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: te, newChatButtonClassName: M } = 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);
 	}, [S]);
-	let W = L(() => T?.length ? e.filter((e) => e.source == null || !T.includes(e.source)) : e, [e, T]), [fe, pe] = z(() => Ye), [me, he] = z(5), ge = ne(), _e = R(null), G = R(null), [ve, ye] = z(null), [be, K] = z(null), [xe, Se] = z(null), q = R(null), J = R(null), Ce = F(({ height: e }) => {
-		he(Math.ceil(e / 36 * 2));
-	}, []), we = F((e) => {
-		le(e ?? "");
-	}, []), Te = F((e) => {
-		pe((t) => {
+	let W = I(() => T?.length ? e.filter((e) => e.source == null || !T.includes(e.source)) : e, [e, T]), [G, he] = R(() => Xe), [_e, ve] = R(5), ye = ne(), be = L(null), K = L(null), [xe, Se] = R(null), [q, J] = 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) => {
+		he((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ee = F(() => {
-		q.current = null, J.current = null, ye(null), K(null), Se(null);
-	}, []), De = F((e, t) => {
-		let n = ze(e, Re(t, e), W);
-		q.current = e, J.current = n, ye(e), Se(n);
-	}, [W]), Oe = F(() => {
-		Ee();
-	}, [Ee]), ke = F((e) => {
-		K(e);
-	}, []), Ae = F(() => {
-		K(null);
-	}, []), je = F((e, t, n) => {
-		let r = q.current, i = J.current;
-		Ee(), r != null && r !== e && i?.has(t) && x?.({
+	}, []), Ae = P(() => {
+		Te.current = null, Ee.current = null, Se(null), J(null), we(null);
+	}, []), je = P((e, t) => {
+		let n = Be(e, ze(t, e), W);
+		Te.current = e, Ee.current = n, Se(e), we(n);
+	}, [W]), Me = P(() => {
+		Ae();
+	}, [Ae]), Ne = P((e) => {
+		J(e);
+	}, []), Ie = P(() => {
+		J(null);
+	}, []), Re = P((e, t, n) => {
+		let r = Te.current, i = Ee.current;
+		Ae(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Ee, x]), Me = r({
+	}, [Ae, x]), Ve = r({
 		"--cp-item-hover": E?.itemHover,
 		"--cp-item-active": E?.itemActive,
 		"--cp-text": E?.text,
 		"--cp-text-secondary": E?.textSecondary,
-		"--cp-new-chat-bg": A?.background,
-		"--cp-new-chat-text": A?.text,
-		"--cp-new-chat-focus-outline": A?.focusOutline,
+		"--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,
@@ -773,123 +774,123 @@ var X = /* @__PURE__ */ function(e) {
 		"--cp-task-badge-bg": E?.taskBadgeBackground,
 		"--cp-task-badge-text": E?.taskBadgeText,
 		"--cp-unread-dot": E?.unreadDot
-	}), Y = L(() => W.filter((e) => qe(e, ue) && Je(e, U)), [
+	}), X = I(() => W.filter((e) => Je(e, pe) && Ye(e, U)), [
 		W,
-		ue,
+		pe,
 		U
-	]), Fe = L(() => Y.filter((e) => e.isPinned), [Y]), Le = L(() => Y.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Y]), Be = L(() => Y.filter((e) => !e.isPinned && e.source === n.Shared), [Y]), Ve = L(() => Y.filter((e) => !e.isPinned && e.source === n.Organization), [Y]), Ue = L(() => [
+	]), Ue = I(() => X.filter((e) => e.isPinned), [X]), Ge = I(() => X.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [X]), Ke = I(() => X.filter((e) => !e.isPinned && e.source === n.Shared), [X]), Ze = I(() => X.filter((e) => !e.isPinned && e.source === n.Organization), [X]), Qe = I(() => [
 		{
 			key: n.Pinned,
 			label: H?.pinned ?? "Pinned",
-			items: Fe
+			items: Ue
 		},
 		{
 			key: n.MyChats,
 			label: H?.myChats ?? "My chats",
-			items: Le
+			items: Ge
 		},
 		{
 			key: n.Shared,
 			label: H?.shared ?? "Shared",
-			items: Be
+			items: Ke
 		},
 		{
 			key: n.Organization,
 			label: H?.organization ?? "Organization",
-			items: Ve
+			items: Ze
 		}
 	], [
 		H,
-		Fe,
-		Le,
-		Be,
-		Ve
-	]), Q = L(() => {
+		Ue,
+		Ge,
+		Ke,
+		Ze
+	]), Q = I(() => {
 		let e = [];
-		for (let t of Ue) if (t.items.length !== 0 && (e.push({
-			kind: X.Header,
+		for (let t of Qe) if (t.items.length !== 0 && (e.push({
+			kind: Y.Header,
 			groupKey: t.key,
 			label: t.label
-		}), fe.has(t.key))) for (let n of t.items) e.push({
-			kind: X.Item,
+		}), G.has(t.key))) for (let n of t.items) e.push({
+			kind: Y.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Ue, fe]);
-	I(() => {
-		if (!s || G.current === s) return;
-		let e = Q.findIndex((e) => e.kind === X.Item && e.item.id === s);
-		e >= 0 && (_e.current?.scrollToRow({
+	}, [Qe, G]);
+	F(() => {
+		if (!s || K.current === s) return;
+		let e = Q.findIndex((e) => e.kind === Y.Item && e.item.id === s);
+		e >= 0 && (be.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), G.current = s);
+		}), K.current = s);
 	}, [
 		s,
-		Ue,
-		fe,
+		Qe,
+		G,
 		Q
 	]);
-	let Ge = L(() => ({
+	let $ = I(() => ({
 		rows: Q,
-		expandedGroups: fe,
-		onToggleGroup: Te,
-		listId: ge,
+		expandedGroups: G,
+		onToggleGroup: ke,
+		listId: ye,
 		activeConversationId: s,
 		searchQuery: U,
 		onSelectConversation: o,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: oe,
-		unreadIndicatorLabel: se,
+		actionsLabel: le,
+		unreadIndicatorLabel: ue,
 		styles: {
-			groupHeaderClassName: k?.groupHeaderClassName,
-			itemTitleClassName: k?.itemTitleClassName,
+			groupHeaderClassName: D?.groupHeaderClassName,
+			itemTitleClassName: D?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName,
 			taskBadgeClassName: m?.taskBadgeClassName
 		},
-		draggingId: ve,
-		dragOverId: be,
-		allowedDropGroups: xe,
-		onDragStart: (e) => De(e, Q),
-		onDragEnd: Oe,
-		onDragOver: ke,
-		onDragLeave: Ae,
-		onDrop: je
+		draggingId: xe,
+		dragOverId: q,
+		allowedDropGroups: Ce,
+		onDragStart: (e) => je(e, Q),
+		onDragEnd: Me,
+		onDragOver: Ne,
+		onDragLeave: Ie,
+		onDrop: Re
 	}), [
 		Q,
-		fe,
-		Te,
-		ge,
+		G,
+		ke,
+		ye,
 		s,
 		U,
 		o,
 		_,
 		v,
-		oe,
-		se,
-		k?.groupHeaderClassName,
-		k?.itemTitleClassName,
+		le,
+		ue,
+		D?.groupHeaderClassName,
+		D?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
 		m?.taskBadgeClassName,
-		ve,
-		be,
 		xe,
-		De,
-		Oe,
-		ke,
-		Ae,
-		je
-	]), Xe = W.length === 0, Ze = W.length > 0 && Y.length === 0;
-	return /* @__PURE__ */ V(d, {
+		q,
+		Ce,
+		je,
+		Me,
+		Ne,
+		Ie,
+		Re
+	]), $e = W.length === 0, et = W.length > 0 && X.length === 0;
+	return /* @__PURE__ */ B(d, {
 		isOpen: i,
 		isOverlay: g,
 		orientation: u.Left,
-		title: M,
+		title: N,
 		labels: {
-			ariaLabel: M,
-			closeLabel: ce
+			ariaLabel: N,
+			closeLabel: de
 		},
 		onClose: y,
 		styles: {
@@ -897,75 +898,77 @@ var X = /* @__PURE__ */ function(e) {
 				background: E?.background,
 				border: E?.border
 			},
-			typography: { fontClassName: k?.fontClassName },
+			typography: { fontClassName: D?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: Me,
-			titleClassName: k?.fontClassName,
-			headerClassName: "h-[64px]",
+			cssVars: Ve,
+			titleClassName: D?.fontClassName,
+			headerClassName: a("h-[64px]", j),
+			headerActionsClassName: te,
 			className: a(i ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ B(We, {
-				label: P,
+			/* @__PURE__ */ z(We, {
+				label: oe,
 				onClick: p,
-				labelClassName: k?.newChatLabelClassName,
-				colors: A
+				labelClassName: D?.newChatLabelClassName,
+				colors: k,
+				className: M
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				role: "search",
-				className: "px-3 py-2",
-				children: /* @__PURE__ */ B(D, {
-					wrapperClassName: a(Z.search, j),
+				className: a("px-3 py-2", ge.search),
+				children: /* @__PURE__ */ z(O, {
+					wrapperClassName: a(Z.search, A),
 					value: U,
-					onChange: we,
-					placeholder: re,
-					clearLabel: ie,
-					"aria-label": re
+					onChange: Oe,
+					placeholder: V,
+					clearLabel: se,
+					"aria-label": V
 				})
 			}),
-			!w && /* @__PURE__ */ B(He, {
-				activeTab: ue,
-				labels: ae,
+			!w && /* @__PURE__ */ z(He, {
+				activeTab: pe,
+				labels: ce,
 				onChange: (e) => {
-					de(e), C?.(e);
+					me(e), C?.(e);
 				},
-				tabClassName: k?.tabClassName,
+				tabClassName: D?.tabClassName,
 				hiddenSources: T
 			}),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ z("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? te : Xe ? ee : Ze ? N : ""
+				children: t ? ae : $e ? re : et ? ie : ""
 			}),
-			/* @__PURE__ */ B("div", {
-				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
+				className: "flex-1 overflow-hidden py-1 pe-3 ps-2",
+				children: t ? /* @__PURE__ */ z("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ B(O, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ z(ee, {
 						avatar: { size: 24 },
-						showTitle: { width: Pe(t) },
+						showTitle: { width: Fe(t) },
 						paragraph: !1,
 						active: !0,
 						color: Z.skeletonColor
 					}, t))
-				}) : Xe ? /* @__PURE__ */ B(c, { label: ee }) : Ze ? /* @__PURE__ */ B(l, { label: N }) : /* @__PURE__ */ B(Ne, {
-					listRef: _e,
-					id: ge,
+				}) : $e ? /* @__PURE__ */ z(c, { label: re }) : et ? /* @__PURE__ */ z(l, { label: ie }) : /* @__PURE__ */ z(Pe, {
+					listRef: be,
+					id: ye,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: Ke,
+					rowComponent: qe,
 					rowCount: Q.length,
-					rowHeight: Ie,
-					overscanCount: me,
-					onResize: Ce,
-					rowProps: Ge
+					rowHeight: Le,
+					overscanCount: _e,
+					onResize: De,
+					rowProps: $
 				})
 			})
 		]
 	});
-}), Ze = 8e3, Qe = "flex size-7 shrink-0 items-center justify-center", $ = {
+}), Qe = 8e3, Q = "flex size-7 shrink-0 items-center justify-center", $ = {
 	root: "_root_11lia_1",
 	text: "_text_11lia_5",
 	textSecondary: "_textSecondary_11lia_9",
@@ -976,43 +979,43 @@ var X = /* @__PURE__ */ function(e) {
 	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", {
+	return /* @__PURE__ */ B("div", {
 		className: a($.divider, "mx-4 flex items-center justify-between py-3"),
-		children: [/* @__PURE__ */ V("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex min-w-0 items-center gap-2",
-			children: [/* @__PURE__ */ B("span", {
+			children: [/* @__PURE__ */ z("span", {
 				className: a($.text, "truncate", l?.titleClassName || "dial-small-paragraph-semi-text"),
 				children: e
-			}), t > 0 && /* @__PURE__ */ B("span", {
+			}), t > 0 && /* @__PURE__ */ z("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", {
+		}), /* @__PURE__ */ B("div", {
 			className: "flex shrink-0 items-center gap-1",
-			children: [/* @__PURE__ */ B(x, {
+			children: [/* @__PURE__ */ z(S, {
 				"aria-label": n ? i.expandQueueAriaLabel : i.collapseQueueAriaLabel,
 				size: y.Small,
 				"aria-expanded": !n,
 				"aria-controls": r,
-				icon: B(n ? ue : le, {
+				icon: z(n ? ue : le, {
 					size: g.SM,
 					className: $.textSecondary,
 					stroke: _,
 					"aria-hidden": !0
 				}),
 				onClick: s,
-				className: Qe
-			}), /* @__PURE__ */ B(x, {
+				className: Q
+			}), /* @__PURE__ */ z(S, {
 				"aria-label": i.closeQueueAriaLabel,
 				size: y.Small,
-				icon: /* @__PURE__ */ B(_e, {
+				icon: /* @__PURE__ */ z(he, {
 					size: g.SM,
 					className: $.textSecondary,
 					stroke: _,
 					"aria-hidden": !0
 				}),
 				onClick: c,
-				className: Qe
+				className: Q
 			})]
 		})]
 	});
@@ -1021,30 +1024,30 @@ var X = /* @__PURE__ */ function(e) {
 	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", {
+	return /* @__PURE__ */ B("div", {
 		className: "group flex items-center gap-2 px-4 py-2",
 		children: [
-			/* @__PURE__ */ B(s, {
+			/* @__PURE__ */ z(s, {
 				size: g.SM,
 				stroke: _,
 				className: $.textSecondary,
 				"aria-hidden": !0
 			}),
-			/* @__PURE__ */ B(b, {
+			/* @__PURE__ */ z(b, {
 				text: t.fileName,
 				className: a(c ? $.textSecondary : $.text, o?.jobLabelClassName || "dial-small-text"),
 				contentClassName: "!z-[80]"
 			}),
-			t.status === e.InProgress && /* @__PURE__ */ V("div", {
+			t.status === e.InProgress && /* @__PURE__ */ B("div", {
 				className: a("flex size-7 shrink-0 items-center justify-center", "grid"),
-				children: [/* @__PURE__ */ B(A, {
+				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__ */ B(x, {
+				}), /* @__PURE__ */ z(S, {
 					"aria-label": n.cancelJobAriaLabel(t.fileName),
 					size: y.Small,
-					icon: /* @__PURE__ */ B(_e, {
+					icon: /* @__PURE__ */ z(he, {
 						size: g.SM,
 						className: $.textSecondary,
 						stroke: _,
@@ -1054,55 +1057,55 @@ var X = /* @__PURE__ */ function(e) {
 					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", {
+			t.status === e.Success && /* @__PURE__ */ z("span", {
 				className: "flex size-7 shrink-0 items-center justify-center",
-				children: /* @__PURE__ */ B(U, {
+				children: /* @__PURE__ */ z(H, {
 					size: g.SM,
 					stroke: _,
 					className: $.successIcon,
 					"aria-hidden": !0
 				})
 			}),
-			t.status === e.Warning && /* @__PURE__ */ B(ee, {
-				tooltip: n.jobWarningMessage(t.warningCode),
+			t.status === e.Warning && /* @__PURE__ */ z(j, {
+				tooltip: n.jobWarningMessage(t.warningCode, t.warningNames),
 				contentClassName: "!z-[80]",
 				asChild: !0,
-				children: /* @__PURE__ */ B("span", {
+				children: /* @__PURE__ */ z("span", {
 					className: "flex size-7 shrink-0 items-center justify-center",
 					role: "img",
-					"aria-label": n.jobWarningMessage(t.warningCode),
+					"aria-label": n.jobWarningMessage(t.warningCode, t.warningNames),
 					tabIndex: 0,
-					children: /* @__PURE__ */ B(oe, {
+					children: /* @__PURE__ */ z(V, {
 						size: g.SM,
 						className: $.warningIcon,
 						"aria-hidden": !0
 					})
 				})
 			}),
-			t.status === e.Failed && /* @__PURE__ */ B(ee, {
+			t.status === e.Failed && /* @__PURE__ */ z(j, {
 				tooltip: n.jobErrorMessage(t.errorCode),
 				contentClassName: "!z-[80]",
 				asChild: !0,
-				children: /* @__PURE__ */ B("span", {
+				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__ */ B(H, {
+					children: /* @__PURE__ */ z(oe, {
 						size: g.SM,
 						className: $.errorIcon,
 						"aria-hidden": !0
 					})
 				})
 			}),
-			c && /* @__PURE__ */ B("span", {
+			c && /* @__PURE__ */ z("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 = P(({ title: t, jobs: n, onClose: i, onCancel: o, labels: s, styles: c }) => {
-	let [l, u] = z(!1), d = ne(), [f, p] = z(!1), g = c?.colors, _ = {
+}, 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] = R(!1), d = ne(), [f, p] = R(!1), g = c?.colors, _ = {
 		...r({
 			"--cp-transfer-queue-bg": g?.background,
 			"--cp-transfer-queue-text": g?.text,
@@ -1115,30 +1118,30 @@ var X = /* @__PURE__ */ function(e) {
 			"--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 = F(() => {
+	}, 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 = F(() => {
+	]), C = P(() => {
 		p(!1), i();
-	}, [i]), w = F(() => {
+	}, [i]), w = P(() => {
 		u((e) => !e);
 	}, []);
-	if (I(() => {
+	if (F(() => {
 		if (!x) return;
-		let e = setTimeout(i, Ze);
+		let e = setTimeout(i, Qe);
 		return () => clearTimeout(e);
 	}, [x, i]), n.length === 0) return null;
 	let T = n.filter((t) => t.status === e.Failed).length;
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ B("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, {
+			/* @__PURE__ */ z($e, {
 				title: t,
 				failedCount: T,
 				isCollapsed: l,
@@ -1148,23 +1151,23 @@ var X = /* @__PURE__ */ function(e) {
 				onToggleCollapse: w,
 				onClose: S
 			}),
-			l && v && /* @__PURE__ */ B(E, {
+			l && v && /* @__PURE__ */ z(D, {
 				value: rt(n),
 				size: y.Small,
 				"aria-label": s.queueProgressAriaLabel,
 				"aria-valuetext": s.queueProgressValueText(it(n), n.length)
 			}),
-			!l && /* @__PURE__ */ B("div", {
+			!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__ */ B(nt, {
+				children: n.map((e) => /* @__PURE__ */ z(nt, {
 					job: e,
 					labels: s,
 					onCancel: o,
 					styles: c
 				}, e.id))
 			}),
-			/* @__PURE__ */ B(m, {
+			/* @__PURE__ */ z(m, {
 				open: f,
 				header: s.closeQueueConfirmHeader,
 				description: at(v, b, s),
@@ -1180,30 +1183,30 @@ var X = /* @__PURE__ */ function(e) {
 ot.displayName = "ImportExportQueue";
 //#endregion
 //#region src/components/RenameConversationPopup/RenameConversationPopup.tsx
-var st = P(({ 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);
-	I(() => {
-		let n = e && !E.current;
-		if (E.current = e, !e) {
+var st = 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) {
 			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);
+		let r = setTimeout(() => x.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), I(() => () => {
+	}, [e, t]), F(() => () => {
 		D.current += 1;
 	}, []);
-	let O = s(f.trim()), k = i(O) > 255, j = n || O === "" || O === t.trim() || k, M = F(() => {
-		j || a(O);
+	let O = s(f.trim()), ee = i(O) > 255, k = n || O === "" || O === t.trim() || ee, j = P(() => {
+		k || a(O);
 	}, [
-		j,
+		k,
 		a,
 		O
-	]), ee = F((e) => {
-		e.key === "Enter" && M();
-	}, [M]), N = F(async () => {
+	]), te = P((e) => {
+		e.key === "Enter" && j();
+	}, [j]), M = P(async () => {
 		if (h) return;
 		let e = ++D.current;
 		v(!0), b(null);
@@ -1221,11 +1224,11 @@ var st = P(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 		h,
 		l,
 		u.renameWithAiError
-	]), te;
-	return te = k ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ B(w, {
+	]), N;
+	return N = ee ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ z(T, {
 		open: e,
 		header: u.popupTitle,
-		size: T.Sm,
+		size: E.Sm,
 		onClose: c,
 		mainButtons: n ? void 0 : [{
 			label: u.cancelLabel,
@@ -1233,33 +1236,33 @@ var st = P(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 		}, {
 			label: u.saveLabel,
 			variant: p.Primary,
-			disabled: j,
-			onClick: M
+			disabled: k,
+			onClick: j
 		}],
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ B("div", {
+			children: n ? /* @__PURE__ */ z("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ B(A, { size: 50 })
-			}) : /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ z(A, { size: 50 })
+			}) : /* @__PURE__ */ B("div", {
 				className: "flex items-start gap-2 px-6 py-3",
-				children: [/* @__PURE__ */ B("div", {
+				children: [/* @__PURE__ */ z("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ B(C, {
-						inputRef: S,
+					children: /* @__PURE__ */ z(w, {
+						inputRef: x,
 						value: f,
 						placeholder: u.inputPlaceholder,
-						error: te,
+						error: N,
 						onChange: (e) => m(o(e ?? "")),
-						onKeyDown: ee
+						onKeyDown: te
 					})
-				}), /* @__PURE__ */ B(x, {
+				}), /* @__PURE__ */ z(S, {
 					"aria-label": u.renameWithAiLabel,
 					tooltipProps: { tooltip: u.renameWithAiLabel },
 					disabled: h || n,
-					onClick: N,
-					icon: h ? /* @__PURE__ */ B(A, { size: g.MD }) : /* @__PURE__ */ B(ge, {
+					onClick: M,
+					icon: h ? /* @__PURE__ */ z(A, { size: g.MD }) : /* @__PURE__ */ z(G, {
 						size: g.MD,
 						stroke: _
 					})
@@ -1270,4 +1273,4 @@ var st = P(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 });
 st.displayName = "RenameConversationPopup";
 //#endregion
-export { Xe as ConversationPanel, ot as ImportExportQueue, st as RenameConversationPopup, tt as getTransferFileIcon };
+export { ge as CONVERSATION_PANEL_CLASS, Ze as ConversationPanel, ot as ImportExportQueue, st as RenameConversationPopup, tt as getTransferFileIcon };