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

package/PARITY.md

@@ -412,18 +412,19 @@ are all in the MCP Apps area: one `partial`, one `unmapped` and one `vue-only`.
 
 ### Providers
 
-| React test/feature anchor                              | Vue counterpart                                       | Status  | Notes                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
-| ------------------------------------------------------ | ----------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `CopilotKitProvider.sandboxReplay.test.tsx`            | `CopilotKitProvider.sandboxReplay.test.ts`            | matched | Real provider registration and core restore path: original sandbox results, pending approval gating, saved completions, and ordinary-handler safety.                                                                                                                                                                                                                                                                                                                 |
-| `CopilotKitProvider.test.tsx`                          | `CopilotKitProvider.test.ts`                          | matched | Core provider behavior, including the development-only Inspector default, production and SSR guards, hydration-safe post-mount activation, legacy `showDevConsole` isolation, client-only loading, and pre-connection core binding.                                                                                                                                                                                                                                  |
-| `CopilotKitProvider.wildcard.test.tsx`                 | `CopilotKitProvider.wildcard.test.ts`                 | matched | Wildcard behavior parity.                                                                                                                                                                                                                                                                                                                                                                                                                                            |
-| `CopilotChatConfigurationProvider.test.tsx`            | `CopilotChatConfigurationProvider.test.ts`            | matched | Configuration provider parity.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
-| `CopilotKitProvider.onError.test.tsx`                  | `CopilotKitProvider.onError.test.ts`                  | matched | Dedicated Vue on-error parity suite.                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| `CopilotKitProvider.stability.test.tsx`                | `CopilotKitProvider.stability.test.ts`                | matched | Strict counterpart matches provider stability behavior and runtimeUrl setter timing semantics; Vue remount lifecycle invariants are covered explicitly, while literal React StrictMode remount identity is treated as framework-specific.                                                                                                                                                                                                                            |
-| `CopilotKitProvider.renderCustomMessages.e2e.test.tsx` | `CopilotKitProvider.renderCustomMessages.e2e.test.ts` | matched | Dedicated strict counterpart uses provider `renderCustomMessages` with React-matching case names and ordering/scoping semantics, with a trailing Vue-specific slot-precedence check.                                                                                                                                                                                                                                                                                 |
-| React `CopilotKitProvider.tsx` `debug` prop            | `CopilotKitProvider.debug.test.ts`                    | matched | Vue `CopilotKitProvider` exposes `debug?: DebugConfig` parity with React. Dedicated Vue suite covers initial constructor threading, runtime `setDebug(...)` sync on prop changes, core-instance stability, clearing behavior, and regression safety for neighboring runtime-config prop sync.                                                                                                                                                                        |
-| `CopilotKitProvider.license.test.tsx`                  | `CopilotKitProvider.license.test.ts`                  | matched | Dedicated strict counterpart for the `P1` license-banner parity package. Mirrors React case wording 1:1 across the five server-driven banner states (`none` shows "Powered by CopilotKit", `expired` shows the expired banner, `invalid` shows the invalid banner, `valid` shows no banner, missing `licenseStatus` shows no banner). Vue mocks `globalThis.fetch` via `vi.stubGlobal("fetch", ...)` in lockstep with React's `globalThis.fetch =` assignment style. |
-| `CopilotKitInspector.notificationContext.test.tsx`     | `CopilotKitInspector.notificationContext.test.ts`     | matched | Both pass the framework and SDK version to the development-only Inspector.                                                                                                                                                                                                                                                                                                                                                                                           |
+| React test/feature anchor                                 | Vue counterpart                                          | Status  | Notes                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| --------------------------------------------------------- | -------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `CopilotKitProvider.sandboxReplay.test.tsx`               | `CopilotKitProvider.sandboxReplay.test.ts`               | matched | Real provider registration and core restore path: original sandbox results, pending approval gating, saved completions, and ordinary-handler safety.                                                                                                                                                                                                                                                                                                                 |
+| `CopilotKitProvider.test.tsx`                             | `CopilotKitProvider.test.ts`                             | matched | Core provider behavior, including the development-only Inspector default, production and SSR guards, hydration-safe post-mount activation, legacy `showDevConsole` isolation, client-only loading, and pre-connection core binding.                                                                                                                                                                                                                                  |
+| `CopilotKitProvider.wildcard.test.tsx`                    | `CopilotKitProvider.wildcard.test.ts`                    | matched | Wildcard behavior parity.                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| `CopilotChatConfigurationProvider.test.tsx`               | `CopilotChatConfigurationProvider.test.ts`               | matched | Configuration provider parity.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| `CopilotKitProvider.onError.test.tsx`                     | `CopilotKitProvider.onError.test.ts`                     | matched | Dedicated Vue on-error parity suite.                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `CopilotKitProvider.stability.test.tsx`                   | `CopilotKitProvider.stability.test.ts`                   | matched | Strict counterpart matches provider stability behavior and runtimeUrl setter timing semantics; Vue remount lifecycle invariants are covered explicitly, while literal React StrictMode remount identity is treated as framework-specific.                                                                                                                                                                                                                            |
+| `CopilotKitProvider.renderCustomMessages.e2e.test.tsx`    | `CopilotKitProvider.renderCustomMessages.e2e.test.ts`    | matched | Dedicated strict counterpart uses provider `renderCustomMessages` with React-matching case names and ordering/scoping semantics, with a trailing Vue-specific slot-precedence check.                                                                                                                                                                                                                                                                                 |
+| React `CopilotKitProvider.tsx` `debug` prop               | `CopilotKitProvider.debug.test.ts`                       | matched | Vue `CopilotKitProvider` exposes `debug?: DebugConfig` parity with React. Dedicated Vue suite covers initial constructor threading, runtime `setDebug(...)` sync on prop changes, core-instance stability, clearing behavior, and regression safety for neighboring runtime-config prop sync.                                                                                                                                                                        |
+| `CopilotKitProvider.license.test.tsx`                     | `CopilotKitProvider.license.test.ts`                     | matched | Dedicated strict counterpart for the `P1` license-banner parity package. Mirrors React case wording 1:1 across the five server-driven banner states (`none` shows "Powered by CopilotKit", `expired` shows the expired banner, `invalid` shows the invalid banner, `valid` shows no banner, missing `licenseStatus` shows no banner). Vue mocks `globalThis.fetch` via `vi.stubGlobal("fetch", ...)` in lockstep with React's `globalThis.fetch =` assignment style. |
+| `CopilotKitInspector.notificationContext.test.tsx`        | `CopilotKitInspector.notificationContext.test.ts`        | matched | Both pass the framework and SDK version to the development-only Inspector.                                                                                                                                                                                                                                                                                                                                                                                           |
+| `copilot-kit-styles.{ssr,client,opt-out.client}.test.tsx` | `styles/__tests__/CopilotKitStyles.{ssr,client}.test.ts` | matched | `CopilotKitStyles` renders core's stylesheet from `CopilotChat`, with the provider's `nonce` and `injectStyles`. React 19 hoists one tag into `<head>`; Vue has no hoisting, so the first instance in each app renders the tag in place and hands it on when it unmounts. The Vue suite also covers hydration.                                                                                                                                                       |
 
 ### Chat/component integration
 

