@epam/ai-dial-mcp-apps 1.2.0-dev.61 → 1.2.0-dev.72

package/components/McpAppInlinePreview/McpAppInlinePreview.d.ts

@@ -21,6 +21,15 @@ export interface McpAppInlinePreviewProps {
     actionsGroupAriaLabel?: string;
     /** Message shown when the resource fails to load or the app fails to initialize. */
     loadErrorLabel: string;
+    /**
+     * Whether this message's MCP App is currently open in the full-width
+     * canvas. When `true`, the header stays (so the tool/app identity is still
+     * visible) but the body shows `openedInCanvasLabel` centered instead of
+     * mounting the app — only one live app instance exists at a time.
+     */
+    isOpenedInCanvas?: boolean;
+    /** Message shown centered in the body when `isOpenedInCanvas` is `true`. */
+    openedInCanvasLabel: string;
     /** Color overrides applied as CSS custom properties on the preview's root. */
     colors?: McpAppInlinePreviewColors;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"McpAppInlinePreview.d.ts","sourceRoot":"","sources":["../../../src/components/McpAppInlinePreview/McpAppInlinePreview.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAG/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;IACvB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AA6ID,iHAAiH;AACjH,eAAO,MAAM,mBAAmB,gEAAgC,CAAC"}
+{"version":3,"file":"McpAppInlinePreview.d.ts","sourceRoot":"","sources":["../../../src/components/McpAppInlinePreview/McpAppInlinePreview.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,EACvB,KAAK,aAAa,EACnB,MAAM,uBAAuB,CAAC;AAG/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;IACvB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,4EAA4E;IAC5E,mBAAmB,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AAqLD,iHAAiH;AACjH,eAAO,MAAM,mBAAmB,gEAAgC,CAAC"}

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,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"}
+{"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,wBAkGF,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
 ._preview_19as4_11{background:var(--mcpapp-preview-bg,var(--bg-layer-raised,#fcfcfc));border-color:var(--mcpapp-preview-border,var(--stroke-tertiary,#e0e6f0))}._previewHeader_19as4_23{border-bottom-color:var(--mcpapp-preview-header-border,var(--stroke-tertiary,#e0e6f0))}
-/*$vite$:1*/.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.block{display:block}.inline{display:inline}.flex{display:flex}.min-h-10{min-height:2.5rem}.min-h-\[200px\]{min-height:200px}.w-full{width:100%}.min-w-0{min-width:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-center{text-align:center}.text-error{color:var(--text-error,#ae2f2f)}.text-primary{color:var(--text-primary,#161b2d)}
+/*$vite$:1*/.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.ms-2{margin-inline-start:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.h-3{height:.75rem}.min-h-10{min-height:2.5rem}.min-h-\[200px\]{min-height:200px}.w-0{width:0}.w-full{width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-s{border-inline-start-width:1px}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-error{color:var(--text-error,#ae2f2f)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}

package/index.js

@@ -1,23 +1,23 @@
 import { AttachmentContentType as e, McpAppCanvasRenderer as t } from "@epam/ai-dial-attachment-canvas";
 import { MessageRole as n, buildCssVars as r } from "@epam/ai-dial-chat-shared";
-import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, ElementSize as o, GhostIconButton as s, Spinner as c, mergeClasses as l } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as u, IconArrowsMaximize as d, IconRefresh as f } from "@tabler/icons-react";
-import { memo as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, ElementSize as o, EllipsisTooltip as s, GhostIconButton as c, Spinner as l, mergeClasses 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 { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/constants/public-class-names.ts
-var x = {
+var C = {
 	preview: "dial-mcp-apps-preview",
 	previewHeader: "dial-mcp-apps-preview-header"
-}, S = /* @__PURE__ */ function(e) {
+}, w = /* @__PURE__ */ function(e) {
 	return e.Loading = "loading", e.Ready = "ready", e.Error = "error", e.Unavailable = "unavailable", e;
-}({}), C = (e) => {
+}({}), T = (e) => {
 	try {
 		let t = JSON.parse(e);
 		return typeof t == "object" && t ? t : {};
 	} catch {
 		return {};
 	}
-}, w = (e) => {
+}, E = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e?.tool_messages ?? []) {
 		for (let e of n.tool_calls ?? []) t.set(e.id, {
@@ -32,7 +32,7 @@ var x = {
 	for (let n of e?.tool_execution_history ?? []) {
 		for (let e of n.tool_calls ?? []) t.set(e.id, {
 			name: e.function.name,
-			args: C(e.function.arguments)
+			args: T(e.function.arguments)
 		});
 		if (n.role === "tool" && n.tool_call_id) {
 			let e = t.get(n.tool_call_id);
@@ -40,18 +40,18 @@ var x = {
 		}
 	}
 	return t;
-}, T = (e) => {
+}, D = (e) => {
 	let t = /* @__PURE__ */ new Set();
-	for (let n of e) for (let e of w(n.custom_content?.state).values()) t.add(e.name);
+	for (let n of e) for (let e of E(n.custom_content?.state).values()) t.add(e.name);
 	return t;
-}, E = (e, t, r) => {
+}, O = (e, t, r) => {
 	if (t.length === 0 || e.role !== n.Assistant) return;
-	let i = new Set([...w(e.custom_content?.state).values()].map((e) => e.name));
+	let i = new Set([...E(e.custom_content?.state).values()].map((e) => e.name));
 	return t.find((e) => i.has(e.toolName)) || t.find((e) => e.discovery === "direct") || (r ? t[0] : void 0);
-}, D = (e) => `${e}:mcp-app`, O = (e) => e == null ? void 0 : JSON.stringify(e.toolInput ?? null), k = (e, t) => {
+}, k = (e) => `${e}:mcp-app`, A = (e) => e == null ? void 0 : JSON.stringify(e.toolInput ?? null), j = (e, t) => {
 	let n = e.custom_content?.state;
 	if (!n) return;
-	let r = [...w(n).values()].reverse().find((e) => e.name === t);
+	let r = [...E(n).values()].reverse().find((e) => e.name === t);
 	if (r) return {
 		toolInput: r.args,
 		toolResult: r.result == null ? void 0 : { content: [{
@@ -59,152 +59,189 @@ var x = {
 			text: r.result
 		}] }
 	};
-}, A = async (e, t, n) => {
+}, M = 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;
 	}
-}, j = (t, n, r, i, a, o) => {
-	let { hostContext: s, sandboxUrl: c, fetchResourceHtml: l, callTool: u } = a, [d, f] = v(), [p, g] = v(), [_, y] = v(() => t == null || c == null ? S.Unavailable : S.Loading), [b, x] = v(0), C = m(() => {
-		r.invalidate(i), x((e) => e + 1);
-	}, [r, i]), w = m(async (e) => {
-		if (!(t == null || c == null)) try {
-			let a = O(n), { html: o, toolResult: s } = await r.getOrFetch(i, a, async () => {
-				let [e, r] = await Promise.all([l(t.toolsetId, t.resourceUri), A(t, n, u)]);
+}, N = (t, n, r, i, a, o) => {
+	let { hostContext: s, hostInfo: c, sandboxUrl: l, fetchResourceHtml: u, callTool: d } = a, [f, p] = y(), [m, _] = y(), [v, b] = y(() => t == null || l == null ? w.Unavailable : w.Loading), [x, S] = y(0), C = h(() => {
+		r.invalidate(i), S((e) => e + 1);
+	}, [r, i]), T = h(async (e) => {
+		if (!(t == null || l == null)) try {
+			let a = A(n), { html: o, toolResult: s } = await r.getOrFetch(i, a, async () => {
+				let [e, r] = await Promise.all([u(t.toolsetId, t.resourceUri), M(t, n, d)]);
 				return {
 					html: e,
 					toolResult: r
 				};
 			});
 			if (e()) return;
-			f(o), g(s), y(S.Ready);
+			p(o), _(s), b(w.Ready);
 		} catch {
-			e() || y(S.Error);
+			e() || b(w.Error);
 		}
 	}, [
 		t,
 		n,
-		c,
+		l,
 		r,
 		i,
-		l,
-		u
+		u,
+		d
 	]);
-	h(() => {
-		if (t == null || c == null) {
-			y(S.Unavailable);
+	g(() => {
+		if (t == null || l == null) {
+			b(w.Unavailable);
 			return;
 		}
 		let e = !1;
-		return y(S.Loading), w(() => e), () => {
+		return b(w.Loading), T(() => e), () => {
 			e = !0;
 		};
 	}, [
 		t,
-		c,
-		w,
-		b
+		l,
+		T,
+		x
 	]);
-	let T = m(async (e, n) => {
+	let E = h(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 _ !== S.Ready || t == null || c == null || d == null ? {
-		status: _,
+		return d(t.toolsetId, e, n, t.kind);
+	}, [t, d]);
+	return v !== w.Ready || t == null || l == null || f == null ? {
+		status: v,
 		reload: C
 	} : {
-		status: _,
+		status: v,
 		reload: C,
 		content: {
 			type: e.McpApp,
-			html: d,
-			sandboxUrl: c,
+			html: f,
+			sandboxUrl: l,
 			toolInput: n?.toolInput,
-			toolResult: p,
+			toolResult: m,
 			hostContext: s,
-			onToolCall: T,
+			hostInfo: c,
+			onToolCall: E,
 			onRequestDisplayMode: o
 		}
 	};
-}, M = {
+}, P = {
 	preview: "_preview_19as4_11",
 	previewHeader: "_previewHeader_19as4_23"
-}, N = p(({ match: e, toolCall: n, cache: p, cacheKey: h, hostAdapter: g, onExpand: _, expandAriaLabel: v, reloadAriaLabel: C, actionsGroupAriaLabel: w = "MCP app actions", loadErrorLabel: T, colors: E }) => {
-	let D = m((e) => e === "fullscreen" ? (_(), "fullscreen") : "inline", [_]), O = r({
-		"--mcpapp-preview-bg": E?.previewBackground,
-		"--mcpapp-preview-border": E?.previewBorder,
-		"--mcpapp-preview-header-border": E?.previewHeaderBorder
-	}), { status: k, content: A, reload: N } = j(e, n, p, h, g, D);
-	return k === S.Unavailable ? null : /* @__PURE__ */ b("div", {
-		style: O,
-		className: l(M.preview, "flex w-full min-w-0 flex-col overflow-hidden rounded-xl border", x.preview),
-		children: [/* @__PURE__ */ y("div", {
-			className: l(M.previewHeader, "flex min-h-10 items-center justify-end border-b px-4 py-2", x.previewHeader),
-			children: /* @__PURE__ */ b("div", {
+}, F = m(({ match: e, toolCall: n, cache: m, cacheKey: _, hostAdapter: v, onExpand: T, expandAriaLabel: E, reloadAriaLabel: D, actionsGroupAriaLabel: O = "MCP app actions", loadErrorLabel: k, isOpenedInCanvas: A = !1, openedInCanvasLabel: j, colors: M }) => {
+	let [F, I] = y(void 0);
+	g(() => {
+		I(void 0);
+	}, [_]);
+	let L = h((e) => e === "fullscreen" ? (T(), "fullscreen") : "inline", [T]), R = r({
+		"--mcpapp-preview-bg": M?.previewBackground,
+		"--mcpapp-preview-border": M?.previewBorder,
+		"--mcpapp-preview-header-border": M?.previewHeaderBorder
+	}), { status: z, content: B, reload: V } = N(e, n, m, _, v, L);
+	return z === w.Unavailable ? null : /* @__PURE__ */ S("div", {
+		style: R,
+		className: u(P.preview, "flex w-full min-w-0 flex-col overflow-hidden rounded-xl border", C.preview),
+		children: [/* @__PURE__ */ S("div", {
+			className: u(P.previewHeader, "flex min-h-10 items-center justify-between gap-2 border-b px-4 py-2", C.previewHeader),
+			children: [/* @__PURE__ */ x(s, {
+				text: F == null ? /* @__PURE__ */ x("span", {
+					className: "dial-tiny-lead-semi-text",
+					children: e.mcpToolName
+				}) : /* @__PURE__ */ S(b, { children: [
+					/* @__PURE__ */ x("span", {
+						className: "dial-tiny-lead-semi-text",
+						children: e.mcpToolName
+					}),
+					/* @__PURE__ */ x("span", {
+						"aria-hidden": !0,
+						className: "border-current mx-1.5 inline-block h-3 w-0 border-s align-middle"
+					}),
+					/* @__PURE__ */ x("span", {
+						className: "dial-tiny-lead-semi-text",
+						children: F.name
+					}),
+					F.version && /* @__PURE__ */ x("span", {
+						className: "dial-caption-text ms-2",
+						children: F.version
+					})
+				] }),
+				className: "text-secondary"
+			}), /* @__PURE__ */ S("div", {
 				role: "toolbar",
-				"aria-label": w,
-				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ y(s, {
-					icon: /* @__PURE__ */ y(f, {
+				"aria-label": O,
+				className: "flex shrink-0 items-center gap-1",
+				children: [/* @__PURE__ */ x(c, {
+					icon: /* @__PURE__ */ x(p, {
 						size: i.SM,
 						stroke: a,
 						"aria-hidden": !0
 					}),
-					"aria-label": C,
+					"aria-label": D,
 					size: o.Small,
-					onClick: N
-				}), /* @__PURE__ */ y(s, {
-					icon: /* @__PURE__ */ y(d, {
+					onClick: V
+				}), /* @__PURE__ */ x(c, {
+					icon: /* @__PURE__ */ x(f, {
 						size: i.SM,
 						stroke: a,
 						"aria-hidden": !0
 					}),
-					"aria-label": v,
+					"aria-label": E,
 					size: o.Small,
-					onClick: _
+					onClick: T
 				})]
-			})
-		}), /* @__PURE__ */ b("div", {
+			})]
+		}), /* @__PURE__ */ x("div", {
 			className: "relative min-h-[200px] w-full",
-			children: [
-				k === S.Loading && /* @__PURE__ */ y("div", {
+			children: A ? /* @__PURE__ */ x("div", {
+				role: "status",
+				"aria-live": "polite",
+				className: "absolute inset-0 flex items-center justify-center p-4",
+				children: /* @__PURE__ */ x("span", {
+					className: "dial-body-text text-center text-secondary",
+					children: j
+				})
+			}) : /* @__PURE__ */ S(b, { children: [
+				z === w.Loading && /* @__PURE__ */ x("div", {
 					className: "absolute inset-0 flex items-center justify-center",
-					children: /* @__PURE__ */ y(c, {})
+					children: /* @__PURE__ */ x(l, {})
 				}),
-				k === S.Error && /* @__PURE__ */ b("div", {
+				z === w.Error && /* @__PURE__ */ S("div", {
 					className: "absolute inset-0 flex flex-col items-center justify-center gap-2 p-4",
-					children: [/* @__PURE__ */ y(u, {
+					children: [/* @__PURE__ */ x(d, {
 						size: 40,
 						stroke: a,
 						"aria-hidden": !0,
 						className: "text-error"
-					}), /* @__PURE__ */ y("p", {
+					}), /* @__PURE__ */ x("p", {
 						role: "alert",
 						className: "dial-body-text text-center text-primary",
-						children: T
+						children: k
 					})]
 				}),
-				k === S.Ready && A && /* @__PURE__ */ y(t, {
-					content: A,
-					errorLabel: T
+				z === w.Ready && B && /* @__PURE__ */ x(t, {
+					content: B,
+					errorLabel: k,
+					onAppInfo: I
 				})
-			]
+			] })
 		})]
 	});
-}), P = 900 * 1e3, F = (e) => {
-	let t = _(/* @__PURE__ */ new Map()), n = _(/* @__PURE__ */ new Map());
-	return g(() => {
+}), I = 900 * 1e3, L = (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 > P)) return {
+			if (i != null && i.seedKey === n && !(Date.now() - i.cachedAt > I)) 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 > I && t.current.delete(e);
 			t.current.set(r(e), {
 				...n,
 				seedKey: i,
@@ -231,4 +268,4 @@ var x = {
 	}, [e]);
 };
 //#endregion
-export { x as MCP_APPS_CLASS, N as McpAppInlinePreview, S as McpAppInlinePreviewStatus, T as collectToolCallNames, O as computeMcpAppSeedKey, E as findMcpAppForMessage, D as mcpAppCanvasKey, k as resolveMcpAppToolCallSeed, A as resolveMcpAppToolResult, j as useMcpAppInlinePreview, F as useMcpAppResponseCache };
+export { C as MCP_APPS_CLASS, F as McpAppInlinePreview, w as McpAppInlinePreviewStatus, D as collectToolCallNames, A as computeMcpAppSeedKey, O as findMcpAppForMessage, k as mcpAppCanvasKey, j as resolveMcpAppToolCallSeed, M as resolveMcpAppToolResult, N as useMcpAppInlinePreview, L as useMcpAppResponseCache };

package/models/mcp-apps.d.ts

@@ -1,5 +1,5 @@
 import { McpUiHostContext } from '@mcp-ui/client';
-import { CallToolResult } from '@modelcontextprotocol/sdk/types.js';
+import { CallToolResult, Implementation } from '@modelcontextprotocol/sdk/types.js';
 /** Which of the host's two MCP proxy routes a deployment id resolves through — a plain toolset, or an application that is itself an MCP server. */
 export type McpDeploymentKind = 'toolset' | 'application';
 /**
@@ -92,6 +92,8 @@ export declare enum McpAppInlinePreviewStatus {
 export interface McpAppHostAdapter {
     /** `McpUiHostContext` to deliver to the mounted app's `ui/initialize` handshake. */
     hostContext: McpUiHostContext;
+    /** Host identity (`name`/`version`) to deliver to the mounted app's `ui/initialize` handshake. */
+    hostInfo: Implementation;
     /** Operator-configured MCP Apps sandbox-proxy URL, or `null` when unconfigured. */
     sandboxUrl: string | null;
     /** Fetches the matched tool's MCP Apps `ui://` resource. */

package/models/mcp-apps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mcp-apps.d.ts","sourceRoot":"","sources":["../../src/models/mcp-apps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mcp-apps.d.ts","sourceRoot":"","sources":["../../src/models/mcp-apps.ts"],"names":[],"mappings":"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"}

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.2.0-dev.61",
+  "version": "1.2.0-dev.72",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -20,10 +20,10 @@
     "@tabler/icons-react": "^3.44.0",
     "@mcp-ui/client": "^7.1.1",
     "@modelcontextprotocol/sdk": "^1.29.0",
-    "@epam/ai-dial-attachment-canvas": "1.2.0-dev.61"
+    "@epam/ai-dial-attachment-canvas": "1.2.0-dev.72"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.61",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.72",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.9",
     "react": "^19.2.8"
   },