@copilotkit/vue 2.0.0-rc.3 → 2.0.0-rc.31

package/dist/v2/components/chat/tool-call-layout.d.ts

@@ -1,115 +0,0 @@
-import type { Message, ToolCall, ToolMessage } from "@ag-ui/core";
-/**
- * How the chat shows tool calls.
- *
- * - `"grouped"` (default): calls made in a row share one card, collapsed to a
- *   summary ("Used 3 tools") that opens to a row per call.
- * - `"line"`: the same grouping as a quiet line of text, like the reasoning
- *   message's "Thought for 4 seconds".
- * - `"stacked"`: the latest call on top of a stack of the earlier ones; click
- *   to fan the stack out into its cards.
- * - `"turn"`: the agent works in the open (narration, then a row per call),
- *   and when the reply is done everything before it folds into "Worked for 9s".
- * - `"separate"`: every call gets its own card, as before grouping existed.
- *
- * Only calls drawn by a renderer that opts into grouping (`group: true`) are
- * grouped; CopilotKit's built-in card from `useDefaultRenderTool()` does. Any
- * other call always shows on its own and splits the group around it.
- */
-export type CopilotChatToolCallDisplay = "grouped" | "line" | "stacked" | "turn" | "separate";
-/** One tool call and, once it has finished, the message carrying its result. */
-export interface ToolCallEntry {
-    toolCall: ToolCall;
-    toolMessage?: ToolMessage;
-}
-export type ToolCallSegment = 
-/** Consecutive calls drawn by renderers that opted into grouping. */
-{
-    kind: "group";
-    id: string;
-    calls: ToolCallEntry[];
-    /** Nothing renders after this group yet, so a running agent may add to it. */
-    trailing: boolean;
-}
-/**
- * A call drawn by a renderer that didn't opt into grouping, or with no
- * renderer at all. The latter renders nothing (and warns in development)
- * without breaking a group.
- */
- | {
-    kind: "call";
-    id: string;
-    call: ToolCallEntry;
-    rendered: boolean;
-};
-/** What one assistant message's tool-call area renders. */
-export interface ToolCallLayout {
-    segments: ToolCallSegment[];
-    /** Changes whenever anything this layout renders changes; for memoization. */
-    signature: string;
-}
-/** Which tool-call renderers are registered. */
-export interface ToolCallRendererNames {
-    /** Tool names with a renderer of their own. */
-    named: ReadonlySet<string>;
-    /** Of those, the ones whose renderer opted into grouping. */
-    groupedNames: ReadonlySet<string>;
-    /** A wildcard (`"*"`) renderer is registered. */
-    wildcard: boolean;
-    /** The wildcard renderer opted into grouping (the built-in card does). */
-    wildcardGroups: boolean;
-}
-/** Index of tool results by the call they answer. */
-export declare function getToolResults(messages: Message[]): Map<string, ToolMessage>;
-/**
- * Lays out the tool calls of every assistant message in `rendered`.
- *
- * Calls drawn by a renderer that opted into grouping join the group that's
- * open; anything else that shows between them closes it: assistant text, a
- * user, reasoning or activity message, or a call drawn by any other renderer. A group belongs to
- * the message where it starts, so later messages whose calls joined it render
- * no tool calls themselves.
- *
- * @param rendered - The messages as the chat renders them, in order.
- * @param all - Every message, for finding tool results (a transform may hide them).
- * @param renderers - The registered renderers.
- */
-export declare function getToolCallLayouts(rendered: Message[], all: Message[], renderers: ToolCallRendererNames): Map<string, ToolCallLayout>;
-/**
- * Which renderers draw tool calls, from the registered renderers and the
- * view's tool-call slots. A slot wins over a registered renderer and never
- * groups, since the chat can't tell what it draws: `#tool-call-<name>` takes
- * that tool, and `#tool-call` takes every tool.
- *
- * @param renderers - The registered renderers (`copilotkit.renderToolCalls`).
- * @param slotNames - The names of the slots the view was given.
- */
-export declare function getToolCallRendererNames(renderers: readonly {
-    name: string;
-    group?: boolean;
-}[], slotNames?: readonly string[]): ToolCallRendererNames;
-/** A reply's working phase, for the `"turn"` display. */
-export interface TurnWork {
-    /** Stable across the turn's life: the id of the user message it answers. */
-    key: string;
-    /** The first assistant-side message, where the "Worked for" line goes. */
-    firstMessageId: string;
-    /** Everything up to and including the last message with a tool call. */
-    workMessageIds: ReadonlySet<string>;
-    /**
-     * The reply's last assistant message, when it has text and is part of the
-     * work (it also calls a tool). Its text is the answer, so it stays out.
-     */
-    replyTextMessageId?: string;
-    calls: ToolCallEntry[];
-    /** No user message follows, so the agent may still be working on it. */
-    isLatest: boolean;
-}
-/**
- * Finds the working phase of every reply in `rendered`: its messages up to the
- * last one that calls a tool. Text in there was narration; what follows is the
- * reply itself. Replies that called no tools are omitted, except the latest,
- * which may be about to.
- */
-export declare function getTurnWork(rendered: Message[], layouts: ReadonlyMap<string, ToolCallLayout>): Map<string, TurnWork>;
-//# sourceMappingURL=tool-call-layout.d.ts.map

