@copilotkit/vue 1.81.0 → 1.82.0

package/src/v2/providers/__tests__/CopilotKitProvider.a2ui.test.ts

@@ -1,6 +1,9 @@
 import { describe, expect, it } from "vitest";
 import { defineComponent, h, ref } from "vue";
 import { mount } from "@vue/test-utils";
+import { z } from "zod";
+import { Catalog } from "@a2ui/web_core/v0_9";
+import type { ComponentApi } from "@a2ui/web_core/v0_9";
 import CopilotKitProvider from "../CopilotKitProvider.vue";
 import { useCopilotKit } from "../useCopilotKit";
 
@@ -76,3 +79,50 @@ describe("CopilotKitProvider a2ui catalog auto-enable", () => {
     expect(a2uiRenderer).toBeUndefined();
   });
 });
+
+const CAPABILITIES_DESCRIPTION =
+  "A2UI catalog capabilities: available catalog IDs and custom component definitions the client can render.";
+
+function makeCustomCatalog(): Catalog<ComponentApi> {
+  return new Catalog<ComponentApi>(
+    "copilotkit://custom-catalog",
+    [{ name: "FlightCard", schema: z.object({ airline: z.string() }) }],
+    [],
+  );
+}
+
+function capabilitiesValue(
+  core: ReturnType<typeof mountProvider>["observedCore"]["value"],
+): string | undefined {
+  return Object.values(core?.context ?? {}).find(
+    (entry) => entry.description === CAPABILITIES_DESCRIPTION,
+  )?.value;
+}
+
+describe("CopilotKitProvider a2ui catalog context", () => {
+  it("lists custom components by name only when includeSchema is false", () => {
+    const { observedCore } = mountProvider({
+      a2ui: { catalog: makeCustomCatalog(), includeSchema: false },
+    });
+
+    expect(capabilitiesValue(observedCore.value)).toBe(
+      [
+        "Available A2UI catalog:",
+        "- copilotkit://custom-catalog",
+        "  Custom catalog (does NOT include all basic components).",
+        "  Custom components:",
+        "  - FlightCard",
+      ].join("\n"),
+    );
+  });
+
+  it("includes custom component schemas by default", () => {
+    const { observedCore } = mountProvider({
+      a2ui: { catalog: makeCustomCatalog() },
+    });
+
+    const value = capabilitiesValue(observedCore.value);
+    expect(value).toContain("  - FlightCard:\n    {");
+    expect(value).toContain('"airline"');
+  });
+});

package/src/v2/providers/types.ts

@@ -25,6 +25,15 @@ export const CopilotChatDefaultLabels = {
   chatScrollToBottomLabel: "Scroll to bottom",
   modalHeaderTitle: "CopilotKit Chat",
   welcomeMessageText: "How can I help you today?",
+  reasoningMessageThinkingLabel: "Thinking…",
+  chatInputSlashMenuLabel: "Slash commands",
+  chatInputSlashMenuEmptyText: "No commands found",
+  attachmentRemoveButtonLabel: "Remove attachment",
+  attachmentPlayVideoButtonLabel: "Play video",
+  attachmentPreviewCloseButtonLabel: "Close preview",
+  modalHeaderCloseButtonLabel: "Close",
+  modalHeaderThreadsButtonLabel: "Open threads",
+  sidebarLabel: "Copilot chat sidebar",
 } as const;
 
 export type CopilotChatLabels = typeof CopilotChatDefaultLabels;