@copilotkit/vue 2.0.0-rc.2 → 2.0.0-rc.20

package/src/v2/types/interrupt.ts

@@ -1,31 +1,7 @@
-import type { Interrupt, RunAgentResult } from "@ag-ui/client";
-
-export interface InterruptEvent<TValue = unknown> {
-  name: string;
-  value: TValue;
-}
-
-export type InterruptResolveFn = (
-  payload?: unknown,
-  interruptId?: string,
-) => Promise<RunAgentResult | void>;
-export type InterruptCancelFn = (
-  interruptId?: string,
-) => Promise<RunAgentResult | void>;
-
-export interface InterruptHandlerProps<TValue = unknown> {
-  event: InterruptEvent<TValue>;
-  interrupt: Interrupt | null;
-  interrupts: Interrupt[];
-  resolve: InterruptResolveFn;
-  cancel: InterruptCancelFn;
-}
-
-export interface InterruptRenderProps<TValue = unknown, TResult = unknown> {
-  event: InterruptEvent<TValue>;
-  interrupt: Interrupt | null;
-  interrupts: Interrupt[];
-  result: TResult;
-  resolve: InterruptResolveFn;
-  cancel: InterruptCancelFn;
-}
+export type {
+  InterruptEvent,
+  InterruptResolveFn,
+  InterruptCancelFn,
+  InterruptHandlerProps,
+  InterruptRenderProps,
+} from "@copilotkit/core";

package/src/v2/types/vue-activity-message-renderer.ts

@@ -1,22 +1,31 @@
-import type { ActivityMessage } from "@ag-ui/core";
-import type { AbstractAgent } from "@ag-ui/client";
-import type { z } from "zod";
+import type {
+  ActivityMessageRenderProps,
+  ActivityMessageRendererDef,
+} from "@copilotkit/core";
 import type { Component, VNodeChild } from "vue";
 
-export interface VueActivityMessageRendererProps<TActivityContent> {
-  activityType: string;
-  content: TActivityContent;
-  message: ActivityMessage;
-  agent: AbstractAgent | undefined;
-}
+/**
+ * Props a Vue activity message renderer receives. Same as core's
+ * `ActivityMessageRenderProps`.
+ *
+ * @typeParam TActivityContent - The shape of the activity content.
+ */
+export type VueActivityMessageRendererProps<TActivityContent> =
+  ActivityMessageRenderProps<TActivityContent>;
 
 export type VueActivityMessageRendererRenderFn<TActivityContent> =
   | ((props: VueActivityMessageRendererProps<TActivityContent>) => VNodeChild)
   | Component<VueActivityMessageRendererProps<TActivityContent>>;
 
-export interface VueActivityMessageRenderer<TActivityContent> {
-  activityType: string;
-  agentId?: string;
-  content: z.ZodSchema<TActivityContent>;
-  render: VueActivityMessageRendererRenderFn<TActivityContent>;
-}
+/**
+ * A Vue activity message renderer registration. `content` takes any
+ * Standard Schema (zod, valibot, arktype, and so on). The chat validates the
+ * activity content with it and passes the result to `render`.
+ *
+ * @typeParam TActivityContent - The shape of the activity content.
+ */
+export type VueActivityMessageRenderer<TActivityContent> =
+  ActivityMessageRendererDef<
+    TActivityContent,
+    VueActivityMessageRendererRenderFn<TActivityContent>
+  >;

package/src/v2/types/vue-custom-message-renderer.ts

@@ -1,24 +1,20 @@
-import type { Message } from "@ag-ui/core";
+import type {
+  CustomMessageRendererDef,
+  CustomMessageRendererPosition,
+  CustomMessageRenderProps,
+} from "@copilotkit/core";
 import type { Component, VNodeChild } from "vue";
 
-export type VueCustomMessageRendererPosition = "before" | "after";
+/** Where a custom message renderer draws. Same as core's type. */
+export type VueCustomMessageRendererPosition = CustomMessageRendererPosition;
 
-export interface VueCustomMessageRendererProps {
-  message: Message;
-  position: VueCustomMessageRendererPosition;
-  runId: string;
-  messageIndex: number;
-  messageIndexInRun: number;
-  numberOfMessagesInRun: number;
-  agentId: string;
-  stateSnapshot: unknown;
-}
+/** Props a Vue custom message renderer receives. Same as core's type. */
+export type VueCustomMessageRendererProps = CustomMessageRenderProps;
 
 export type VueCustomMessageRendererRenderFn =
   | ((props: VueCustomMessageRendererProps) => VNodeChild)
   | Component<VueCustomMessageRendererProps>;
 
-export interface VueCustomMessageRenderer {
-  agentId?: string;
-  render: VueCustomMessageRendererRenderFn;
-}
+/** A Vue custom message renderer registration. */
+export type VueCustomMessageRenderer =
+  CustomMessageRendererDef<VueCustomMessageRendererRenderFn>;