package/dist/v2/components/chat/tool-call-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tool-call-layout.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/chat/tool-call-layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAElE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,0BAA0B,GAClC,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,UAAU,CAAC;AAEf,gFAAgF;AAChF,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe;AACzB,qEAAqE;AACnE;IACE,IAAI,EAAE,OAAO,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,CAAC;CACnB;AACH;;;;GAIG;GACD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzE,2DAA2D;AAC3D,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,8EAA8E;IAC9E,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,gDAAgD;AAChD,MAAM,WAAW,qBAAqB;IACpC,+CAA+C;IAC/C,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,6DAA6D;IAC7D,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,iDAAiD;IACjD,QAAQ,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,cAAc,EAAE,OAAO,CAAC;CACzB;AA4BD,qDAAqD;AACrD,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAM5E;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,OAAO,EAAE,EACnB,GAAG,EAAE,OAAO,EAAE,EACd,SAAS,EAAE,qBAAqB,GAC/B,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,CAuD7B;AAID;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,EAAE,EACvD,SAAS,GAAE,SAAS,MAAM,EAAO,GAChC,qBAAqB,CAuBvB;AAED,yDAAyD;AACzD,MAAM,WAAW,QAAQ;IACvB,4EAA4E;IAC5E,GAAG,EAAE,MAAM,CAAC;IACZ,0EAA0E;IAC1E,cAAc,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,cAAc,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,OAAO,EAAE,EACnB,OAAO,EAAE,WAAW,CAAC,MAAM,EAAE,cAAc,CAAC,GAC3C,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CA6DvB"}

package/dist/v2/lib/is-mobile-viewport.d.ts

@@ -1,15 +0,0 @@
-/**
- * Media query for the mobile breakpoint, shared so the string literal isn't
- * duplicated across call sites within this package (e.g. `CopilotModalHeader`,
- * which needs a live `matchMedia` change-listener and so can't call
- * `isMobileViewport()` directly).
- */
-export declare const MOBILE_MAX_WIDTH_QUERY = "(max-width: 767px)";
-/**
- * Reports whether the viewport is in the mobile range (`<768px`), where the
- * drawer and chat modal are mutually exclusive. SSR-safe (returns `false`
- * when `window` is absent) and guards environments where `window` exists but
- * `window.matchMedia` does not (some test runners, embedded webviews).
- */
-export declare function isMobileViewport(): boolean;
-//# sourceMappingURL=is-mobile-viewport.d.ts.map

package/dist/v2/lib/is-mobile-viewport.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-mobile-viewport.d.ts","sourceRoot":"","sources":["../../../src/v2/lib/is-mobile-viewport.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,uBAAuB,CAAC;AAE3D;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAQ1C"}

package/dist/v2/lib/message-feedback.d.ts

