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

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

package/src/v2/components/chat/__tests__/normalize-auto-scroll.test.ts

@@ -1,39 +0,0 @@
-import { describe, it, expect } from "vitest";
-import {
-  normalizeAutoScroll,
-  type AutoScrollMode,
-} from "../normalize-auto-scroll";
-
-// Strict counterpart of React `normalize-auto-scroll.test.ts`.
-// Keep case order and wording aligned 1:1 with the React suite.
-describe("normalizeAutoScroll", () => {
-  it("returns 'pin-to-bottom' for undefined (default)", () => {
-    expect(normalizeAutoScroll(undefined)).toBe("pin-to-bottom");
-  });
-
-  it("maps true -> 'pin-to-bottom'", () => {
-    expect(normalizeAutoScroll(true)).toBe("pin-to-bottom");
-  });
-
-  it("maps false -> 'none'", () => {
-    expect(normalizeAutoScroll(false)).toBe("none");
-  });
-
-  it("passes 'pin-to-bottom' through", () => {
-    expect(normalizeAutoScroll("pin-to-bottom")).toBe("pin-to-bottom");
-  });
-
-  it("passes 'pin-to-send' through", () => {
-    expect(normalizeAutoScroll("pin-to-send")).toBe("pin-to-send");
-  });
-
-  it("passes 'none' through", () => {
-    expect(normalizeAutoScroll("none")).toBe("none");
-  });
-
-  it("falls back to 'pin-to-bottom' for unknown strings", () => {
-    expect(normalizeAutoScroll("bogus" as AutoScrollMode)).toBe(
-      "pin-to-bottom",
-    );
-  });
-});

package/src/v2/components/chat/normalize-auto-scroll.ts

@@ -1,17 +0,0 @@
-export type AutoScrollMode = "pin-to-bottom" | "pin-to-send" | "none";
-
-const VALID: readonly AutoScrollMode[] = [
-  "pin-to-bottom",
-  "pin-to-send",
-  "none",
-];
-
-export function normalizeAutoScroll(
-  value: AutoScrollMode | boolean | undefined,
-): AutoScrollMode {
-  if (value === undefined) return "pin-to-bottom";
-  if (value === true) return "pin-to-bottom";
-  if (value === false) return "none";
-  if ((VALID as readonly string[]).includes(value)) return value;
-  return "pin-to-bottom";
-}