package/README.md

@@ -16,7 +16,6 @@ The package requires Vue 3.3 or newer. Your app also needs a Copilot Runtime end
 <!-- App.vue -->
 <script setup lang="ts">
 import { CopilotChat, CopilotKitProvider } from "@copilotkit/vue/v2";
-import "@copilotkit/vue/styles.css";
 </script>
 
 <template>
@@ -28,7 +27,7 @@ import "@copilotkit/vue/styles.css";
 </template>
 ```
 
-Import `@copilotkit/vue/styles.css` once in your app. `CopilotChat` uses the provider's default agent when `agent-id` is omitted. The chat fills its parent, so give that container a height.
+`CopilotChat` adds its own CSS, so you don't import a stylesheet. `CopilotChat` uses the provider's default agent when `agent-id` is omitted. The chat fills its parent, so give that container a height.
 
 ## Imports and compatibility
 

package/dist/components/copilot-provider/CopilotKit.vue.d.ts

@@ -9,7 +9,9 @@ declare var __VLS_5: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<CopilotKitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CopilotKitProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<CopilotKitProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CopilotKitProps> & Readonly<{}>, {
+    injectStyles: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/copilot-provider/CopilotKit.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotKit.vue.d.ts","sourceRoot":"","sources":["../../../src/components/copilot-provider/CopilotKit.vue"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA4B/C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,0SAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CopilotKit.vue.d.ts","sourceRoot":"","sources":["../../../src/components/copilot-provider/CopilotKit.vue"],"names":[],"mappings":"AAuBA;;;;;GAKG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkC/C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe;;6EAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAa1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}