@copilotkit/web-inspector 1.63.2 → 1.64.0

package/dist/package.cjs

@@ -1,6 +1,6 @@
 
 //#region package.json
-var version = "1.63.2";
+var version = "1.64.0";
 
 //#endregion
 Object.defineProperty(exports, 'version', {

package/dist/package.mjs

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "1.63.2";
+var version = "1.64.0";
 
 //#endregion
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/web-inspector",
-  "version": "1.63.2",
+  "version": "1.64.0",
   "description": "Lit-based web component for the CopilotKit web inspector",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "lit": "^3.2.0",
     "lucide": "^0.525.0",
     "marked": "^12.0.2",
-    "@copilotkit/core": "1.63.2"
+    "@copilotkit/core": "1.64.0"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.1.11",

package/src/__tests__/web-inspector.spec.ts

@@ -411,6 +411,19 @@ type ThreadDetailsInternals = {
   timelineItemsFromEvents: (
     events: Array<Record<string, unknown>>,
   ) => Array<Record<string, unknown>>;
+  mapMessages: (
+    messages: Array<{
+      id: string;
+      role: string;
+      content?: string | null;
+      toolCallId?: string | null;
+      toolCalls?: Array<{
+        id: string;
+        name: string;
+        args: string;
+      }>;
+    }>,
+  ) => Array<Record<string, unknown>>;
 };
 
 function createThreadDetails(): {
@@ -453,7 +466,6 @@ function createDeferred<T>(): {
   });
   return { promise, resolve, reject };
 }
-
 describe("ɵCpkThreadDetails caching", () => {
   beforeEach(() => {
     document.body.innerHTML = "";
@@ -749,6 +761,57 @@ describe("ɵCpkThreadDetails caching", () => {
     expect(internals.renderState()).not.toBe(stateA);
     expect(internals.renderEvents()).not.toBe(eventsA);
   });
+
+  it("maps empty tool arguments and results as empty objects", () => {
+    const { internals } = createThreadDetails();
+
+    const items = internals.mapMessages([
+      {
+        id: "assistant-1",
+        role: "assistant",
+        content: "",
+        toolCalls: [
+          {
+            id: "call-empty",
+            name: "lookupUser",
+            args: "",
+          },
+          {
+            id: "call-whitespace",
+            name: "lookupOrder",
+            args: "   ",
+          },
+        ],
+      },
+      {
+        id: "tool-empty",
+        role: "tool",
+        toolCallId: "call-empty",
+        content: "",
+      },
+      {
+        id: "tool-whitespace",
+        role: "tool",
+        toolCallId: "call-whitespace",
+        content: "   ",
+      },
+    ]);
+
+    expect(items).toMatchObject([
+      {
+        type: "tool_call",
+        toolCallId: "call-empty",
+        arguments: {},
+        result: {},
+      },
+      {
+        type: "tool_call",
+        toolCallId: "call-whitespace",
+        arguments: {},
+        result: {},
+      },
+    ]);
+  });
 });
 
 describe("CpkThreadInspector provider contract", () => {

package/src/index.ts

@@ -2327,10 +2327,10 @@ export class CpkThreadInspector extends LitElement {
             let args: Record<string, unknown> = {};
             if (typeof tc.args === "string") {
               try {
-                args = JSON.parse(tc.args) as Record<string, unknown>;
+                args = this.parseToolCallContent(tc.args);
               } catch (err) {
-                // Inspector is a debugging surface — surface malformed payloads
-                // instead of silently substituting `{}`.
+                // Empty content is normalized to `{}` for both tool arguments
+                // and results. The inspector still surfaces malformed JSON.
                 console.error(
                   "[CopilotKit Inspector] Failed to parse tool-call arguments",
                   { toolCallId: tc.id, raw: tc.args, error: err },
@@ -2372,10 +2372,7 @@ export class CpkThreadInspector extends LitElement {
         const tc = toolCallMap.get(msg.toolCallId);
         if (tc) {
           try {
-            tc.result = JSON.parse(msg.content ?? "{}") as Record<
-              string,
-              unknown
-            >;
+            tc.result = this.parseToolCallContent(msg.content);
           } catch (err) {
             // See the comment on the assistant tool-call args parse above —
             // same rationale, same sentinel shape so the renderer can treat
@@ -2392,6 +2389,17 @@ export class CpkThreadInspector extends LitElement {
     return items;
   }
 
+  private parseToolCallContent(
+    content: string | null | undefined,
+  ): Record<string, unknown> {
+    const normalizedContent = content?.trim();
+    if (!normalizedContent) {
+      return {};
+    }
+
+    return JSON.parse(normalizedContent) as Record<string, unknown>;
+  }
+
   private mapApiEvents(events: ThreadDebuggerEvent[]): ApiAgentEvent[] {
     return events.map((event, index) => {
       const { type, timestamp, payload, ...rest } = event;