@epam/ai-dial-mcp-apps 1.1.0-dev.467 → 1.1.0-dev.471

package/index.d.ts

@@ -4,5 +4,4 @@ export { useMcpAppResponseCache } from './hooks/useMcpAppResponseCache/useMcpApp
 export type { McpDeploymentKind, McpAppToolDiscovery, McpAppToolRef, McpAppToolCallSeed, FetchMcpAppResourceHtml, CallMcpAppTool, CachedMcpAppResponse, McpAppResponseCache, McpAppHostAdapter, } from './models/mcp-apps';
 export { McpAppInlinePreviewStatus } from './models/mcp-apps';
 export { collectToolCallNames, findMcpAppForMessage, mcpAppCanvasKey, computeMcpAppSeedKey, resolveMcpAppToolCallSeed, resolveMcpAppToolResult, } from './utils/mcp-app';
-export { MCP_CLIENT_INFO, MCP_PROTOCOL_VERSION, MCP_PROTOCOL_VERSION_HEADER, MCP_SESSION_ID_HEADER, } from './constants/mcp-protocol';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,GAC9B,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAC/F,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,GAC9B,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uDAAuD,CAAC;AAC/F,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,oBAAoB,EACpB,eAAe,EACf,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC"}

package/index.js

@@ -1,21 +1,20 @@
-import { MCP_CLIENT_INFO as e, MCP_PROTOCOL_VERSION as t, MCP_PROTOCOL_VERSION_HEADER as n, MCP_SESSION_ID_HEADER as r } from "./constants.js";
-import { AttachmentContentType as i, McpAppCanvasRenderer as a } from "@epam/ai-dial-attachment-canvas";
-import { DIAL_ICON_SIZE as o, DIAL_KIT_ICON_STROKE as s, ElementSize as c, GhostIconButton as l, Spinner as u } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as d, IconArrowsMaximize as f, IconRefresh as p } from "@tabler/icons-react";
-import { memo as m, useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { MessageRole as b } from "@epam/ai-dial-chat-shared";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { AttachmentContentType as e, McpAppCanvasRenderer as t } from "@epam/ai-dial-attachment-canvas";
+import { DIAL_ICON_SIZE as n, DIAL_KIT_ICON_STROKE as r, ElementSize as i, GhostIconButton as a, Spinner as o } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as s, IconArrowsMaximize as c, IconRefresh as l } from "@tabler/icons-react";
+import { memo as u, useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { MessageRole as g } from "@epam/ai-dial-chat-shared";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/models/mcp-apps.ts
-var C = /* @__PURE__ */ function(e) {
+var y = /* @__PURE__ */ function(e) {
 	return e.Loading = "loading", e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
-}({}), w = (e) => {
+}({}), b = (e) => {
 	try {
 		let t = JSON.parse(e);
 		return typeof t == "object" && t ? t : {};
 	} catch {
 		return {};
 	}
-}, T = (e) => {
+}, x = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e?.tool_messages ?? []) {
 		for (let e of n.tool_calls ?? []) t.set(e.id, {
@@ -30,7 +29,7 @@ var C = /* @__PURE__ */ function(e) {
 	for (let n of e?.tool_execution_history ?? []) {
 		for (let e of n.tool_calls ?? []) t.set(e.id, {
 			name: e.function.name,
-			args: w(e.function.arguments)
+			args: b(e.function.arguments)
 		});
 		if (n.role === "tool" && n.tool_call_id) {
 			let e = t.get(n.tool_call_id);
@@ -38,18 +37,18 @@ var C = /* @__PURE__ */ function(e) {
 		}
 	}
 	return t;
-}, E = (e) => {
+}, S = (e) => {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of e) for (let e of T(n.custom_content?.state).values()) t.add(e.name);
+	for (let n of e) for (let e of x(n.custom_content?.state).values()) t.add(e.name);
 	return t;
-}, D = (e, t, n) => {
-	if (t.length === 0 || e.role !== b.Assistant) return;
-	let r = new Set([...T(e.custom_content?.state).values()].map((e) => e.name));
+}, C = (e, t, n) => {
+	if (t.length === 0 || e.role !== g.Assistant) return;
+	let r = new Set([...x(e.custom_content?.state).values()].map((e) => e.name));
 	return t.find((e) => r.has(e.toolName)) || t.find((e) => e.discovery === "direct") || (n ? t[0] : void 0);
-}, O = (e) => `${e}:mcp-app`, k = (e) => e == null ? void 0 : JSON.stringify(e.toolInput ?? null), A = (e, t) => {
+}, w = (e) => `${e}:mcp-app`, T = (e) => e == null ? void 0 : JSON.stringify(e.toolInput ?? null), E = (e, t) => {
 	let n = e.custom_content?.state;
 	if (!n) return;
-	let r = [...T(n).values()].reverse().find((e) => e.name === t);
+	let r = [...x(n).values()].reverse().find((e) => e.name === t);
 	if (r) return {
 		toolInput: r.args,
 		toolResult: r.result == null ? void 0 : { content: [{
@@ -57,144 +56,144 @@ var C = /* @__PURE__ */ function(e) {
 			text: r.result
 		}] }
 	};
-}, j = async (e, t, n) => {
+}, D = async (e, t, n) => {
 	if (!(e.discovery === "direct" || t?.toolInput != null)) return t?.toolResult;
 	try {
 		return await n(e.toolsetId, e.mcpToolName, t?.toolInput ?? {}, e.kind);
 	} catch {
 		return t?.toolResult;
 	}
-}, M = (e, t, n, r, a, o) => {
-	let { hostContext: s, sandboxUrl: c, fetchResourceHtml: l, callTool: u } = a, [d, f] = y(), [p, m] = y(), [_, v] = y(() => e == null || c == null ? C.Unavailable : C.Loading), [b, x] = y(0), S = h(() => {
-		n.invalidate(r), x((e) => e + 1);
-	}, [n, r]), w = h(async (i) => {
-		if (!(e == null || c == null)) try {
-			let a = k(t), { html: o, toolResult: s } = await n.getOrFetch(r, a, async () => {
-				let [n, r] = await Promise.all([l(e.toolsetId, e.resourceUri), j(e, t, u)]);
+}, O = (t, n, r, i, a, o) => {
+	let { hostContext: s, sandboxUrl: c, fetchResourceHtml: l, callTool: u } = a, [p, m] = h(), [g, _] = h(), [v, b] = h(() => t == null || c == null ? y.Unavailable : y.Loading), [x, S] = h(0), C = d(() => {
+		r.invalidate(i), S((e) => e + 1);
+	}, [r, i]), w = d(async (e) => {
+		if (!(t == null || c == null)) try {
+			let a = T(n), { html: o, toolResult: s } = await r.getOrFetch(i, a, async () => {
+				let [e, r] = await Promise.all([l(t.toolsetId, t.resourceUri), D(t, n, u)]);
 				return {
-					html: n,
+					html: e,
 					toolResult: r
 				};
 			});
-			if (i()) return;
-			f(o), m(s), v(C.Ready);
+			if (e()) return;
+			m(o), _(s), b(y.Ready);
 		} catch {
-			i() || v(C.Error);
+			e() || b(y.Error);
 		}
 	}, [
-		e,
 		t,
-		c,
 		n,
+		c,
 		r,
+		i,
 		l,
 		u
 	]);
-	g(() => {
-		if (e == null || c == null) {
-			v(C.Unavailable);
+	f(() => {
+		if (t == null || c == null) {
+			b(y.Unavailable);
 			return;
 		}
-		let t = !1;
-		return v(C.Loading), w(() => t), () => {
-			t = !0;
+		let e = !1;
+		return b(y.Loading), w(() => e), () => {
+			e = !0;
 		};
 	}, [
-		e,
+		t,
 		c,
 		w,
-		b
+		x
 	]);
-	let T = h(async (t, n) => {
-		if (e == null) throw Error(`Tool call "${t}" failed: no matching MCP App`);
-		return u(e.toolsetId, t, n, e.kind);
-	}, [e, u]);
-	return _ !== C.Ready || e == null || c == null || d == null ? {
-		status: _,
-		reload: S
+	let E = d(async (e, n) => {
+		if (t == null) throw Error(`Tool call "${e}" failed: no matching MCP App`);
+		return u(t.toolsetId, e, n, t.kind);
+	}, [t, u]);
+	return v !== y.Ready || t == null || c == null || p == null ? {
+		status: v,
+		reload: C
 	} : {
-		status: _,
-		reload: S,
+		status: v,
+		reload: C,
 		content: {
-			type: i.McpApp,
-			html: d,
+			type: e.McpApp,
+			html: p,
 			sandboxUrl: c,
-			toolInput: t?.toolInput,
-			toolResult: p,
+			toolInput: n?.toolInput,
+			toolResult: g,
 			hostContext: s,
-			onToolCall: T,
+			onToolCall: E,
 			onRequestDisplayMode: o
 		}
 	};
-}, N = m(({ match: e, toolCall: t, cache: n, cacheKey: r, hostAdapter: i, onExpand: m, expandAriaLabel: g, reloadAriaLabel: _, actionsGroupAriaLabel: v = "MCP app actions", loadErrorLabel: y }) => {
-	let { status: b, content: w, reload: T } = M(e, t, n, r, i, h((e) => e === "fullscreen" ? (m(), "fullscreen") : "inline", [m]));
-	return b === C.Unavailable ? null : /* @__PURE__ */ S("div", {
+}, k = u(({ match: e, toolCall: u, cache: f, cacheKey: p, hostAdapter: m, onExpand: h, expandAriaLabel: g, reloadAriaLabel: b, actionsGroupAriaLabel: x = "MCP app actions", loadErrorLabel: S }) => {
+	let { status: C, content: w, reload: T } = O(e, u, f, p, m, d((e) => e === "fullscreen" ? (h(), "fullscreen") : "inline", [h]));
+	return C === y.Unavailable ? null : /* @__PURE__ */ v("div", {
 		className: "bg-layer-2 flex w-full min-w-0 flex-col overflow-hidden rounded-xl border border-tertiary",
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "flex min-h-10 items-center justify-end border-b border-tertiary px-4 py-2",
-			children: /* @__PURE__ */ S("div", {
+			children: /* @__PURE__ */ v("div", {
 				role: "toolbar",
-				"aria-label": v,
+				"aria-label": x,
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ x(l, {
-					icon: /* @__PURE__ */ x(p, {
-						size: o.SM,
-						stroke: s,
+				children: [/* @__PURE__ */ _(a, {
+					icon: /* @__PURE__ */ _(l, {
+						size: n.SM,
+						stroke: r,
 						"aria-hidden": !0
 					}),
-					"aria-label": _,
-					size: c.Small,
+					"aria-label": b,
+					size: i.Small,
 					onClick: T
-				}), /* @__PURE__ */ x(l, {
-					icon: /* @__PURE__ */ x(f, {
-						size: o.SM,
-						stroke: s,
+				}), /* @__PURE__ */ _(a, {
+					icon: /* @__PURE__ */ _(c, {
+						size: n.SM,
+						stroke: r,
 						"aria-hidden": !0
 					}),
 					"aria-label": g,
-					size: c.Small,
-					onClick: m
+					size: i.Small,
+					onClick: h
 				})]
 			})
-		}), /* @__PURE__ */ S("div", {
+		}), /* @__PURE__ */ v("div", {
 			className: "relative min-h-[200px] w-full",
 			children: [
-				b === C.Loading && /* @__PURE__ */ x("div", {
+				C === y.Loading && /* @__PURE__ */ _("div", {
 					className: "absolute inset-0 flex items-center justify-center",
-					children: /* @__PURE__ */ x(u, {})
+					children: /* @__PURE__ */ _(o, {})
 				}),
-				b === C.Error && /* @__PURE__ */ S("div", {
+				C === y.Error && /* @__PURE__ */ v("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
-					children: [/* @__PURE__ */ x(d, {
+					children: [/* @__PURE__ */ _(s, {
 						size: 40,
-						stroke: s,
+						stroke: r,
 						"aria-hidden": !0,
 						className: "text-error"
-					}), /* @__PURE__ */ x("p", {
+					}), /* @__PURE__ */ _("p", {
 						role: "alert",
 						className: "dial-body-text text-center text-primary",
-						children: y
+						children: S
 					})]
 				}),
-				b === C.Ready && w && /* @__PURE__ */ x(a, {
+				C === y.Ready && w && /* @__PURE__ */ _(t, {
 					content: w,
-					errorLabel: y
+					errorLabel: S
 				})
 			]
 		})]
 	});
-}), P = 900 * 1e3, F = (e) => {
-	let t = v(/* @__PURE__ */ new Map()), n = v(/* @__PURE__ */ new Map());
-	return _(() => {
+}), A = 900 * 1e3, j = (e) => {
+	let t = m(/* @__PURE__ */ new Map()), n = m(/* @__PURE__ */ new Map());
+	return p(() => {
 		let r = (t) => `${e}:${t}`, i = (e, t) => `${r(e)}::${t ?? ""}`, a = (e, n) => {
 			let i = t.current.get(r(e));
-			if (i != null && i.seedKey === n && !(Date.now() - i.cachedAt > P)) return {
+			if (i != null && i.seedKey === n && !(Date.now() - i.cachedAt > A)) return {
 				html: i.html,
 				toolResult: i.toolResult
 			};
 		}, o = (e, n, i) => {
 			let a = Date.now();
-			for (let [e, n] of t.current) a - n.cachedAt > P && t.current.delete(e);
+			for (let [e, n] of t.current) a - n.cachedAt > A && t.current.delete(e);
 			t.current.set(r(e), {
 				...n,
 				seedKey: i,
@@ -221,4 +220,4 @@ var C = /* @__PURE__ */ function(e) {
 	}, [e]);
 };
 //#endregion
-export { e as MCP_CLIENT_INFO, t as MCP_PROTOCOL_VERSION, n as MCP_PROTOCOL_VERSION_HEADER, r as MCP_SESSION_ID_HEADER, N as McpAppInlinePreview, C as McpAppInlinePreviewStatus, E as collectToolCallNames, k as computeMcpAppSeedKey, D as findMcpAppForMessage, O as mcpAppCanvasKey, A as resolveMcpAppToolCallSeed, j as resolveMcpAppToolResult, M as useMcpAppInlinePreview, F as useMcpAppResponseCache };
+export { k as McpAppInlinePreview, y as McpAppInlinePreviewStatus, S as collectToolCallNames, T as computeMcpAppSeedKey, C as findMcpAppForMessage, w as mcpAppCanvasKey, E as resolveMcpAppToolCallSeed, D as resolveMcpAppToolResult, O as useMcpAppInlinePreview, j as useMcpAppResponseCache };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-mcp-apps",
   "description": "Host-agnostic MCP Apps building blocks — tool-call/message matching, the response cache, and the inline preview hook/component shared by the full-width canvas and inline surfaces",
-  "version": "1.1.0-dev.467",
+  "version": "1.1.0-dev.471",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -13,20 +13,17 @@
       "types": "./index.d.ts",
       "import": "./index.js",
       "default": "./index.js"
-    },
-    "./constants": {
-      "types": "./constants/mcp-protocol.d.ts",
-      "import": "./constants.js",
-      "default": "./constants.js"
     }
   },
+  "dependencies": {
+    "@tabler/icons-react": "^3.44.0",
+    "@mcp-ui/client": "^7.1.1",
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "@epam/ai-dial-attachment-canvas": "1.1.0-dev.471"
+  },
   "peerDependencies": {
-    "@epam/ai-dial-attachment-canvas": "1.1.0-dev.467",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.467",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.471",
     "@epam/ai-dial-ui-kit": "^0.14.0-dev.15",
-    "@mcp-ui/client": "^7.1.1",
-    "@modelcontextprotocol/sdk": "^1.27.1",
-    "@tabler/icons-react": "^3.44.0",
     "react": "^19.0.0"
   },
   "repository": {

package/constants/mcp-protocol.d.ts

@@ -1,17 +0,0 @@
-/** MCP protocol version advertised in the `initialize` handshake. */
-export declare const MCP_PROTOCOL_VERSION = "2024-11-05";
-/** Header the MCP Streamable HTTP transport uses to carry the session id. */
-export declare const MCP_SESSION_ID_HEADER = "mcp-session-id";
-/**
- * Header carrying the protocol version the server negotiated in its
- * `initialize` result. The MCP lifecycle requires it on every request that
- * follows a completed handshake, so a server that supports several versions
- * keeps answering in the one it agreed on.
- */
-export declare const MCP_PROTOCOL_VERSION_HEADER = "mcp-protocol-version";
-/** Client identity advertised in the `initialize` handshake. */
-export declare const MCP_CLIENT_INFO: {
-    name: string;
-    version: string;
-};
-//# sourceMappingURL=mcp-protocol.d.ts.map

package/constants/mcp-protocol.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mcp-protocol.d.ts","sourceRoot":"","sources":["../../src/constants/mcp-protocol.ts"],"names":[],"mappings":"AAOA,qEAAqE;AACrE,eAAO,MAAM,oBAAoB,eAAe,CAAC;AAEjD,6EAA6E;AAC7E,eAAO,MAAM,qBAAqB,mBAAmB,CAAC;AAEtD;;;;;GAKG;AACH,eAAO,MAAM,2BAA2B,yBAAyB,CAAC;AAElE,gEAAgE;AAChE,eAAO,MAAM,eAAe;;;CAA6C,CAAC"}

package/constants.js

@@ -1,7 +0,0 @@
-//#region src/constants/mcp-protocol.ts
-var e = "2024-11-05", t = "mcp-session-id", n = "mcp-protocol-version", r = {
-	name: "ai-dial-chat",
-	version: "1.0.0"
-};
-//#endregion
-export { r as MCP_CLIENT_INFO, e as MCP_PROTOCOL_VERSION, n as MCP_PROTOCOL_VERSION_HEADER, t as MCP_SESSION_ID_HEADER };