@copilotkit/vue 1.59.1 → 1.59.2

package/dist/v2/hooks/use-default-render-tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-default-render-tool.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-default-render-tool.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,YAAY,GAAG,WAAW,GAAG,UAAU,CAAC;IAChD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AA8FF,wBAAgB,oBAAoB,CAClC,MAAM,CAAC,EAAE;IACP,MAAM,CAAC,EACH,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,UAAU,CAAC,GAC3C,SAAS,CAAC,kBAAkB,CAAC,CAAC;CACnC,EACD,IAAI,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,GAC5B,IAAI,CAiBN"}
+{"version":3,"file":"use-default-render-tool.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-default-render-tool.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,YAAY,GAAG,WAAW,GAAG,UAAU,CAAC;IAChD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,CAAC;AAoPF,wBAAgB,oBAAoB,CAClC,MAAM,CAAC,EAAE;IACP,MAAM,CAAC,EACH,CAAC,CAAC,KAAK,EAAE,kBAAkB,KAAK,UAAU,CAAC,GAC3C,SAAS,CAAC,kBAAkB,CAAC,CAAC;CACnC,EACD,IAAI,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,EAAE,GAC5B,IAAI,CAsDN"}

package/dist/v2/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@copilotkit/core"),i=require("@ag-ui/client"),e=require("../use-render-activity-message-D7Ve-ASg.cjs"),n=require("@copilotkit/shared");exports.A2UIActivityContentSchema=e.A2UIActivityContentSchema;exports.A2UISurfaceActivityRenderer=e._sfc_main;exports.A2UISurfaceActivityType=e.A2UISurfaceActivityType;exports.CopilotChat=e.CopilotChat;exports.CopilotChatAssistantMessage=e._sfc_main$1;exports.CopilotChatAttachmentQueue=e._sfc_main$2;exports.CopilotChatAttachmentRenderer=e._sfc_main$3;exports.CopilotChatAudioRecorder=e._sfc_main$4;exports.CopilotChatConfigurationProvider=e._sfc_main$5;exports.CopilotChatDefaultLabels=e.CopilotChatDefaultLabels;exports.CopilotChatInput=e._sfc_main$6;exports.CopilotChatMessageView=e._sfc_main$7;exports.CopilotChatReasoningMessage=e._sfc_main$8;exports.CopilotChatSuggestionPill=e._sfc_main$9;exports.CopilotChatSuggestionView=e._sfc_main$10;exports.CopilotChatToggleButton=e.CopilotChatToggleButton;exports.CopilotChatToggleButtonCloseIcon=e.CopilotChatToggleButtonCloseIcon;exports.CopilotChatToggleButtonOpenIcon=e.CopilotChatToggleButtonOpenIcon;exports.CopilotChatToolCallsView=e._sfc_main$11;exports.CopilotChatUserMessage=e._sfc_main$12;exports.CopilotChatView=e._sfc_main$13;exports.CopilotKitCoreVue=e.CopilotKitCoreVue;exports.CopilotKitInspector=e._sfc_main$14;exports.CopilotKitProvider=e._sfc_main$15;exports.CopilotModalHeader=e.CopilotModalHeader;exports.CopilotPopup=e._sfc_main$16;exports.CopilotPopupView=e.CopilotPopupView;exports.CopilotSidebar=e._sfc_main$17;exports.CopilotSidebarView=e.CopilotSidebarView;exports.GenerateSandboxedUiArgsSchema=e.GenerateSandboxedUiArgsSchema;exports.LicenseContextKey=e.LicenseContextKey;exports.MCPAppsActivityContentSchema=e.MCPAppsActivityContentSchema;exports.MCPAppsActivityRenderer=e.MCPAppsActivityRenderer;exports.MCPAppsActivityType=e.MCPAppsActivityType;exports.OpenGenerativeUIActivityRenderer=e.OpenGenerativeUIActivityRenderer;exports.OpenGenerativeUIActivityType=e.OpenGenerativeUIActivityType;exports.OpenGenerativeUIContentSchema=e.OpenGenerativeUIContentSchema;exports.OpenGenerativeUIRenderer=e.OpenGenerativeUIRenderer;exports.OpenGenerativeUIToolRenderer=e.OpenGenerativeUIToolRenderer;exports.UseAgentUpdate=e.UseAgentUpdate;exports.createA2UIMessageRenderer=e.createA2UIMessageRenderer;exports.createDefaultLicenseRef=e.createDefaultLicenseRef;exports.defineToolCallRenderer=e.defineToolCallRenderer;exports.extractCompleteStyles=e.extractCompleteStyles;exports.getOperationSurfaceId=e.getOperationSurfaceId;exports.processPartialHtml=e.processPartialHtml;exports.useAgent=e.useAgent;exports.useAgentContext=e.useAgentContext;exports.useAttachments=e.useAttachments;exports.useCapabilities=e.useCapabilities;exports.useComponent=e.useComponent;exports.useConfigureSuggestions=e.useConfigureSuggestions;exports.useCopilotChatConfiguration=e.useCopilotChatConfiguration;exports.useCopilotKit=e.useCopilotKit;exports.useDefaultRenderTool=e.useDefaultRenderTool;exports.useFrontendTool=e.useFrontendTool;exports.useHumanInTheLoop=e.useHumanInTheLoop;exports.useInterrupt=e.useInterrupt;exports.useKatexStyles=e.useKatexStyles;exports.useKeyboardHeight=e.useKeyboardHeight;exports.useLicenseContext=e.useLicenseContext;exports.useRenderActivityMessage=e.useRenderActivityMessage;exports.useRenderCustomMessages=e.useRenderCustomMessages;exports.useRenderTool=e.useRenderTool;exports.useSandboxFunctions=e.useSandboxFunctions;exports.useSuggestions=e.useSuggestions;exports.useThreads=e.useThreads;Object.defineProperty(exports,"createLicenseContextValue",{enumerable:!0,get:()=>n.createLicenseContextValue});Object.keys(o).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>o[t]})});Object.keys(i).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>i[t]})});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@copilotkit/core"),i=require("@ag-ui/client"),e=require("../use-render-activity-message-CiFAWxYV.cjs"),n=require("@copilotkit/shared");exports.A2UIActivityContentSchema=e.A2UIActivityContentSchema;exports.A2UISurfaceActivityRenderer=e._sfc_main;exports.A2UISurfaceActivityType=e.A2UISurfaceActivityType;exports.CopilotChat=e.CopilotChat;exports.CopilotChatAssistantMessage=e._sfc_main$1;exports.CopilotChatAttachmentQueue=e._sfc_main$2;exports.CopilotChatAttachmentRenderer=e._sfc_main$3;exports.CopilotChatAudioRecorder=e._sfc_main$4;exports.CopilotChatConfigurationProvider=e._sfc_main$5;exports.CopilotChatDefaultLabels=e.CopilotChatDefaultLabels;exports.CopilotChatInput=e._sfc_main$6;exports.CopilotChatMessageView=e._sfc_main$7;exports.CopilotChatReasoningMessage=e._sfc_main$8;exports.CopilotChatSuggestionPill=e._sfc_main$9;exports.CopilotChatSuggestionView=e._sfc_main$10;exports.CopilotChatToggleButton=e.CopilotChatToggleButton;exports.CopilotChatToggleButtonCloseIcon=e.CopilotChatToggleButtonCloseIcon;exports.CopilotChatToggleButtonOpenIcon=e.CopilotChatToggleButtonOpenIcon;exports.CopilotChatToolCallsView=e._sfc_main$11;exports.CopilotChatUserMessage=e._sfc_main$12;exports.CopilotChatView=e._sfc_main$13;exports.CopilotKitCoreVue=e.CopilotKitCoreVue;exports.CopilotKitInspector=e._sfc_main$14;exports.CopilotKitProvider=e._sfc_main$15;exports.CopilotModalHeader=e.CopilotModalHeader;exports.CopilotPopup=e._sfc_main$16;exports.CopilotPopupView=e.CopilotPopupView;exports.CopilotSidebar=e._sfc_main$17;exports.CopilotSidebarView=e.CopilotSidebarView;exports.GenerateSandboxedUiArgsSchema=e.GenerateSandboxedUiArgsSchema;exports.LicenseContextKey=e.LicenseContextKey;exports.MCPAppsActivityContentSchema=e.MCPAppsActivityContentSchema;exports.MCPAppsActivityRenderer=e.MCPAppsActivityRenderer;exports.MCPAppsActivityType=e.MCPAppsActivityType;exports.OpenGenerativeUIActivityRenderer=e.OpenGenerativeUIActivityRenderer;exports.OpenGenerativeUIActivityType=e.OpenGenerativeUIActivityType;exports.OpenGenerativeUIContentSchema=e.OpenGenerativeUIContentSchema;exports.OpenGenerativeUIRenderer=e.OpenGenerativeUIRenderer;exports.OpenGenerativeUIToolRenderer=e.OpenGenerativeUIToolRenderer;exports.UseAgentUpdate=e.UseAgentUpdate;exports.createA2UIMessageRenderer=e.createA2UIMessageRenderer;exports.createDefaultLicenseRef=e.createDefaultLicenseRef;exports.defineToolCallRenderer=e.defineToolCallRenderer;exports.extractCompleteStyles=e.extractCompleteStyles;exports.getOperationSurfaceId=e.getOperationSurfaceId;exports.processPartialHtml=e.processPartialHtml;exports.useAgent=e.useAgent;exports.useAgentContext=e.useAgentContext;exports.useAttachments=e.useAttachments;exports.useCapabilities=e.useCapabilities;exports.useComponent=e.useComponent;exports.useConfigureSuggestions=e.useConfigureSuggestions;exports.useCopilotChatConfiguration=e.useCopilotChatConfiguration;exports.useCopilotKit=e.useCopilotKit;exports.useDefaultRenderTool=e.useDefaultRenderTool;exports.useFrontendTool=e.useFrontendTool;exports.useHumanInTheLoop=e.useHumanInTheLoop;exports.useInterrupt=e.useInterrupt;exports.useKatexStyles=e.useKatexStyles;exports.useKeyboardHeight=e.useKeyboardHeight;exports.useLicenseContext=e.useLicenseContext;exports.useRenderActivityMessage=e.useRenderActivityMessage;exports.useRenderCustomMessages=e.useRenderCustomMessages;exports.useRenderTool=e.useRenderTool;exports.useSandboxFunctions=e.useSandboxFunctions;exports.useSuggestions=e.useSuggestions;exports.useThreads=e.useThreads;Object.defineProperty(exports,"createLicenseContextValue",{enumerable:!0,get:()=>n.createLicenseContextValue});Object.keys(o).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>o[t]})});Object.keys(i).forEach(t=>{t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:()=>i[t]})});
 //# sourceMappingURL=index.cjs.map