@@ -1,33 +0,0 @@
-import type { AssistantMessage } from "@ag-ui/core";
-import type { CopilotKitCore } from "@copilotkit/core";
-/** Trajectory event name for a rating of one assistant message. */
-export declare const MESSAGE_FEEDBACK_EVENT_NAME = "message.feedback";
-/** Longest comment kept, in characters; the rest is cut so the event stays small. */
-export declare const MESSAGE_FEEDBACK_MAX_COMMENT_LENGTH = 1000;
-export type MessageFeedbackRating = "up" | "down";
-/** The rating this page gave one assistant message. */
-export interface MessageFeedback {
-    readonly rating: MessageFeedbackRating;
-    readonly comment?: string;
-}
-/** The rating this page gave one message, if any. */
-export declare function getMessageFeedback(agentId: string, threadId: string, messageId: string): MessageFeedback | undefined;
-/** Calls `listener` whenever a rating in this Thread changes. */
-export declare function subscribeToMessageFeedback(agentId: string, threadId: string, listener: () => void): () => void;
-/**
- * Sets (or, with `null`, clears) this page's rating of one message and sends
- * it to the active Trajectory. Every change is a new event; the newest event
- * for a `feedbackId` is the current one. Like any Trajectory event, a change
- * made while no Trajectory captures, for example during a reconnect, is not
- * sent; the page still shows it.
- */
-export declare function setMessageFeedback(params: {
-    copilotkit: CopilotKitCore;
-    agentId: string;
-    threadId: string;
-    message: AssistantMessage;
-    feedback: MessageFeedback | null;
-}): void;
-/** @internal Forgets every rating, so each test starts empty. */
-export declare function ɵresetMessageFeedbackCache(): void;
-//# sourceMappingURL=message-feedback.d.ts.map

package/dist/v2/lib/message-feedback.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-feedback.d.ts","sourceRoot":"","sources":["../../../src/v2/lib/message-feedback.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,mEAAmE;AACnE,eAAO,MAAM,2BAA2B,qBAAqB,CAAC;AAE9D,qFAAqF;AACrF,eAAO,MAAM,mCAAmC,OAAO,CAAC;AAKxD,MAAM,MAAM,qBAAqB,GAAG,IAAI,GAAG,MAAM,CAAC;AAElD,uDAAuD;AACvD,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,qBAAqB,CAAC;IACvC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B;AA2BD,qDAAqD;AACrD,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,MAAM,GAChB,eAAe,GAAG,SAAS,CAE7B;AAED,iEAAiE;AACjE,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,IAAI,GACnB,MAAM,IAAI,CAYZ;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE;IACzC,UAAU,EAAE,cAAc,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,QAAQ,EAAE,eAAe,GAAG,IAAI,CAAC;CAClC,GAAG,IAAI,CA4BP;AAED,iEAAiE;AACjE,wBAAgB,0BAA0B,IAAI,IAAI,CAEjD"}

package/dist/v2/lib/transcription-client.d.ts

@@ -1,19 +0,0 @@
-import type { CopilotKitCoreVue } from "./vue-core";
-import { TranscriptionErrorCode } from "@copilotkit/shared";
-export interface TranscriptionResult {
-    text: string;
-    size: number;
-    type: string;
-}
-export interface TranscriptionErrorInfo {
-    code: TranscriptionErrorCode;
-    message: string;
-    retryable: boolean;
-}
-export { TranscriptionErrorCode };
-export declare class TranscriptionError extends Error {
-    readonly info: TranscriptionErrorInfo;
-    constructor(info: TranscriptionErrorInfo);
-}
-export declare function transcribeAudio(core: CopilotKitCoreVue, audioBlob: Blob, filename?: string): Promise<TranscriptionResult>;
-//# sourceMappingURL=transcription-client.d.ts.map

package/dist/v2/lib/transcription-client.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transcription-client.d.ts","sourceRoot":"","sources":["../../../src/v2/lib/transcription-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAG5D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAuClC,qBAAa,kBAAmB,SAAQ,KAAK;IAC3C,SAAgB,IAAI,EAAE,sBAAsB,CAAC;gBAEjC,IAAI,EAAE,sBAAsB;CAKzC;AAED,wBAAsB,eAAe,CACnC,IAAI,EAAE,iBAAiB,EACvB,SAAS,EAAE,IAAI,EACf,QAAQ,GAAE,MAAyB,GAClC,OAAO,CAAC,mBAAmB,CAAC,CAiF9B"}