package/src/v2/types/vue-tool-call-renderer.ts

@@ -1,32 +1,16 @@
-import type { ToolCallStatus } from "@copilotkit/core";
-import type { StandardSchemaV1 } from "@copilotkit/shared";
+import type {
+  ToolCallRenderProps,
+  ToolCallRendererDef,
+} from "@copilotkit/core";
 import type { Component, VNodeChild } from "vue";
 
 /**
- * Props passed to a Vue tool call render function.
+ * Props passed to a Vue tool call render function. Same as core's
+ * `ToolCallRenderProps`.
+ *
+ * @typeParam T - The shape of the tool arguments.
  */
-export type VueToolCallRendererRenderProps<T> =
-  | {
-      name: string;
-      toolCallId: string;
-      args: Partial<T>;
-      status: ToolCallStatus.InProgress;
-      result: undefined;
-    }
-  | {
-      name: string;
-      toolCallId: string;
-      args: T;
-      status: ToolCallStatus.Executing;
-      result: undefined;
-    }
-  | {
-      name: string;
-      toolCallId: string;
-      args: T;
-      status: ToolCallStatus.Complete;
-      result: string;
-    };
+export type VueToolCallRendererRenderProps<T> = ToolCallRenderProps<T>;
 
 /**
  * Vue component or render function for tool call rendering.
@@ -36,16 +20,17 @@ export type VueToolCallRendererRenderFn<T> =
   | ((props: VueToolCallRendererRenderProps<T>) => VNodeChild)
   | Component<VueToolCallRendererRenderProps<T>>;
 
-export interface VueToolCallRenderer<T = unknown> {
-  name: string;
-  args: StandardSchemaV1<any, T>;
-  agentId?: string;
-  /**
-   * Whether calls this renderer draws join the chat's tool-call groups (see
-   * `toolCallDisplay` on `CopilotChatMessageView`). CopilotKit's built-in card
-   * sets it; a renderer that leaves it unset always shows its calls on their
-   * own, since the chat can't tell what it draws (it may even draw nothing).
-   */
-  group?: boolean;
-  render: VueToolCallRendererRenderFn<T>;
-}
+type VueToolCallRendererDef<T> = ToolCallRendererDef<
+  T,
+  VueToolCallRendererRenderFn<T>
+>;
+
+/**
+ * A Vue tool call renderer registration: core's `ToolCallRendererDef` with a
+ * Vue render function. `args` is required here. Use `defineToolCallRenderer`
+ * to build one; it fills in `args` for a `"*"` renderer that has no schema.
+ *
+ * @typeParam T - The shape of the tool arguments.
+ */
+export type VueToolCallRenderer<T = unknown> = VueToolCallRendererDef<T> &
+  Required<Pick<VueToolCallRendererDef<T>, "args">>;

package/tsconfig.json

@@ -7,7 +7,6 @@
     "target": "ES2022",
     "outDir": "dist",
     "rootDir": "src",
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"],
       "@copilotkit/core": ["../core/dist/index.d.mts", "../core/src/index.ts"],

package/vite.config.ts

@@ -13,7 +13,7 @@ export default defineConfig({
     lib: {
       entry: {
         index: resolve(__dirname, "src/index.ts"),
-        "v2/index": resolve(__dirname, "src/index.ts"),
+        "v2/index": resolve(__dirname, "src/v2/index.ts"),
       },
       name: "CopilotKitVue",
       formats: ["es", "cjs"],
@@ -28,6 +28,8 @@ export default defineConfig({
         "@a2ui/web_core/v0_9/basic_catalog",
         "@ag-ui/client",
         "@ag-ui/core",
+        // The framework-neutral A2UI catalog description subpath (no React).
+        "@copilotkit/a2ui-renderer/catalog-schema",
         // Core and its `/styles` subpath, so the stylesheet isn't bundled here.
         /^@copilotkit\/core(\/.*)?$/,
         // Keep the shared MCP Apps host + its subpaths external. The root entry
@@ -46,10 +48,7 @@ export default defineConfig({
         // (duplicate top-level lit binding → "Identifier 'h' has already been
         // declared") and risks double custom-element registration.
         /^@copilotkit\/web-components(\/.*)?$/,
-        "@jetbrains/websandbox",
-        "lucide-vue-next",
         "zod",
-        "zod-to-json-schema",
       ],
       output: {
         globals: { vue: "Vue" },

package/dist/v2/components/chat/BasicMarkdown.vue.d.ts

@@ -1,9 +0,0 @@
-type __VLS_Props = {
-    content: string;
-    isStreaming?: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    isStreaming: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=BasicMarkdown.vue.d.ts.map

package/dist/v2/components/chat/BasicMarkdown.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasicMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/chat/BasicMarkdown.vue"],"names":[],"mappings":"AAuKA,KAAK,WAAW,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;;iBAAV,OAAO;;AAiM3D,wBAOG"}

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/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/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");
-  });
-});