@seed-ship/mcp-ui-solid 5.5.0 → 5.6.0

package/dist/components/UIResourceRenderer.cjs

@@ -6,6 +6,7 @@ const solidJs = require("solid-js");
 const validation = require("../services/validation.cjs");
 const GenerativeUIErrorBoundary = require("./GenerativeUIErrorBoundary.cjs");
 const perf = require("../utils/perf.cjs");
+const MCPUITelemetryContext = require("../context/MCPUITelemetryContext.cjs");
 const GridRenderer = require("./GridRenderer.cjs");
 const FooterRenderer = require("./FooterRenderer.cjs");
 const CarouselRenderer = require("./CarouselRenderer.cjs");
@@ -1055,9 +1056,44 @@ function LinkRenderer(props) {
   })();
 }
 function ComponentRenderer(props) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f;
   perf.markRenderStart(props.component.id);
-  solidJs.onMount(() => perf.markRenderEnd(props.component.id));
+  const telemetry = MCPUITelemetryContext.useTelemetry();
+  solidJs.onMount(() => {
+    perf.markRenderEnd(props.component.id);
+    if (telemetry) {
+      const ts = Date.now();
+      telemetry.dispatch({
+        type: "component:mounted",
+        id: props.component.id,
+        componentType: props.component.type,
+        ts
+      });
+      if (typeof performance !== "undefined" && typeof performance.getEntriesByName === "function") {
+        const entries = performance.getEntriesByName(`${perf.PERF_PREFIX}${props.component.id}:render`, "measure");
+        const last = entries[entries.length - 1];
+        if (last) {
+          telemetry.dispatch({
+            type: "component:rendered",
+            id: props.component.id,
+            componentType: props.component.type,
+            durationMs: last.duration,
+            ts
+          });
+        }
+      }
+    }
+  });
+  solidJs.onCleanup(() => {
+    if (telemetry) {
+      telemetry.dispatch({
+        type: "component:unmounted",
+        id: props.component.id,
+        componentType: props.component.type,
+        ts: Date.now()
+      });
+    }
+  });
   const validation$1 = validation.validateComponent(props.component);
   if (!validation$1.valid) {
     (_a = props.onError) == null ? void 0 : _a.call(props, {
@@ -1066,8 +1102,18 @@ function ComponentRenderer(props) {
       componentId: props.component.id,
       details: validation$1.errors
     });
+    if (telemetry) {
+      telemetry.dispatch({
+        type: "validation:failed",
+        id: props.component.id,
+        componentType: props.component.type,
+        errorCount: ((_b = validation$1.errors) == null ? void 0 : _b.length) ?? 0,
+        firstErrorCode: ((_d = (_c = validation$1.errors) == null ? void 0 : _c[0]) == null ? void 0 : _d.code) ?? null,
+        ts: Date.now()
+      });
+    }
     const mode = props.errorMode ?? "block";
-    const firstError = ((_c = (_b = validation$1.errors) == null ? void 0 : _b[0]) == null ? void 0 : _c.message) || "Unknown validation error";
+    const firstError = ((_f = (_e = validation$1.errors) == null ? void 0 : _e[0]) == null ? void 0 : _f.message) || "Unknown validation error";
     if (mode === "silent") {
       return null;
     }
@@ -1319,7 +1365,20 @@ function ActionRenderer(props) {
     execute,
     isExecuting
   } = useAction.useAction();
+  const telemetry = MCPUITelemetryContext.useTelemetry();
+  function dispatchTelemetry() {
+    if (!telemetry) return;
+    const actionName = params.toolName ?? params.action ?? "unknown";
+    telemetry.dispatch({
+      type: "action:dispatched",
+      id: props.component.id,
+      componentType: "action",
+      actionName,
+      ts: Date.now()
+    });
+  }
   const handleClick = async (e) => {
+    dispatchTelemetry();
     if (params.action === "tool-call" && params.toolName) {
       e.preventDefault();
       await execute(params.toolName, params.params || {});