package/src/v2/components/__tests__/A2UICatalogContext.test.ts

@@ -1,63 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { z } from "zod";
-import { Catalog } from "@a2ui/web_core/v0_9";
-import type { ComponentApi } from "@a2ui/web_core/v0_9";
-import { buildCatalogContextValue } from "../a2ui/A2UICatalogContext";
-import { vueBasicCatalog } from "../a2ui/catalog";
-
-function makeCustomCatalog(): Catalog<ComponentApi> {
-  const components: ComponentApi[] = [
-    { name: "FlightCard", schema: z.object({ airline: z.string() }) },
-    {
-      name: "PieChart",
-      schema: z.object({ innerRadius: z.number().optional() }),
-    },
-  ];
-  return new Catalog<ComponentApi>(
-    "copilotkit://custom-catalog",
-    components,
-    [],
-  );
-}
-
-describe("buildCatalogContextValue", () => {
-  it("includes each custom component's JSON schema by default", () => {
-    const value = buildCatalogContextValue(makeCustomCatalog());
-
-    expect(value).toContain("- copilotkit://custom-catalog");
-    expect(value).toContain("  - FlightCard:");
-    expect(value).toContain('"airline"');
-    expect(value).toContain('"innerRadius"');
-  });
-
-  it("includes schemas when includeSchema is true", () => {
-    const catalog = makeCustomCatalog();
-
-    expect(buildCatalogContextValue(catalog, { includeSchema: true })).toBe(
-      buildCatalogContextValue(catalog),
-    );
-  });
-
-  it("lists custom components by name only when includeSchema is false", () => {
-    const value = buildCatalogContextValue(makeCustomCatalog(), {
-      includeSchema: false,
-    });
-
-    expect(value).toBe(
-      [
-        "Available A2UI catalog:",
-        "- copilotkit://custom-catalog",
-        "  Custom catalog (does NOT include all basic components).",
-        "  Custom components:",
-        "  - FlightCard",
-        "  - PieChart",
-      ].join("\n"),
-    );
-  });
-
-  it("describes the basic catalog the same way regardless of includeSchema", () => {
-    expect(
-      buildCatalogContextValue(vueBasicCatalog, { includeSchema: false }),
-    ).toBe(buildCatalogContextValue(vueBasicCatalog));
-  });
-});

package/src/v2/components/a2ui/__tests__/A2UIRecoveryStates.test.ts