package/dist/v2/index.mjs

@@ -1,6 +1,6 @@
 export * from "@copilotkit/core";
 export * from "@ag-ui/client";
-import { A as o, _ as i, a as n, C, b as r, c as p, d as l, e as u, f as c, g, h as d, i as h, j as A, k as S, l as m, m as v, n as y, o as I, p as f, q as R, r as T, s as U, t as x, u as M, v as P, w as b, x as V, y as K, z as O, G as w, L as G, M as L, B as H, D as B, O as D, E as F, F as Q, H as j, I as k, U as q, J as z, K as E, N as J, P as N, Q as W, R as X, S as Y, T as Z, V as _, W as $, X as ee, Y as ae, Z as te, $ as se, a0 as oe, a1 as ie, a2 as ne, a3 as Ce, a4 as re, a5 as pe, a6 as le, a7 as ue, a8 as ce, a9 as ge, aa as de, ab as he, ac as Ae } from "../use-render-activity-message-CE0GKV5B.js";
+import { A as o, _ as i, a as n, C, b as r, c as p, d as l, e as u, f as c, g, h as d, i as h, j as A, k as S, l as m, m as v, n as y, o as I, p as f, q as R, r as T, s as U, t as x, u as M, v as P, w as b, x as V, y as K, z as O, G as w, L as G, M as L, B as H, D as B, O as D, E as F, F as Q, H as j, I as k, U as q, J as z, K as E, N as J, P as N, Q as W, R as X, S as Y, T as Z, V as _, W as $, X as ee, Y as ae, Z as te, $ as se, a0 as oe, a1 as ie, a2 as ne, a3 as Ce, a4 as re, a5 as pe, a6 as le, a7 as ue, a8 as ce, a9 as ge, aa as de, ab as he, ac as Ae } from "../use-render-activity-message-C6mweDb2.js";
 import { createLicenseContextValue as me } from "@copilotkit/shared";
 export {
   o as A2UIActivityContentSchema,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/vue",
-  "version": "1.59.1",
+  "version": "1.59.2",
   "private": false,
   "description": "Vue 3 components and composables for CopilotKit",
   "keywords": [
@@ -70,9 +70,9 @@
     "streamdown-vue": "^1.0.29",
     "zod": "^3.25.75",
     "zod-to-json-schema": "^3.24.5",
-    "@copilotkit/core": "1.59.1",
-    "@copilotkit/shared": "1.59.1",
-    "@copilotkit/web-inspector": "1.59.1"
+    "@copilotkit/core": "1.59.2",
+    "@copilotkit/web-inspector": "1.59.2",
+    "@copilotkit/shared": "1.59.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",

package/src/v2/components/chat/CopilotChatMessageView.vue

@@ -469,7 +469,7 @@ function resolveToolMessage(
     <slot v-if="showCursor" name="cursor">
       <div
         class="cpk:w-[11px] cpk:h-[11px] cpk:rounded-full cpk:bg-foreground cpk:animate-pulse cpk:ml-1"
-        data-testid="copilot-chat-cursor"
+        data-testid="copilot-loading-cursor"
       />
     </slot>
   </div>

package/src/v2/components/chat/__tests__/CopilotChat.e2e.test.ts

@@ -1069,7 +1069,7 @@ describe("CopilotChat E2E - Chat Basics and Streaming Patterns", () => {
       );
 
       await waitFor(() => {
-        const chatLevelCursor = screen.queryByTestId("copilot-chat-cursor");
+        const chatLevelCursor = screen.queryByTestId("copilot-loading-cursor");
         expect(chatLevelCursor).toBeNull();
       });
 
@@ -1098,7 +1098,7 @@ describe("CopilotChat E2E - Chat Basics and Streaming Patterns", () => {
       });
 
       await waitFor(() => {
-        const chatLevelCursor = screen.queryByTestId("copilot-chat-cursor");
+        const chatLevelCursor = screen.queryByTestId("copilot-loading-cursor");
         expect(chatLevelCursor).not.toBeNull();
       });
 

package/src/v2/components/chat/__tests__/CopilotChatActivityRendering.e2e.test.ts

@@ -179,7 +179,7 @@ function jsonResponse(body: unknown, status = 200): Response {
 
 async function submitMessageAndWaitForUserMessage(value: string) {
   await waitFor(() => {
-    expect(screen.queryByTestId("copilot-chat-cursor")).toBeNull();
+    expect(screen.queryByTestId("copilot-loading-cursor")).toBeNull();
   });
 
   const input = await screen.findByRole("textbox");

package/src/v2/components/chat/__tests__/CopilotChatMessageView.testid.spec.ts

@@ -0,0 +1,17 @@
+import { readFileSync } from "fs";
+import { resolve } from "path";
+
+/**
+ * Verifies the vue MessageView cursor renders the stable
+ * `copilot-loading-cursor` testid so e2e tests can deterministically detect
+ * the "still loading" state. Aligns with the v2 react-core convention.
+ */
+
+const viewPath = resolve(__dirname, "../CopilotChatMessageView.vue");
+const viewSrc = readFileSync(viewPath, "utf-8");
+
+describe("vue stable testids", () => {
+  it("CopilotChatMessageView cursor renders the copilot-loading-cursor testid", () => {
+    expect(viewSrc).toMatch(/data-testid="copilot-loading-cursor"/);
+  });
+});

package/src/v2/hooks/__tests__/use-default-render-tool.test.ts

@@ -46,7 +46,7 @@ describe("useDefaultRenderTool", () => {
 
   it("forwards custom render function and deps", () => {
     const customRender = vi.fn(() => "custom");
-    const deps = ["compact"] as const;
+    const deps = [() => "compact"];
 
     const Harness = defineComponent({
       setup() {
@@ -54,7 +54,7 @@ describe("useDefaultRenderTool", () => {
           {
             render: customRender,
           },
-          deps as unknown as any[],
+          deps,
         );
         return {};
       },
@@ -65,12 +65,33 @@ describe("useDefaultRenderTool", () => {
 
     expect(mockUseRenderTool).toHaveBeenCalledTimes(1);
     const [config, forwardedDeps] = mockUseRenderTool.mock.calls[0] as [
-      { name: string; render: typeof customRender },
+      {
+        name: string;
+        render: (props: {
+          name: string;
+          toolCallId: string;
+          args: unknown;
+          status: string;
+          result: string | undefined;
+        }) => unknown;
+      },
       unknown[],
     ];
 
     expect(config.name).toBe("*");
-    expect(config.render).toBe(customRender);
+    // The registered render is a wrapper that adapts RawRendererProps →
+    // DefaultRenderProps before invoking the user's render, so the user
+    // function is not the registered render by reference. Verify the
+    // wrapper forwards correctly instead.
+    expect(typeof config.render).toBe("function");
+    config.render({
+      name: "x",
+      toolCallId: "tc-1",
+      args: { a: 1 },
+      status: "complete",
+      result: "ok",
+    });
+    expect(customRender).toHaveBeenCalledTimes(1);
     expect(forwardedDeps).toBe(deps);
   });
 
@@ -114,12 +135,24 @@ describe("useDefaultRenderTool", () => {
     });
   });
 
-  it("forwards custom render component", () => {
+  // F14: component-typed render must receive adapted DefaultRenderProps
+  // (parameters + string-union status), not the raw call-site shape (args).
+  // The registered render is a WRAPPER that runs adaptRendererProps and
+  // forwards to the user's component — not the component itself by reference.
+  it("forwards custom render component with adapted DefaultRenderProps", async () => {
+    const receivedProps = vi.fn();
     const customRender = defineComponent({
       props: {
         name: { type: String, required: true },
+        toolCallId: { type: String, required: true },
+        parameters: { type: null, required: false, default: undefined },
+        status: { type: String, required: true },
+        result: { type: null, required: false, default: undefined },
+      },
+      setup(props) {
+        receivedProps({ ...props });
+        return () => null;
       },
-      template: `<div>{{ name }}</div>`,
     });
 
     const Harness = defineComponent({
@@ -135,11 +168,131 @@ describe("useDefaultRenderTool", () => {
     render(Harness);
 
     const [config] = mockUseRenderTool.mock.calls[0] as [
-      { name: string; render: typeof customRender },
+      {
+        name: string;
+        render: (props: unknown) => unknown;
+      },
     ];
 
     expect(config.name).toBe("*");
-    expect(config.render).toBe(customRender);
+    // Wrapper, not reference equality.
+    expect(typeof config.render).toBe("function");
+
+    // Render the wrapper with the RAW call-site shape (args + enum-string status).
+    const Wrapper = defineComponent({
+      setup() {
+        return () =>
+          (config.render as (p: unknown) => unknown)({
+            name: "searchDocs",
+            toolCallId: "tc-component-adapt",
+            args: { query: "copilot" },
+            status: "complete",
+            result: "ok",
+          });
+      },
+    });
+
+    render(Wrapper);
+
+    expect(receivedProps).toHaveBeenCalled();
+    const adapted = receivedProps.mock.calls[0][0] as Record<string, unknown>;
+    expect(adapted.parameters).toEqual({ query: "copilot" });
+    expect(adapted.status).toBe("complete");
+    expect(adapted.toolCallId).toBe("tc-component-adapt");
+    expect(adapted.result).toBe("ok");
+    expect(adapted.name).toBe("searchDocs");
+  });
+
+  // F11: result prop is typeless (type: null) so a non-string result is rendered
+  // safely via safeStringifyForPre and serialized into data-result without
+  // Vue dev-mode type warnings (no "Invalid prop: type check failed for prop
+  // 'result'" noise).
+  it("default renderer handles non-string result via safe stringify with no Vue type warning", async () => {
+    const warnSpy = vi.spyOn(console, "warn").mockImplementation(() => {});
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool();
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [{ render: unknown }];
+    const DefaultRenderer = config.render;
+    const structuredResult = { ok: true, count: 3 };
+
+    render(DefaultRenderer as any, {
+      props: {
+        name: "searchDocs",
+        toolCallId: "tc-nonstring-result",
+        parameters: { query: "copilot" },
+        status: "complete",
+        result: structuredResult,
+      },
+    });
+
+    const wrapper = screen.getByTestId("copilot-tool-render");
+    expect(wrapper.getAttribute("data-result")).toBe(
+      JSON.stringify(structuredResult),
+    );
+
+    await fireEvent.click(screen.getByText("searchDocs"));
+    expect(screen.getByText("Result")).toBeDefined();
+    // The stringified payload appears in the <pre>.
+    expect(screen.getByText(/"count": 3/)).toBeDefined();
+
+    // The "result" prop must be typeless so non-string values do not trip
+    // Vue's runtime type validator (dev-mode warn).
+    const offending = warnSpy.mock.calls.filter((call) =>
+      String(call[0] ?? "").includes(
+        'Invalid prop: type check failed for prop "result"',
+      ),
+    );
+    expect(offending.length).toBe(0);
+    warnSpy.mockRestore();
+  });
+
+  // F9: warn-on-unknown-status is deduplicated per distinct value.
+  it("warns at most once for the same unknown status across renders", () => {
+    const warnSpy = vi.spyOn(console, "warn").mockImplementation(() => {});
+
+    const customRender = vi.fn(() => "custom");
+
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool({ render: customRender });
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [
+      { render: (props: unknown) => unknown },
+    ];
+
+    const unknownStatus = "vue-unknown-status-xyz";
+
+    // Invoke 3 times with the same unknown status; should warn ONCE total
+    // for this value.
+    for (let i = 0; i < 3; i++) {
+      config.render({
+        name: "searchDocs",
+        toolCallId: `tc-unknown-${i}`,
+        args: {},
+        status: unknownStatus,
+        result: undefined,
+      });
+    }
+
+    const matching = warnSpy.mock.calls.filter((call) =>
+      String(call[0] ?? "").includes(unknownStatus),
+    );
+    expect(matching.length).toBe(1);
+    warnSpy.mockRestore();
   });
 
   it("default renderer shows status and expands to show parameters/result", async () => {
@@ -211,4 +364,217 @@ describe("useDefaultRenderTool", () => {
     expect(screen.getByText("Result")).toBeDefined();
     expect(screen.getByText("done")).toBeDefined();
   });
+
+  it("default renderer emits stable copilot-tool-render testid and metadata attrs", () => {
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool();
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [
+      {
+        render: unknown;
+      },
+    ];
+
+    const DefaultRenderer = config.render;
+    render(DefaultRenderer as any, {
+      props: {
+        name: "searchDocs",
+        toolCallId: "tc-testid-1",
+        parameters: { query: "copilot" },
+        status: "complete",
+        result: "ok",
+      },
+    });
+
+    const wrapper = screen.getByTestId("copilot-tool-render");
+    expect(wrapper).toBeDefined();
+    expect(wrapper.getAttribute("data-tool-name")).toBe("searchDocs");
+    expect(wrapper.getAttribute("data-status")).toBe("complete");
+    expect(wrapper.getAttribute("data-args")).toBe(
+      JSON.stringify({ query: "copilot" }),
+    );
+    expect(wrapper.getAttribute("data-result")).toBe("ok");
+    expect(screen.getByTestId("copilot-tool-render-name").textContent).toBe(
+      "searchDocs",
+    );
+    expect(screen.getByTestId("copilot-tool-render-status").textContent).toBe(
+      "Done",
+    );
+  });
+
+  // Fix #1: a11y — vue version already uses <button>; assert aria-expanded toggles.
+  it("default renderer header is a button with aria-expanded that toggles", async () => {
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool();
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [
+      {
+        render: unknown;
+      },
+    ];
+
+    const DefaultRenderer = config.render;
+    render(DefaultRenderer as any, {
+      props: {
+        name: "searchDocs",
+        toolCallId: "tc-a11y",
+        parameters: { query: "copilot" },
+        status: "executing",
+        result: undefined,
+      },
+    });
+
+    const nameNode = screen.getByTestId("copilot-tool-render-name");
+    const headerButton = nameNode.closest("button");
+    expect(headerButton).not.toBeNull();
+    expect(headerButton!.getAttribute("type")).toBe("button");
+    expect(headerButton!.getAttribute("aria-expanded")).toBe("false");
+
+    await fireEvent.click(headerButton!);
+    expect(headerButton!.getAttribute("aria-expanded")).toBe("true");
+  });
+
+  // Fix #3: data-tool-call-id is emitted on the vue wrapper too.
+  it("default renderer emits data-tool-call-id on the wrapper element", () => {
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool();
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [
+      {
+        render: unknown;
+      },
+    ];
+
+    const DefaultRenderer = config.render;
+    render(DefaultRenderer as any, {
+      props: {
+        name: "searchDocs",
+        toolCallId: "tc-id-emit",
+        parameters: { query: "copilot" },
+        status: "complete",
+        result: "ok",
+      },
+    });
+
+    const wrapper = screen.getByTestId("copilot-tool-render");
+    expect(wrapper.getAttribute("data-tool-call-id")).toBe("tc-id-emit");
+  });
+
+  // Fix #4: opt-in config.render receives adapted DefaultRenderProps shape
+  // (parameters, string-union status) — not the raw renderer signature.
+  it("opt-in config.render receives parameters (not args) and string-union status", () => {
+    const customRender = vi.fn(() => "custom");
+
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool({ render: customRender });
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [
+      {
+        name: string;
+        render: (props: {
+          name: string;
+          toolCallId: string;
+          args: unknown;
+          status: string;
+          result: string | undefined;
+        }) => unknown;
+      },
+    ];
+
+    // Simulate what CopilotChatToolCallsView actually passes:
+    // { name, toolCallId, args, status: ToolCallStatus, result }
+    config.render({
+      name: "searchDocs",
+      toolCallId: "tc-adapt-1",
+      args: { query: "copilot" },
+      status: "complete",
+      result: "ok",
+    });
+
+    expect(customRender).toHaveBeenCalledTimes(1);
+    const forwarded = customRender.mock.calls[0]?.[0] as Record<
+      string,
+      unknown
+    >;
+    expect(forwarded.parameters).toEqual({ query: "copilot" });
+    expect(forwarded.status).toBe("complete");
+    expect(forwarded.toolCallId).toBe("tc-adapt-1");
+    expect(forwarded.result).toBe("ok");
+  });
+
+  // Fix #5: circular-ref parameters must not crash the vue render; log.
+  it("default renderer survives circular-ref parameters and logs", async () => {
+    const warnSpy = vi.spyOn(console, "warn").mockImplementation(() => {});
+
+    const Harness = defineComponent({
+      setup() {
+        useDefaultRenderTool();
+        return {};
+      },
+      template: `<div />`,
+    });
+
+    render(Harness);
+
+    const [config] = mockUseRenderTool.mock.calls[0] as [
+      {
+        render: unknown;
+      },
+    ];
+
+    const DefaultRenderer = config.render;
+
+    const circular: Record<string, unknown> = { a: 1 };
+    circular.self = circular;
+
+    expect(() =>
+      render(DefaultRenderer as any, {
+        props: {
+          name: "circ",
+          toolCallId: "tc-circular",
+          parameters: circular,
+          status: "executing",
+          result: undefined,
+        },
+      }),
+    ).not.toThrow();
+
+    const headerButton = screen
+      .getByTestId("copilot-tool-render-name")
+      .closest("button");
+    if (headerButton) {
+      await expect(fireEvent.click(headerButton)).resolves.not.toThrow();
+    }
+
+    expect(warnSpy).toHaveBeenCalled();
+    warnSpy.mockRestore();
+  });
 });