@epam/ai-dial-chat-hooks 1.2.0-dev.217 → 1.2.0-dev.219

package/conversation/useConversationPanelItems/useConversationPanelItems.js

@@ -1,34 +1,53 @@
 import { safeDecodeURIComponent as e } from "../../shared/string-utils.js";
-import { findDeploymentByIdOrReference as t } from "../../catalog/deployment-id.js";
-import { getModelIdFromConversationId as n } from "../get-model-id-from-conversation-id.js";
-import { FilterTab as r } from "@epam/ai-dial-chat-shared";
-import { useMemo as i } from "react";
+import { getModelIdFromConversationId as t } from "../get-model-id-from-conversation-id.js";
+import { FilterTab as n } from "@epam/ai-dial-chat-shared";
+import { useEffect as r, useMemo as i, useRef as a } from "react";
 //#region src/conversation/useConversationPanelItems/useConversationPanelItems.ts
-var a = (e) => e.sharedWithMe ? r.Shared : e.publishedWithMe ? r.Organization : r.MyChats, o = ({ items: r, deployments: o, isDeploymentsLoading: s, toPanelConversationId: c, resolveIconUrl: l, resolveIconTooltip: u, resolveHref: d, resolveTaskPresentation: f }) => i(() => r.map((r) => {
-	let i = c(r.id), p = n(r.id), m = p ? t(o, p) : void 0, h = p ? e(p.split("/").pop() ?? p) : "", g = f?.(r);
-	return {
-		id: i,
-		title: r.title,
-		isPinned: r.isPinned ?? !1,
-		iconUrl: l(m),
-		iconTooltip: u(m, h),
-		isIconLoading: s,
-		source: a(r),
-		href: d(i),
-		...g == null ? {} : {
-			leadingIcon: g.leadingIcon,
-			isUnread: g.isUnread
-		}
-	};
-}), [
-	r,
-	o,
-	s,
-	c,
-	l,
-	u,
-	d,
-	f
-]);
+var o = (e) => e.sharedWithMe ? n.Shared : e.publishedWithMe ? n.Organization : n.MyChats, s = (e) => {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+	for (let r of e) t.has(r.id) || t.set(r.id, r), r.reference && !n.has(r.reference) && n.set(r.reference, r);
+	return (e) => t.get(e) ?? n.get(e);
+}, c = ({ items: n, deployments: c, isDeploymentsLoading: l, toPanelConversationId: u, resolveIconUrl: d, resolveIconTooltip: f, resolveHref: p, resolveTaskPresentation: m }) => {
+	let h = i(() => s(c), [c]), g = i(() => (n) => {
+		let r = u(n.id), i = t(n.id), a = i ? h(i) : void 0, s = i ? e(i.split("/").pop() ?? i) : "", c = m?.(n);
+		return {
+			id: r,
+			title: n.title,
+			isPinned: n.isPinned ?? !1,
+			iconUrl: d(a),
+			iconTooltip: f(a, s),
+			isIconLoading: l,
+			source: o(n),
+			href: p(r),
+			...c == null ? {} : {
+				leadingIcon: c.leadingIcon,
+				isUnread: c.isUnread
+			}
+		};
+	}, [
+		h,
+		l,
+		u,
+		d,
+		f,
+		p,
+		m
+	]), _ = a(null), v = i(() => {
+		let e = _.current, t = e?.mapItem === g ? e.byDto : void 0, r = /* @__PURE__ */ new Map();
+		return {
+			mapped: n.map((e) => {
+				let n = t?.get(e) ?? g(e);
+				return r.set(e, n), n;
+			}),
+			cache: {
+				mapItem: g,
+				byDto: r
+			}
+		};
+	}, [n, g]);
+	return r(() => {
+		_.current = v.cache;
+	}, [v]), v.mapped;
+};
 //#endregion
-export { a as getConversationSource, o as useConversationPanelItems };
+export { o as getConversationSource, c as useConversationPanelItems };

package/conversation.d.ts