@@ -1,175 +0,0 @@
-import { describe, it, expect, vi, afterEach } from "vitest";
-import { h, nextTick } from "vue";
-import type { Component } from "vue";
-import { render as renderVue } from "@testing-library/vue";
-import {
-  A2UIBuildingState,
-  A2UIRetryingState,
-  A2UIRecoveryFailure,
-  resolveDebugExposure,
-} from "../A2UIRecoveryStates";
-
-// Ported from React's A2UIRecoveryStates tests; renders each Vue component
-// with the same props the React tests pass.
-const render = (component: Component, props: Record<string, unknown>) =>
-  renderVue({ render: () => h(component, props) });
-
-afterEach(() => {
-  vi.useRealTimers();
-});
-
-describe("A2UI lifecycle states (OSS-162)", () => {
-  describe("building", () => {
-    it("shows the 'Building interface' skeleton", () => {
-      const { container } = render(A2UIBuildingState, {
-        content: { status: "building" },
-      });
-      expect(container.textContent).toContain("Building interface");
-    });
-
-    it("shows a live token count when progressTokens is present", () => {
-      const { container } = render(A2UIBuildingState, {
-        content: { status: "building", progressTokens: 97 },
-      });
-      expect(container.textContent).toContain("Building interface");
-      expect(container.textContent).toContain("97 tokens");
-    });
-
-    it("omits the token count when progressTokens is absent or zero", () => {
-      const { container } = render(A2UIBuildingState, {
-        content: { status: "building", progressTokens: 0 },
-      });
-      expect(container.textContent).not.toContain("tokens");
-    });
-  });
-
-  describe("retrying (threshold-gated label)", () => {
-    it("stays the generic building skeleton before the delay on a fast first retry", () => {
-      vi.useFakeTimers();
-      const { container } = render(A2UIRetryingState, {
-        content: { status: "retrying", attempt: 1, maxAttempts: 3 },
-        showAfterMs: 2000,
-        showAfterAttempts: 2,
-        debugExposure: "collapsed",
-      });
-      expect(container.textContent).toContain("Building interface");
-      expect(container.textContent).not.toContain("Retrying");
-    });
-
-    it("reveals 'Retrying generation… (N/M attempts)' once the delay elapses", async () => {
-      vi.useFakeTimers();
-      const { container } = render(A2UIRetryingState, {
-        content: { status: "retrying", attempt: 1, maxAttempts: 3 },
-        showAfterMs: 2000,
-        showAfterAttempts: 2,
-        debugExposure: "collapsed",
-      });
-      vi.advanceTimersByTime(2100);
-      await nextTick();
-      expect(container.textContent).toContain("Retrying generation");
-      expect(container.textContent).toContain("(1/3 attempts)");
-    });
-
-    it("reveals the retry label immediately once attempts cross the threshold", () => {
-      vi.useFakeTimers();
-      const { container } = render(A2UIRetryingState, {
-        content: { status: "retrying", attempt: 2, maxAttempts: 3 },
-        showAfterMs: 999999,
-        showAfterAttempts: 2,
-        debugExposure: "collapsed",
-      });
-      expect(container.textContent).toContain("Retrying generation");
-      expect(container.textContent).toContain("(2/3 attempts)");
-    });
-
-    it("shows validation-issue detail once revealed, unless debugExposure is 'hidden'", () => {
-      const shown = render(A2UIRetryingState, {
-        content: {
-          status: "retrying",
-          attempt: 2,
-          maxAttempts: 3,
-          errors: [{ code: "missing_required_prop" }],
-        },
-        showAfterMs: 0,
-        showAfterAttempts: 1,
-        debugExposure: "collapsed",
-      });
-      expect(shown.container.querySelector("details")).not.toBeNull();
-      expect(shown.container.textContent).toContain("missing_required_prop");
-
-      const hidden = render(A2UIRetryingState, {
-        content: {
-          status: "retrying",
-          attempt: 2,
-          maxAttempts: 3,
-          errors: [{ code: "missing_required_prop" }],
-        },
-        showAfterMs: 0,
-        showAfterAttempts: 1,
-        debugExposure: "hidden",
-      });
-      expect(hidden.container.querySelector("details")).toBeNull();
-    });
-  });
-
-  describe("failed (replaces the skeleton in place)", () => {
-    it("renders a clean message with expandable developer detail (collapsed default)", () => {
-      const { container } = render(A2UIRecoveryFailure, {
-        content: {
-          status: "failed",
-          error: "Failed to generate valid A2UI after 3 attempt(s)",
-          attempts: [
-            {
-              attempt: 1,
-              ok: false,
-              errors: [{ code: "missing_required_prop" }],
-            },
-          ],
-        },
-        debugExposure: "collapsed",
-      });
-      expect(container.textContent).toContain("Couldn't generate");
-      const details = container.querySelector("details");
-      expect(details).not.toBeNull();
-      expect(details!.hasAttribute("open")).toBe(false);
-      expect(container.textContent).toContain("missing_required_prop");
-    });
-
-    it("hides developer detail entirely when debugExposure is 'hidden'", () => {
-      const { container } = render(A2UIRecoveryFailure, {
-        content: {
-          status: "failed",
-          error: "boom",
-          attempts: [{ attempt: 1, ok: false }],
-        },
-        debugExposure: "hidden",
-      });
-      expect(container.textContent).toContain("Couldn't generate");
-      expect(container.querySelector("details")).toBeNull();
-    });
-
-    it("opens the developer detail when debugExposure is 'verbose'", () => {
-      const { container } = render(A2UIRecoveryFailure, {
-        content: { status: "failed", error: "boom", attempts: [] },
-        debugExposure: "verbose",
-      });
-      const details = container.querySelector("details");
-      expect(details).not.toBeNull();
-      expect(details!.hasAttribute("open")).toBe(true);
-    });
-  });
-
-  describe("resolveDebugExposure precedence", () => {
-    it("server-stamped content.debugExposure wins over the client option", () => {
-      expect(resolveDebugExposure({ debugExposure: "hidden" }, "verbose")).toBe(
-        "hidden",
-      );
-    });
-    it("falls back to the client option when content has none", () => {
-      expect(resolveDebugExposure({}, "verbose")).toBe("verbose");
-    });
-    it("falls back to the resolved default when neither is set", () => {
-      expect(resolveDebugExposure(undefined, "collapsed")).toBe("collapsed");
-    });
-  });
-});

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

