@epam/ai-dial-conversation-panel 1.2.0-dev.217 → 1.2.0-dev.218

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;AAIf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAucxD,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;AA0BlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkdxD,CAAC"}

package/components/ConversationRow/ConversationRow.d.ts

@@ -1,6 +1,5 @@
 import { FilterTab } from '@epam/ai-dial-chat-shared';
 import { DropdownItem } from '@epam/ai-dial-ui-kit';
-import { FC } from 'react';
 import { ConversationItem } from '../../models/panel-props';
 import { VirtualRow } from '../../models/virtual-row';
 /** Props for `ConversationRow`. */
@@ -47,5 +46,5 @@ export interface ConversationRowProps {
     onDrop?: (targetId: string, targetGroupKey: FilterTab, afterId: string | null) => void;
 }
 /** Single draggable conversation row rendered inside the virtualised list or a static `ConversationGroup`. */
-export declare const ConversationRow: FC<ConversationRowProps>;
+export declare const ConversationRow: import('react').NamedExoticComponent<ConversationRowProps>;
 //# sourceMappingURL=ConversationRow.d.ts.map

package/components/ConversationRow/ConversationRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAEV,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAiD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAK3D,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,EAAE,gBAAgB,CAAC;IACvB,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gDAAgD;IAChD,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX;AAED,8GAA8G;AAC9G,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA+MpD,CAAC"}
+{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAEV,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAW9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAK3D,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,EAAE,gBAAgB,CAAC;IACvB,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gDAAgD;IAChD,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX;AA+ND,8GAA8G;AAC9G,eAAO,MAAM,eAAe,4DAAiC,CAAC"}

package/index.js

@@ -1,15 +1,15 @@
 import { DeploymentIcon as e, FilterTab as t, buildCssVars as n, getUtf8ByteLength as r, mergeClasses as i, sanitizeConversationName as a, stripTrailingDots as o } from "@epam/ai-dial-chat-shared";
 import { PanelEmpty as s, PanelNoResults as c, SidebarOrientation as l, SidebarPanel as u } from "@epam/ai-dial-sidebar";
 import { Button as d, ButtonVariant as f, DIAL_ICON_SIZE as p, DIAL_KIT_ICON_STROKE as m, Dropdown as h, ElementSize as g, EllipsisTooltip as _, FilterChips as v, GhostIconButton as y, Highlight as b, Input as x, Popup as S, PopupSize as C, Search as w, Skeleton as T, SkeletonVariant as ee, Spinner as E, mergeClasses as D } from "@epam/ai-dial-ui-kit";
-import { createElement as O, memo as k, useCallback as A, useEffect as j, useId as M, useImperativeHandle as N, useLayoutEffect as te, useMemo as P, useRef as F, useState as I } from "react";
-import { jsx as L, jsxs as R } from "react/jsx-runtime";
-import { IconCaretDownFilled as z, IconCaretRightFilled as ne, IconDotsVertical as re, IconPlus as ie, IconSparkles as ae } from "@tabler/icons-react";
+import { createElement as O, memo as k, useCallback as A, useEffect as j, useId as te, useImperativeHandle as M, useLayoutEffect as ne, useMemo as N, useRef as P, useState as F } from "react";
+import { jsx as I, jsxs as re } from "react/jsx-runtime";
+import { IconCaretDownFilled as L, IconCaretRightFilled as R, IconDotsVertical as ie, IconPlus as ae, IconSparkles as oe } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var B = {
+var se = {
 	newChatButton: "dial-cp-new-chat-button",
 	search: "dial-cp-search"
-}, V = typeof window < "u" ? te : j;
-function oe(e) {
+}, z = typeof window < "u" ? ne : j;
+function ce(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -17,15 +17,15 @@ function oe(e) {
 			break;
 	}
 }
-function se({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = P(() => ({
-		styleHeight: oe(o?.height),
-		styleWidth: oe(o?.width)
-	}), [o?.height, o?.width]), [l, u] = I({
+function B({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = N(() => ({
+		styleHeight: ce(o?.height),
+		styleWidth: ce(o?.width)
+	}), [o?.height, o?.width]), [l, u] = F({
 		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 V(() => {
+	return z(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -45,7 +45,7 @@ function se({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), P(() => ({
+	]), N(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -54,26 +54,26 @@ function se({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function ce(e) {
-	let t = F(() => {
+function le(e) {
+	let t = P(() => {
 		throw Error("Cannot call during render.");
 	});
-	return V(() => {
+	return z(() => {
 		t.current = e;
 	}, [e]), A((e) => t.current?.(e), [t]);
 }
-var H = null;
-function U(e = !1) {
-	if (H === null || e) {
+var V = null;
+function H(e = !1) {
+	if (V === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? H = "positive-descending" : (e.scrollLeft = 1, H = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), H;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? V = "positive-descending" : (e.scrollLeft = 1, V = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), V;
 	}
-	return H;
+	return V;
 }
-function le({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (U()) {
+function U({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (H()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -172,7 +172,7 @@ function de({ itemCount: e, itemProps: t, itemSize: n }) {
 	};
 }
 function J({ itemCount: e, itemProps: t, itemSize: n }) {
-	return P(() => de({
+	return N(() => de({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -195,20 +195,20 @@ function Y({ containerSize: e, itemSize: t }) {
 	return n;
 }
 function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
-	let { height: u = n, width: d = n } = se({
+	let { height: u = n, width: d = n } = B({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = F({
+	}), f = P({
 		height: 0,
 		width: 0
 	}), p = r === "vertical" ? u : d, m = Y({
 		containerSize: p,
 		itemSize: s
 	});
-	te(() => {
+	ne(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -225,7 +225,7 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = A((e) => h.get(e), [h]), [_, v] = I(() => q({
+	}), g = A((e) => h.get(e), [h]), [_, v] = F(() => q({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -246,7 +246,7 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		m
 	]), w = A((t) => q({
 		cachedBounds: h,
-		containerScrollOffset: le({
+		containerScrollOffset: U({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -264,19 +264,19 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return V(() => {
+	return z(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), V(() => {
+	]), z(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
 				let { scrollLeft: n, scrollTop: o } = e, s = q({
 					cachedBounds: h,
-					containerScrollOffset: le({
+					containerScrollOffset: U({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -302,7 +302,7 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: C,
-		scrollToIndex: ce(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+		scrollToIndex: le(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
 			let s = ue({
 				align: t,
 				cachedBounds: h,
@@ -313,7 +313,7 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = le({
+				if (s = U({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
@@ -332,7 +332,7 @@ function fe({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	};
 }
 function pe(e) {
-	return P(() => e, Object.values(e));
+	return N(() => e, Object.values(e));
 }
 function me(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
@@ -343,18 +343,18 @@ function he(e) {
 }
 var ge = "data-react-window-index";
 function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = pe(u), h = P(() => k(s, me), [s]), [g, _] = I(null), v = he(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = fe({
+	let m = pe(u), h = N(() => k(s, me), [s]), [g, _] = F(null), v = he(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = fe({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: P(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: N(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	N(r, () => ({
+	M(r, () => ({
 		get element() {
 			return g;
 		},
@@ -369,7 +369,7 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), V(() => {
+	}), [g, x]), z(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -398,7 +398,7 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		w,
 		T
 	]);
-	let ee = P(() => {
+	let ee = N(() => {
 		let e = [];
 		if (c > 0) for (let t = S; t <= w; t++) {
 			let n = y(t);
@@ -429,7 +429,7 @@ function _e({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		m,
 		S,
 		w
-	]), E = /* @__PURE__ */ L("div", {
+	]), E = /* @__PURE__ */ I("div", {
 		"aria-hidden": !0,
 		style: {
 			height: b(),
@@ -455,25 +455,25 @@ function _e({ 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;
-}({}), ve = (e) => `${60 + e * 23 % 35}%`, ye = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", be = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, xe = (e) => {
+}({}), ve = (e) => `${60 + e * 23 % 35}%`, ye = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", be = (e, t) => t.rows[e].kind === X.Item ? 36 : e === 0 ? 24 : 56, xe = 5, Se = (e) => Math.max(xe, Math.ceil(Math.ceil(e / 36) / 2)), Ce = (e) => {
 	switch (e) {
 		case t.Shared: return t.Shared;
 		case t.Organization: return t.Organization;
 		default: return t.MyChats;
 	}
-}, Se = (e, t) => {
+}, we = (e, t) => {
 	let n = null;
 	for (let r of e) if (r.kind === X.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, Ce = (e, n, r) => {
+}, Te = (e, n, r) => {
 	let i = /* @__PURE__ */ new Set();
 	if (n != null && i.add(n), n === t.Pinned) {
 		let t = r.find((t) => t.id === e);
-		t && i.add(xe(t.source));
+		t && i.add(Ce(t.source));
 	} else i.add(t.Pinned);
 	return i;
-}, we = (e, t, n, r) => {
+}, Ee = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -483,7 +483,7 @@ var X = /* @__PURE__ */ function(e) {
 		a = e.item.id;
 	}
 	return null;
-}, Te = [
+}, De = [
 	{
 		value: t.All,
 		labelKey: "all"
@@ -500,8 +500,8 @@ var X = /* @__PURE__ */ function(e) {
 		value: t.Organization,
 		labelKey: "organization"
 	}
-], Ee = k(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ L(v, {
-	items: P(() => Te.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+], Oe = k(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ I(v, {
+	items: N(() => De.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
 	})), [t, i]),
@@ -511,24 +511,24 @@ var X = /* @__PURE__ */ function(e) {
 	"aria-label": t.groupAriaLabel ?? "Filter chats",
 	className: "px-3 py-2",
 	chipClassName: D("!px-2", r)
-})), De = { button: "_button_1pnt8_1" }, Oe = k(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text", colors: a, className: o }) => /* @__PURE__ */ L("div", {
+})), ke = { button: "_button_1pnt8_1" }, Ae = k(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text", colors: a, className: o }) => /* @__PURE__ */ I("div", {
 	className: "px-3 py-2",
 	style: n({
 		"--cp-new-chat-bg": a?.background,
 		"--cp-new-chat-text": a?.text,
 		"--cp-new-chat-focus-outline": a?.focusOutline
 	}),
-	children: /* @__PURE__ */ L(d, {
+	children: /* @__PURE__ */ I(d, {
 		label: e,
 		textClassName: r,
-		iconBefore: /* @__PURE__ */ L(ie, {
+		iconBefore: /* @__PURE__ */ I(ae, {
 			size: 18,
 			stroke: m,
 			className: "shrink-0",
 			"aria-hidden": !0
 		}),
 		onClick: t,
-		className: i("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", De.button, o, B.newChatButton)
+		className: i("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", ke.button, o, se.newChatButton)
 	})
 })), Z = {
 	skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
@@ -540,9 +540,9 @@ var X = /* @__PURE__ */ function(e) {
 	triggerIcon: "_triggerIcon_j0zft_32",
 	unreadDot: "_unreadDot_j0zft_40",
 	search: "_search_j0zft_48"
-}, ke = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+}, je = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
 	let d = o != null;
-	return /* @__PURE__ */ R("button", {
+	return /* @__PURE__ */ re("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": r,
@@ -557,97 +557,97 @@ var X = /* @__PURE__ */ function(e) {
 			d && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
 		className: i("group flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, Z.groupHeader, s && Z.dropZoneActive),
-		children: [t ? /* @__PURE__ */ L(z, {
+		children: [t ? /* @__PURE__ */ I(L, {
 			size: 12,
 			className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ L(ne, {
+		}) : /* @__PURE__ */ I(R, {
 			size: 12,
 			className: "shrink-0 opacity-0 transition-opacity duration-150 group-hover:opacity-100 group-focus-visible:opacity-100 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ L(_, { text: e })]
+		}), /* @__PURE__ */ I(_, { text: e })]
 	});
-}, Ae = ({ item: t, isActive: n, onSelectConversation: r, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: f = "Unread", rowGroupKey: _, rows: v, draggingId: x, dragOverId: S, allowedDropGroups: C, onDragStart: w, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: k }) => {
-	let [j, M] = I(!1), N = F(null), te = A((e) => {
-		M(e), e && N.current && s?.(t, N.current);
-	}, [t, s]), P = o?.(t) ?? [], z = P.length > 0, ne = t.leadingIcon ? /* @__PURE__ */ L("span", {
+}, Me = k(({ item: t, isActive: n, onSelectConversation: r, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, unreadIndicatorLabel: f = "Unread", rowGroupKey: _, rows: v, draggingId: x, dragOverId: S, allowedDropGroups: C, onDragStart: w, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: k }) => {
+	let [j, te] = F(!1), M = P(null), ne = A((e) => {
+		te(e), e && M.current && s?.(t, M.current);
+	}, [t, s]), L = N(() => o?.(t) ?? [], [o, t]), R = L.length > 0, ae = N(() => ({ tooltip: t.iconTooltip }), [t.iconTooltip]), oe = N(() => ({ badgeClassName: u }), [u]), se = t.leadingIcon ? /* @__PURE__ */ I("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
 		children: t.leadingIcon
-	}) : t.isIconLoading ? /* @__PURE__ */ L(T, {
+	}) : t.isIconLoading ? /* @__PURE__ */ I(T, {
 		variant: ee.Circular,
 		width: p.LG,
 		height: p.LG,
 		color: Z.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ L(e, {
+	}) : /* @__PURE__ */ I(e, {
 		src: t.iconUrl,
 		size: p.LG,
 		initialsName: t.iconTooltip ?? "",
-		labels: { tooltip: t.iconTooltip },
-		styles: { badgeClassName: u }
-	}), ie = ye(z, j), ae = t.isUnread ? /* @__PURE__ */ R("span", {
+		labels: ae,
+		styles: oe
+	}), z = ye(R, j), ce = t.isUnread ? /* @__PURE__ */ re("span", {
 		className: "flex size-6 shrink-0 items-center justify-center",
-		children: [/* @__PURE__ */ L("span", {
-			className: i("size-[7.11px] rounded-full", Z.unreadDot, z && (j ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
+		children: [/* @__PURE__ */ I("span", {
+			className: i("size-[7.11px] rounded-full", Z.unreadDot, R && (j ? "opacity-0" : "group-focus-within/conversation:opacity-0 group-hover/conversation:opacity-0")),
 			"aria-hidden": !0
-		}), /* @__PURE__ */ L("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "sr-only",
 			children: f
 		})]
-	}) : void 0, B = _ != null, V = A((e) => {
+	}) : void 0, B = _ != null, le = A((e) => {
 		e.currentTarget.contains(e.relatedTarget) || O?.();
-	}, [O]), oe = A((e) => {
+	}, [O]), V = A((e) => {
 		if (!_ || !v || !k) return;
 		e.preventDefault();
-		let n = we(e, t.id, v, _);
+		let n = Ee(e, t.id, v, _);
 		k(t.id, _, n);
 	}, [
 		t.id,
 		v,
 		_,
 		k
-	]), se = t.id === x, ce = t.id === S, H = _ != null && (C?.has(_) ?? !1), U = x != null;
-	return /* @__PURE__ */ R("li", {
-		className: i("group/conversation relative", se && "cursor-grabbing opacity-50", ce && H && "rounded", ce && H && Z.dropZoneActive, U && !se && !H && "cursor-not-allowed"),
+	]), H = t.id === x, U = t.id === S, W = _ != null && (C?.has(_) ?? !1), G = x != null;
+	return /* @__PURE__ */ re("li", {
+		className: i("group/conversation relative", H && "cursor-grabbing opacity-50", U && W && "rounded", U && W && Z.dropZoneActive, G && !H && !W && "cursor-not-allowed"),
 		draggable: B || void 0,
 		onDragStart: B ? () => w?.(t.id) : void 0,
 		onDragEnd: B ? E : void 0,
 		onDragOver: B ? (e) => {
 			e.preventDefault(), D?.(t.id);
 		} : void 0,
-		onDragLeave: B ? V : void 0,
-		onDrop: B ? oe : void 0,
-		children: [/* @__PURE__ */ L("a", {
+		onDragLeave: B ? le : void 0,
+		onDrop: B ? V : void 0,
+		children: [/* @__PURE__ */ I("a", {
 			href: t.href,
 			className: "contents",
 			onClick: (e) => {
 				t.href && (e.preventDefault(), r(t.id));
 			},
-			children: /* @__PURE__ */ L(d, {
-				iconBefore: ne,
-				label: /* @__PURE__ */ L(b, {
+			children: /* @__PURE__ */ I(d, {
+				iconBefore: se,
+				label: /* @__PURE__ */ I(b, {
 					text: t.title,
 					query: a,
 					className: t.isUnread ? "dial-small-semi-text" : l,
 					maxLines: 1
 				}),
-				iconAfter: ae,
+				iconAfter: ce,
 				textClassName: "min-w-0 flex-1",
 				"aria-current": n ? "page" : void 0,
 				onClick: t.href ? void 0 : () => r(t.id),
 				tabIndex: t.href ? -1 : void 0,
-				className: i("h-8 w-full justify-start gap-2 py-2 ps-3 after:pointer-events-none", ie, Z.item, n && Z.itemActive, j && Z.itemActive)
+				className: i("h-8 w-full justify-start gap-2 py-2 ps-3 after:pointer-events-none", z, Z.item, n && Z.itemActive, j && Z.itemActive)
 			})
-		}), z && /* @__PURE__ */ L("div", {
+		}), R && /* @__PURE__ */ I("div", {
 			className: i("absolute inset-y-0 end-1 flex items-center", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ L(h, {
-				items: P,
-				onOpenChange: te,
+			children: /* @__PURE__ */ I(h, {
+				items: L,
+				onOpenChange: ne,
 				matchReferenceWidth: !1,
 				listClassName: "w-[200px]",
-				children: /* @__PURE__ */ L(y, {
-					ref: N,
-					icon: /* @__PURE__ */ L(re, {
+				children: /* @__PURE__ */ I(y, {
+					ref: M,
+					icon: /* @__PURE__ */ I(ie, {
 						size: p.SM,
 						className: Z.triggerIcon,
 						"aria-hidden": !0,
@@ -660,15 +660,15 @@ var X = /* @__PURE__ */ function(e) {
 			})
 		})]
 	});
-}, je = ({ index: e, style: n, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
+}), Ne = ({ index: e, style: n, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
 	let C = r[e];
 	if (C.kind === X.Header) {
 		let r = C.groupKey === t.Pinned;
-		return /* @__PURE__ */ L("div", {
+		return /* @__PURE__ */ I("div", {
 			role: "presentation",
 			style: n,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ L(ke, {
+			children: /* @__PURE__ */ I(je, {
 				label: C.label,
 				isExpanded: i.has(C.groupKey),
 				onToggle: () => a(C.groupKey),
@@ -682,11 +682,11 @@ var X = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ I("div", {
 		role: "presentation",
 		style: n,
 		className: "pt-1",
-		children: /* @__PURE__ */ L(Ae, {
+		children: /* @__PURE__ */ I(Me, {
 			item: C.item,
 			isActive: C.item.id === s,
 			searchQuery: c,
@@ -709,44 +709,44 @@ var X = /* @__PURE__ */ function(e) {
 			onDrop: S
 		})
 	});
-}, Me = (e, n) => n === t.All ? !0 : e.source === n, Ne = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Pe = new Set([
+}, Pe = (e, n) => n === t.All ? !0 : e.source === n, Fe = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ie = new Set([
 	t.Pinned,
 	t.MyChats,
 	t.Shared,
 	t.Organization
-]), Fe = k(({ conversations: e, isLoading: r, isOpen: a, onSelectConversation: o, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: ee = !1, hiddenSources: E }) => {
-	let { colors: D, typography: O, newChatButton: k, searchWrapperClassName: N, headerClassName: te, headerActionsClassName: z, newChatButtonClassName: ne } = m ?? {}, { title: re, emptyLabel: ie, noResultsLabel: ae, loadingLabel: V = "Loading conversations", newChatLabel: oe, searchPlaceholder: se, searchClearLabel: ce, filterLabels: H, groupLabels: U, actionsLabel: le, unreadIndicatorLabel: W, closeAriaLabel: G } = f, [K, ue] = I(""), [q, de] = I(t.All);
+]), Le = k(({ conversations: e, isLoading: r, isOpen: a, onSelectConversation: o, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: ee = !1, hiddenSources: E }) => {
+	let { colors: D, typography: O, newChatButton: k, searchWrapperClassName: M, headerClassName: ne, headerActionsClassName: L, newChatButtonClassName: R } = m ?? {}, { title: ie, emptyLabel: ae, noResultsLabel: oe, loadingLabel: z = "Loading conversations", newChatLabel: ce, searchPlaceholder: B, searchClearLabel: le, filterLabels: V, groupLabels: H, actionsLabel: U, unreadIndicatorLabel: W, closeAriaLabel: G } = f, [K, ue] = F(""), [q, de] = F(t.All);
 	j(() => {
 		S != null && de(S);
 	}, [S]);
-	let J = P(() => E?.length ? e.filter((e) => e.source == null || !E.includes(e.source)) : e, [e, E]), [Y, fe] = I(() => Pe), [pe, me] = I(5), he = M(), ge = F(null), ye = F(null), [xe, we] = I(null), [Te, De] = I(null), [ke, Ae] = I(null), Fe = F(null), Ie = F(null), Le = A(({ height: e }) => {
-		me(Math.ceil(e / 36 * 2));
-	}, []), Re = A((e) => {
-		ue(e ?? "");
+	let J = N(() => E?.length ? e.filter((e) => e.source == null || !E.includes(e.source)) : e, [e, E]), [Y, fe] = F(() => Ie), [pe, me] = F(5), he = te(), ge = P(null), ye = P(null), [xe, Ce] = F(null), [Ee, De] = F(null), [ke, je] = F(null), Me = P(null), Le = P(null), Re = A(({ height: e }) => {
+		me(Se(e));
 	}, []), ze = A((e) => {
+		ue(e ?? "");
+	}, []), Be = A((e) => {
 		fe((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Be = A(() => {
-		Fe.current = null, Ie.current = null, we(null), De(null), Ae(null);
-	}, []), Ve = A((e, t) => {
-		let n = Ce(e, Se(t, e), J);
-		Fe.current = e, Ie.current = n, we(e), Ae(n);
-	}, [J]), He = A(() => {
-		Be();
-	}, [Be]), Ue = A((e) => {
+	}, []), Ve = A(() => {
+		Me.current = null, Le.current = null, Ce(null), De(null), je(null);
+	}, []), He = A((e, t) => {
+		let n = Te(e, we(t, e), J);
+		Me.current = e, Le.current = n, Ce(e), je(n);
+	}, [J]), Ue = A(() => {
+		Ve();
+	}, [Ve]), We = A((e) => {
 		De(e);
-	}, []), We = A(() => {
+	}, []), Ge = A(() => {
 		De(null);
-	}, []), Ge = A((e, t, n) => {
-		let r = Fe.current, i = Ie.current;
-		Be(), r != null && r !== e && i?.has(t) && x?.({
+	}, []), Ke = A((e, t, n) => {
+		let r = Me.current, i = Le.current;
+		Ve(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [Be, x]), Ke = n({
+	}, [Ve, x]), qe = n({
 		"--cp-item-hover": D?.itemHover,
 		"--cp-item-active": D?.itemActive,
 		"--cp-text": D?.text,
@@ -760,40 +760,40 @@ var X = /* @__PURE__ */ function(e) {
 		"--cp-trigger-icon-idle": D?.triggerIconIdle,
 		"--cp-skeleton-color": D?.skeletonColor,
 		"--cp-unread-dot": D?.unreadDot
-	}), Q = P(() => J.filter((e) => Me(e, q) && Ne(e, K)), [
+	}), Q = N(() => J.filter((e) => Pe(e, q) && Fe(e, K)), [
 		J,
 		q,
 		K
-	]), qe = P(() => Q.filter((e) => e.isPinned), [Q]), Je = P(() => Q.filter((e) => !e.isPinned && e.source !== t.Shared && e.source !== t.Organization), [Q]), Ye = P(() => Q.filter((e) => !e.isPinned && e.source === t.Shared), [Q]), Xe = P(() => Q.filter((e) => !e.isPinned && e.source === t.Organization), [Q]), Ze = P(() => [
+	]), Je = N(() => Q.filter((e) => e.isPinned), [Q]), Ye = N(() => Q.filter((e) => !e.isPinned && e.source !== t.Shared && e.source !== t.Organization), [Q]), Xe = N(() => Q.filter((e) => !e.isPinned && e.source === t.Shared), [Q]), Ze = N(() => Q.filter((e) => !e.isPinned && e.source === t.Organization), [Q]), Qe = N(() => [
 		{
 			key: t.Pinned,
-			label: U?.pinned ?? "Pinned",
-			items: qe
+			label: H?.pinned ?? "Pinned",
+			items: Je
 		},
 		{
 			key: t.MyChats,
-			label: U?.myChats ?? "My chats",
-			items: Je
+			label: H?.myChats ?? "My chats",
+			items: Ye
 		},
 		{
 			key: t.Shared,
-			label: U?.shared ?? "Shared",
-			items: Ye
+			label: H?.shared ?? "Shared",
+			items: Xe
 		},
 		{
 			key: t.Organization,
-			label: U?.organization ?? "Organization",
-			items: Xe
+			label: H?.organization ?? "Organization",
+			items: Ze
 		}
 	], [
-		U,
-		qe,
+		H,
 		Je,
 		Ye,
-		Xe
-	]), $ = P(() => {
+		Xe,
+		Ze
+	]), $ = N(() => {
 		let e = [];
-		for (let t of Ze) if (t.items.length !== 0 && (e.push({
+		for (let t of Qe) if (t.items.length !== 0 && (e.push({
 			kind: X.Header,
 			groupKey: t.key,
 			label: t.label
@@ -803,7 +803,7 @@ var X = /* @__PURE__ */ function(e) {
 			groupKey: t.key
 		});
 		return e;
-	}, [Ze, Y]);
+	}, [Qe, Y]);
 	j(() => {
 		if (!d || ye.current === d) return;
 		let e = $.findIndex((e) => e.kind === X.Item && e.item.id === d);
@@ -814,21 +814,25 @@ var X = /* @__PURE__ */ function(e) {
 		}), ye.current = d);
 	}, [
 		d,
-		Ze,
+		Qe,
 		Y,
 		$
 	]);
-	let Qe = P(() => ({
+	let $e = P($);
+	j(() => {
+		$e.current = $;
+	}, [$]);
+	let et = A((e) => He(e, $e.current), [He]), tt = N(() => ({
 		rows: $,
 		expandedGroups: Y,
-		onToggleGroup: ze,
+		onToggleGroup: Be,
 		listId: he,
 		activeConversationId: d,
 		searchQuery: K,
 		onSelectConversation: o,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: le,
+		actionsLabel: U,
 		unreadIndicatorLabel: W,
 		styles: {
 			groupHeaderClassName: O?.groupHeaderClassName,
@@ -836,44 +840,44 @@ var X = /* @__PURE__ */ function(e) {
 			itemIconBadgeClassName: m?.itemIconBadgeClassName
 		},
 		draggingId: xe,
-		dragOverId: Te,
+		dragOverId: Ee,
 		allowedDropGroups: ke,
-		onDragStart: (e) => Ve(e, $),
-		onDragEnd: He,
-		onDragOver: Ue,
-		onDragLeave: We,
-		onDrop: Ge
+		onDragStart: et,
+		onDragEnd: Ue,
+		onDragOver: We,
+		onDragLeave: Ge,
+		onDrop: Ke
 	}), [
 		$,
 		Y,
-		ze,
+		Be,
 		he,
 		d,
 		K,
 		o,
 		_,
 		v,
-		le,
+		U,
 		W,
 		O?.groupHeaderClassName,
 		O?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
 		xe,
-		Te,
+		Ee,
 		ke,
-		Ve,
-		He,
+		et,
 		Ue,
 		We,
-		Ge
-	]), $e = J.length === 0, et = J.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ R(u, {
+		Ge,
+		Ke
+	]), nt = J.length === 0, rt = J.length > 0 && Q.length === 0;
+	return /* @__PURE__ */ re(u, {
 		isOpen: a,
 		isOverlay: g,
 		orientation: l.Left,
-		title: re,
+		title: ie,
 		labels: {
-			ariaLabel: re,
+			ariaLabel: ie,
 			closeLabel: G
 		},
 		onClose: y,
@@ -884,76 +888,76 @@ var X = /* @__PURE__ */ function(e) {
 			},
 			typography: { fontClassName: O?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: Ke,
+			cssVars: qe,
 			titleClassName: O?.fontClassName,
-			headerClassName: i("h-[64px]", te),
-			headerActionsClassName: z,
+			headerClassName: i("h-[64px]", ne),
+			headerActionsClassName: L,
 			className: i(a ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ L(Oe, {
-				label: oe,
+			/* @__PURE__ */ I(Ae, {
+				label: ce,
 				onClick: p,
 				labelClassName: O?.newChatLabelClassName,
 				colors: k,
-				className: ne
+				className: R
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				role: "search",
-				className: i("px-3 py-2", B.search),
-				children: /* @__PURE__ */ L(w, {
-					wrapperClassName: i(Z.search, N),
+				className: i("px-3 py-2", se.search),
+				children: /* @__PURE__ */ I(w, {
+					wrapperClassName: i(Z.search, M),
 					value: K,
-					onChange: Re,
-					placeholder: se,
-					clearLabel: ce,
-					"aria-label": se
+					onChange: ze,
+					placeholder: B,
+					clearLabel: le,
+					"aria-label": B
 				})
 			}),
-			!ee && /* @__PURE__ */ L(Ee, {
+			!ee && /* @__PURE__ */ I(Oe, {
 				activeTab: q,
-				labels: H,
+				labels: V,
 				onChange: (e) => {
 					de(e), C?.(e);
 				},
 				tabClassName: O?.tabClassName,
 				hiddenSources: E
 			}),
-			/* @__PURE__ */ L("span", {
+			/* @__PURE__ */ I("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: r ? V : $e ? ie : et ? ae : ""
+				children: r ? z : nt ? ae : rt ? oe : ""
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex-1 overflow-hidden px-3 py-1",
-				children: r ? /* @__PURE__ */ L("div", {
+				children: r ? /* @__PURE__ */ I("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ L(T, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ I(T, {
 						avatar: { size: 24 },
 						showTitle: { width: ve(t) },
 						paragraph: !1,
 						active: !0,
 						color: Z.skeletonColor
 					}, t))
-				}) : $e ? /* @__PURE__ */ L(s, { label: ie }) : et ? /* @__PURE__ */ L(c, { label: ae }) : /* @__PURE__ */ L(_e, {
+				}) : nt ? /* @__PURE__ */ I(s, { label: ae }) : rt ? /* @__PURE__ */ I(c, { label: oe }) : /* @__PURE__ */ I(_e, {
 					listRef: ge,
 					id: he,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: je,
+					rowComponent: Ne,
 					rowCount: $.length,
 					rowHeight: be,
 					overscanCount: pe,
-					onResize: Le,
-					rowProps: Qe
+					onResize: Re,
+					rowProps: tt
 				})
 			})
 		]
 	});
-}), Ie = k(({ isOpen: e, currentTitle: t, isSaving: n, error: i, onSave: s, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
-	let [h, g] = I(t), [_, v] = I(!1), [b, w] = I(null), T = F(null), ee = F(!1), D = F(0);
+}), Re = k(({ isOpen: e, currentTitle: t, isSaving: n, error: i, onSave: s, onCancel: c, onGenerateWithAi: l, labels: u, styles: d }) => {
+	let [h, g] = F(t), [_, v] = F(!1), [b, w] = F(null), T = P(null), ee = P(!1), D = P(0);
 	j(() => {
 		let n = e && !ee.current;
 		if (ee.current = e, !e) {
@@ -967,15 +971,15 @@ var X = /* @__PURE__ */ function(e) {
 	}, [e, t]), j(() => () => {
 		D.current += 1;
 	}, []);
-	let O = o(h.trim()), k = r(O) > 255, M = n || O === "" || O === t.trim() || k, N = A(() => {
-		M || s(O);
+	let O = o(h.trim()), k = r(O) > 255, te = n || O === "" || O === t.trim() || k, M = A(() => {
+		te || s(O);
 	}, [
-		M,
+		te,
 		s,
 		O
-	]), te = A((e) => {
-		e.key === "Enter" && N();
-	}, [N]), P = A(async () => {
+	]), ne = A((e) => {
+		e.key === "Enter" && M();
+	}, [M]), N = A(async () => {
 		if (_) return;
 		let e = ++D.current;
 		v(!0), w(null);
@@ -993,8 +997,8 @@ var X = /* @__PURE__ */ function(e) {
 		_,
 		l,
 		u.renameWithAiError
-	]), z;
-	return z = k ? u.nameTooLongError : b ?? i ?? void 0, /* @__PURE__ */ L(S, {
+	]), L;
+	return L = k ? u.nameTooLongError : b ?? i ?? void 0, /* @__PURE__ */ I(S, {
 		open: e,
 		header: u.popupTitle,
 		size: C.Sm,
@@ -1005,33 +1009,33 @@ var X = /* @__PURE__ */ function(e) {
 		}, {
 			label: u.saveLabel,
 			variant: f.Primary,
-			disabled: M,
-			onClick: N
+			disabled: te,
+			onClick: M
 		}],
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: d?.bodyClassName,
 			style: d?.cssVars,
-			children: n ? /* @__PURE__ */ L("div", {
+			children: n ? /* @__PURE__ */ I("div", {
 				className: "h-[120px] px-6 py-4",
-				children: /* @__PURE__ */ L(E, { size: 50 })
-			}) : /* @__PURE__ */ R("div", {
+				children: /* @__PURE__ */ I(E, { size: 50 })
+			}) : /* @__PURE__ */ re("div", {
 				className: "flex items-start gap-2 px-6 py-3",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ I("div", {
 					className: "min-w-0 flex-1",
-					children: /* @__PURE__ */ L(x, {
+					children: /* @__PURE__ */ I(x, {
 						inputRef: T,
 						value: h,
 						placeholder: u.inputPlaceholder,
-						error: z,
+						error: L,
 						onChange: (e) => g(a(e ?? "")),
-						onKeyDown: te
+						onKeyDown: ne
 					})
-				}), /* @__PURE__ */ L(y, {
+				}), /* @__PURE__ */ I(y, {
 					"aria-label": u.renameWithAiLabel,
 					tooltipProps: { tooltip: u.renameWithAiLabel },
 					disabled: _ || n,
-					onClick: P,
-					icon: _ ? /* @__PURE__ */ L(E, { size: p.MD }) : /* @__PURE__ */ L(ae, {
+					onClick: N,
+					icon: _ ? /* @__PURE__ */ I(E, { size: p.MD }) : /* @__PURE__ */ I(oe, {
 						size: p.MD,
 						stroke: m
 					})
@@ -1040,6 +1044,6 @@ var X = /* @__PURE__ */ function(e) {
 		})
 	});
 });
-Ie.displayName = "RenameConversationPopup";
+Re.displayName = "RenameConversationPopup";
 //#endregion
-export { B as CONVERSATION_PANEL_CLASS, Fe as ConversationPanel, Ie as RenameConversationPopup };
+export { se as CONVERSATION_PANEL_CLASS, Le as ConversationPanel, Re as RenameConversationPopup };

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.2.0-dev.217",
+  "version": "1.2.0-dev.218",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,11 +19,11 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-sidebar": "1.2.0-dev.217"
+    "@epam/ai-dial-sidebar": "1.2.0-dev.218"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.217",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.218",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.27"
   },
   "repository": {

package/utils/conversation-row.d.ts

@@ -14,4 +14,6 @@ export declare const getSkeletonWidth: (i: number) => string;
 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;
+/** Returns how many rows to render beyond each edge of a viewport `height` pixels tall: half a viewport, at least 5. */
+export declare const getOverscanCount: (height: number) => number;
 //# sourceMappingURL=conversation-row.d.ts.map

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;;;;;;;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"}
+{"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;AAKF,wHAAwH;AACxH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,MAI/C,CAAC"}