@epam/ai-dial-conversation-panel 1.1.0-dev.405 → 1.1.0-dev.413

package/components/ConversationPanel/ConversationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA4axD,CAAC"}
+{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA8axD,CAAC"}

package/components/RowRenderer/RowRenderer.d.ts

@@ -1,5 +1,5 @@
 import { RowComponentProps } from 'react-window';
 import { RowRendererData } from '../../models/virtual-row';
 /** Renders a single virtual row — either a collapsible group header or a conversation item. */
-export declare const RowRenderer: ({ index, style, rows, expandedGroups, onToggleGroup, listId, activeConversationId, searchQuery, onSelectConversation, getActions, onActionMenuOpen, actionsLabel, unreadIndicatorLabel, styles, draggingId, dragOverId, allowedDropGroups, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: RowComponentProps<RowRendererData>) => import("react/jsx-runtime").JSX.Element;
+export declare const RowRenderer: ({ index, style, rows, expandedGroups, onToggleGroup, listId, activeConversationId, searchQuery, onSelectConversation, getActions, onActionMenuOpen, actionsLabel, unreadIndicatorLabel, styles, draggingId, dragOverId, allowedDropGroups, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: RowComponentProps<RowRendererData>) => import("react").JSX.Element;
 //# sourceMappingURL=RowRenderer.d.ts.map

package/components/RowRenderer/RowRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/RowRenderer/RowRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,uSAuBzB,iBAAiB,CAAC,eAAe,CAAC,4CAsDpC,CAAC"}
+{"version":3,"file":"RowRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/RowRenderer/RowRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,uSAuBzB,iBAAiB,CAAC,eAAe,CAAC,gCAsDpC,CAAC"}

package/index.js

@@ -1,11 +1,11 @@
 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";
+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 ee, Tag as A, TagAppearance as j, Tooltip as te, mergeClasses as ne } from "@epam/ai-dial-ui-kit";
+import { createElement as re, memo as M, useCallback as N, useEffect as P, useId as ie, useImperativeHandle as ae, useLayoutEffect as oe, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { IconAlertCircleFilled as V, IconAlertTriangleFilled as se, IconCaretDownFilled as ce, IconCaretRightFilled as H, IconCheck as le, IconChevronDown as U, IconChevronUp as ue, IconClock as W, 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 G = typeof window < "u" ? I : F;
+var G = typeof window < "u" ? oe : P;
 function ve(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
@@ -15,10 +15,10 @@ 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 } = F(() => ({
 		styleHeight: ve(o?.height),
 		styleWidth: ve(o?.width)
-	}), [o?.height, o?.width]), [l, u] = z({
+	}), [o?.height, o?.width]), [l, u] = L({
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
@@ -42,7 +42,7 @@ function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), L(() => ({
+	]), F(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -52,12 +52,12 @@ function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 	]);
 }
 function be(e) {
-	let t = R(() => {
+	let t = I(() => {
 		throw Error("Cannot call during render.");
 	});
 	return G(() => {
 		t.current = e;
-	}, [e]), P((e) => t.current?.(e), [t]);
+	}, [e]), N((e) => t.current?.(e), [t]);
 }
 var K = null;
 function xe(e = !1) {
@@ -69,7 +69,7 @@ function xe(e = !1) {
 	}
 	return K;
 }
-function Se({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+function q({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	if (t === "horizontal" && n) switch (xe()) {
 		case "negative": return -r;
 		case "positive-descending":
@@ -81,12 +81,12 @@ function Se({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function q(e, t = "Assertion error") {
+function J(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function J(e, t) {
+function Se(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (q(e !== void 0), q(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (J(e !== void 0), J(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;
 }
@@ -95,7 +95,7 @@ function Ce({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return q(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return J(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
 function we({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
@@ -135,7 +135,7 @@ function Ee({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (q(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (J(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -151,14 +151,14 @@ function Ee({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					q(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					J(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return q(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return J(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -169,7 +169,7 @@ function Ee({ itemCount: e, itemProps: t, itemSize: n }) {
 	};
 }
 function De({ itemCount: e, itemProps: t, itemSize: n }) {
-	return L(() => Ee({
+	return F(() => Ee({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -183,7 +183,7 @@ function Oe({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			q(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), q(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			J(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), J(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -198,14 +198,14 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = R({
+	}), f = I({
 		height: 0,
 		width: 0
 	}), p = r === "vertical" ? u : d, m = Oe({
 		containerSize: p,
 		itemSize: s
 	});
-	I(() => {
+	oe(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -222,7 +222,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = P((e) => h.get(e), [h]), [_, v] = z(() => Te({
+	}), g = N((e) => h.get(e), [h]), [_, v] = L(() => Te({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -233,7 +233,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 = P(() => Ce({
+	}, C = N(() => Ce({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,9 +241,9 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = P((t) => Te({
+	]), w = N((t) => Te({
 		cachedBounds: h,
-		containerScrollOffset: Se({
+		containerScrollOffset: q({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -273,7 +273,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 			v((t) => {
 				let { scrollLeft: n, scrollTop: o } = e, s = Te({
 					cachedBounds: h,
-					containerScrollOffset: Se({
+					containerScrollOffset: q({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return J(s, t) ? t : s;
+				return Se(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -310,14 +310,14 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = Se({
+				if (s = q({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					J(_, e) || v(e);
+					Se(_, e) || v(e);
 				}
 				return s;
 			}
@@ -328,30 +328,30 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function Y(e) {
-	return L(() => e, Object.values(e));
+function Ae(e) {
+	return F(() => e, Object.values(e));
 }
-function Ae(e, t) {
+function Y(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return J(n, a) && J(r, o) && J(i, s);
+	return Se(n, a) && Se(r, o) && Se(i, s);
 }
 function je(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
 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({
+	let m = Ae(u), h = F(() => M(s, Y), [s]), [g, _] = L(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: L(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: F(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	ie(r, () => ({
+	ae(r, () => ({
 		get element() {
 			return g;
 		},
@@ -380,7 +380,7 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		l,
 		S,
 		w
-	]), F(() => {
+	]), P(() => {
 		S >= 0 && w >= 0 && a && a({
 			startIndex: C,
 			stopIndex: T
@@ -395,11 +395,11 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let E = L(() => {
+	let E = F(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
-			e.push(/* @__PURE__ */ M(h, {
+			e.push(/* @__PURE__ */ re(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -426,7 +426,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 +434,7 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			zIndex: -1
 		}
 	});
-	return M(d, {
+	return re(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -452,7 +452,7 @@ function Ne({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 //#region src/types/virtual-row.ts
 var X = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), 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) => {
+}({}), 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) => {
 	switch (e) {
 		case n.Shared: return n.Shared;
 		case n.Organization: return n.Organization;
@@ -470,7 +470,7 @@ var X = /* @__PURE__ */ function(e) {
 		t && i.add(Le(t.source));
 	} else i.add(n.Pinned);
 	return i;
-}, Z = (e, t, n, r) => {
+}, Be = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -480,7 +480,7 @@ var X = /* @__PURE__ */ function(e) {
 		a = e.item.id;
 	}
 	return null;
-}, Be = [
+}, Z = [
 	{
 		value: n.All,
 		labelKey: "all"
@@ -497,33 +497,33 @@ var X = /* @__PURE__ */ function(e) {
 		value: n.Organization,
 		labelKey: "organization"
 	}
-], Ve = N(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ B("div", {
+], Ve = M(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ z("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, {
+	children: Z.map(({ value: i, labelKey: a }) => /* @__PURE__ */ z(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", {
+})), He = { button: "_button_1vksy_1" }, Ue = M(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i }) => /* @__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", He.button),
-		children: [/* @__PURE__ */ B(he, {
+		children: [/* @__PURE__ */ z(he, {
 			size: 18,
 			stroke: _,
 			className: "shrink-0"
-		}), /* @__PURE__ */ B("span", {
+		}), /* @__PURE__ */ z("span", {
 			className: n,
 			children: e
 		})]
@@ -541,7 +541,7 @@ var X = /* @__PURE__ */ function(e) {
 	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__ */ V("button", {
+	return /* @__PURE__ */ B("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -556,104 +556,104 @@ var X = /* @__PURE__ */ function(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, Q.groupHeader, s && Q.dropZoneActive),
-		children: [t ? /* @__PURE__ */ B(U, {
+		children: [t ? /* @__PURE__ */ z(ce, {
 			size: 12,
 			className: "shrink-0",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ B(se, {
+		}) : /* @__PURE__ */ z(H, {
 			size: 12,
 			className: "shrink-0 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: k, onDrop: A }) => {
-	let [j, te] = z(!1), ne = R(null), M = P((t) => {
+}, 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: ee, onDrop: A }) => {
+	let [j, te] = L(!1), ne = I(null), re = N((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,
+	}, [e, s]), M = o?.(e) ?? [], P = M.length > 0, ie = e.isIconLoading ? /* @__PURE__ */ z(O, {
+		variant: k.Circular,
 		width: g.LG,
 		height: g.LG,
 		color: Q.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 }
-	}), ie = /* @__PURE__ */ V("span", {
+	}), ae = /* @__PURE__ */ B("span", {
 		className: "flex shrink-0 items-center",
-		children: [/* @__PURE__ */ B("span", {
+		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(R, { children: [/* @__PURE__ */ z("span", {
 				className: a("size-[5.33px] rounded-full", Q.unreadDot),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ B("span", {
+			}), /* @__PURE__ */ z("span", {
 				className: "sr-only",
 				children: p
 			})] })
-		}), re]
-	}), I = Fe(F, j), L = e.showTaskBadge ? /* @__PURE__ */ V("span", {
+		}), ie]
+	}), oe = Fe(P, j), F = 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", Q.taskBadge, d),
-		children: [/* @__PURE__ */ B(ue, {
+		children: [/* @__PURE__ */ z(W, {
 			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) => {
+	}) : void 0, V = m != null, se = N((e) => {
+		e.currentTarget.contains(e.relatedTarget) || ee?.();
+	}, [ee]), ce = N((t) => {
 		if (!m || !h || !A) return;
 		t.preventDefault();
-		let n = Z(t, e.id, h, m);
+		let n = Be(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) => {
+	]), H = e.id === b, le = e.id === C, U = m != null && (w?.has(m) ?? !1), ue = b != null;
+	return /* @__PURE__ */ B("li", {
+		className: a("group/conversation relative", H && "cursor-grabbing opacity-50", le && U && "rounded", le && U && Q.dropZoneActive, ue && !H && !U && "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 ? U : 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: ie,
-				label: /* @__PURE__ */ B(S, {
+			children: /* @__PURE__ */ z(f, {
+				iconBefore: ae,
+				label: /* @__PURE__ */ z(S, {
 					text: e.title,
 					query: i,
 					className: l,
 					maxLines: 1
 				}),
-				iconAfter: L,
+				iconAfter: F,
 				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)
+				className: a("h-8 w-full justify-start gap-2 py-2 ps-0 after:pointer-events-none", oe, Q.item, n && Q.itemActive, j && Q.itemActive)
 			})
-		}), F && /* @__PURE__ */ B("div", {
+		}), P && /* @__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__ */ B(v, {
-				items: N,
-				onOpenChange: M,
+			children: /* @__PURE__ */ z(v, {
+				items: M,
+				onOpenChange: re,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ B(x, {
+				children: /* @__PURE__ */ z(x, {
 					ref: ne,
-					icon: /* @__PURE__ */ B(de, {
+					icon: /* @__PURE__ */ z(de, {
 						size: g.SM,
 						className: Q.triggerIcon,
 						"aria-hidden": !0,
@@ -670,11 +670,11 @@ var X = /* @__PURE__ */ function(e) {
 	let C = r[e];
 	if (C.kind === X.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(We, {
+			children: /* @__PURE__ */ z(We, {
 				label: C.label,
 				isExpanded: i.has(C.groupKey),
 				onToggle: () => a(C.groupKey),
@@ -688,11 +688,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(Ge, {
 			item: C.item,
 			isActive: C.item.id === s,
 			searchQuery: c,
@@ -721,89 +721,89 @@ var X = /* @__PURE__ */ function(e) {
 	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) => {
+]), Xe = M(({ 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 }) => {
+	let { colors: T, typography: E, newChatButton: k, searchWrapperClassName: ee } = m ?? {}, { title: A, emptyLabel: j, noResultsLabel: te, loadingLabel: ne = "Loading conversations", newChatLabel: re, searchPlaceholder: M, searchClearLabel: ae, filterLabels: oe, groupLabels: R, actionsLabel: V, unreadIndicatorLabel: se, closeAriaLabel: ce } = f, [H, le] = L(""), [U, ue] = L(n.All);
+	P(() => {
+		S != null && ue(S);
+	}, [S]);
+	let [W, de] = L(() => Ye), [fe, pe] = L(5), me = ie(), he = I(null), ge = I(null), [_e, G] = L(null), [ve, ye] = L(null), [be, K] = L(null), xe = I(null), q = I(null), J = N(({ height: e }) => {
+		pe(Math.ceil(e / 36 * 2));
+	}, []), Se = N((e) => {
+		le(e ?? "");
+	}, []), Ce = N((e) => {
+		de((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Ce = P(() => {
-		K.current = null, xe.current = null, _e(null), ve(null), be(null);
-	}, []), we = P((t, n) => {
+	}, []), we = N(() => {
+		xe.current = null, q.current = null, G(null), ye(null), K(null);
+	}, []), Te = N((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?.({
+		xe.current = t, q.current = r, G(t), K(r);
+	}, [e]), Ee = N(() => {
+		we();
+	}, [we]), De = N((e) => {
+		ye(e);
+	}, []), Oe = N(() => {
+		ye(null);
+	}, []), ke = N((e, t, n) => {
+		let r = xe.current, i = q.current;
+		we(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [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)), [
+	}, [we, x]), Ae = r({
+		"--cp-item-hover": T?.itemHover,
+		"--cp-item-active": T?.itemActive,
+		"--cp-text": T?.text,
+		"--cp-text-secondary": T?.textSecondary,
+		"--cp-new-chat-bg": k?.background,
+		"--cp-new-chat-text": k?.text,
+		"--cp-new-chat-focus-outline": k?.focusOutline,
+		"--cp-drop-zone-ring": T?.dropZoneRing,
+		"--cp-trigger-bg": T?.triggerBackground,
+		"--cp-trigger-icon": T?.triggerIcon,
+		"--cp-trigger-icon-idle": T?.triggerIconIdle,
+		"--cp-skeleton-color": T?.skeletonColor,
+		"--cp-task-badge-border": T?.taskBadgeBorder,
+		"--cp-task-badge-bg": T?.taskBadgeBackground,
+		"--cp-task-badge-text": T?.taskBadgeText,
+		"--cp-unread-dot": T?.unreadDot
+	}), Y = F(() => e.filter((e) => qe(e, U) && Je(e, H)), [
 		e,
-		ce,
-		U
-	]), 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(() => [
+		U,
+		H
+	]), je = F(() => Y.filter((e) => e.isPinned), [Y]), Me = F(() => Y.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [Y]), Fe = F(() => Y.filter((e) => !e.isPinned && e.source === n.Shared), [Y]), Le = F(() => Y.filter((e) => !e.isPinned && e.source === n.Organization), [Y]), Be = F(() => [
 		{
 			key: n.Pinned,
-			label: I?.pinned ?? "Pinned",
-			items: Ae
+			label: R?.pinned ?? "Pinned",
+			items: je
 		},
 		{
 			key: n.MyChats,
-			label: I?.myChats ?? "My chats",
-			items: je
+			label: R?.myChats ?? "My chats",
+			items: Me
 		},
 		{
 			key: n.Shared,
-			label: I?.shared ?? "Shared",
-			items: Me
+			label: R?.shared ?? "Shared",
+			items: Fe
 		},
 		{
 			key: n.Organization,
-			label: I?.organization ?? "Organization",
-			items: Fe
+			label: R?.organization ?? "Organization",
+			items: Le
 		}
 	], [
-		I,
-		Ae,
+		R,
 		je,
 		Me,
-		Fe
-	]), Z = L(() => {
+		Fe,
+		Le
+	]), Z = F(() => {
 		let e = [];
-		for (let t of Le) if (t.items.length !== 0 && (e.push({
+		for (let t of Be) if (t.items.length !== 0 && (e.push({
 			kind: X.Header,
 			groupKey: t.key,
 			label: t.label
@@ -813,149 +813,150 @@ var X = /* @__PURE__ */ function(e) {
 			groupKey: t.key
 		});
 		return e;
-	}, [Le, W]);
-	F(() => {
-		if (!s || he.current === s) return;
+	}, [Be, W]);
+	P(() => {
+		if (!s || ge.current === s) return;
 		let e = Z.findIndex((e) => e.kind === X.Item && e.item.id === s);
-		e >= 0 && (me.current?.scrollToRow({
+		e >= 0 && (he.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), he.current = s);
+		}), ge.current = s);
 	}, [
 		s,
-		Le,
+		Be,
 		W,
 		Z
 	]);
-	let Be = L(() => ({
+	let He = F(() => ({
 		rows: Z,
 		expandedGroups: W,
-		onToggleGroup: J,
-		listId: pe,
+		onToggleGroup: Ce,
+		listId: me,
 		activeConversationId: s,
-		searchQuery: U,
+		searchQuery: H,
 		onSelectConversation: o,
-		getActions: g,
-		onActionMenuOpen: _,
-		actionsLabel: ae,
-		unreadIndicatorLabel: H,
+		getActions: _,
+		onActionMenuOpen: v,
+		actionsLabel: V,
+		unreadIndicatorLabel: se,
 		styles: {
-			groupHeaderClassName: T?.groupHeaderClassName,
-			itemTitleClassName: T?.itemTitleClassName,
+			groupHeaderClassName: E?.groupHeaderClassName,
+			itemTitleClassName: E?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName,
 			taskBadgeClassName: m?.taskBadgeClassName
 		},
-		draggingId: ge,
-		dragOverId: G,
-		allowedDropGroups: ye,
-		onDragStart: (e) => we(e, Z),
-		onDragEnd: Te,
-		onDragOver: Ee,
-		onDragLeave: De,
-		onDrop: Oe
+		draggingId: _e,
+		dragOverId: ve,
+		allowedDropGroups: be,
+		onDragStart: (e) => Te(e, Z),
+		onDragEnd: Ee,
+		onDragOver: De,
+		onDragLeave: Oe,
+		onDrop: ke
 	}), [
 		Z,
 		W,
-		J,
-		pe,
+		Ce,
+		me,
 		s,
-		U,
+		H,
 		o,
-		g,
 		_,
-		ae,
-		H,
-		T?.groupHeaderClassName,
-		T?.itemTitleClassName,
+		v,
+		V,
+		se,
+		E?.groupHeaderClassName,
+		E?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
 		m?.taskBadgeClassName,
-		ge,
-		G,
-		ye,
-		we,
+		_e,
+		ve,
+		be,
 		Te,
 		Ee,
 		De,
-		Oe
-	]), He = e.length === 0, We = e.length > 0 && Y.length === 0;
-	return /* @__PURE__ */ V(d, {
+		Oe,
+		ke
+	]), We = e.length === 0, Ge = e.length > 0 && Y.length === 0;
+	return /* @__PURE__ */ B(d, {
 		isOpen: i,
+		isOverlay: g,
 		orientation: u.Left,
-		title: k,
+		title: A,
 		labels: {
-			ariaLabel: k,
-			closeLabel: oe
+			ariaLabel: A,
+			closeLabel: ce
 		},
-		onClose: v,
+		onClose: y,
 		styles: {
 			colors: {
-				background: w?.background,
-				border: w?.border
+				background: T?.background,
+				border: T?.border
 			},
-			typography: { fontClassName: T?.fontClassName },
+			typography: { fontClassName: E?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: ke,
-			titleClassName: T?.fontClassName,
+			cssVars: Ae,
+			titleClassName: E?.fontClassName,
 			headerClassName: "h-[64px]",
 			className: a(i ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
-		rightActions: y,
+		rightActions: b,
 		children: [
-			/* @__PURE__ */ B(Ue, {
-				label: ne,
+			/* @__PURE__ */ z(Ue, {
+				label: re,
 				onClick: p,
-				labelClassName: T?.newChatLabelClassName,
-				colors: E
+				labelClassName: E?.newChatLabelClassName,
+				colors: k
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				role: "search",
 				className: "px-3 py-2",
-				children: /* @__PURE__ */ B(D, {
+				children: /* @__PURE__ */ z(D, {
 					wrapperClassName: a(Q.search, ee),
-					value: U,
-					onChange: q,
+					value: H,
+					onChange: Se,
 					placeholder: M,
-					clearLabel: N,
+					clearLabel: ae,
 					"aria-label": M
 				})
 			}),
-			!C && /* @__PURE__ */ B(Ve, {
-				activeTab: ce,
-				labels: ie,
+			!w && /* @__PURE__ */ z(Ve, {
+				activeTab: U,
+				labels: oe,
 				onChange: (e) => {
-					le(e), S?.(e);
+					ue(e), C?.(e);
 				},
-				tabClassName: T?.tabClassName
+				tabClassName: E?.tabClassName
 			}),
-			/* @__PURE__ */ B("span", {
+			/* @__PURE__ */ z("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? te : He ? A : We ? j : ""
+				children: t ? ne : We ? j : Ge ? te : ""
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ B("div", {
+				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(O, {
 						avatar: { size: 24 },
 						showTitle: { width: Pe(t) },
 						paragraph: !1,
 						active: !0,
 						color: Q.skeletonColor
 					}, t))
-				}) : He ? /* @__PURE__ */ B(c, { label: A }) : We ? /* @__PURE__ */ B(l, { label: j }) : /* @__PURE__ */ B(Ne, {
-					listRef: me,
-					id: pe,
+				}) : We ? /* @__PURE__ */ z(c, { label: j }) : Ge ? /* @__PURE__ */ z(l, { label: te }) : /* @__PURE__ */ z(Ne, {
+					listRef: he,
+					id: me,
 					role: "list",
 					style: { height: "100%" },
 					rowComponent: Ke,
 					rowCount: Z.length,
 					rowHeight: Ie,
-					overscanCount: de,
-					onResize: Se,
-					rowProps: Be
+					overscanCount: fe,
+					onResize: J,
+					rowProps: He
 				})
 			})
 		]
@@ -971,25 +972,25 @@ 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(x, {
 				"aria-label": n ? i.expandQueueAriaLabel : i.collapseQueueAriaLabel,
 				size: y.Small,
 				"aria-expanded": !n,
 				"aria-controls": r,
-				icon: B(n ? W : le, {
+				icon: z(n ? ue : U, {
 					size: g.SM,
 					className: $.textSecondary,
 					stroke: _,
@@ -997,10 +998,10 @@ var X = /* @__PURE__ */ function(e) {
 				}),
 				onClick: s,
 				className: Qe
-			}), /* @__PURE__ */ B(x, {
+			}), /* @__PURE__ */ z(x, {
 				"aria-label": i.closeQueueAriaLabel,
 				size: y.Small,
-				icon: /* @__PURE__ */ B(_e, {
+				icon: /* @__PURE__ */ z(_e, {
 					size: g.SM,
 					className: $.textSecondary,
 					stroke: _,
@@ -1016,30 +1017,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(k, {
+				children: [/* @__PURE__ */ z(ee, {
 					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, {
+				}), /* @__PURE__ */ z(x, {
 					"aria-label": n.cancelJobAriaLabel(t.fileName),
 					size: y.Small,
-					icon: /* @__PURE__ */ B(_e, {
+					icon: /* @__PURE__ */ z(_e, {
 						size: g.SM,
 						className: $.textSecondary,
 						stroke: _,
@@ -1049,55 +1050,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(ce, {
+				children: /* @__PURE__ */ z(le, {
 					size: g.SM,
 					stroke: _,
 					className: $.successIcon,
 					"aria-hidden": !0
 				})
 			}),
-			t.status === e.Warning && /* @__PURE__ */ B(te, {
+			t.status === e.Warning && /* @__PURE__ */ z(te, {
 				tooltip: n.jobWarningMessage(t.warningCode),
 				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),
 					tabIndex: 0,
-					children: /* @__PURE__ */ B(oe, {
+					children: /* @__PURE__ */ z(se, {
 						size: g.SM,
 						className: $.warningIcon,
 						"aria-hidden": !0
 					})
 				})
 			}),
-			t.status === e.Failed && /* @__PURE__ */ B(te, {
+			t.status === e.Failed && /* @__PURE__ */ z(te, {
 				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(V, {
 						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 = 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, _ = {
+}, 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 = M(({ title: t, jobs: n, onClose: i, onCancel: o, labels: s, styles: c }) => {
+	let [l, u] = L(!1), d = ie(), [f, p] = L(!1), g = c?.colors, _ = {
 		...r({
 			"--cp-transfer-queue-bg": g?.background,
 			"--cp-transfer-queue-text": g?.text,
@@ -1110,30 +1111,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 = P(() => {
+	}, 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 = N(() => {
 		v || b ? p(!0) : i();
 	}, [
 		v,
 		b,
 		i
-	]), C = P(() => {
+	]), C = N(() => {
 		p(!1), i();
-	}, [i]), w = P(() => {
+	}, [i]), w = N(() => {
 		u((e) => !e);
 	}, []);
-	if (F(() => {
+	if (P(() => {
 		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", {
+	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,
@@ -1143,23 +1144,23 @@ var X = /* @__PURE__ */ function(e) {
 				onToggleCollapse: w,
 				onClose: S
 			}),
-			l && v && /* @__PURE__ */ B(E, {
+			l && v && /* @__PURE__ */ z(E, {
 				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),
@@ -1175,9 +1176,9 @@ var X = /* @__PURE__ */ function(e) {
 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(() => {
+var st = M(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [f, m] = L(t), [h, v] = L(!1), [y, b] = L(null), S = I(null), E = I(!1), D = I(0);
+	P(() => {
 		let n = e && !E.current;
 		if (E.current = e, !e) {
 			D.current += 1, v(!1);
@@ -1187,18 +1188,18 @@ var st = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 		D.current += 1, m(t), b(null), v(!1);
 		let r = setTimeout(() => S.current?.focus(), 0);
 		return () => clearTimeout(r);
-	}, [e, t]), F(() => () => {
+	}, [e, t]), P(() => () => {
 		D.current += 1;
 	}, []);
-	let O = s(f.trim()), ee = i(O) > 255, A = n || O === "" || O === t.trim() || ee, j = P(() => {
+	let O = s(f.trim()), k = i(O) > 255, A = n || O === "" || O === t.trim() || k, j = N(() => {
 		A || a(O);
 	}, [
 		A,
 		a,
 		O
-	]), te = P((e) => {
+	]), te = N((e) => {
 		e.key === "Enter" && j();
-	}, [j]), ne = P(async () => {
+	}, [j]), ne = N(async () => {
 		if (h) return;
 		let e = ++D.current;
 		v(!0), b(null);
@@ -1216,8 +1217,8 @@ var st = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 		h,
 		l,
 		u.renameWithAiError
-	]), M;
-	return M = ee ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ B(w, {
+	]), re;
+	return re = k ? u.nameTooLongError : y ?? r ?? void 0, /* @__PURE__ */ z(w, {
 		open: e,
 		header: u.popupTitle,
 		size: T.Sm,
@@ -1231,30 +1232,30 @@ var st = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 			disabled: A,
 			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(k, { size: 50 })
-			}) : /* @__PURE__ */ V("div", {
+				children: /* @__PURE__ */ z(ee, { 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, {
+					children: /* @__PURE__ */ z(C, {
 						inputRef: S,
 						value: f,
 						placeholder: u.inputPlaceholder,
-						error: M,
+						error: re,
 						onChange: (e) => m(o(e ?? "")),
 						onKeyDown: te
 					})
-				}), /* @__PURE__ */ B(x, {
+				}), /* @__PURE__ */ z(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, {
+					icon: h ? /* @__PURE__ */ z(ee, { size: g.MD }) : /* @__PURE__ */ z(ge, {
 						size: g.MD,
 						stroke: _
 					})

package/models/panel-props.d.ts

@@ -170,6 +170,12 @@ export interface ConversationPanelProps {
     styles?: ConversationPanelStyles;
     /** Extra class name(s) merged onto the panel root element. */
     className?: string;
+    /**
+     * Renders the panel as a drawer that slides over the content instead of
+     * collapsing its width beside it. Set it when `className` positions the panel
+     * over the page. Defaults to `false`.
+     */
+    isOverlay?: boolean;
     /** Builds dropdown actions for a row. When absent or empty, no action trigger is rendered. */
     getActions?: (item: ConversationItem) => DropdownItem[];
     /** Called when a row action menu opens; receives the trigger button. */

package/models/panel-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,kCAAkC;AAClC,MAAM,WAAW,YAAY;IAC3B,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,YAAY,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,8DAA8D;AAC9D,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kFAAkF;IAClF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4HAA4H;IAC5H,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,kEAAkE;AAClE,MAAM,WAAW,2BAA2B;IAC1C,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8GAA8G;IAC9G,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wGAAwG;IACxG,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mGAAmG;IACnG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,6DAA6D;AAC7D,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,gFAAgF;AAChF,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,wDAAwD;IACxD,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qKAAqK;IACrK,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,iEAAiE;AACjE,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,cAAc,EAAE,MAAM,CAAC;IACvB,yHAAyH;IACzH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,uCAAuC;IACvC,YAAY,EAAE,YAAY,CAAC;IAC3B,qDAAqD;IACrD,WAAW,CAAC,EAAE;QACZ,8DAA8D;QAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,kEAAkE;QAClE,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,8DAA8D;QAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,0EAA0E;QAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,gDAAgD;IAChD,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,sFAAsF;IACtF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,MAAM,EAAE,uBAAuB,CAAC;IAChC,kDAAkD;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,uEAAuE;IACvE,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8FAA8F;IAC9F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACtD,gGAAgG;IAChG,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IAChD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,0EAA0E;AAC1E,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,2CAA2C;IAC3C,cAAc,EAAE,SAAS,CAAC;IAC1B,kEAAkE;IAClE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB"}
+{"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-panel",
   "description": "Virtualized sidebar panel for browsing conversation history with grouping, tabs, and search",
-  "version": "1.1.0-dev.405",
+  "version": "1.1.0-dev.413",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -23,8 +23,8 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.405",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.405"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.413",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.413"
   },
   "repository": {
     "type": "git",

package/utils/conversation-row.d.ts

@@ -3,7 +3,14 @@ import { RowRendererData } from '../models/virtual-row';
 export declare const SKELETON_ROW_COUNT = 15;
 /** Returns a pseudo-randomised width percentage for the skeleton title bar at index `i`. */
 export declare const getSkeletonWidth: (i: number) => string;
-/** Returns the inline-end padding Tailwind class for the row's ghost button based on action state. */
+/**
+ * Returns the inline-end padding Tailwind class for the row's ghost button based
+ * on action state. The reserved gutter has to cover every state in which the
+ * actions trigger is actually visible — hover *and* focus-within (see the
+ * trigger's own visibility classes in `ConversationRow`). A row keeps focus
+ * after it is clicked or dragged, so reserving on hover alone left the trigger
+ * painted on top of the title's ellipsis once the pointer moved away.
+ */
 export declare const getButtonPaddingEnd: (hasActions: boolean, isMenuOpen: boolean) => string;
 /** Returns the pixel height for a virtual list row (item, first group header, or subsequent group header). */
 export declare const getRowHeight: (index: number, rowProps: RowRendererData) => number;

package/utils/conversation-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-row.d.ts","sourceRoot":"","sources":["../../src/utils/conversation-row.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,iFAAiF;AACjF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,GAAI,GAAG,MAAM,WAA+B,CAAC;AAE1E,sGAAsG;AACtG,eAAO,MAAM,mBAAmB,GAC9B,YAAY,OAAO,EACnB,YAAY,OAAO,KAClB,MAIF,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,UAAU,eAAe,KACxB,MAIF,CAAC"}
+{"version":3,"file":"conversation-row.d.ts","sourceRoot":"","sources":["../../src/utils/conversation-row.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,iFAAiF;AACjF,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,4FAA4F;AAC5F,eAAO,MAAM,gBAAgB,GAAI,GAAG,MAAM,WAA+B,CAAC;AAE1E;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,YAAY,OAAO,EACnB,YAAY,OAAO,KAClB,MAIF,CAAC;AAEF,8GAA8G;AAC9G,eAAO,MAAM,YAAY,GACvB,OAAO,MAAM,EACb,UAAU,eAAe,KACxB,MAIF,CAAC"}