@@ -1,160 +0,0 @@
-<script setup lang="ts">
-import { computed, h } from "vue";
-import type { VNode } from "vue";
-import { parseMarkdown } from "@copilotkit/core";
-import type { MarkdownToken } from "@copilotkit/core";
-
-const props = withDefaults(
-  defineProps<{ content: string; isStreaming?: boolean }>(),
-  { isStreaming: false },
-);
-
-const tokens = computed(() => parseMarkdown(props.content ?? ""));
-
-// Allowlist URL schemes to prevent XSS via javascript:/data:/vbscript: URIs.
-const SAFE_HREF = /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i;
-const SAFE_IMG_SRC = /^(https?:|data:image\/(?!svg)|\/|\.\/|\.\.\/)/i;
-
-function sanitizeHref(href: string | undefined): string | undefined {
-  if (!href) return undefined;
-  return SAFE_HREF.test(href.trim()) ? href : undefined;
-}
-function sanitizeImgSrc(src: string | undefined): string | undefined {
-  if (!src) return undefined;
-  return SAFE_IMG_SRC.test(src.trim()) ? src : undefined;
-}
-
-function inline(toks: MarkdownToken[] | undefined): (VNode | string)[] {
-  if (!toks) return [];
-  return toks.map((t) => {
-    switch (t.type) {
-      case "text":
-        return "tokens" in t && (t as any).tokens
-          ? h("span", inline((t as any).tokens))
-          : (t as any).text;
-      case "strong":
-        return h("strong", inline((t as any).tokens));
-      case "em":
-        return h("em", inline((t as any).tokens));
-      case "del":
-        return h("del", inline((t as any).tokens));
-      case "codespan":
-        return h(
-          "code",
-          { class: "cpk-markdown-inline-code" },
-          (t as any).text,
-        );
-      case "br":
-        return h("br");
-      case "link":
-        return h(
-          "a",
-          {
-            href: sanitizeHref((t as any).href),
-            target: "_blank",
-            rel: "noopener noreferrer",
-          },
-          (t as any).tokens ? inline((t as any).tokens) : (t as any).text,
-        );
-      case "image":
-        return h("img", {
-          src: sanitizeImgSrc((t as any).href),
-          alt: (t as any).text,
-          class: "cpk-markdown-image",
-        });
-      case "escape":
-        return (t as any).text;
-      default:
-        return "text" in t ? (t as any).text : "";
-    }
-  });
-}
-
-function block(t: MarkdownToken): VNode | null {
-  switch (t.type) {
-    case "space":
-      return null;
-    case "heading": {
-      const depth = Math.min(Math.max((t as any).depth, 1), 6);
-      return h(`h${depth}`, inline((t as any).tokens));
-    }
-    case "paragraph":
-      return h("p", inline((t as any).tokens));
-    case "blockquote":
-      return h(
-        "blockquote",
-        (((t as any).tokens as MarkdownToken[] | undefined) ?? [])
-          .map(block)
-          .filter(Boolean),
-      );
-    case "code":
-      return h("pre", { class: "cpk-markdown-code-block" }, [
-        h(
-          "code",
-          { "data-language": (t as any).lang || undefined },
-          (t as any).text,
-        ),
-      ]);
-    case "hr":
-      return h("hr");
-    case "list": {
-      const list = t as any;
-      const items = list.items.map((it: any) =>
-        h(
-          "li",
-          ((it.tokens as MarkdownToken[] | undefined) ?? [])
-            .map(block)
-            .filter(Boolean),
-        ),
-      );
-      return list.ordered
-        ? h(
-            "ol",
-            { start: typeof list.start === "number" ? list.start : undefined },
-            items,
-          )
-        : h("ul", items);
-    }
-    case "table": {
-      const tbl = t as any;
-      return h("div", { class: "cpk-markdown-table-container" }, [
-        h("table", [
-          h("thead", [
-            h(
-              "tr",
-              tbl.header.map((c: any) => h("th", inline(c.tokens))),
-            ),
-          ]),
-          h(
-            "tbody",
-            tbl.rows.map((row: any) =>
-              h(
-                "tr",
-                row.map((c: any) => h("td", inline(c.tokens))),
-              ),
-            ),
-          ),
-        ]),
-      ]);
-    }
-    case "text":
-      return h(
-        "p",
-        (t as any).tokens ? inline((t as any).tokens) : (t as any).text,
-      );
-    default:
-      return "text" in t ? h("span", (t as any).text) : null;
-  }
-}
-
-const Rendered = () =>
-  h(
-    "div",
-    { class: "copilot-chat-assistant-markdown" },
-    tokens.value.map(block).filter(Boolean),
-  );
-</script>
-
-<template>
-  <Rendered v-if="tokens.length" />
-</template>

