@copilotkit/vue 2.0.0-rc.7 → 2.0.0-rc.8

package/dist/v2/providers/types.d.ts

@@ -1,49 +1,6 @@
-export declare const CopilotChatDefaultLabels: {
-    readonly chatInputPlaceholder: "Type a message...";
-    readonly chatInputToolbarStartTranscribeButtonLabel: "Transcribe";
-    readonly chatInputToolbarCancelTranscribeButtonLabel: "Cancel";
-    readonly chatInputToolbarFinishTranscribeButtonLabel: "Finish";
-    readonly chatInputToolbarAddButtonLabel: "Add photos or files";
-    readonly chatInputToolbarToolsButtonLabel: "Tools";
-    readonly chatInputToolbarSendButtonLabel: "Send message";
-    readonly chatInputToolbarStopButtonLabel: "Stop";
-    readonly assistantMessageToolbarCopyCodeLabel: "Copy";
-    readonly assistantMessageToolbarCopyCodeCopiedLabel: "Copied";
-    readonly assistantMessageToolbarCopyMessageLabel: "Copy";
-    readonly assistantMessageToolbarInspectorLabel: "View in Inspector";
-    readonly assistantMessageToolbarInspectorDescription: "Open this message in the Inspector";
-    readonly assistantMessageToolbarInspectorLocalOnlyLabel: "Local only";
-    readonly assistantMessageToolbarInspectorLocalOnlyDescription: "Only visible on localhost or loopback hosts in development. Never shown in production.";
-    readonly assistantMessageToolbarInspectorTitle: "CopilotKit Inspector";
-    readonly assistantMessageToolbarInspectorHideLabel: "Hide this icon";
-    readonly assistantMessageToolbarInspectorHideDescription: "Until you reload this page";
-    readonly assistantMessageToolbarThumbsUpLabel: "Good response";
-    readonly assistantMessageToolbarThumbsDownLabel: "Bad response";
-    readonly assistantMessageFeedbackCommentPlaceholder: "Add a comment (optional)";
-    readonly assistantMessageFeedbackCommentSubmitLabel: "Send comment";
-    readonly assistantMessageToolbarReadAloudLabel: "Read aloud";
-    readonly assistantMessageToolbarRegenerateLabel: "Regenerate";
-    readonly userMessageToolbarCopyMessageLabel: "Copy";
-    readonly userMessageToolbarEditMessageLabel: "Edit";
-    readonly userMessageToolbarPreviousBranchLabel: "Previous branch";
-    readonly userMessageToolbarNextBranchLabel: "Next branch";
-    readonly chatDisclaimerText: "AI can make mistakes. Please verify important information.";
-    readonly chatToggleOpenLabel: "Open chat";
-    readonly chatToggleCloseLabel: "Close chat";
-    readonly chatScrollToBottomLabel: "Scroll to bottom";
-    readonly modalHeaderTitle: "CopilotKit Chat";
-    readonly welcomeMessageText: "How can I help you today?";
-    readonly reasoningMessageThinkingLabel: "Thinking…";
-    readonly chatInputSlashMenuLabel: "Slash commands";
-    readonly chatInputSlashMenuEmptyText: "No commands found";
-    readonly attachmentRemoveButtonLabel: "Remove attachment";
-    readonly attachmentPlayVideoButtonLabel: "Play video";
-    readonly attachmentPreviewCloseButtonLabel: "Close preview";
-    readonly modalHeaderCloseButtonLabel: "Close";
-    readonly modalHeaderThreadsButtonLabel: "Open threads";
-    readonly sidebarLabel: "Copilot chat sidebar";
-};
-export type CopilotChatLabels = typeof CopilotChatDefaultLabels;
+import type { CopilotChatLabels } from "@copilotkit/core";
+export { CopilotChatDefaultLabels } from "@copilotkit/core";
+export type { CopilotChatLabels } from "@copilotkit/core";
 export interface CopilotChatConfigurationValue {
     labels: CopilotChatLabels;
     agentId: string;

package/dist/v2/providers/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/v2/providers/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C3B,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,OAAO,wBAAwB,CAAC;AAEhE,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,iBAAiB,EAAE,CACjB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAC7B,IAAI,CAAC;IACV;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4DAA4D;IAC5D,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gFAAgF;IAChF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,cAAc,EAAE,MAAM,MAAM,IAAI,CAAC;CAClC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/v2/providers/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,iBAAiB,EAAE,CACjB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,KAC7B,IAAI,CAAC;IACV;;;OAGG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,4DAA4D;IAC5D,UAAU,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gFAAgF;IAChF,gBAAgB,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,cAAc,EAAE,MAAM,MAAM,IAAI,CAAC;CAClC"}

package/dist/v2/types/human-in-the-loop.d.ts

@@ -1,33 +1,12 @@
-import type { FrontendTool, ToolCallStatus } from "@copilotkit/core";
+import type { FrontendTool, HumanInTheLoopRenderProps } from "@copilotkit/core";
 import type { Component, VNodeChild } from "vue";
-export type VueHumanInTheLoopRenderProps<T> = {
-    name: string;
-    description: string;
-    toolCallId: string;
-    agentId?: string;
-    args: Partial<T>;
-    status: ToolCallStatus.InProgress;
-    result: undefined;
-    respond: undefined;
-} | {
-    name: string;
-    description: string;
-    toolCallId: string;
-    agentId?: string;
-    args: T;
-    status: ToolCallStatus.Executing;
-    result: undefined;
-    respond: (result: unknown) => Promise<void>;
-} | {
-    name: string;
-    description: string;
-    toolCallId: string;
-    agentId?: string;
-    args: T;
-    status: ToolCallStatus.Complete;
-    result: string;
-    respond: undefined;
-};
+/**
+ * Props a Vue human-in-the-loop renderer receives. Same as core's
+ * `HumanInTheLoopRenderProps`.
+ *
+ * @typeParam T - The shape of the tool arguments.
+ */
+export type VueHumanInTheLoopRenderProps<T> = HumanInTheLoopRenderProps<T>;
 export type VueHumanInTheLoopRenderFn<T> = ((props: VueHumanInTheLoopRenderProps<T>) => VNodeChild) | Component<VueHumanInTheLoopRenderProps<T>>;
 export type VueHumanInTheLoop<T extends Record<string, unknown> = Record<string, unknown>> = Omit<FrontendTool<T>, "handler"> & {
     render: VueHumanInTheLoopRenderFn<T>;

package/dist/v2/types/human-in-the-loop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"human-in-the-loop.d.ts","sourceRoot":"","sources":["../../../src/v2/types/human-in-the-loop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD,MAAM,MAAM,4BAA4B,CAAC,CAAC,IACtC;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACjB,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC;IAClC,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;CACpB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC;IACjC,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,yBAAyB,CAAC,CAAC,IACnC,CAAC,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,GACxD,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACzD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACrC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACtC,CAAC"}
+{"version":3,"file":"human-in-the-loop.d.ts","sourceRoot":"","sources":["../../../src/v2/types/human-in-the-loop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,MAAM,4BAA4B,CAAC,CAAC,IAAI,yBAAyB,CAAC,CAAC,CAAC,CAAC;AAE3E,MAAM,MAAM,yBAAyB,CAAC,CAAC,IACnC,CAAC,CAAC,KAAK,EAAE,4BAA4B,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,GACxD,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC;AAE/C,MAAM,MAAM,iBAAiB,CAC3B,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IACzD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IACrC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC,CAAC;CACtC,CAAC"}

package/dist/v2/types/interrupt.d.ts

@@ -1,23 +1,2 @@
-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";
 //# sourceMappingURL=interrupt.d.ts.map

package/dist/v2/types/interrupt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interrupt.d.ts","sourceRoot":"","sources":["../../../src/v2/types/interrupt.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,cAAc,CAAC,MAAM,GAAG,OAAO;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,CAC/B,OAAO,CAAC,EAAE,OAAO,EACjB,WAAW,CAAC,EAAE,MAAM,KACjB,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AACpC,MAAM,MAAM,iBAAiB,GAAG,CAC9B,WAAW,CAAC,EAAE,MAAM,KACjB,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;AAEpC,MAAM,WAAW,qBAAqB,CAAC,MAAM,GAAG,OAAO;IACrD,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB,CAAC,MAAM,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO;IACvE,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,MAAM,EAAE,iBAAiB,CAAC;CAC3B"}
+{"version":3,"file":"interrupt.d.ts","sourceRoot":"","sources":["../../../src/v2/types/interrupt.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC"}

package/dist/v2/types/vue-activity-message-renderer.d.ts

@@ -1,18 +1,19 @@
-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>>;
 //# sourceMappingURL=vue-activity-message-renderer.d.ts.map

package/dist/v2/types/vue-activity-message-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vue-activity-message-renderer.d.ts","sourceRoot":"","sources":["../../../src/v2/types/vue-activity-message-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD,MAAM,WAAW,+BAA+B,CAAC,gBAAgB;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC;AAED,MAAM,MAAM,kCAAkC,CAAC,gBAAgB,IAC3D,CAAC,CAAC,KAAK,EAAE,+BAA+B,CAAC,gBAAgB,CAAC,KAAK,UAAU,CAAC,GAC1E,SAAS,CAAC,+BAA+B,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAEjE,MAAM,WAAW,0BAA0B,CAAC,gBAAgB;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACvC,MAAM,EAAE,kCAAkC,CAAC,gBAAgB,CAAC,CAAC;CAC9D"}
+{"version":3,"file":"vue-activity-message-renderer.d.ts","sourceRoot":"","sources":["../../../src/v2/types/vue-activity-message-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,0BAA0B,EAC3B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,MAAM,+BAA+B,CAAC,gBAAgB,IAC1D,0BAA0B,CAAC,gBAAgB,CAAC,CAAC;AAE/C,MAAM,MAAM,kCAAkC,CAAC,gBAAgB,IAC3D,CAAC,CAAC,KAAK,EAAE,+BAA+B,CAAC,gBAAgB,CAAC,KAAK,UAAU,CAAC,GAC1E,SAAS,CAAC,+BAA+B,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAEjE;;;;;;GAMG;AACH,MAAM,MAAM,0BAA0B,CAAC,gBAAgB,IACrD,0BAA0B,CACxB,gBAAgB,EAChB,kCAAkC,CAAC,gBAAgB,CAAC,CACrD,CAAC"}

package/dist/v2/types/vue-custom-message-renderer.d.ts

@@ -1,19 +1,10 @@
-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";
-export interface VueCustomMessageRendererProps {
-    message: Message;
-    position: VueCustomMessageRendererPosition;
-    runId: string;
-    messageIndex: number;
-    messageIndexInRun: number;
-    numberOfMessagesInRun: number;
-    agentId: string;
-    stateSnapshot: unknown;
-}
+/** Where a custom message renderer draws. Same as core's type. */
+export type VueCustomMessageRendererPosition = CustomMessageRendererPosition;
+/** 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>;
 //# sourceMappingURL=vue-custom-message-renderer.d.ts.map

package/dist/v2/types/vue-custom-message-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vue-custom-message-renderer.d.ts","sourceRoot":"","sources":["../../../src/v2/types/vue-custom-message-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD,MAAM,MAAM,gCAAgC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,6BAA6B;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,gCAAgC,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GACxC,CAAC,CAAC,KAAK,EAAE,6BAA6B,KAAK,UAAU,CAAC,GACtD,SAAS,CAAC,6BAA6B,CAAC,CAAC;AAE7C,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,gCAAgC,CAAC;CAC1C"}
+{"version":3,"file":"vue-custom-message-renderer.d.ts","sourceRoot":"","sources":["../../../src/v2/types/vue-custom-message-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,6BAA6B,EAC7B,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD,kEAAkE;AAClE,MAAM,MAAM,gCAAgC,GAAG,6BAA6B,CAAC;AAE7E,yEAAyE;AACzE,MAAM,MAAM,6BAA6B,GAAG,wBAAwB,CAAC;AAErE,MAAM,MAAM,gCAAgC,GACxC,CAAC,CAAC,KAAK,EAAE,6BAA6B,KAAK,UAAU,CAAC,GACtD,SAAS,CAAC,6BAA6B,CAAC,CAAC;AAE7C,kDAAkD;AAClD,MAAM,MAAM,wBAAwB,GAClC,wBAAwB,CAAC,gCAAgC,CAAC,CAAC"}

package/dist/v2/types/vue-tool-call-renderer.d.ts

@@ -1,44 +1,25 @@
-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.
  * Component is normalized to (props) => VNodeChild internally.
  */
 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">>;
+export {};
 //# sourceMappingURL=vue-tool-call-renderer.d.ts.map

package/dist/v2/types/vue-tool-call-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vue-tool-call-renderer.d.ts","sourceRoot":"","sources":["../../../src/v2/types/vue-tool-call-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,8BAA8B,CAAC,CAAC,IACxC;IACE,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACjB,MAAM,EAAE,cAAc,CAAC,UAAU,CAAC;IAClC,MAAM,EAAE,SAAS,CAAC;CACnB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,cAAc,CAAC,SAAS,CAAC;IACjC,MAAM,EAAE,SAAS,CAAC;CACnB,GACD;IACE,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,CAAC,CAAC;IACR,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEN;;;GAGG;AACH,MAAM,MAAM,2BAA2B,CAAC,CAAC,IACrC,CAAC,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,GAC1D,SAAS,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjD,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;CACxC"}
+{"version":3,"file":"vue-tool-call-renderer.d.ts","sourceRoot":"","sources":["../../../src/v2/types/vue-tool-call-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,MAAM,8BAA8B,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAEvE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,CAAC,CAAC,IACrC,CAAC,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,GAC1D,SAAS,CAAC,8BAA8B,CAAC,CAAC,CAAC,CAAC,CAAC;AAEjD,KAAK,sBAAsB,CAAC,CAAC,IAAI,mBAAmB,CAClD,CAAC,EACD,2BAA2B,CAAC,CAAC,CAAC,CAC/B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,OAAO,IAAI,sBAAsB,CAAC,CAAC,CAAC,GACtE,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@copilotkit/vue",
-  "version": "2.0.0-rc.7",
+  "version": "2.0.0-rc.8",
   "private": false,
   "description": "Vue 3 components and composables for CopilotKit",
   "keywords": [
@@ -61,14 +61,13 @@
     "@a2ui/web_core": "0.10.4",
     "@ag-ui/client": "1.0.2",
     "@ag-ui/core": "1.0.2",
-    "@copilotkit/core": "2.0.0-rc.7",
-    "@copilotkit/markdown-renderer": "2.0.0-rc.7",
-    "@copilotkit/mcp-apps-renderer": "2.0.0-rc.7",
-    "@copilotkit/shared": "2.0.0-rc.7",
-    "@copilotkit/web-components": "2.0.0-rc.7",
-    "@copilotkit/web-inspector": "2.0.0-rc.7",
+    "@copilotkit/core": "2.0.0-rc.8",
+    "@copilotkit/markdown-renderer": "2.0.0-rc.8",
+    "@copilotkit/mcp-apps-renderer": "2.0.0-rc.8",
+    "@copilotkit/shared": "2.0.0-rc.8",
+    "@copilotkit/web-components": "2.0.0-rc.8",
+    "@copilotkit/web-inspector": "2.0.0-rc.8",
     "@jetbrains/websandbox": "^1.1.3",
-    "lucide-vue-next": "^0.525.0",
     "zod": "^3.25.75",
     "zod-to-json-schema": "^3.24.5"
   },

package/src/__tests__/build-entries.test.ts

@@ -0,0 +1,27 @@
+// @vitest-environment node
+import { describe, expect, it } from "vitest";
+import type { LibraryOptions } from "vite";
+import config from "../../vite.config";
+import { useFrontendTool as v1UseFrontendTool } from "../hooks/use-frontend-tool";
+import { useFrontendTool as v2UseFrontendTool } from "../v2/hooks/use-frontend-tool";
+
+// The package's "./v2" export points at the build's "v2/index" entry, and "."
+// at "index". Each entry must build from the module that matches its export.
+const entries = (config.build?.lib as LibraryOptions).entry as Record<
+  string,
+  string
+>;
+
+describe("library build entries", () => {
+  it("builds @copilotkit/vue/v2 from the v2 module, with the v2 hooks", async () => {
+    const v2 = await import(/* @vite-ignore */ entries["v2/index"]!);
+
+    expect(v2.useFrontendTool).toBe(v2UseFrontendTool);
+  });
+
+  it("builds @copilotkit/vue from the root module, with the v1-compatible hooks", async () => {
+    const root = await import(/* @vite-ignore */ entries.index!);
+
+    expect(root.useFrontendTool).toBe(v1UseFrontendTool);
+  });
+});

package/src/v2/components/LicenseWarningBanner.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted } from "vue";
+import { ɵformatLabel } from "@copilotkit/core";
+import { useChatLabels } from "./chat/use-chat-labels";
 
 // Total reserved vertical space for the fixed license banner: banner height
 // (~36px) + bottom offset (8px) + visual gap above the chat input (~8px).
@@ -36,45 +38,59 @@ interface BannerSpec {
   actionUrl: string;
 }
 
+const labels = useChatLabels();
+
+function expiringMessage(days: number | undefined) {
+  if (days === undefined) return labels.value.licenseExpiringText;
+  const template =
+    days === 1
+      ? labels.value.licenseExpiringInDaysOne
+      : labels.value.licenseExpiringInDaysOther;
+  return ɵformatLabel(template, { days });
+}
+
 const spec = computed<BannerSpec | null>(() => {
+  const text = labels.value;
   switch (props.type) {
     case "no_license":
       return {
         severity: "info",
-        message: "Powered by CopilotKit",
-        actionLabel: "Get a license",
+        message: text.licensePoweredByText,
+        actionLabel: text.licenseGetLicenseLabel,
         actionUrl: "https://copilotkit.ai/pricing",
       };
     case "feature_unlicensed":
       return {
         severity: "warning",
-        message: `⚠ The "${props.featureName ?? ""}" feature requires a CopilotKit license.`,
-        actionLabel: "Get a license",
+        message: ɵformatLabel(text.licenseFeatureUnlicensedText, {
+          feature: props.featureName ?? "",
+        }),
+        actionLabel: text.licenseGetLicenseLabel,
         actionUrl: "https://copilotkit.ai/pricing",
       };
-    case "expiring": {
-      const days = props.graceRemaining;
-      const dayLabel = days === 1 ? "day" : "days";
+    case "expiring":
       return {
         severity: "warning",
-        message: `Your CopilotKit license expires in ${days} ${dayLabel}. Please renew.`,
-        actionLabel: "Renew",
+        message: expiringMessage(props.graceRemaining),
+        actionLabel: text.licenseRenewLabel,
         actionUrl: "https://dashboard.operations.copilotkit.ai",
       };
-    }
     case "expired":
       return {
         severity: "critical",
-        message: `Your CopilotKit license expired${props.expiryDate ? ` on ${props.expiryDate}` : ""}. Please renew at copilotkit.ai/pricing`,
-        actionLabel: "Renew now",
+        message: props.expiryDate
+          ? ɵformatLabel(text.licenseExpiredOnDateText, {
+              date: props.expiryDate,
+            })
+          : text.licenseExpiredText,
+        actionLabel: text.licenseRenewNowLabel,
         actionUrl: "https://copilotkit.ai/pricing",
       };
     case "invalid":
       return {
         severity: "critical",
-        message:
-          "Invalid CopilotKit license token. Please check your configuration.",
-        actionLabel: "Get a license",
+        message: text.licenseInvalidText,
+        actionLabel: text.licenseGetLicenseLabel,
         actionUrl: "https://copilotkit.ai/pricing",
       };
     default:

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

@@ -20,4 +20,24 @@ describe("LicenseWarningBanner", () => {
 
     expect(wrapper.find("button").exists()).toBe(false);
   });
+
+  it("says the license expires soon when the day count is unknown", () => {
+    const wrapper = mount(LicenseWarningBanner, {
+      props: { type: "expiring" },
+    });
+
+    expect(wrapper.get("span").text()).toBe(
+      "Your CopilotKit license expires soon. Please renew.",
+    );
+  });
+
+  it("counts the days left before the license expires", () => {
+    const wrapper = mount(LicenseWarningBanner, {
+      props: { type: "expiring", graceRemaining: 1 },
+    });
+
+    expect(wrapper.get("span").text()).toBe(
+      "Your CopilotKit license expires in 1 day. Please renew.",
+    );
+  });
 });

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

@@ -4,7 +4,6 @@ import {
   createAttachmentContent,
   DEFAULT_AGENT_ID,
   randomUUID,
-  TranscriptionErrorCode,
 } from "@copilotkit/shared";
 import {
   computed,
@@ -17,7 +16,14 @@ import {
   useSlots,
   watch,
 } from "vue";
-import { CopilotKitCoreErrorCode, ɵisHttpAgent } from "@copilotkit/core";
+import {
+  CopilotChatDefaultLabels,
+  CopilotKitCoreErrorCode,
+  TranscriptionError,
+  ɵisHttpAgent,
+  ɵtranscribeAudio,
+  ɵtranscriptionErrorMessageKey,
+} from "@copilotkit/core";
 import type { Suggestion } from "@copilotkit/core";
 import CopilotChatConfigurationProvider from "../../providers/CopilotChatConfigurationProvider.vue";
 import { useCopilotChatConfiguration } from "../../providers/useCopilotChatConfiguration";
@@ -28,10 +34,6 @@ import { useAgent } from "../../hooks/use-agent";
 import { useSuggestions } from "../../hooks/use-suggestions";
 import { useAttachments } from "../../hooks/use-attachments";
 import { useShallowStableRef } from "../../lib/shallow-stable";
-import {
-  transcribeAudio,
-  TranscriptionError,
-} from "../../lib/transcription-client";
 import CopilotChatView from "./CopilotChatView.vue";
 import { LastUserMessageKey } from "./last-user-message-context";
 import type { LastUserMessageState } from "./last-user-message-context";
@@ -159,6 +161,12 @@ const isConnecting = computed(
 );
 const stableLabels = useShallowStableRef(computed(() => props.labels));
 const resolvedLabels = computed(() => stableLabels.value);
+// The labels this chat shows, the same merge its configuration provider makes.
+const chatLabels = computed(() => ({
+  ...CopilotChatDefaultLabels,
+  ...existingConfig.value?.labels,
+  ...resolvedLabels.value,
+}));
 
 // `useAgent` takes no threadId: it pins one only from a surrounding chat
 // configuration, and this call sits outside the provider rendered in this
@@ -771,48 +779,19 @@ async function handleFinishTranscribeWithAudio(audioBlob: Blob) {
   isTranscribing.value = true;
   try {
     transcriptionError.value = null;
-    const result = await transcribeAudio(copilotkit.value, audioBlob);
+    const result = await ɵtranscribeAudio(copilotkit.value, audioBlob);
     const trimmedPrevious = inputValue.value.trim();
     inputValue.value = trimmedPrevious
       ? `${trimmedPrevious} ${result.text}`
       : result.text;
   } catch (error) {
     console.error("CopilotChat: Transcription failed", error);
+    const labels = chatLabels.value;
     if (error instanceof TranscriptionError) {
-      const { code, retryable, message } = error.info;
-      switch (code) {
-        case TranscriptionErrorCode.RATE_LIMITED:
-          transcriptionError.value = "Too many requests. Please wait a moment.";
-          break;
-        case TranscriptionErrorCode.AUTH_FAILED:
-          transcriptionError.value =
-            "Authentication error. Please check your configuration.";
-          break;
-        case TranscriptionErrorCode.AUDIO_TOO_LONG:
-          transcriptionError.value =
-            "Recording is too long. Please try a shorter recording.";
-          break;
-        case TranscriptionErrorCode.AUDIO_TOO_SHORT:
-          transcriptionError.value =
-            "Recording is too short. Please try again.";
-          break;
-        case TranscriptionErrorCode.INVALID_AUDIO_FORMAT:
-          transcriptionError.value = "Audio format not supported.";
-          break;
-        case TranscriptionErrorCode.SERVICE_NOT_CONFIGURED:
-          transcriptionError.value = "Transcription service is not available.";
-          break;
-        case TranscriptionErrorCode.NETWORK_ERROR:
-          transcriptionError.value =
-            "Network error. Please check your connection.";
-          break;
-        default:
-          transcriptionError.value = retryable
-            ? "Transcription failed. Please try again."
-            : message;
-      }
+      const key = ɵtranscriptionErrorMessageKey(error.info);
+      transcriptionError.value = key ? labels[key] : error.info.message;
     } else {
-      transcriptionError.value = "Transcription failed. Please try again.";
+      transcriptionError.value = labels.transcriptionErrorGenericText;
     }
   } finally {
     isTranscribing.value = false;

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

@@ -9,8 +9,7 @@ import type { Attachment } from "@copilotkit/shared";
 import type { CopilotChatAttachmentQueueProps } from "./types";
 import { IconPlay } from "../icons";
 import CopilotChatLightbox from "./CopilotChatLightbox.vue";
-import { useCopilotChatConfiguration } from "../../providers/useCopilotChatConfiguration";
-import { CopilotChatDefaultLabels } from "../../providers/types";
+import { useChatLabels } from "./use-chat-labels";
 
 const props = withDefaults(defineProps<CopilotChatAttachmentQueueProps>(), {
   attachments: () => [],
@@ -21,8 +20,7 @@ const emit = defineEmits<{
   "remove-attachment": [id: string];
 }>();
 
-const config = useCopilotChatConfiguration();
-const labels = computed(() => config.value?.labels ?? CopilotChatDefaultLabels);
+const labels = useChatLabels();
 
 const activeLightboxAttachment = ref<Attachment | null>(null);
 const documentBlobUrl = ref<string | null>(null);
@@ -32,10 +30,10 @@ const lightboxLabel = computed(() => {
   if (!attachment) return undefined;
   if (attachment.filename) return attachment.filename;
   return attachment.type === "image"
-    ? "Image attachment"
+    ? labels.value.attachmentImageAltText
     : attachment.type === "video"
       ? "Video attachment"
-      : "Document";
+      : labels.value.attachmentDocumentLabel;
 });
 const isPreviewableDocument = computed(() => {
   const attachment = activeLightboxAttachment.value;
@@ -267,7 +265,7 @@ function createBlobUrl(
               class="cpk-attachment-queue-document-name"
               data-testid="copilot-chat-attachment-document-filename"
             >
-              {{ attachment.filename || "Document" }}
+              {{ attachment.filename || labels.attachmentDocumentLabel }}
             </span>
             <span
               v-if="attachment.size != null"
@@ -369,10 +367,16 @@ function createBlobUrl(
         </div>
         <div class="cpk-attachment-queue-document-card-details">
           <div class="cpk-attachment-queue-document-card-name">
-            {{ activeLightboxAttachment.filename || "Document" }}
+            {{
+              activeLightboxAttachment.filename ||
+              labels.attachmentDocumentLabel
+            }}
           </div>
           <div class="cpk-attachment-queue-document-card-meta">
-            {{ activeLightboxAttachment.source.mimeType || "Unknown type" }}
+            {{
+              activeLightboxAttachment.source.mimeType ||
+              labels.attachmentUnknownTypeText
+            }}
             {{
               activeLightboxAttachment.size != null
                 ? ` · ${formatFileSize(activeLightboxAttachment.size)}`
@@ -381,7 +385,7 @@ function createBlobUrl(
           </div>
         </div>
         <div class="cpk-attachment-queue-document-card-note">
-          No preview available for this file type
+          {{ labels.attachmentNoPreviewText }}
         </div>
       </div>
     </template>