@xpert-ai/chatkit-ui 0.4.1 → 0.4.2

package/dist/index.cjs

@@ -11622,7 +11622,7 @@ function appendQuery(path, params) {
   const query = params.toString();
   return query ? `${path}?${query}` : path;
 }
-function buildMcpAppReviveParams(data) {
+function buildMcpAppReviveParams(data, options) {
   const params = new URLSearchParams();
   const add = (key, value) => {
     if (value) {
@@ -11635,15 +11635,16 @@ function buildMcpAppReviveParams(data) {
   add("toolCallId", data.toolCallId);
   add("resourceUri", data.resourceUri);
   add("title", typeof data.title === "string" ? data.title : void 0);
-  add("token", data.appInstanceToken);
+  add("messageId", options?.messageId);
+  add("token", options?.appInstanceToken ?? data.appInstanceToken);
   return params;
 }
-function buildMcpAppEndpointPath(data, endpoint) {
+function buildMcpAppEndpointPath(data, endpoint, options) {
   return appendQuery(
     `/api/xpert-toolset/mcp-apps/${encodeURIComponent(
       data.appInstanceId
     )}/${endpoint}`,
-    buildMcpAppReviveParams(data)
+    buildMcpAppReviveParams(data, options)
   );
 }
 function escapeHtmlAttribute(value) {
@@ -12102,6 +12103,7 @@ function normalizeMcpAppResourceResponse(value, data) {
     uri: readString3(raw.uri),
     mimeType: readString3(raw.mimeType),
     html,
+    appInstanceToken: readString3(raw.appInstanceToken),
     resourceUri: readString3(raw.resourceUri),
     title: resourceInfo.title,
     description: resourceInfo.description,
@@ -12147,6 +12149,7 @@ function isMcpAppComponentData(data) {
 }
 function McpAppMessage({
   data,
+  messageId,
   className
 }) {
   const { i18n: i18n2 } = useChatkitTranslation();
@@ -12162,6 +12165,7 @@ function McpAppMessage({
   const sentInitialResultRef = React35.useRef(false);
   const modelContextRef = React35.useRef(null);
   const [resource, setResource] = React35.useState(null);
+  const [runtimeAppInstanceToken, setRuntimeAppInstanceToken] = React35.useState(data.appInstanceToken);
   const [srcDoc, setSrcDoc] = React35.useState(null);
   const [height, setHeight] = React35.useState(420);
   const [error, setError] = React35.useState(null);
@@ -12169,16 +12173,21 @@ function McpAppMessage({
   const resourceUrl = React35.useMemo(
     () => buildXpertApiUrl(
       apiUrl,
-      buildMcpAppEndpointPath(data, "resource")
+      buildMcpAppEndpointPath(data, "resource", {
+        messageId
+      })
     ),
-    [apiUrl, data]
+    [apiUrl, data, messageId]
   );
   const rpcUrl = React35.useMemo(
     () => buildXpertApiUrl(
       apiUrl,
-      buildMcpAppEndpointPath(data, "rpc")
+      buildMcpAppEndpointPath(data, "rpc", {
+        appInstanceToken: runtimeAppInstanceToken,
+        messageId
+      })
     ),
-    [apiUrl, data]
+    [apiUrl, data, messageId, runtimeAppInstanceToken]
   );
   const postToApp = React35.useCallback((message) => {
     iframeRef.current?.contentWindow?.postMessage(message, "*");
@@ -12235,6 +12244,7 @@ function McpAppMessage({
     const controller = new AbortController();
     initializedRef.current = false;
     sentInitialResultRef.current = false;
+    setRuntimeAppInstanceToken(data.appInstanceToken);
     setIsLoading(true);
     setError(null);
     setResource(null);
@@ -12253,6 +12263,9 @@ function McpAppMessage({
           data
         );
         setResource(normalizedResource);
+        setRuntimeAppInstanceToken(
+          normalizedResource.appInstanceToken ?? data.appInstanceToken
+        );
         const hostLocale = normalizeHostLocale(i18n2.language);
         setSrcDoc(
           injectMcpAppTheme(
@@ -12280,6 +12293,7 @@ function McpAppMessage({
     authenticatedFetch,
     data,
     data.appInstanceId,
+    data.appInstanceToken,
     data.csp,
     i18n2.language,
     resourceUrl
@@ -12826,7 +12840,7 @@ function renderContentItem(content, index, message, lookupMessages, options) {
       return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(WidgetMessage, { messageId, data: content.data }) }, content.id ?? `widget-${index}`);
     }
     if (isMcpAppComponent(content)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(McpAppMessage, { data: content.data }) }, content.id ?? `mcp-app-${index}`);
+      return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(McpAppMessage, { messageId, data: content.data }) }, content.id ?? `mcp-app-${index}`);
     }
     if (getComponentMessagePresentation(content, getToolStepData(content)) === "grouped-step") {
       return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(

package/dist/index.js

@@ -11722,7 +11722,7 @@ function appendQuery(path, params) {
   const query = params.toString();
   return query ? `${path}?${query}` : path;
 }
-function buildMcpAppReviveParams(data) {
+function buildMcpAppReviveParams(data, options) {
   const params = new URLSearchParams();
   const add = (key, value) => {
     if (value) {
@@ -11735,15 +11735,16 @@ function buildMcpAppReviveParams(data) {
   add("toolCallId", data.toolCallId);
   add("resourceUri", data.resourceUri);
   add("title", typeof data.title === "string" ? data.title : void 0);
-  add("token", data.appInstanceToken);
+  add("messageId", options?.messageId);
+  add("token", options?.appInstanceToken ?? data.appInstanceToken);
   return params;
 }
-function buildMcpAppEndpointPath(data, endpoint) {
+function buildMcpAppEndpointPath(data, endpoint, options) {
   return appendQuery(
     `/api/xpert-toolset/mcp-apps/${encodeURIComponent(
       data.appInstanceId
     )}/${endpoint}`,
-    buildMcpAppReviveParams(data)
+    buildMcpAppReviveParams(data, options)
   );
 }
 function escapeHtmlAttribute(value) {
@@ -12202,6 +12203,7 @@ function normalizeMcpAppResourceResponse(value, data) {
     uri: readString3(raw.uri),
     mimeType: readString3(raw.mimeType),
     html,
+    appInstanceToken: readString3(raw.appInstanceToken),
     resourceUri: readString3(raw.resourceUri),
     title: resourceInfo.title,
     description: resourceInfo.description,
@@ -12247,6 +12249,7 @@ function isMcpAppComponentData(data) {
 }
 function McpAppMessage({
   data,
+  messageId,
   className
 }) {
   const { i18n: i18n2 } = useChatkitTranslation();
@@ -12262,6 +12265,7 @@ function McpAppMessage({
   const sentInitialResultRef = React35.useRef(false);
   const modelContextRef = React35.useRef(null);
   const [resource, setResource] = React35.useState(null);
+  const [runtimeAppInstanceToken, setRuntimeAppInstanceToken] = React35.useState(data.appInstanceToken);
   const [srcDoc, setSrcDoc] = React35.useState(null);
   const [height, setHeight] = React35.useState(420);
   const [error, setError] = React35.useState(null);
@@ -12269,16 +12273,21 @@ function McpAppMessage({
   const resourceUrl = React35.useMemo(
     () => buildXpertApiUrl(
       apiUrl,
-      buildMcpAppEndpointPath(data, "resource")
+      buildMcpAppEndpointPath(data, "resource", {
+        messageId
+      })
     ),
-    [apiUrl, data]
+    [apiUrl, data, messageId]
   );
   const rpcUrl = React35.useMemo(
     () => buildXpertApiUrl(
       apiUrl,
-      buildMcpAppEndpointPath(data, "rpc")
+      buildMcpAppEndpointPath(data, "rpc", {
+        appInstanceToken: runtimeAppInstanceToken,
+        messageId
+      })
     ),
-    [apiUrl, data]
+    [apiUrl, data, messageId, runtimeAppInstanceToken]
   );
   const postToApp = React35.useCallback((message) => {
     iframeRef.current?.contentWindow?.postMessage(message, "*");
@@ -12335,6 +12344,7 @@ function McpAppMessage({
     const controller = new AbortController();
     initializedRef.current = false;
     sentInitialResultRef.current = false;
+    setRuntimeAppInstanceToken(data.appInstanceToken);
     setIsLoading(true);
     setError(null);
     setResource(null);
@@ -12353,6 +12363,9 @@ function McpAppMessage({
           data
         );
         setResource(normalizedResource);
+        setRuntimeAppInstanceToken(
+          normalizedResource.appInstanceToken ?? data.appInstanceToken
+        );
         const hostLocale = normalizeHostLocale(i18n2.language);
         setSrcDoc(
           injectMcpAppTheme(
@@ -12380,6 +12393,7 @@ function McpAppMessage({
     authenticatedFetch,
     data,
     data.appInstanceId,
+    data.appInstanceToken,
     data.csp,
     i18n2.language,
     resourceUrl
@@ -12926,7 +12940,7 @@ function renderContentItem(content, index, message, lookupMessages, options) {
       return /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsx42(WidgetMessage, { messageId, data: content.data }) }, content.id ?? `widget-${index}`);
     }
     if (isMcpAppComponent(content)) {
-      return /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsx42(McpAppMessage, { data: content.data }) }, content.id ?? `mcp-app-${index}`);
+      return /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsx42(McpAppMessage, { messageId, data: content.data }) }, content.id ?? `mcp-app-${index}`);
     }
     if (getComponentMessagePresentation(content, getToolStepData(content)) === "grouped-step") {
       return /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsx42(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xpert-ai/chatkit-ui",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "ChatKit UI.",
   "type": "module",
   "sideEffects": false,
@@ -59,9 +59,9 @@
     "tw-animate-css": "^1.4.0",
     "uuid": "^11.1.0",
     "zod": "^4.1.12",
-    "@xpert-ai/a2ui-react": "~0.1.0",
     "@xpert-ai/chatkit-types": "~0.4.1",
-    "@xpert-ai/chatkit-web-shared": "~0.3.4"
+    "@xpert-ai/chatkit-web-shared": "~0.3.4",
+    "@xpert-ai/a2ui-react": "~0.1.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/dist/app/assets/channel-BFsqVDof.js

@@ -1 +0,0 @@
-import{aq as o,ar as n}from"./index-KkR7szpv.js";const t=(r,a)=>o.lang.round(n.parse(r)[a]);export{t as c};

package/dist/app/assets/classDiagram-6PBFFD2Q-Bn8c7G_r.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-bBSVyHgs.js";import{_ as i}from"./index-KkR7szpv.js";import"./chunk-FMBD7UC4-DJ8k-IiR.js";import"./chunk-YZCP3GAM-B1p0s5ao.js";import"./chunk-55IACEB6-Ds-SW37D.js";import"./chunk-EDXVE4YY-Dri8feOV.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/classDiagram-v2-HSJHXN6E-Bn8c7G_r.js

@@ -1 +0,0 @@
-import{s as a,c as s,a as e,C as t}from"./chunk-4TB4RGXK-bBSVyHgs.js";import{_ as i}from"./index-KkR7szpv.js";import"./chunk-FMBD7UC4-DJ8k-IiR.js";import"./chunk-YZCP3GAM-B1p0s5ao.js";import"./chunk-55IACEB6-Ds-SW37D.js";import"./chunk-EDXVE4YY-Dri8feOV.js";var u={parser:e,get db(){return new t},renderer:s,styles:a,init:i(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{u as diagram};

package/dist/app/assets/clone-IlBC1DaN.js

@@ -1 +0,0 @@
-import{b as r}from"./graph-BYtz-_6s.js";var e=4;function a(o){return r(o,e)}export{a as c};

package/dist/app/assets/stateDiagram-v2-QKLJ7IA2-CFVaPbpw.js

@@ -1 +0,0 @@
-import{s as t,b as r,a,S as s}from"./chunk-OYMX7WX6-k7E98ZJe.js";import{_ as i}from"./index-KkR7szpv.js";import"./chunk-55IACEB6-Ds-SW37D.js";import"./chunk-EDXVE4YY-Dri8feOV.js";var l={parser:a,get db(){return new s(2)},renderer:r,styles:t,init:i(e=>{e.state||(e.state={}),e.state.arrowMarkerAbsolute=e.arrowMarkerAbsolute},"init")};export{l as diagram};