package/src/v2/components/chat/__tests__/BasicMarkdown.test.ts

@@ -1,69 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import BasicMarkdown from "../BasicMarkdown.vue";
-
-describe("BasicMarkdown.vue", () => {
-  it("renders headings", () => {
-    const w = mount(BasicMarkdown, { props: { content: "# Title" } });
-    expect(w.find("h1").text()).toBe("Title");
-  });
-
-  it("renders bold/italic", () => {
-    const w = mount(BasicMarkdown, { props: { content: "**b** *i*" } });
-    expect(w.find("strong").text()).toBe("b");
-    expect(w.find("em").text()).toBe("i");
-  });
-
-  it("renders code blocks", () => {
-    const w = mount(BasicMarkdown, { props: { content: "```\nx\n```" } });
-    expect(w.find("pre code").text()).toContain("x");
-  });
-
-  it("renders tables", () => {
-    const w = mount(BasicMarkdown, {
-      props: { content: "| a | b |\n| --- | --- |\n| 1 | 2 |" },
-    });
-    expect(w.findAll("th")).toHaveLength(2);
-    expect(w.findAll("tbody td")).toHaveLength(2);
-  });
-
-  it("renders links with safe href", () => {
-    const w = mount(BasicMarkdown, {
-      props: { content: "[CK](https://copilotkit.ai)" },
-    });
-    expect(w.find("a").attributes("href")).toBe("https://copilotkit.ai");
-  });
-
-  it("neutralizes javascript: URIs in links (no XSS)", () => {
-    const w = mount(BasicMarkdown, {
-      props: { content: "[x](javascript:alert(1))" },
-    });
-    expect(w.find("a").attributes("href")).toBeUndefined();
-  });
-
-  it("neutralizes javascript: image src", () => {
-    const w = mount(BasicMarkdown, {
-      props: { content: "![x](javascript:alert(1))" },
-    });
-    expect(w.find("img").attributes("src")).toBeUndefined();
-  });
-
-  it("renders nothing for empty content", () => {
-    const w = mount(BasicMarkdown, { props: { content: "" } });
-    expect(w.text()).toBe("");
-  });
-
-  it("rejects data:image/svg+xml image src (SVG script vector)", () => {
-    const w = mount(BasicMarkdown, {
-      props: { content: "![x](data:image/svg+xml;base64,PHN2Zz48L3N2Zz4=)" },
-    });
-    expect(w.find("img").attributes("src")).toBeUndefined();
-  });
-
-  it("still allows data:image/png image src", () => {
-    const w = mount(BasicMarkdown, {
-      props: { content: "![x](data:image/png;base64,iVBORw0KGgo=)" },
-    });
-    expect(w.find("img").attributes("src")).toContain("data:image/png");
-  });
-});