@@ -1072,6 +1072,11 @@ export declare interface UseConversationLookupMapsParams {
  * Returns a memoised array whose shape is compatible with the conversation
  * panel's item contract. All app-specific concerns (icon URL resolution,
  * route generation, id normalisation) are injected via resolver callbacks.
+ *
+ * While every input except `items` is unchanged, a DTO that is referentially
+ * the same as in the previous render maps to the same item object, so a list
+ * change (or a navigation that re-derives the list) re-renders only the rows
+ * whose DTO actually changed.
  */
 export declare const useConversationPanelItems: ({ items, deployments, isDeploymentsLoading, toPanelConversationId, resolveIconUrl, resolveIconTooltip, resolveHref, resolveTaskPresentation, }: UseConversationPanelItemsParams) => {
     leadingIcon?: ReactNode;

package/index.d.ts

@@ -5098,6 +5098,11 @@ export declare interface UseConversationLookupMapsParams {
  * Returns a memoised array whose shape is compatible with the conversation
  * panel's item contract. All app-specific concerns (icon URL resolution,
  * route generation, id normalisation) are injected via resolver callbacks.
+ *
+ * While every input except `items` is unchanged, a DTO that is referentially
+ * the same as in the previous render maps to the same item object, so a list
+ * change (or a navigation that re-derives the list) re-renders only the rows
+ * whose DTO actually changed.
  */
 export declare const useConversationPanelItems: ({ items, deployments, isDeploymentsLoading, toPanelConversationId, resolveIconUrl, resolveIconTooltip, resolveHref, resolveTaskPresentation, }: UseConversationPanelItemsParams) => {
     leadingIcon?: ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-hooks",
   "description": "Framework-level React hooks extracted from AI DIAL Chat for building custom chat interfaces",
-  "version": "1.2.0-dev.217",
+  "version": "1.2.0-dev.219",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -111,7 +111,7 @@
     }
   },
   "dependencies": {
-    "@epam/ai-dial-chat-api-client": "1.2.0-dev.217",
+    "@epam/ai-dial-chat-api-client": "1.2.0-dev.219",
     "dompurify": "3.4.15",
     "fflate": "^0.8.3",
     "lru-cache": "^10.4.3",
@@ -120,21 +120,21 @@
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-attachment-canvas": "1.2.0-dev.217",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.217",
-    "@epam/ai-dial-catalog": "1.2.0-dev.217",
-    "@epam/ai-dial-chat-overlay": "1.2.0-dev.217",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.217",
-    "@epam/ai-dial-mcp-apps": "1.2.0-dev.217",
-    "@epam/ai-dial-publish-panel": "1.2.0-dev.217",
-    "@epam/ai-dial-quotations": "1.2.0-dev.217",
+    "@epam/ai-dial-attachment-canvas": "1.2.0-dev.219",
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.219",
+    "@epam/ai-dial-catalog": "1.2.0-dev.219",
+    "@epam/ai-dial-chat-overlay": "1.2.0-dev.219",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.219",
+    "@epam/ai-dial-mcp-apps": "1.2.0-dev.219",
+    "@epam/ai-dial-publish-panel": "1.2.0-dev.219",
+    "@epam/ai-dial-quotations": "1.2.0-dev.219",
     "@epam/ai-dial-react-file-manager": "^0.3.0-dev.19",
-    "@epam/ai-dial-scheduled-tasks": "1.2.0-dev.217",
-    "@epam/ai-dial-share": "1.2.0-dev.217",
-    "@epam/ai-dial-skill-editor": "1.2.0-dev.217",
-    "@epam/ai-dial-source-panel": "1.2.0-dev.217",
+    "@epam/ai-dial-scheduled-tasks": "1.2.0-dev.219",
+    "@epam/ai-dial-share": "1.2.0-dev.219",
+    "@epam/ai-dial-skill-editor": "1.2.0-dev.219",
+    "@epam/ai-dial-source-panel": "1.2.0-dev.219",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.27",
-    "@epam/ai-dial-usage-dashboard": "1.2.0-dev.217",
+    "@epam/ai-dial-usage-dashboard": "1.2.0-dev.219",
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@epam/pdf-highlighter-kit": "^0.0.19",
     "@mcp-ui/client": "^7.1.1"