@epam/ai-dial-conversation-panel 1.0.0-dev.456 → 1.0.0-dev.459

package/components/ConversationGroup/ConversationRow.d.ts

@@ -10,6 +10,8 @@ export interface ConversationRowProps {
     isActive: boolean;
     /** Called when the user clicks the row to select the conversation. */
     onSelectConversation: (id: string) => void;
+    /** Current search query — matched text in the title is highlighted. */
+    searchQuery?: string;
     /**
      * Builds the dropdown menu items for this row.
      * Receives the item so actions can reflect per-item state (e.g. pin toggle).

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationGroup/ConversationRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAyC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK1E,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,YAAY,EAAE,CAAC;IAC/D,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,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,oBAAoB,CAAC,GAAG,IAAI,CAAC;IACrD,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,oBAAoB,EACpC,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAgKpD,CAAC"}
+{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationGroup/ConversationRow.tsx"],"names":[],"mappings":"AAKA,OAAO,EASL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAyC,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAK1E,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,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;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,YAAY,EAAE,CAAC;IAC/D,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,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,oBAAoB,CAAC,GAAG,IAAI,CAAC;IACrD,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,oBAAoB,EACpC,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAmKpD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA+WxD,CAAC"}
+{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgZxD,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, activeConversationId, onSelectConversation, getActions, actionsLabel, groupHeaderClassName, itemTitleClassName, itemIconBadgeClassName, 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, activeConversationId, searchQuery, onSelectConversation, getActions, actionsLabel, groupHeaderClassName, itemTitleClassName, itemIconBadgeClassName, draggingId, dragOverId, allowedDropGroups, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: RowComponentProps<RowRendererData>) => import("react/jsx-runtime").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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAKhF,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,oSAqBzB,iBAAiB,CAAC,eAAe,CAAC,4CAiDpC,CAAC"}
+{"version":3,"file":"RowRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/RowRenderer/RowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAKhF,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,iTAsBzB,iBAAiB,CAAC,eAAe,CAAC,4CAkDpC,CAAC"}

package/index.js

@@ -1,12 +1,12 @@
-import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
-import { PanelEmpty as r, PanelNoResults as i, SearchInput as a, SidebarOrientation as o, SidebarPanel as s } from "@epam/ai-dial-sidebar";
-import { ButtonAppearance as c, DIAL_ICON_SIZE as l, DialButton as u, DialDropdown as d, DialEllipsisTooltip as f, DialIconButton as p, DialSkeleton as m, DialSkeletonVariant as h, DialTag as g, ElementSize as _ } from "@epam/ai-dial-ui-kit";
-import { createElement as v, memo as y, useCallback as b, useEffect as x, useImperativeHandle as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E } from "react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { IconCaretDownFilled as k, IconCaretRightFilled as A, IconDotsVertical as j, IconPlus as M } from "@tabler/icons-react";
+import { DeploymentIcon as e, Highlight as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
+import { PanelEmpty as i, PanelNoResults as a, SearchInput as o, SidebarOrientation as s, SidebarPanel as c } from "@epam/ai-dial-sidebar";
+import { ButtonAppearance as l, DIAL_ICON_SIZE as u, DialButton as d, DialDropdown as f, DialEllipsisTooltip as p, DialIconButton as m, DialSkeleton as h, DialSkeletonVariant as g, DialTag as _, ElementSize as v } from "@epam/ai-dial-ui-kit";
+import { createElement as y, memo as b, useCallback as x, useEffect as S, useImperativeHandle as C, useLayoutEffect as w, useMemo as T, useRef as E, useState as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { IconCaretDownFilled as A, IconCaretRightFilled as j, IconDotsVertical as M, IconPlus as N } from "@tabler/icons-react";
 //#region ../../node_modules/react-window/dist/react-window.js
-var N = typeof window < "u" ? C : x;
-function P(e) {
+var P = typeof window < "u" ? w : S;
+function F(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -14,15 +14,15 @@ function P(e) {
 			break;
 	}
 }
-function F({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = w(() => ({
-		styleHeight: P(o?.height),
-		styleWidth: P(o?.width)
-	}), [o?.height, o?.width]), [l, u] = E({
+function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = T(() => ({
+		styleHeight: F(o?.height),
+		styleWidth: F(o?.width)
+	}), [o?.height, o?.width]), [l, u] = D({
 		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 N(() => {
+	return P(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +42,7 @@ function F({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), w(() => ({
+	]), T(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -51,16 +51,16 @@ function F({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function ee(e) {
-	let t = T(() => {
+function te(e) {
+	let t = E(() => {
 		throw Error("Cannot call during render.");
 	});
-	return N(() => {
+	return P(() => {
 		t.current = e;
-	}, [e]), b((e) => t.current?.(e), [t]);
+	}, [e]), x((e) => t.current?.(e), [t]);
 }
 var I = null;
-function te(e = !1) {
+function ne(e = !1) {
 	if (I === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
@@ -70,7 +70,7 @@ function te(e = !1) {
 	return I;
 }
 function L({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (te()) {
+	if (t === "horizontal" && n) switch (ne()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -98,7 +98,7 @@ function B({ cachedBounds: e, itemCount: t, itemSize: n }) {
 		return R(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function ne({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function V({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
 	let s = B({
 		cachedBounds: t,
@@ -112,7 +112,7 @@ function ne({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function V({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function H({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -131,7 +131,7 @@ function V({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function H({ itemCount: e, itemProps: t, itemSize: n }) {
+function U({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
@@ -168,8 +168,8 @@ function H({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function U({ itemCount: e, itemProps: t, itemSize: n }) {
-	return w(() => H({
+function re({ itemCount: e, itemProps: t, itemSize: n }) {
+	return T(() => U({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,7 +179,7 @@ function U({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function re({ containerSize: e, itemSize: t }) {
+function W({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
@@ -191,21 +191,21 @@ function re({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function W({ 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 } = F({
+function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = ee({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = T({
+	}), f = E({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = re({
+	}), p = r === "vertical" ? u : d, m = W({
 		containerSize: p,
 		itemSize: s
 	});
-	C(() => {
+	w(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,22 +218,22 @@ function W({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		c,
 		d
 	]);
-	let h = U({
+	let h = re({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = b((e) => h.get(e), [h]), [_, v] = E(() => V({
+	}), g = x((e) => h.get(e), [h]), [_, v] = D(() => H({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
 		itemCount: a,
 		overscanCount: l
-	})), { startIndexVisible: y, startIndexOverscan: x, stopIndexVisible: S, stopIndexOverscan: w } = {
+	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: S, stopIndexOverscan: C } = {
 		startIndexVisible: Math.min(a - 1, _.startIndexVisible),
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, D = b(() => B({
+	}, T = x(() => B({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,7 +241,7 @@ function W({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		h,
 		a,
 		m
-	]), O = b((t) => V({
+	]), O = x((t) => H({
 		cachedBounds: h,
 		containerScrollOffset: L({
 			containerElement: e,
@@ -261,17 +261,17 @@ function W({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		a,
 		l
 	]);
-	return N(() => {
+	return P(() => {
 		v(O((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		O
-	]), N(() => {
+	]), P(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = V({
+				let { scrollLeft: n, scrollTop: o } = e, s = H({
 					cachedBounds: h,
 					containerScrollOffset: L({
 						containerElement: e,
@@ -298,9 +298,9 @@ function W({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		l
 	]), {
 		getCellBounds: g,
-		getEstimatedSize: D,
-		scrollToIndex: ee(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ne({
+		getEstimatedSize: T,
+		scrollToIndex: te(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = V({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -322,41 +322,41 @@ function W({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 				return s;
 			}
 		}),
-		startIndexOverscan: x,
+		startIndexOverscan: b,
 		startIndexVisible: y,
-		stopIndexOverscan: w,
+		stopIndexOverscan: C,
 		stopIndexVisible: S
 	};
 }
-function ie(e) {
-	return w(() => e, Object.values(e));
+function G(e) {
+	return T(() => e, Object.values(e));
 }
-function G(e, t) {
+function ae(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
 	return z(n, a) && z(r, o) && z(i, s);
 }
-function ae(e) {
+function oe(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var oe = "data-react-window-index";
-function se({ 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 = ie(u), h = w(() => y(s, G), [s]), [g, _] = E(null), b = ae(l), { getCellBounds: C, getEstimatedSize: T, scrollToIndex: O, startIndexOverscan: k, startIndexVisible: A, stopIndexOverscan: j, stopIndexVisible: M } = W({
+var se = "data-react-window-index";
+function ce({ 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 = G(u), h = T(() => b(s, ae), [s]), [g, _] = D(null), v = oe(l), { getCellBounds: x, getEstimatedSize: w, scrollToIndex: E, startIndexOverscan: k, startIndexVisible: A, stopIndexOverscan: j, stopIndexVisible: M } = ie({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: w(() => b ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [b, l]),
+		itemSize: T(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	S(r, () => ({
+	C(r, () => ({
 		get element() {
 			return g;
 		},
 		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = O({
+			let r = E({
 				align: e,
 				containerScrollOffset: g?.scrollTop ?? 0,
 				index: n
@@ -366,21 +366,21 @@ function se({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, O]), N(() => {
+	}), [g, E]), P(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${k + t}`;
-			return e.setAttribute(oe, n), !0;
+			return e.setAttribute(se, n), !0;
 		});
-		if (b) return l.observeRowElements(e);
+		if (v) return l.observeRowElements(e);
 	}, [
 		g,
-		b,
+		v,
 		l,
 		k,
 		j
-	]), x(() => {
+	]), S(() => {
 		k >= 0 && j >= 0 && a && a({
 			startIndex: A,
 			stopIndex: M
@@ -395,11 +395,11 @@ function se({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		j,
 		M
 	]);
-	let P = w(() => {
+	let N = T(() => {
 		let e = [];
 		if (c > 0) for (let t = k; t <= j; t++) {
-			let n = C(t);
-			e.push(/* @__PURE__ */ v(h, {
+			let n = x(t);
+			e.push(/* @__PURE__ */ y(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -412,7 +412,7 @@ function se({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 					position: "absolute",
 					left: 0,
 					transform: `translateY(${n.scrollOffset}px)`,
-					height: b ? void 0 : n.size,
+					height: v ? void 0 : n.size,
 					width: "100%"
 				}
 			}));
@@ -420,21 +420,21 @@ function se({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		return e;
 	}, [
 		h,
-		C,
-		b,
+		x,
+		v,
 		c,
 		m,
 		k,
 		j
-	]), F = /* @__PURE__ */ D("div", {
+	]), F = /* @__PURE__ */ O("div", {
 		"aria-hidden": !0,
 		style: {
-			height: T(),
+			height: w(),
 			width: "100%",
 			zIndex: -1
 		}
 	});
-	return v(d, {
+	return y(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -446,7 +446,7 @@ function se({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, P, e, F);
+	}, N, e, F);
 }
 //#endregion
 //#region src/types/virtual-row.ts
@@ -458,25 +458,25 @@ var K = /* @__PURE__ */ function(e) {
 	return e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
 }({}), Y = /* @__PURE__ */ function(e) {
 	return e.All = "all", e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
-}({}), ce = (e) => `${60 + e * 23 % 35}%`, le = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", ue = (e, t) => t.rows[e].kind === K.Item ? 36 : e === 0 ? 24 : 56, de = (e) => {
+}({}), le = (e) => `${60 + e * 23 % 35}%`, ue = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", de = (e, t) => t.rows[e].kind === K.Item ? 36 : e === 0 ? 24 : 56, fe = (e) => {
 	switch (e) {
 		case J.Shared: return q.Shared;
 		case J.Organization: return q.Organization;
 		default: return q.MyChats;
 	}
-}, fe = (e, t) => {
+}, pe = (e, t) => {
 	let n = null;
 	for (let r of e) if (r.kind === K.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, pe = (e, t, n) => {
+}, me = (e, t, n) => {
 	let r = /* @__PURE__ */ new Set();
 	if (t != null && r.add(t), t === q.Pinned) {
 		let t = n.find((t) => t.id === e);
-		t && r.add(de(t.source));
+		t && r.add(fe(t.source));
 	} else r.add(q.Pinned);
 	return r;
-}, me = (e, t, n, r) => {
+}, he = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -490,7 +490,7 @@ var K = /* @__PURE__ */ function(e) {
 	filterTabs: "_filterTabs_3jujg_1",
 	tab: "_tab_3jujg_4",
 	tabActive: "_tabActive_3jujg_16"
-}, he = [
+}, ge = [
 	{
 		value: Y.All,
 		labelKey: "all"
@@ -507,26 +507,26 @@ var K = /* @__PURE__ */ function(e) {
 		value: Y.Organization,
 		labelKey: "organization"
 	}
-], ge = y(({ activeTab: e, labels: t, onChange: r, tabClassName: i = "dial-tiny-semi-text" }) => /* @__PURE__ */ D("div", {
-	className: n("mx-3 my-2 flex flex-nowrap gap-1", X.filterTabs),
-	children: he.map(({ value: a, labelKey: o }) => /* @__PURE__ */ D(g, {
+], _e = b(({ activeTab: e, labels: t, onChange: n, tabClassName: i = "dial-tiny-semi-text" }) => /* @__PURE__ */ O("div", {
+	className: r("mx-3 my-2 flex flex-nowrap gap-1", X.filterTabs),
+	children: ge.map(({ value: a, labelKey: o }) => /* @__PURE__ */ O(_, {
 		label: t[o],
 		selected: e === a,
-		onClick: () => r(a),
-		className: n("box-border h-auto flex-1 justify-center rounded-full p-2 text-center", i, X.tab, e === a && X.tabActive)
+		onClick: () => n(a),
+		className: r("box-border h-auto flex-1 justify-center rounded-full p-2 text-center", i, X.tab, e === a && X.tabActive)
 	}, a))
-})), _e = { button: "_button_1blz1_1" }, ve = y(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text" }) => /* @__PURE__ */ D("div", {
+})), ve = { button: "_button_1blz1_1" }, ye = b(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text" }) => /* @__PURE__ */ O("div", {
 	className: "px-3 py-2",
-	children: /* @__PURE__ */ O("button", {
+	children: /* @__PURE__ */ k("button", {
 		onClick: t,
 		type: "button",
-		className: n("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1", _e.button),
-		children: [/* @__PURE__ */ D(M, {
+		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1", ve.button),
+		children: [/* @__PURE__ */ O(N, {
 			size: 18,
 			stroke: 2,
 			className: "shrink-0"
-		}), /* @__PURE__ */ D("span", {
-			className: r,
+		}), /* @__PURE__ */ O("span", {
+			className: n,
 			children: e
 		})]
 	})
@@ -538,84 +538,86 @@ var K = /* @__PURE__ */ function(e) {
 	trigger: "_trigger_1o9mn_21",
 	triggerActive: "_triggerActive_1o9mn_21",
 	triggerIcon: "_triggerIcon_1o9mn_24"
-}, ye = ({ item: t, isActive: r, onSelectConversation: i, getActions: a, actionsLabel: o = "More actions", itemTitleClassName: s = "dial-small-text", itemIconBadgeClassName: g, rowGroupKey: v, rows: y, draggingId: x, dragOverId: S, allowedDropGroups: C, onDragStart: w, onDragEnd: T, onDragOver: k, onDragLeave: A, onDrop: M }) => {
-	let [N, P] = E(!1), F = a?.(t) ?? [], ee = F.length > 0, I = t.isIconLoading ? /* @__PURE__ */ D(m, {
-		variant: h.Circular,
-		width: l.LG,
-		height: l.LG,
+}, be = ({ item: n, isActive: i, onSelectConversation: a, searchQuery: o = "", getActions: s, actionsLabel: c = "More actions", itemTitleClassName: p = "dial-small-text", itemIconBadgeClassName: _, rowGroupKey: y, rows: b, draggingId: S, dragOverId: C, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: A, onDragLeave: j, onDrop: N }) => {
+	let [P, F] = D(!1), ee = s?.(n) ?? [], te = ee.length > 0, I = n.isIconLoading ? /* @__PURE__ */ O(h, {
+		variant: g.Circular,
+		width: u.LG,
+		height: u.LG,
 		color: "var(--bg-layer-4)",
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ D(e, {
-		src: t.iconUrl,
-		size: l.LG,
-		initialsName: t.iconTooltip ?? "",
-		tooltip: t.iconTooltip,
-		badgeClassName: g
-	}), te = le(ee, N), L = v != null, R = b((e) => {
-		e.currentTarget.contains(e.relatedTarget) || A?.();
-	}, [A]), z = b((e) => {
-		if (!v || !y || !M) return;
+	}) : /* @__PURE__ */ O(e, {
+		src: n.iconUrl,
+		size: u.LG,
+		initialsName: n.iconTooltip ?? "",
+		tooltip: n.iconTooltip,
+		badgeClassName: _
+	}), ne = ue(te, P), L = y != null, R = x((e) => {
+		e.currentTarget.contains(e.relatedTarget) || j?.();
+	}, [j]), z = x((e) => {
+		if (!y || !b || !N) return;
 		e.preventDefault();
-		let n = me(e, t.id, y, v);
-		M(t.id, v, n);
+		let t = he(e, n.id, b, y);
+		N(n.id, y, t);
 	}, [
-		t.id,
+		n.id,
+		b,
 		y,
-		v,
-		M
-	]), B = t.id === x, ne = t.id === S, V = v != null && (C?.has(v) ?? !1);
-	return /* @__PURE__ */ O("li", {
-		className: n("group/conversation relative", B && "cursor-grabbing opacity-50", ne && V && "ring-accent-secondary rounded ring-1 ring-inset", x != null && !B && !V && "cursor-not-allowed"),
+		N
+	]), B = n.id === S, V = n.id === C, H = y != null && (w?.has(y) ?? !1);
+	return /* @__PURE__ */ k("li", {
+		className: r("group/conversation relative", B && "cursor-grabbing opacity-50", V && H && "ring-accent-secondary rounded ring-1 ring-inset", S != null && !B && !H && "cursor-not-allowed"),
 		draggable: L || void 0,
-		onDragStart: L ? () => w?.(t.id) : void 0,
-		onDragEnd: L ? T : void 0,
+		onDragStart: L ? () => T?.(n.id) : void 0,
+		onDragEnd: L ? E : void 0,
 		onDragOver: L ? (e) => {
-			e.preventDefault(), k?.(t.id);
+			e.preventDefault(), A?.(n.id);
 		} : void 0,
 		onDragLeave: L ? R : void 0,
 		onDrop: L ? z : void 0,
-		children: [/* @__PURE__ */ D("a", {
-			href: t.href,
+		children: [/* @__PURE__ */ O("a", {
+			href: n.href,
 			className: "contents",
 			onClick: (e) => e.preventDefault(),
-			children: /* @__PURE__ */ D(u, {
+			children: /* @__PURE__ */ O(d, {
 				iconBefore: I,
-				label: /* @__PURE__ */ D(f, {
-					text: t.title,
-					className: s
+				label: /* @__PURE__ */ O(t, {
+					text: n.title,
+					query: o,
+					className: p,
+					maxLines: 1
 				}),
 				textClassName: "min-w-0",
-				"aria-current": r ? "page" : void 0,
-				onClick: () => i(t.id),
-				tabIndex: t.href ? -1 : void 0,
-				className: n("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", te, Z.item, r && Z.itemActive, N && Z.itemActive)
+				"aria-current": i ? "page" : void 0,
+				onClick: () => a(n.id),
+				tabIndex: n.href ? -1 : void 0,
+				className: r("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", ne, Z.item, i && Z.itemActive, P && Z.itemActive)
 			})
-		}), ee && /* @__PURE__ */ D("div", {
-			className: n("absolute inset-y-0 end-1 flex items-center", N ? "opacity-100" : "opacity-0 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ D(d, {
-				items: F,
-				onOpenChange: P,
+		}), te && /* @__PURE__ */ O("div", {
+			className: r("absolute inset-y-0 end-1 flex items-center", P ? "opacity-100" : "opacity-0 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ O(f, {
+				items: ee,
+				onOpenChange: F,
 				matchReferenceWidth: !1,
 				listClassName: "w-[140px] cp-dropdown-overlay",
-				children: /* @__PURE__ */ D(p, {
-					icon: /* @__PURE__ */ D(j, {
-						size: l.SM,
+				children: /* @__PURE__ */ O(m, {
+					icon: /* @__PURE__ */ O(M, {
+						size: u.SM,
 						className: Z.triggerIcon
 					}),
-					appearance: c.Ghost,
-					size: _.Small,
-					"aria-label": o,
-					className: n("flex items-center justify-center rounded", Z.trigger, N && Z.triggerActive)
+					appearance: l.Ghost,
+					size: v.Small,
+					"aria-label": c,
+					className: r("flex items-center justify-center rounded", Z.trigger, P && Z.triggerActive)
 				})
 			})
 		})]
 	});
-}, be = ({ label: e, isExpanded: t, onToggle: r, className: i = "dial-tiny-semi-text uppercase", dropZoneGroupKey: a, isDragOver: o, onDragOver: s, onDragLeave: c, onDrop: l }) => {
+}, xe = ({ label: e, isExpanded: t, onToggle: n, className: i = "dial-tiny-semi-text uppercase", dropZoneGroupKey: a, isDragOver: o, onDragOver: s, onDragLeave: c, onDrop: l }) => {
 	let u = a != null;
-	return /* @__PURE__ */ O("button", {
+	return /* @__PURE__ */ k("button", {
 		type: "button",
 		"aria-expanded": t,
-		onClick: r,
+		onClick: n,
 		onDragOver: u ? (e) => {
 			u && (e.preventDefault(), s?.(a));
 		} : void 0,
@@ -625,87 +627,88 @@ var K = /* @__PURE__ */ function(e) {
 		onDrop: u ? (e) => {
 			u && (e.preventDefault(), l?.(a, a, null));
 		} : void 0,
-		className: n("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, Z.groupHeader, o && "ring-accent-secondary ring-1 ring-inset"),
-		children: [D(t ? k : A, {
+		className: r("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", i, Z.groupHeader, o && "ring-accent-secondary ring-1 ring-inset"),
+		children: [O(t ? A : j, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0"
-		}), /* @__PURE__ */ D(f, { text: e })]
+		}), /* @__PURE__ */ O(p, { text: e })]
 	});
-}, xe = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, activeConversationId: a, onSelectConversation: o, getActions: s, actionsLabel: c, groupHeaderClassName: l, itemTitleClassName: u, itemIconBadgeClassName: d, draggingId: f, dragOverId: p, allowedDropGroups: m, onDragStart: h, onDragEnd: g, onDragOver: _, onDragLeave: v, onDrop: y }) => {
-	let b = n[e];
-	if (b.kind === K.Header) {
-		let n = b.groupKey === q.Pinned;
-		return /* @__PURE__ */ D("div", {
+}, Se = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, activeConversationId: a, searchQuery: o, onSelectConversation: s, getActions: c, actionsLabel: l, groupHeaderClassName: u, itemTitleClassName: d, itemIconBadgeClassName: f, draggingId: p, dragOverId: m, allowedDropGroups: h, onDragStart: g, onDragEnd: _, onDragOver: v, onDragLeave: y, onDrop: b }) => {
+	let x = n[e];
+	if (x.kind === K.Header) {
+		let n = x.groupKey === q.Pinned;
+		return /* @__PURE__ */ O("div", {
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ D(be, {
-				label: b.label,
-				isExpanded: r.has(b.groupKey),
-				onToggle: () => i(b.groupKey),
-				className: l,
+			children: /* @__PURE__ */ O(xe, {
+				label: x.label,
+				isExpanded: r.has(x.groupKey),
+				onToggle: () => i(x.groupKey),
+				className: u,
 				dropZoneGroupKey: n ? q.Pinned : void 0,
-				isDragOver: n && p === q.Pinned,
-				onDragOver: n ? _ : void 0,
-				onDragLeave: n ? v : void 0,
-				onDrop: n ? y : void 0
+				isDragOver: n && m === q.Pinned,
+				onDragOver: n ? v : void 0,
+				onDragLeave: n ? y : void 0,
+				onDrop: n ? b : void 0
 			})
 		});
 	}
-	return /* @__PURE__ */ D("div", {
+	return /* @__PURE__ */ O("div", {
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ D(ye, {
-			item: b.item,
-			isActive: b.item.id === a,
-			onSelectConversation: o,
-			getActions: s,
-			actionsLabel: c,
-			itemTitleClassName: u,
-			itemIconBadgeClassName: d,
-			rowGroupKey: b.groupKey,
+		children: /* @__PURE__ */ O(be, {
+			item: x.item,
+			isActive: x.item.id === a,
+			searchQuery: o,
+			onSelectConversation: s,
+			getActions: c,
+			actionsLabel: l,
+			itemTitleClassName: d,
+			itemIconBadgeClassName: f,
+			rowGroupKey: x.groupKey,
 			rows: n,
-			draggingId: f,
-			dragOverId: p,
-			allowedDropGroups: m,
-			onDragStart: h,
-			onDragEnd: g,
-			onDragOver: _,
-			onDragLeave: v,
-			onDrop: y
+			draggingId: p,
+			dragOverId: m,
+			allowedDropGroups: h,
+			onDragStart: g,
+			onDragEnd: _,
+			onDragOver: v,
+			onDragLeave: y,
+			onDrop: b
 		})
 	});
-}, Se = (e, t) => t === Y.All ? !0 : e.source === t, Ce = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, we = new Set(Object.values(q)), Te = y(({ conversations: e, isLoading: c, isOpen: l, onSelectConversation: u, activeConversationId: d, title: f, emptyLabel: p, noResultsLabel: h, onNewChat: g, newChatLabel: _, searchPlaceholder: v, searchClearLabel: y, filterLabels: S, groupLabels: C, styles: k, className: A, getActions: j, actionsLabel: M, onToggle: N, closeAriaLabel: P, resizable: F, defaultPanelWidth: ee = 325, minPanelWidth: I = 312, maxPanelWidth: te = 600, onPanelResizeStop: L, headerActions: R, onMoveConversation: z, activeFilter: B, onActiveFilterChange: ne }) => {
-	let { colors: V, typography: H } = k ?? {}, [U, re] = E(""), [W, ie] = E(Y.All);
-	x(() => {
-		B != null && (ie(B), ne?.(B));
-	}, [B]);
-	let [G, ae] = E(() => we), [oe, le] = E(5), [de, me] = E(null), [X, he] = E(null), [_e, Z] = E(null), ye = T(null), be = T(null), Te = b(({ height: e }) => {
-		le(Math.ceil(e / 36 * 2));
-	}, []), Ee = b((e) => {
+}, Ce = (e, t) => t === Y.All ? !0 : e.source === t, we = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Te = new Set(Object.values(q)), Ee = b(({ conversations: e, isLoading: t, isOpen: l, onSelectConversation: u, activeConversationId: d, title: f, emptyLabel: p, noResultsLabel: m, onNewChat: g, newChatLabel: _, searchPlaceholder: v, searchClearLabel: y, filterLabels: b, groupLabels: C, styles: w, className: A, getActions: j, actionsLabel: M, onToggle: N, closeAriaLabel: P, resizable: F, defaultPanelWidth: ee = 325, minPanelWidth: te = 312, maxPanelWidth: I = 600, onPanelResizeStop: ne, headerActions: L, onMoveConversation: R, activeFilter: z, onActiveFilterChange: B }) => {
+	let { colors: V, typography: H } = w ?? {}, [U, re] = D(""), [W, ie] = D(Y.All);
+	S(() => {
+		z != null && (ie(z), B?.(z));
+	}, [z]);
+	let [G, ae] = D(() => Te), [oe, se] = D(5), ue = E(null), fe = E(null), [he, X] = D(null), [ge, ve] = D(null), [Z, be] = D(null), xe = E(null), Ee = E(null), De = x(({ height: e }) => {
+		se(Math.ceil(e / 36 * 2));
+	}, []), Oe = x((e) => {
 		ae((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), De = b(() => {
-		ye.current = null, be.current = null, me(null), he(null), Z(null);
-	}, []), Oe = b((t, n) => {
-		let r = pe(t, fe(n, t), e);
-		ye.current = t, be.current = r, me(t), Z(r);
-	}, [e]), ke = b(() => {
-		De();
-	}, [De]), Ae = b((e) => {
-		he(e);
-	}, []), je = b(() => {
-		he(null);
-	}, []), Me = b((e, t, n) => {
-		let r = ye.current, i = be.current;
-		De(), r != null && r !== e && i?.has(t) && z?.({
+	}, []), ke = x(() => {
+		xe.current = null, Ee.current = null, X(null), ve(null), be(null);
+	}, []), Ae = x((t, n) => {
+		let r = me(t, pe(n, t), e);
+		xe.current = t, Ee.current = r, X(t), be(r);
+	}, [e]), je = x(() => {
+		ke();
+	}, [ke]), Me = x((e) => {
+		ve(e);
+	}, []), Ne = x(() => {
+		ve(null);
+	}, []), Pe = x((e, t, n) => {
+		let r = xe.current, i = Ee.current;
+		ke(), r != null && r !== e && i?.has(t) && R?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [De, z]), Ne = t({
+	}, [ke, R]), Fe = n({
 		"--cp-bg": V?.background,
 		"--sb-border": V?.border,
 		"--cp-item-hover": V?.itemHover,
@@ -715,40 +718,40 @@ var K = /* @__PURE__ */ function(e) {
 		"--cp-new-chat-hover": V?.newChatHoverBackground,
 		"--cp-new-chat-active": V?.newChatActiveBackground,
 		"--cp-new-chat-bg": V?.newChatBackground
-	}), Q = w(() => e.filter((e) => Se(e, W) && Ce(e, U)), [
+	}), Q = T(() => e.filter((e) => Ce(e, W) && we(e, U)), [
 		e,
 		W,
 		U
-	]), Pe = w(() => Q.filter((e) => e.isPinned), [Q]), Fe = w(() => Q.filter((e) => !e.isPinned && e.source !== J.Shared && e.source !== J.Organization), [Q]), Ie = w(() => Q.filter((e) => !e.isPinned && e.source === J.Shared), [Q]), Le = w(() => Q.filter((e) => !e.isPinned && e.source === J.Organization), [Q]), Re = w(() => [
+	]), Ie = T(() => Q.filter((e) => e.isPinned), [Q]), Le = T(() => Q.filter((e) => !e.isPinned && e.source !== J.Shared && e.source !== J.Organization), [Q]), Re = T(() => Q.filter((e) => !e.isPinned && e.source === J.Shared), [Q]), ze = T(() => Q.filter((e) => !e.isPinned && e.source === J.Organization), [Q]), Be = T(() => [
 		{
 			key: q.Pinned,
 			label: C?.pinned ?? "Pinned",
-			items: Pe
+			items: Ie
 		},
 		{
 			key: q.MyChats,
 			label: C?.myChats ?? "My chats",
-			items: Fe
+			items: Le
 		},
 		{
 			key: q.Shared,
 			label: C?.shared ?? "Shared",
-			items: Ie
+			items: Re
 		},
 		{
 			key: q.Organization,
 			label: C?.organization ?? "Organization",
-			items: Le
+			items: ze
 		}
 	], [
 		C,
-		Pe,
-		Fe,
 		Ie,
-		Le
-	]), $ = w(() => {
+		Le,
+		Re,
+		ze
+	]), $ = T(() => {
 		let e = [];
-		for (let t of Re) if (t.items.length !== 0 && (e.push({
+		for (let t of Be) if (t.items.length !== 0 && (e.push({
 			kind: K.Header,
 			groupKey: t.key,
 			label: t.label
@@ -758,48 +761,71 @@ var K = /* @__PURE__ */ function(e) {
 			groupKey: t.key
 		});
 		return e;
-	}, [Re, G]), ze = w(() => ({
+	}, [Be, G]);
+	S(() => {
+		if (!d) return;
+		let e = Be.find((e) => e.items.some((e) => e.id === d))?.key;
+		if (e && !G.has(e)) {
+			ae((t) => new Set(t).add(e));
+			return;
+		}
+		if (fe.current === d) return;
+		let t = $.findIndex((e) => e.kind === K.Item && e.item.id === d);
+		t >= 0 && (ue.current?.scrollToRow({
+			index: t,
+			align: "smart",
+			behavior: "smooth"
+		}), fe.current = d);
+	}, [
+		d,
+		Be,
+		G,
+		$
+	]);
+	let Ve = T(() => ({
 		rows: $,
 		expandedGroups: G,
-		onToggleGroup: Ee,
+		onToggleGroup: Oe,
 		activeConversationId: d,
+		searchQuery: U,
 		onSelectConversation: u,
 		getActions: j,
 		actionsLabel: M,
 		groupHeaderClassName: H?.groupHeaderClassName,
 		itemTitleClassName: H?.itemTitleClassName,
 		itemIconBadgeClassName: H?.itemIconBadgeClassName,
-		draggingId: de,
-		dragOverId: X,
-		allowedDropGroups: _e,
-		onDragStart: (e) => Oe(e, $),
-		onDragEnd: ke,
-		onDragOver: Ae,
-		onDragLeave: je,
-		onDrop: Me
+		draggingId: he,
+		dragOverId: ge,
+		allowedDropGroups: Z,
+		onDragStart: (e) => Ae(e, $),
+		onDragEnd: je,
+		onDragOver: Me,
+		onDragLeave: Ne,
+		onDrop: Pe
 	}), [
 		$,
 		G,
-		Ee,
+		Oe,
 		d,
+		U,
 		u,
 		j,
 		M,
 		H?.groupHeaderClassName,
 		H?.itemTitleClassName,
 		H?.itemIconBadgeClassName,
-		de,
-		X,
-		_e,
-		Oe,
-		ke,
+		he,
+		ge,
+		Z,
 		Ae,
 		je,
-		Me
-	]), Be = e.length === 0, Ve = e.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ O(s, {
+		Me,
+		Ne,
+		Pe
+	]), He = e.length === 0, Ue = e.length > 0 && Q.length === 0;
+	return /* @__PURE__ */ k(c, {
 		isOpen: l,
-		orientation: o.Left,
+		orientation: s.Left,
 		title: f,
 		ariaLabel: f,
 		onClose: N,
@@ -812,60 +838,61 @@ var K = /* @__PURE__ */ function(e) {
 			},
 			typography: { fontClassName: H?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: Ne,
+			cssVars: Fe,
 			titleClassName: H?.fontClassName
 		},
-		className: n(l ? F ? "border-l border-r mobile:w-full" : "w-[325px] border-l border-r mobile:w-full" : "w-0", A),
+		className: r(l ? F ? "border-l border-r mobile:w-full" : "w-[325px] border-l border-r mobile:w-full" : "w-0", A),
 		resizable: F,
 		defaultWidth: ee,
-		minWidth: I,
-		maxWidth: te,
-		onResizeStop: L,
-		rightActions: R,
+		minWidth: te,
+		maxWidth: I,
+		onResizeStop: ne,
+		rightActions: L,
 		children: [
-			/* @__PURE__ */ D(ve, {
+			/* @__PURE__ */ O(ye, {
 				label: _,
 				onClick: g,
 				labelClassName: H?.newChatLabelClassName
 			}),
-			/* @__PURE__ */ D(a, {
+			/* @__PURE__ */ O(o, {
 				placeholder: v,
 				value: U,
 				onChange: re,
 				clearLabel: y
 			}),
-			/* @__PURE__ */ D(ge, {
+			/* @__PURE__ */ O(_e, {
 				activeTab: W,
-				labels: S,
+				labels: b,
 				onChange: (e) => {
-					ie(e), ne?.(e);
+					ie(e), B?.(e);
 				},
 				tabClassName: H?.tabClassName
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: c ? /* @__PURE__ */ D("div", {
+				children: t ? /* @__PURE__ */ O("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ D(m, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ O(h, {
 						avatar: { size: 24 },
-						showTitle: { width: ce(t) },
+						showTitle: { width: le(t) },
 						paragraph: !1,
 						active: !0,
 						color: "var(--bg-layer-4)"
 					}, t))
-				}) : Be ? /* @__PURE__ */ D(r, { label: p }) : Ve ? /* @__PURE__ */ D(i, { label: h }) : /* @__PURE__ */ D(se, {
+				}) : He ? /* @__PURE__ */ O(i, { label: p }) : Ue ? /* @__PURE__ */ O(a, { label: m }) : /* @__PURE__ */ O(ce, {
+					listRef: ue,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: xe,
+					rowComponent: Se,
 					rowCount: $.length,
-					rowHeight: ue,
+					rowHeight: de,
 					overscanCount: oe,
-					onResize: Te,
-					rowProps: ze
+					onResize: De,
+					rowProps: Ve
 				})
 			})
 		]
 	});
 });
 //#endregion
-export { q as ConversationGroupKey, Te as ConversationPanel, J as ConversationSource, Y as FilterTab };
+export { q as ConversationGroupKey, Ee as ConversationPanel, J as ConversationSource, Y as FilterTab };

package/models/virtual-row.d.ts

@@ -33,6 +33,8 @@ export interface RowRendererData {
     onToggleGroup: (key: string) => void;
     /** `id` of the currently active conversation. */
     activeConversationId?: string;
+    /** Current search query — used to highlight matches in conversation titles. */
+    searchQuery: string;
     /** Called when the user selects a conversation row. */
     onSelectConversation: (id: string) => void;
     /** Builds dropdown actions for a conversation item. */

package/models/virtual-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-row.d.ts","sourceRoot":"","sources":["../../src/models/virtual-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAE9D,iFAAiF;AACjF,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,qDAAqD;IACrD,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,qDAAqD;IACrD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,YAAY,EAAE,CAAC;IAC/D,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mGAAmG;IACnG,iBAAiB,EAAE,GAAG,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;IACpD,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;;;;OAKG;IACH,MAAM,EAAE,CACN,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX"}
+{"version":3,"file":"virtual-row.d.ts","sourceRoot":"","sources":["../../src/models/virtual-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,EAAE,uBAAuB,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,EAAE,oBAAoB,CAAC;CAChC;AAED,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAE9D,iFAAiF;AACjF,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,qDAAqD;IACrD,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,qDAAqD;IACrD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,YAAY,EAAE,CAAC;IAC/D,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mGAAmG;IACnG,iBAAiB,EAAE,GAAG,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAC;IACpD,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;;;;OAKG;IACH,MAAM,EAAE,CACN,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,oBAAoB,EACpC,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX"}

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.0.0-dev.456",
+  "version": "1.0.0-dev.459",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -22,9 +22,9 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.456",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.459",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.25",
-    "@epam/ai-dial-sidebar": "1.0.0-dev.456"
+    "@epam/ai-dial-sidebar": "1.0.0-dev.459"
   },
   "repository": {
     "type": "git",