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

package/components/McpAppInlinePreview/McpAppInlinePreview.d.ts

@@ -17,6 +17,8 @@ export interface McpAppInlinePreviewProps {
     expandAriaLabel: string;
     /** Accessible label for the reload button. */
     reloadAriaLabel: string;
+    /** Accessible name for the header's actions group. Defaults to `'MCP app actions'`. */
+    actionsGroupAriaLabel?: string;
     /** Message shown when the resource fails to load or the app fails to initialize. */
     loadErrorLabel: string;
 }

package/components/McpAppInlinePreview/McpAppInlinePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"McpAppInlinePreview.d.ts","sourceRoot":"","sources":["../../../src/components/McpAppInlinePreview/McpAppInlinePreview.tsx"],"names":[],"mappings":"AAaA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAE/B,qDAAqD;AACrD,MAAM,WAAW,wBAAwB;IACvC,uCAAuC;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,uIAAuI;IACvI,KAAK,EAAE,mBAAmB,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,6GAA6G;IAC7G,WAAW,EAAE,iBAAiB,CAAC;IAC/B,kEAAkE;IAClE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,eAAe,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,cAAc,EAAE,MAAM,CAAC;CACxB;AAmFD,iHAAiH;AACjH,eAAO,MAAM,mBAAmB,gEAAgC,CAAC"}
+{"version":3,"file":"McpAppInlinePreview.d.ts","sourceRoot":"","sources":["../../../src/components/McpAppInlinePreview/McpAppInlinePreview.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAE/B,qDAAqD;AACrD,MAAM,WAAW,wBAAwB;IACvC,uCAAuC;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,uIAAuI;IACvI,KAAK,EAAE,mBAAmB,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,6GAA6G;IAC7G,WAAW,EAAE,iBAAiB,CAAC;IAC/B,kEAAkE;IAClE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,eAAe,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,uFAAuF;IACvF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,oFAAoF;IACpF,cAAc,EAAE,MAAM,CAAC;CACxB;AAyHD,iHAAiH;AACjH,eAAO,MAAM,mBAAmB,gEAAgC,CAAC"}

package/constants/mcp-protocol.d.ts

@@ -0,0 +1,17 @@
+/** 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+//#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 };

package/hooks/useMcpAppInlinePreview/useMcpAppInlinePreview.d.ts

@@ -1,4 +1,4 @@
-import { McpAppCanvasContent } from '@epam/ai-dial-attachment-canvas';
+import { McpAppCanvasContent, McpAppDisplayMode } from '@epam/ai-dial-attachment-canvas';
 import { McpAppInlinePreviewStatus, McpAppHostAdapter, McpAppResponseCache, McpAppToolCallSeed, McpAppToolRef } from '../../models/mcp-apps';
 /** State returned by `useMcpAppInlinePreview`. */
 export interface McpAppInlinePreviewState {
@@ -23,6 +23,10 @@ export interface McpAppInlinePreviewState {
  * fetching — switching from this preview to the full canvas (or back) for
  * the same message reuses the same fetch/live-tool-re-call instead of
  * repeating it. Call the returned `reload` to bypass and refresh it.
+ *
+ * `onRequestDisplayMode`, when passed, is forwarded to the mounted app's
+ * `ui/request-display-mode` handler — this hook has no opinion on surface
+ * switching, so the host decides what a mode request does.
  */
-export declare const useMcpAppInlinePreview: (match: McpAppToolRef | undefined, toolCall: McpAppToolCallSeed | undefined, cache: McpAppResponseCache, cacheKey: string, hostAdapter: McpAppHostAdapter) => McpAppInlinePreviewState;
+export declare const useMcpAppInlinePreview: (match: McpAppToolRef | undefined, toolCall: McpAppToolCallSeed | undefined, cache: McpAppResponseCache, cacheKey: string, hostAdapter: McpAppHostAdapter, onRequestDisplayMode?: (mode: McpAppDisplayMode) => McpAppDisplayMode | void) => McpAppInlinePreviewState;
 //# sourceMappingURL=useMcpAppInlinePreview.d.ts.map

package/hooks/useMcpAppInlinePreview/useMcpAppInlinePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMcpAppInlinePreview.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMcpAppInlinePreview/useMcpAppInlinePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACL,yBAAyB,EACzB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAM/B,kDAAkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,MAAM,EAAE,yBAAyB,CAAC;IAClC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,+FAA+F;IAC/F,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,aAAa,GAAG,SAAS,EAChC,UAAU,kBAAkB,GAAG,SAAS,EACxC,OAAO,mBAAmB,EAC1B,UAAU,MAAM,EAChB,aAAa,iBAAiB,KAC7B,wBAgGF,CAAC"}
+{"version":3,"file":"useMcpAppInlinePreview.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMcpAppInlinePreview/useMcpAppInlinePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACL,yBAAyB,EACzB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAM/B,kDAAkD;AAClD,MAAM,WAAW,wBAAwB;IACvC,iDAAiD;IACjD,MAAM,EAAE,yBAAyB,CAAC;IAClC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,+FAA+F;IAC/F,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,aAAa,GAAG,SAAS,EAChC,UAAU,kBAAkB,GAAG,SAAS,EACxC,OAAO,mBAAmB,EAC1B,UAAU,MAAM,EAChB,aAAa,iBAAiB,EAC9B,uBAAuB,CAAC,IAAI,EAAE,iBAAiB,KAAK,iBAAiB,GAAG,IAAI,KAC3E,wBAgGF,CAAC"}

package/index.d.ts

@@ -4,4 +4,5 @@ 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"}
+{"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"}

package/index.js

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

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.459",
+  "version": "1.1.0-dev.467",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -13,11 +13,16 @@
       "types": "./index.d.ts",
       "import": "./index.js",
       "default": "./index.js"
+    },
+    "./constants": {
+      "types": "./constants/mcp-protocol.d.ts",
+      "import": "./constants.js",
+      "default": "./constants.js"
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-attachment-canvas": "1.1.0-dev.459",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.459",
+    "@epam/ai-dial-attachment-canvas": "1.1.0-dev.467",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.467",
     "@epam/ai-dial-ui-kit": "^0.14.0-dev.15",
     "@mcp-ui/client": "^7.1.1",
     "@modelcontextprotocol/sdk": "^1.27.1",