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

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"],
@@ -47,7 +47,6 @@ export default defineConfig({
         // declared") and risks double custom-element registration.
         /^@copilotkit\/web-components(\/.*)?$/,
         "@jetbrains/websandbox",
-        "lucide-vue-next",
         "zod",
         "zod-to-json-schema",
       ],

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